Browse Source

feat(table): 添加上传图片功能支持

PIGCLOUD 3 weeks ago
parent
commit
f8ed1d2972
3 changed files with 29 additions and 11 deletions
  1. 10 4
      multiple/主子表格.vue
  2. 10 4
      single/表格.vue
  3. 9 3
      tree/树形表格.vue

+ 10 - 4
multiple/主子表格.vue

@@ -141,12 +141,18 @@
             <dict-tag :options="$field.fieldDict" :value="scope.row.${field.attrName}"></dict-tag>
           </template>
         </el-table-column>
+#elseif(${field.formType} == 'upload-img')
+        <el-table-column prop="${field.attrName}" label="#if(${field.fieldComment})${field.fieldComment}#else${field.attrName}#end">
+          <template #default="{ row }">
+            <upload-img disabled v-model:imageUrl="row.${field.attrName}"></upload-img>
+          </template>
+        </el-table-column>
 #else
-        <el-table-column 
-          prop="${field.attrName}" 
-          label="#if(${field.fieldComment})${field.fieldComment}#else${field.attrName}#end" 
+        <el-table-column
+          prop="${field.attrName}"
+          label="#if(${field.fieldComment})${field.fieldComment}#else${field.attrName}#end"
 #if(${field.gridSort} == '1')
-          sortable="custom" 
+          sortable="custom"
 #end
           show-overflow-tooltip
         />

+ 10 - 4
single/表格.vue

@@ -161,12 +161,18 @@
             <dict-tag :options="$field.fieldDict" :value="scope.row.${field.attrName}" />
           </template>
         </el-table-column>
+#elseif(${field.formType} == 'upload-img')
+        <el-table-column prop="${field.attrName}" label="#if(${field.fieldComment})${field.fieldComment}#else${field.attrName}#end">
+          <template #default="{ row }">
+            <upload-img disabled v-model:imageUrl="row.${field.attrName}"></upload-img>
+          </template>
+        </el-table-column>
 #else
-        <el-table-column 
-          prop="${field.attrName}" 
-          label="#if(${field.fieldComment})${field.fieldComment}#else${field.attrName}#end" 
+        <el-table-column
+          prop="${field.attrName}"
+          label="#if(${field.fieldComment})${field.fieldComment}#else${field.attrName}#end"
 #if(${field.gridSort} == '1')
-          sortable="custom" 
+          sortable="custom"
 #end
           show-overflow-tooltip
         />

+ 9 - 3
tree/树形表格.vue

@@ -164,10 +164,16 @@
             <dict-tag :options="${field.fieldDict}" :value="scope.row.${field.attrName}" />
           </template>
         </el-table-column>
+#elseif(${field.formType} == 'upload-img')
+        <el-table-column prop="${field.attrName}" label="#if(${field.fieldComment})${field.fieldComment}#else${field.attrName}#end">
+          <template #default="{ row }">
+            <upload-img disabled v-model:imageUrl="row.${field.attrName}"></upload-img>
+          </template>
+        </el-table-column>
 #else
-        <el-table-column 
-          prop="${field.attrName}" 
-          label="#if(${field.fieldComment})${field.fieldComment}#else${field.attrName}#end" 
+        <el-table-column
+          prop="${field.attrName}"
+          label="#if(${field.fieldComment})${field.fieldComment}#else${field.attrName}#end"
           show-overflow-tooltip
 #if($field == $gridList[0])
           width="200"