修复审核页面中，图片异常的问题

src/views/news/task/index.vue

@@ -122,6 +122,9 @@
 </template>
 
 <script>
+import {
+  downloadpic,
+} from "@/api/portal/task/task";
 export default {
   data() {
     return {
@@ -132,29 +135,37 @@ export default {
         { label: "通知公告", value: "3" },
         { label: "政策解读", value: "4" },
       ],
-      fileList: [{ name: "", url: "" }],
+      fileList: [
+      ],
       BigImgVisible: false,
     };
   },
   props: ["taskList"],
   created() {
     if (this.taskList.formobj.picture) {
-
-          this.fileList[0] = {
-            name: "xxx",
-            url: this.taskList.formobj.picture,
-          };
-        }
+      downloadpic(this.taskList.formobj.picture).then((res) => {
+        this.fileList.push({
+          url:window.URL.createObjectURL(res),
+            name:'xxx'
+        })
+        console.log('下载转换后:',this.fileList[0])
+      });
+    }
   },
   watch: {
     taskList(curVal, oldVal) {
       if (curVal) {
-        if (this.taskList.formobj.picture) {
-          this.fileList[0] = {
-            name: "xxx",
-            url: this.taskList.formobj.picture,
-          };
-        }
+        this.fileList.pop()
+        console.log('新数据:',curVal.formobj.picture)
+        console.log('ssss',this.fileList)
+        downloadpic(curVal.formobj.picture).then((res) => {
+          this.fileList.push({
+            url:window.URL.createObjectURL(res),
+            name:'xxx'
+          })
+          console.log('下载转换后:',this.fileList[0])
+        });
+
       }
     },
   },
@@ -169,4 +180,4 @@ export default {
 </script>
 
 <style>
-</style>
+</style>

src/views/task/index.vue

@@ -203,7 +203,11 @@ export default {
       //点击审核那三个按钮会触发submitBtn函数然后设置这个title
       subTitle: "",
       //审核页面的
-      taskList: [],
+      taskList: {
+        formobj:{
+          picture:''
+        }
+      },
       //动态组件
       componentUrl: "",
       //审核的dialog
@@ -352,15 +356,28 @@ export default {
       this.subTitle = type;
       this.innerVisible = true;
     },
+    // //点击审核
+    // handleExamine(row) {
+    //   // this.taskList = []
+    //   getINSTACTIONTASK(row.id).then((res) => {
+    //     this.taskList = res.data;
+    //     this.componentUrl = res.data.infoUrl;
+    //     downloadpic(res.data.formobj.picture).then((res) => {
+    //       this.taskList.formobj.picture = window.URL.createObjectURL(res);
+    //       console.log('下载转换后:',this.taskList.formobj.picture)
+    //       this.dialogVisible = true;
+    //     });
+    //   });
+    // },
     //点击审核
     handleExamine(row) {
+      // this.taskList = []
       getINSTACTIONTASK(row.id).then((res) => {
         this.taskList = res.data;
         this.componentUrl = res.data.infoUrl;
-        downloadpic(this.taskList.formobj.picture).then((res) => {
-          this.taskList.formobj.picture = window.URL.createObjectURL(res);
-          this.dialogVisible = true;
-        });
+        this.dialogVisible = true;
+
+
       });
     },
     //点击查看详细