出入库审核添加附件预览功能

src/views/InformationAudit/enterWarehouseAudit/detail.vue

@@ -23,9 +23,7 @@
         </el-table-column>
         <el-table-column label="附件上传" header-align="center" align="center" width="160">
           <template #default="scope">
-            <span class="fileName" @click="fileDownload(scope.row.filePart, scope.row.fileName)">{{
-              scope.row.fileName
-            }}</span>
+            <span class="fileName" @click="handlePreview1(scope.row.filePart)">{{ scope.row.fileName }}</span>
           </template>
         </el-table-column>
         <el-table-column prop="remarks" label="备注" header-align="center" align="center" />
@@ -38,9 +36,7 @@
           <el-table-column prop="opinion" label="审核意见" header-align="center" align="center" />
           <el-table-column label="附件" header-align="center" align="center">
             <template #default="scope">
-              <span class="fileName" @click="fileDownload(scope.row.filePart, scope.row.fileName)">{{
-                scope.row.fileName
-              }}</span>
+              <span class="fileName" @click="handlePreview1(scope.row.filePart)">{{ scope.row.fileName }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="auditingTime" label="审核时间" header-align="center" align="center" />
@@ -114,6 +110,7 @@ import { useDict } from "@/hooks/dict";
 import store from "@/store";
 import { useGetters } from "@/hooks/storeHooks";
 import { getQuery } from "@/hooks/detailQuery/index";
+import { sysFile } from "@/api/inAndOut/formationFilling/in";
 
 const { access_token } = useGetters(["access_token"]);
 const { indound_type, is_available } = useDict("indound_type", "is_available");
@@ -310,6 +307,15 @@ const fileDownload = (filePart: any, fileName: string) => {
   };
   xhr.send(formData);
 };
+const handlePreview1 = (file: any) => {
+  if (file) {
+    sysFile(file).then((res: any) => {
+      const blob = new Blob([res], { type: "application/pdf;charset=UTF-8" });
+      const bFile = URL.createObjectURL(blob);
+      window.open(bFile);
+    });
+  }
+};
 
 onMounted(() => {
   getList();

src/views/InformationAudit/outWarehouseAudit/detail.vue

@@ -8,7 +8,7 @@
             {{ scope.row.outboundType ? showCh(scope.row.outboundType, outdound_type) : scope.row.outboundType }}
           </template>
         </el-table-column>
-        <el-table-column prop="materialName" label="物资名称" header-align="center" align="center" width="360">
+        <el-table-column prop="materialName" label="物资名称" header-align="center" align="center">
           <template #default="scope">
             {{ scope.row.materialGroup + "/" + scope.row.materialType + "/" + scope.row.materialName }}
           </template>
@@ -26,9 +26,7 @@
         </el-table-column>
         <el-table-column label="附件上传" header-align="center" align="center" width="160">
           <template #default="scope">
-            <span class="fileName" @click="fileDownload(scope.row.filePart, scope.row.fileName)">{{
-              scope.row.fileName
-            }}</span>
+            <span class="fileName" @click="handlePreview1(scope.row.filePart)">{{ scope.row.fileName }}</span>
           </template>
         </el-table-column>
         <el-table-column prop="remarks" label="备注" header-align="center" align="center" />
@@ -41,9 +39,7 @@
           <el-table-column prop="opinion" label="审核意见" header-align="center" align="center" />
           <el-table-column label="附件" header-align="center" align="center">
             <template #default="scope">
-              <span class="fileName" @click="fileDownload(scope.row.filePart, scope.row.fileName)">{{
-                scope.row.fileName
-              }}</span>
+              <span class="fileName" @click="handlePreview1(scope.row.filePart)">{{ scope.row.fileName }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="auditingTime" label="审核时间" header-align="center" align="center" />
@@ -117,6 +113,7 @@ import { useDict } from "@/hooks/dict";
 import store from "@/store";
 import { useGetters } from "@/hooks/storeHooks";
 import { getQuery } from "@/hooks/detailQuery/index";
+import { sysFile } from "@/api/inAndOut/formationFilling/in";
 
 const { access_token } = useGetters(["access_token"]);
 const { outdound_type, is_available, province_ch } = useDict("outdound_type", "is_available", "province_ch");
@@ -311,6 +308,16 @@ const fileDownload = (filePart: any, fileName: string) => {
   xhr.send(formData);
 };
 
+const handlePreview1 = (file: any) => {
+  if (file) {
+    sysFile(file).then((res: any) => {
+      const blob = new Blob([res], { type: "application/pdf;charset=UTF-8" });
+      const bFile = URL.createObjectURL(blob);
+      window.open(bFile);
+    });
+  }
+};
+
 onMounted(() => {
   getList();
 });