专题管理板块文件的上传与下载

jwtech-admin-page/src/views/project/special/options/ContractPage.vue

@@ -232,6 +232,7 @@ import {
 } from "@/api/earlyStage/contract";
 import { getToken } from "@/utils/auth";
 import { v4 as uuidv4 } from "uuid";
+import { getFileStream } from "@/api/system/upload";
 
 export default {
   props: ["proNo"],
@@ -470,6 +471,7 @@ export default {
       console.log("fileList", fileList);
       this.contractFileList.push({
         name: fileList.name,
+        fileName: fileList.response.fileName,
         url: fileList.response.url,
         uid: fileList.uid,
         // fileList: fileList,
@@ -483,8 +485,23 @@ export default {
       // 删除文件
       this.contractFileList.splice(index, 1);
     },
+    // 点击预览的文件进行下载
     handlePreview(file) {
       console.log(file);
+      getFileStream({ fileName: file.fileName }).then((res) => {
+        const blob = new Blob([res], {
+          // type类型后端返回来的数据中会有，根据自己实际进行修改
+          // 表格下载为 application/xlsx，压缩包为 application/zip等，
+          type: "application/xlsx",
+        }); //excel,pdf等
+        const href = URL.createObjectURL(blob); //创建新的URL表示指定的blob对象
+        const a = document.createElement("a"); //创建a标签
+        a.style.display = "none";
+        a.href = href; // 指定下载链接
+        a.download = file.name; //指定下载文件名
+        a.click(); //触发下载
+        URL.revokeObjectURL(a.href); //释放URL对象
+      });
     },
     handleExceed(files, fileList) {
       this.$message.warning(

jwtech-admin-page/src/views/project/special/options/documentPage.vue

@@ -241,6 +241,7 @@ import {
   updateDocument,
   exportDocument,
 } from "@/api/earlyStage/document";
+import { getFileStream } from "@/api/system/upload";
 export default {
   props: ["proNo"],
   data() {
@@ -479,6 +480,7 @@ export default {
       console.log("fileList", fileList);
       this.acceptDocumentFileList.push({
         name: fileList.name,
+        fileName: fileList.response.fileName,
         url: fileList.response.url,
         uid: fileList.uid,
       });
@@ -500,8 +502,23 @@ export default {
       // 删除文件
       this.acceptDocumentFileList.splice(index, 1);
     },
+    // 点击预览的文件进行下载
     handlePreview(file) {
-      console.log(file);
+      // console.log(file);
+      getFileStream({ fileName: file.fileName }).then((res) => {
+        const blob = new Blob([res], {
+          // type类型后端返回来的数据中会有，根据自己实际进行修改
+          // 表格下载为 application/xlsx，压缩包为 application/zip等，
+          type: "application/xlsx",
+        }); //excel,pdf等
+        const href = URL.createObjectURL(blob); //创建新的URL表示指定的blob对象
+        const a = document.createElement("a"); //创建a标签
+        a.style.display = "none";
+        a.href = href; // 指定下载链接
+        a.download = file.name; //指定下载文件名
+        a.click(); //触发下载
+        URL.revokeObjectURL(a.href); //释放URL对象
+      });
     },
     handleExceed(files, fileList) {
       this.$message.warning(

jwtech-admin-page/src/views/project/special/options/resultsPage.vue

@@ -326,6 +326,7 @@ import {
   exportGain,
 } from "@/api/earlyStage/gain";
 import { getToken } from "@/utils/auth";
+import { getFileStream } from "@/api/system/upload";
 export default {
   props: ["proNo"],
   data() {
@@ -564,6 +565,7 @@ export default {
       console.log("fileList", fileList);
       this.resultsFileList.push({
         name: fileList.name,
+        fileName: fileList.response.fileName,
         url: fileList.response.url,
         uid: fileList.uid,
         // fileList: fileList,
@@ -578,8 +580,23 @@ export default {
       // 删除文件
       this.resultsFileList.splice(index, 1);
     },
+    // 点击预览的文件进行下载
     handlePreview(file) {
-      console.log(file);
+      // console.log(file);
+      getFileStream({ fileName: file.fileName }).then((res) => {
+        const blob = new Blob([res], {
+          // type类型后端返回来的数据中会有，根据自己实际进行修改
+          // 表格下载为 application/xlsx，压缩包为 application/zip等，
+          type: "application/xlsx",
+        }); //excel,pdf等
+        const href = URL.createObjectURL(blob); //创建新的URL表示指定的blob对象
+        const a = document.createElement("a"); //创建a标签
+        a.style.display = "none";
+        a.href = href; // 指定下载链接
+        a.download = file.name; //指定下载文件名
+        a.click(); //触发下载
+        URL.revokeObjectURL(a.href); //释放URL对象
+      });
     },
     handleExceed(files, fileList) {
       this.$message.warning(

jwtech-admin-page/src/views/project/special/options/taskPage.vue

@@ -637,9 +637,23 @@ export default {
       // 删除文件
       this.projectFileList.splice(index, 1);
     },
+    // 点击预览下载文件
     handleProjectPreview(file) {
-      console.log(file.fileName);
+      // console.log(file);
-      getFileStream({ fileName: file.fileName });
+      getFileStream({ fileName: file.fileName }).then((res) => {
+        const blob = new Blob([res], {
+          // type类型后端返回来的数据中会有，根据自己实际进行修改
+          // 表格下载为 application/xlsx，压缩包为 application/zip等，
+          type: "application/xlsx",
+        }); //excel,pdf等
+        const href = URL.createObjectURL(blob); //创建新的URL表示指定的blob对象
+        const a = document.createElement("a"); //创建a标签
+        a.style.display = "none";
+        a.href = href; // 指定下载链接
+        a.download = file.name; //指定下载文件名
+        a.click(); //触发下载
+        URL.revokeObjectURL(a.href); //释放URL对象
+      });
     },
     handleProjectExceed(files, fileList) {
       this.$message.warning(
@@ -671,7 +685,21 @@ export default {
       this.opinionFileList.splice(index, 1);
     },
     handleOpinionPreview(file) {
-      console.log(file);
+      // console.log(file);
+      getFileStream({ fileName: file.fileName }).then((res) => {
+        const blob = new Blob([res], {
+          // type类型后端返回来的数据中会有，根据自己实际进行修改
+          // 表格下载为 application/xlsx，压缩包为 application/zip等，
+          type: "application/xlsx",
+        }); //excel,pdf等
+        const href = URL.createObjectURL(blob); //创建新的URL表示指定的blob对象
+        const a = document.createElement("a"); //创建a标签
+        a.style.display = "none";
+        a.href = href; // 指定下载链接
+        a.download = file.name; //指定下载文件名
+        a.click(); //触发下载
+        URL.revokeObjectURL(a.href); //释放URL对象
+      });
     },
     handleOpinionExceed(files, fileList) {
       this.$message.warning(