feat(finish) add img

ruoyi-ui/src/views/flowable/task/finished/record.vue

@@ -34,29 +34,23 @@
             <el-form-item label="工作记录">
               <el-input type="textarea" v-model="form.workRecord"/>
             </el-form-item>
-            <el-form-item label="图片上传" prop="remark">
+            <el-form-item  label="附件">
-              <el-upload
+
-                class="upload-demo"
+              <div  v-for="(item,index) in uploadedImgs" class="demo-image__preview">
-                action="https://jsonplaceholder.typicode.com/posts/"
+                <el-row :span="24">
-                :on-preview="handlePreview"
+                  <el-col :span="6">
-                :on-remove="handleRemove"
+                    <el-image
-                :file-list="fileList">
+                      style="width: 100px; height: 100px"
-                <el-button size="small" type="primary">点击上传</el-button>
+                      :src="'data:image/png;base64,'+item.base64"
-                <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+                      :preview-src-list="['data:image/png;base64,'+item.base64]">
-              </el-upload>
+                    </el-image>
-            </el-form-item>
+                  </el-col>
-            <el-form-item label="文件上传" prop="remark">
+                  <el-col :span="2">
-              <el-upload
+                    <span>{{item.name}}</span>
-                class="upload-demo"
+                  </el-col>
-                action="https://jsonplaceholder.typicode.com/posts/"
+                </el-row>
-                :on-preview="handlePreview"
+
-                :on-remove="handleRemove"
+              </div>
-                multiple
-                :limit="3"
-                :file-list="fileList">
-                <el-button size="small" type="primary">点击上传</el-button>
-                <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
-              </el-upload>
             </el-form-item>
           </el-form>
         </div>
@@ -306,6 +300,7 @@ export default {
         issue: '',
         solution: '',
       },
+      uploadedImgs: [],
       fileList: [],
       projectList: [],
       returnTaskList: [],  // 回退列表数据
@@ -323,6 +318,7 @@ export default {
 
   methods: {
     init(procInsId, deployId, taskId, finished) {
+      this.uploadedImgs = []
       this.open = true
       this.taskForm.deployId = deployId;
       this.taskForm.taskId = taskId;
@@ -431,6 +427,7 @@ export default {
     getFlowRecordList(procInsId, deployId) {
       const params = {procInsId: procInsId, deployId: deployId}
       flowRecord(params).then(res => {
+        this.uploadedImgs = res.data.imgs;
         this.flowRecordList = res.data.flowList;
         // 流程过程中不存在初始化表单 直接读取的流程变量中存储的表单值
         // if (res.data.formData) {