预览文件

src/views/filesTransfer/detail-data.vue

@@ -55,7 +55,7 @@
                 </el-table-column>
                 <el-table-column prop="archiveName" label="档案名称" min-width="300">
                     <template slot-scope="scope">
-                        <div class="archive-name-cell">{{ scope.row.archiveName }}</div>
+                        <div class="archive-name-cell file-name-link" @click="viewFile(scope.row)">{{ scope.row.archiveName }}</div>
                     </template>
                 </el-table-column>
             </el-table>
@@ -103,6 +103,8 @@
                 </div>
             </div>
         </div>
+        <!-- 预览文件 -->
+        <ViewFile v-if="isViewflag" :rowData="row" :title="title" @closeDialog="closeDialog" @showColose="showColose" :width="600" />
     </div>
 </template>
 
@@ -113,8 +115,11 @@ import {
     getTransferApplyApi,
 } from '@/api/filesTransfer/apply'
 import {auditTransferApplyApi} from '@/api/filesTransfer/audit'
+import ViewFile from '@/views/viewFile/viewFile.vue'
+
 export default {
     name: 'DetailData',
+    components:{ViewFile},
     data() {
         return {
             id: decryptWithSM4(this.$route.query.id),
@@ -127,7 +132,10 @@ export default {
             // 审批信息展示
             auditUserName: '',
             auditDate: '',
-            auditOpinion: ''
+            auditOpinion: '',
+            isViewflag: false,
+            row: {},
+            title: "",
         }
     },
     computed: {
@@ -166,6 +174,20 @@ export default {
         this.initData();
     },
     methods: {
+        // 预览文件
+        viewFile(row) {
+            console.error(row);
+            
+            this.title = "预览";
+            this.row = row;
+            this.isViewflag = true;
+        },
+        closeDialog() {
+            this.isViewflag = false; 
+        },
+        showColose() {
+            this.isflag = false;
+        },
         handleClose() {
             if (this.viewStatus === 'audit') {
                 const obj = { path: "/archivesManagement/filesTransfer/audit" }
@@ -184,8 +206,8 @@ export default {
             this.projectName = res2?.data?.proName || '/';
             this.receivingOrg = res2?.data?.deptName || '/';
             // 审批信息
-            this.auditUserName = res2?.data?.auditUserName || '--';
-            this.auditDate = res2?.data?.transfertTime || '--';
+            this.auditUserName = res2?.data?.auditUser || '--';
+            this.auditDate = res2?.data?.auditTime || '--';
             this.auditOpinion = res2?.data?.auditOpinion || '--';
             if (Array.isArray(res.data) && res.data.length > 0) {
                 res.data.map(item => {
@@ -195,6 +217,7 @@ export default {
                         createUserName: item.createUserName,
                         createTime: item.createTime,
                         archiveName: item?.parParentName + '/' + item?.parentName + '/' + item?.fileName,
+                        fileId: item?.fileId || '',
                     }
                     this.fileList.push(newFile);
                 })
@@ -470,4 +493,11 @@ export default {
         }
     }
 }
+.file-name-link {
+    color: #409EFF;
+    cursor: pointer;
+}
+.file-name-link:hover {
+    text-decoration: underline;
+}
 </style>

src/views/filesTransfer/record/index.vue

@@ -2,7 +2,7 @@
     <!-- 档案移交申请 -->
     <div class="app-container">
         <TableModel :formLabel="formLabel" :showOperation="true" :showRightTools="true" ref="recordTableRef"
-            :columnsList="columnsList" :request-api="getTransferApplyListApi">
+            :columnsList="columnsList" :request-api="getTransferRecordListApi">
             <template #form="{ queryParams }">
                 <el-form-item prop="deptId" style="width: 240px;">
                     <treeselect v-model="queryParams.deptId" :options="treeDataList" placeholder="请选择接收单位" value-key="id"
@@ -40,7 +40,7 @@ import TableModel from '@/components/TableModel'
 import { columnsList, formLabel } from './config'
 import {
     delTransferApplyApi,
-    getTransferApplyListApi,
+    getTransferRecordListApi,
 } from '@/api/filesTransfer/record.js'
 import RecordList from './components/recordList'
 import { encryptWithSM4 } from '@/utils/sm'
@@ -60,7 +60,7 @@ export default {
         return {
             formLabel,
             columnsList,
-            getTransferApplyListApi,
+            getTransferRecordListApi,
             title: "",
             isflag: false,
             row: {},