附件预览

src/views/dataStatistics/components/detailedTable.vue

@@ -475,11 +475,11 @@ const cellStyle = () => {
 }
 
 ::v-deep .color1 {
-  background: rgba(251, 248, 156, 0.8) !important;
+  background: rgba(201, 90, 79, 0.8) !important;
 }
 
 ::v-deep .color2 {
-  background: rgba(201, 90, 79, 0.8) !important;
+  background: rgba(251, 248, 156, 0.8) !important;
 }
 
 ::v-deep .color3 {

src/views/upkeep/Auditing/detail.vue

@@ -13,27 +13,30 @@
       <el-table-column prop="maintenanceTime" label="维护保养时间" align="center" width="140" />
       <el-table-column prop="fileName" label="附件上传" align="center" width="114">
         <template #default="scope">
-          <el-upload
-            :disabled="props.type == 'look'"
-            v-model:file-list="scope.row.filePartList"
-            class="upload-demo"
-            style="width: 100%"
-            :action="fileUrl"
-            :data="paramsData"
-            :headers="myHeader"
-            multiple
-            :on-preview="handlePreview"
-            :on-remove="handleRemove"
-            :before-remove="beforeRemove"
-            :on-success="(response, file, index) => getFileInfo(response, file, scope.$index)"
-            :on-error="errorUpload"
-            :before-upload="beforeUpload"
-            :limit="1"
-            :on-exceed="handleExceed"
-          >
-            <el-button v-if="props.type != 'look'" size="small" type="primary">选择文件</el-button>
-          </el-upload>
-          <!-- <span v-else>{{ scope.row.fileName }}</span> -->
+          <!-- <el-form-item v-if="props.type != 'look'" :prop="'materialMaintenanceStatuses.' + scope.$index + '.fileName'">
+            <el-upload
+              :disabled="props.type == 'look'"
+              v-model:file-list="scope.row.filePartList"
+              class="upload-demo"
+              style="width: 100%"
+              :action="fileUrl"
+              :data="paramsData"
+              :headers="myHeader"
+              multiple
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :on-success="(response, file, index) => getFileInfo(response, file, scope.$index)"
+              :on-error="errorUpload"
+              :before-upload="beforeUpload"
+              :limit="1"
+              :on-exceed="handleExceed"
+            >
+              <el-button v-if="props.type != 'look'" size="small" type="primary">选择文件</el-button>
+            </el-upload>
+          </el-form-item> -->
+          <p @click="handlePreview(scope.row.filePart)" style="cursor: pointer; color: #409eff">
+            {{ scope.row.fileName }}
+          </p>
         </template>
       </el-table-column>
     </el-table>
@@ -53,6 +56,34 @@
           {{ scope.row.status ? showCh(scope.row.status, maintenance_auditing_status) : scope.row.status }}
         </template>
       </el-table-column>
+      <el-table-column prop="fileName" label="附件" align="center">
+        <template #default="scope">
+          <!-- <el-form-item v-if="props.type != 'look'" :prop="'materialMaintenanceStatuses.' + scope.$index + '.fileName'">
+            <el-upload
+              :disabled="props.type == 'look'"
+              v-model:file-list="scope.row.filePartList"
+              class="upload-demo"
+              style="width: 100%"
+              :action="fileUrl"
+              :data="paramsData"
+              :headers="myHeader"
+              multiple
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :on-success="(response, file, index) => getFileInfo(response, file, scope.$index)"
+              :on-error="errorUpload"
+              :before-upload="beforeUpload"
+              :limit="1"
+              :on-exceed="handleExceed"
+            >
+              <el-button v-if="props.type != 'look'" size="small" type="primary">选择文件</el-button>
+            </el-upload>
+          </el-form-item> -->
+          <p @click="handlePreview(scope.row.filePart)" style="cursor: pointer; color: #409eff">
+            {{ scope.row.fileName }}
+          </p>
+        </template>
+      </el-table-column>
     </el-table>
     <el-row v-else>
       <el-col :span="24" style="margin-top: 30px">
@@ -162,7 +193,10 @@ const lookData = () => {
         entryDate: res.data.entryDate,
         unitPrice: res.data.unitPrice
       }));
-      materialMaintenanceStatuses.value = res.data.materialMaintenanceStatuses;
+      materialMaintenanceStatuses.value = res.data.materialMaintenanceStatuses.map((item: any) => ({
+        ...item,
+        filePartList: [{ url: item.filePart, name: item.fileName }]
+      }));
     }
   });
 };
@@ -227,8 +261,8 @@ const getFileInfo = (res: any, file: any) => {
 const handleRemove = (file: any, uploadFiles: any) => {
   console.log(file, uploadFiles);
 };
-const handlePreview = (uploadFile: any) => {
-  sysFile(uploadFile.url).then((res: any) => {
+const handlePreview = (url) => {
+  sysFile(url).then((res: any) => {
     const blob = new Blob([res], { type: "application/pdf;charset=UTF-8" });
     const bFile = URL.createObjectURL(blob);
     window.open(bFile);

src/views/upkeep/report/detail.vue

@@ -109,7 +109,10 @@
         </el-table-column>
         <el-table-column prop="fileName" label="附件上传" align="center">
           <template #default="scope">
-            <el-form-item :prop="'tableData.' + scope.$index + '.fileName'" :rules="formRules1.fileName">
+            <el-form-item
+              v-if="props.type != 'look'"
+              :prop="'materialMaintenanceStatuses.' + scope.$index + '.fileName'"
+            >
               <el-upload
                 :disabled="props.type == 'look'"
                 v-model:file-list="scope.row.filePartList"
@@ -119,7 +122,6 @@
                 :data="paramsData"
                 :headers="myHeader"
                 multiple
-                :on-preview="handlePreview"
                 :on-remove="handleRemove"
                 :before-remove="beforeRemove"
                 :on-success="(response, file, index) => getFileInfo(response, file, scope.$index)"
@@ -131,7 +133,9 @@
                 <el-button v-if="props.type != 'look'" size="small" type="primary">选择文件</el-button>
               </el-upload>
             </el-form-item>
-            <!-- <span v-else>{{ scope.row.fileName }}</span> -->
+            <p v-else @click="handlePreview(scope.row.filePart)" style="cursor: pointer; color: #409eff">
+              {{ scope.row.fileName }}
+            </p>
           </template>
         </el-table-column>
         <el-table-column v-if="props.type != 'look'" label="操作" align="center" fixed="right" width="102">
@@ -158,6 +162,34 @@
           {{ scope.row.status ? showCh(scope.row.status, maintenance_auditing_status) : scope.row.status }}
         </template>
       </el-table-column>
+      <el-table-column prop="fileName" :label="props.type == 'look' ? '附件' : '附件上传'" align="center">
+        <template #default="scope">
+          <el-form-item v-if="props.type != 'look'" :prop="'materialMaintenanceStatuses.' + scope.$index + '.fileName'">
+            <el-upload
+              :disabled="props.type == 'look'"
+              v-model:file-list="scope.row.filePartList"
+              class="upload-demo"
+              style="width: 100%"
+              :action="fileUrl"
+              :data="paramsData"
+              :headers="myHeader"
+              multiple
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :on-success="(response, file, index) => getFileInfo(response, file, scope.$index)"
+              :on-error="errorUpload"
+              :before-upload="beforeUpload"
+              :limit="1"
+              :on-exceed="handleExceed"
+            >
+              <el-button v-if="props.type != 'look'" size="small" type="primary">选择文件</el-button>
+            </el-upload>
+          </el-form-item>
+          <p v-else @click="handlePreview(scope.row.filePart)" style="cursor: pointer; color: #409eff">
+            {{ scope.row.fileName }}
+          </p>
+        </template>
+      </el-table-column>
     </el-table>
     <div class="operationbox">
       <el-button type="success" @click="saveSubmit('1')" v-if="props.type != 'look'">保存</el-button>
@@ -403,8 +435,8 @@ const getFileInfo = (res: any, file: any, index: number) => {
 const handleRemove = (file: any, uploadFiles: any) => {
   console.log(file, uploadFiles);
 };
-const handlePreview = (uploadFile: any) => {
-  sysFile(uploadFile.url).then((res: any) => {
+const handlePreview = (url) => {
+  sysFile(url).then((res: any) => {
     const blob = new Blob([res], { type: "application/pdf;charset=UTF-8" });
     const bFile = URL.createObjectURL(blob);
     window.open(bFile);

src/views/upkeep/statistics/detail.vue

@@ -21,7 +21,7 @@
       <el-table-column prop="maintenancePerson" label="维护保养人" align="center"> </el-table-column>
       <el-table-column prop="fileName" label="附件" align="center">
         <template #default="scope">
-          <el-form-item :prop="'tableData.' + scope.$index + '.fileName'" :rules="formRules1.fileName">
+          <el-form-item v-if="props.type != 'look'" :prop="'materialMaintenanceStatuses.' + scope.$index + '.fileName'">
             <el-upload
               :disabled="props.type == 'look'"
               v-model:file-list="scope.row.filePartList"
@@ -31,7 +31,6 @@
               :data="paramsData"
               :headers="myHeader"
               multiple
-              :on-preview="handlePreview"
               :on-remove="handleRemove"
               :before-remove="beforeRemove"
               :on-success="(response, file, index) => getFileInfo(response, file, scope.$index)"
@@ -43,7 +42,9 @@
               <el-button v-if="props.type != 'look'" size="small" type="primary">选择文件</el-button>
             </el-upload>
           </el-form-item>
-          <!-- <span v-else>{{ scope.row.fileName }}</span> -->
+          <p v-else @click="handlePreview(scope.row.filePart)" style="cursor: pointer; color: #409eff">
+            {{ scope.row.fileName }}
+          </p>
         </template>
       </el-table-column>
     </el-table>
@@ -65,6 +66,7 @@ import { getQuery } from "@/hooks/detailQuery/index";
 const props = getQuery("/upkeep/StatisticsDetail");
 const deptType = ref("");
 const { userInfo } = useGetters(["userInfo"]);
+import { dictTree, sysFile } from "@/api/inAndOut/formationFilling/in";
 const tableData: any = ref([]);
 /** 列表数据获取 */
 const getList = () => {
@@ -100,8 +102,8 @@ const getFileInfo = (res: any, file: any) => {
 const handleRemove = (file: any, uploadFiles: any) => {
   console.log(file, uploadFiles);
 };
-const handlePreview = (uploadFile: any) => {
-  sysFile(uploadFile.url).then((res: any) => {
+const handlePreview = (url: string) => {
+  sysFile(url).then((res: any) => {
     const blob = new Blob([res], { type: "application/pdf;charset=UTF-8" });
     const bFile = URL.createObjectURL(blob);
     window.open(bFile);