编辑附件处理

src/pages/main/gridDivision/workersList.vue

@@ -67,10 +67,21 @@
         </el-form-item>
         <el-form-item label="附件上传" prop="file">
           <myUpload
+            v-if="title === '新建'"
             @uploadBack="uploadBack"
             :fileInfo="fileInfo"
             :fileList="fileInfo.fileList"
           ></myUpload>
+          <div v-else>
+            <div
+              v-for="(item, index) in fileInfo.fileList"
+              :key="index"
+              class="simple-table-click cursor-pointer margin-left-10"
+              @click="handleDownload(item)"
+            >
+              {{ item.fileName }}
+            </div>
+          </div>
         </el-form-item>
         <el-form-item label="审批轨迹" prop="" v-if="edit_visible">
           <simple-table
@@ -157,6 +168,8 @@ export default {
   },
   data() {
     return {
+      // 当前用户标识
+      loginNoStr: "",
       fileInfo: {
         limit: 3,
         url: "/market/mkWangge/upload",
@@ -226,7 +239,7 @@ export default {
           label: "编辑",
           props: "edit",
           visible: {
-            draft: ["0"],
+            isEdit: ["1"],
           },
         },
         {
@@ -299,6 +312,7 @@ export default {
   },
   mounted() {
     this.handleInit();
+    this.loginNoStr = JSON.parse(sessionStorage.getItem("userInfo")).loginNoStr;
   },
   methods: {
     // 表格数据初始化
@@ -321,11 +335,17 @@ export default {
       }).then(({ data: { count, data } }) => {
         this.table_loading = false;
         this.total = count;
-        this.table_list = data ? data.map((element, index) => ({
-          ...element,
-          deal: element.draft === "1" && element.sts === "0" ? "1" : "0",
-          No: index + 1,
-        })) : []
+        this.table_list = data
+          ? data.map((element, index) => ({
+              ...element,
+              deal: element.draft === "1" && element.sts === "0" ? "1" : "0",
+              isEdit:
+                element.draft === "0" && element.createId === this.loginNoStr
+                  ? "1"
+                  : "0",
+              No: index + 1,
+            }))
+          : [];
         console.log(this.table_list);
       });
     },
@@ -388,7 +408,7 @@ export default {
       });
       this.add_form.fileNames = fileName.join(",");
       this.add_form.fileIds = fileIds.join(",");
-      console.log(this.add_form,'this.add_form')
+      // console.log(this.add_form,'this.add_form')
     },
     // 获取模态框信息
     getDialogData(row) {
@@ -415,15 +435,19 @@ export default {
           fileNames: body.fileNames,
           fileIds: body.fileIds,
         };
-        this.fileInfo.fileList = body.fileNames.split(",").map((el, index) => ({
-          fileName: el,
-          name: el,
-          fileCode: body.fileIds.split(",")[index],
-        }));
-        this.table_list_approve = body.bpmTaskList.map((item, index) => ({
-          ...item,
-          No: index + 1,
-        }));
+        this.table_list_approve = body.bpmTaskList
+          ? body.bpmTaskList.map((item, index) => ({
+              ...item,
+              No: index + 1,
+            }))
+          : [];
+        this.fileInfo.fileList = body.fileNames
+          ? body.fileNames.split(",").map((el, index) => ({
+              fileName: el,
+              name: el,
+              fileCode: body.fileIds.split(",")[index],
+            }))
+          : [];
       });
     },
     // 查看按钮
@@ -572,6 +596,10 @@ export default {
       }
     },
   },
+  // 附件下载
+  handleDownload(item){
+    console.log(item);
+  }
 };
 </script>