修复 门户管理-新闻管理、审核任务、新闻审核中 图片不回显的问题

src/api/portal/news/NEWS.js

@@ -89,3 +89,15 @@ export function newCommit(CbNewsVo) {
     data:CbNewsVo
   })
 }
+
+
+// 获取文件流
+export function downloadpic(data) {
+  return request({
+    url: '/common/download?delete=false&fileName=' + data ,
+    method: 'get',
+    responseType: "blob"
+  })
+}
+
+

src/api/portal/task/task.js

@@ -63,3 +63,13 @@ export function goback(data) {
 }
 
 
+// 获取文件流
+export function downloadpic(data) {
+  return request({
+    url: '/common/download?delete=false&fileName=' + data ,
+    method: 'get',
+    responseType: "blob"
+  })
+}
+
+

src/views/news/index.vue

@@ -230,16 +230,21 @@
             v-hasPermi="['business:NEWS:remove']"
             >下架</el-button
           >
-            <el-button
-              v-if="scope.row.status == 0 || scope.row.status == 2"
-              size="mini"
-              type="text"
-              v-hasPermi="['business:NEWS:remove']"
-              @click="handleCommit(scope.row)"
-              >提交审核</el-button>
+          <el-button
+            v-if="scope.row.status == 0 || scope.row.status == 2"
+            size="mini"
+            type="text"
+            v-hasPermi="['business:NEWS:remove']"
+            @click="handleCommit(scope.row)"
+            >提交审核</el-button
+          >
 
           <el-button
-            v-if="scope.row.status == 0 || scope.row.status == 2 || scope.row.status == 5"
+            v-if="
+              scope.row.status == 0 ||
+              scope.row.status == 2 ||
+              scope.row.status == 5
+            "
             size="mini"
             type="text"
             @click="handleUpdate(scope.row)"
@@ -364,7 +369,12 @@
       </div>
     </el-dialog>
 
-    <el-dialog :visible.sync="dialogVisible" fullscreen append-to-body  @close="dialogVisible = false">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      fullscreen
+      append-to-body
+      @close="dialogVisible = false"
+    >
       <img width="100%" :src="form.picture" alt="" />
     </el-dialog>
   </div>
@@ -380,7 +390,8 @@ import {
   upload,
   setTop,
   newCommit,
-  updateAndex
+  updateAndex,
+  downloadpic,
 } from "@/api/portal/news/NEWS.js";
 
 export default {
@@ -504,7 +515,7 @@ export default {
       let formData = new FormData();
       formData.append("file", file);
       upload(formData).then((res) => {
-        this.form.picture = res.url;
+        this.form.picture = res.fileName;
       });
     },
     handleRemove(file) {
@@ -595,15 +606,16 @@ export default {
         this.form = response.data;
         this.open = true;
         this.title = "修改网站新闻";
-        if (this.form.picture) {
-          this.fileList.push({ name: "xxx", url: this.form.picture });
-        }
+        downloadpic(this.form.picture).then((res) => {
+          let src = window.URL.createObjectURL(res);
+           this.fileList.push({ name: "xxx", url: src});
+        });
       });
     },
     handleCommit(row) {
       // let data = new FormData();
       // data.append("id", id);
-      let CbNewsVo = row
+      let CbNewsVo = row;
       newCommit(CbNewsVo).then((response) => {
         this.$modal.msgSuccess("提交审核成功!");
         this.getList();
@@ -614,7 +626,6 @@ export default {
       this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.id != null) {
-            
             updateAndex(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
@@ -622,15 +633,15 @@ export default {
               this.reset();
             });
           } else {
-            this.form.status = '1'
+            this.form.status = "1";
             addNEWS(this.form).then((response) => {
               // let formData = new FormData()
               // formData.append('id',this.form.id)
               // newCommit(formData).then((res) => {
-                this.$modal.msgSuccess("新增成功");
-                this.open = false;
-                this.getList();
-                this.reset();
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+              this.reset();
               // });
             });
           }
@@ -646,28 +657,33 @@ export default {
       }
     },
     submitzc() {
-      console.log(this.form.id)
-        this.$refs["form"].validate((valid) => {
-          if (valid) {
-            if(this.form.id == null){
-              this.form.status = "0";
-              addNEWS(this.form).then((response) => {
-                this.$modal.msgSuccess("暂存成功");
-                this.open = false;
-                this.getList();
-                this.reset();
-              });
-            }else if(this.form.status == 0 || this.form.status == 2 || this.form.status == 3 || this.form.status == 5){
-              updateNEWS(this.form).then((response) => {
-                this.$modal.msgSuccess("修改成功");
-                this.open = false;
-                this.getList();
-                this.reset();
-              });
-            }
+      console.log(this.form.id);
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id == null) {
+            this.form.status = "0";
+            addNEWS(this.form).then((response) => {
+              this.$modal.msgSuccess("暂存成功");
+              this.open = false;
+              this.getList();
+              this.reset();
+            });
+          } else if (
+            this.form.status == 0 ||
+            this.form.status == 2 ||
+            this.form.status == 3 ||
+            this.form.status == 5
+          ) {
+            updateNEWS(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+              this.reset();
+            });
           }
-        });
-      },
+        }
+      });
+    },
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;

src/views/news/task/index.vue

@@ -62,7 +62,7 @@
               action="#"
               list-type="picture-card"
               :limit="1"
-              :auto-upload="true"
+              :auto-upload="false"
               :file-list="fileList"
               :disabled="true"
             >
@@ -139,6 +139,7 @@ export default {
   props: ["taskList"],
   created() {
     if (this.taskList.formobj.picture) {
+
           this.fileList[0] = {
             name: "xxx",
             url: this.taskList.formobj.picture,

src/views/task/index.vue

@@ -111,9 +111,17 @@
       </el-table-column>
     </el-table>
 
-    <el-dialog :visible.sync="dialogVisible" width="80%" center @close="closeDia">
-
-      <component :is="componentUrl" :taskList="taskList" ref="componentSH"></component>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      width="80%"
+      center
+      @close="closeDia"
+    >
+      <component
+        :is="componentUrl"
+        :taskList="taskList"
+        ref="componentSH"
+      ></component>
 
       <el-dialog
         width="60%"
@@ -150,7 +158,6 @@
       </span>
       <span slot="footer" class="dialog-footer" v-else>
         <el-button type="primary" @click="backDia">返回</el-button>
-       
       </span>
     </el-dialog>
 
@@ -178,13 +185,14 @@ import {
   approve, //通过
   reject, //驳回
   goback, //退回
+  downloadpic,
 } from "@/api/portal/task/task";
 
 export default {
   name: "INSTACTIONTASK",
-  components:{
+  components: {
     newsTask,
-    couTask
+    couTask,
   },
   data() {
     return {
@@ -197,7 +205,7 @@ export default {
       //审核页面的
       taskList: [],
       //动态组件
-      componentUrl: '',
+      componentUrl: "",
       //审核的dialog
       dialogVisible: false,
       // 根路径
@@ -296,10 +304,9 @@ export default {
   },
   created() {
     this.getList();
-
   },
   methods: {
-    closeDia(){
+    closeDia() {
       // console.log('关闭');
     },
     extask() {
@@ -331,7 +338,7 @@ export default {
         }
       });
     },
-    backDia(){
+    backDia() {
       this.dialogVisible = false;
     },
     qx() {
@@ -349,17 +356,22 @@ export default {
     handleExamine(row) {
       getINSTACTIONTASK(row.id).then((res) => {
         this.taskList = res.data;
-        this.dialogVisible = true;
-        this.componentUrl = res.data.infoUrl
-        console.log(this.taskList.formobj.picture);
+        this.componentUrl = res.data.infoUrl;
+        downloadpic(this.taskList.formobj.picture).then((res) => {
+          this.taskList.formobj.picture = window.URL.createObjectURL(res);
+          this.dialogVisible = true;
+        });
       });
     },
     //点击查看详细
     handleDetail(row) {
       getINSTACTIONTASK(row.id).then((res) => {
         this.taskList = res.data;
-        this.dialogVisible = true;
-        this.componentUrl = res.data.infoUrl
+        this.componentUrl = res.data.infoUrl;
+        downloadpic(this.taskList.formobj.picture).then((res) => {
+          this.taskList.formobj.picture = window.URL.createObjectURL(res);
+          this.dialogVisible = true;
+        });
       });
     },
     /** 查询审批任务实例列表 */