详情修改

src/views/filesTransfer/accept/components/recordList.vue

@@ -3,18 +3,28 @@
     <el-dialog class="l-dialog" :class="lDialog" :title="title" :visible.sync="dialogVisible" :showClose="true"
         :closeOnClickModal="false" @close="handleClose" :append-to-body="true">
         <div>
-            <el-table :data="tableData" style="width: 100%" border header-align="center">
+            <el-table :data="tableData" style="width: 100%" border header-align="center" max-height="600">
                 <el-table-column prop="index" label="序号" width="80" align="center">
                     <template slot-scope="scope">
                         {{ scope.$index + 1 }}
                     </template>
                 </el-table-column>
                 <el-table-column v-for="item in tableColumns" :key="item.prop" :prop="item.prop" :label="item.label"
-                    center align="center"></el-table-column>
+                    center align="center">
+                    <template slot-scope="scope">
+                        <span v-if="item.prop === 'fileName'" class="file-name-link" @click="viewFile(scope.row)" style="color: #409EFF; cursor: pointer;">
+                            {{ scope.row.fileName }}
+                        </span>
+                        <span v-else>
+                            {{ scope.row[item.prop] }}
+                        </span>
+                    </template>
+                </el-table-column>
                 
             </el-table>
         </div>
-        
+        <!-- 预览文件 -->
+        <ViewFile v-if="isViewflag" :rowData="row" :title="viewTitle" @closeDialog="closeDialog" @showColose="showColose" :width="600" />
     </el-dialog>
 </template>
 <script>
@@ -22,10 +32,14 @@ import _ from 'lodash'
 import {
     getTransferReceiceFilesApi,
 } from '@/api/filesTransfer/accept'
+import ViewFile from '@/views/viewFile/viewFile.vue'
 export default {
     name: "AcceptRecordList",
     props: ["width", "dataForm", "title", "disabled", "jumpType", "rowData"],
     dicts: ['data_class_type'],
+    components: {
+        ViewFile
+    },
     data() {
         return {
             lDialog: this.width > 500 ? "w700" : "w500",
@@ -37,12 +51,27 @@ export default {
             maintenanceTitle: "",
             isflag: false,
             maintenanceRow: {},
+            isViewflag: false,
+            row: {},
+            viewTitle: "",
         };
     },
     created() {
         this.initFormData();
     },
     methods: {
+        // 预览文件
+        viewFile(row) {
+            
+            this.viewTitle = "预览";
+            this.row = row;
+            this.isViewflag = true;
+        },
+        closeDialog() {
+            this.isViewflag = false; 
+        },
+        
+        
         /** 初始化表单数据 */
        async initFormData() {
 
@@ -79,19 +108,13 @@ export default {
                 })
             }
         },
-        closeDialog() {
-            this.isflag = false;
-        },
-        showColose() {
-            this.isflag = false;
-        },
         /*关闭弹窗 */
         handleClose() {
             this.dialogVisible = false;
             this.$emit("closeDialog");
-            setTimeout(() => {
+            /* setTimeout(() => {
                 this.dialogVisible = true;
-            });
+            }); */
         },
         
     }

src/views/filesTransfer/detail-data.vue

@@ -27,7 +27,7 @@
 
         <!-- 文件详情表格 -->
         <div class="table-section">
-            <el-table :data="fileList" border style="width: 100%" class="detail-table">
+            <el-table :data="fileList" border style="width: 100%" class="detail-table" max-height="800">
                 <el-table-column prop="index" label="序号" width="80" align="center">
                     <template slot-scope="scope">
                         {{ scope.$index + 1 }}

src/views/filesTransfer/record/components/data-detail.vue

@@ -20,7 +20,7 @@
 
         <!-- 文件详情表格 -->
         <div class="table-section">
-            <el-table :data="fileList" border style="width: 100%" class="detail-table" v-if="viewStatus === 'record'">
+            <el-table :data="fileList" border style="width: 100%" class="detail-table" v-if="viewStatus === 'record'" max-height="800">
                 <el-table-column prop="index" label="序号" width="80" align="center">
                     <template slot-scope="scope">
                         {{ scope.$index + 1 }}
@@ -50,7 +50,7 @@
                 </el-table-column>
 
             </el-table>
-            <el-table :data="fileList" border style="width: 100%" class="detail-table" v-if="viewStatus === 'accept'">
+            <el-table :data="fileList" border style="width: 100%" class="detail-table" v-if="viewStatus === 'accept'" max-height="800">
                 <el-table-column prop="index" label="序号" width="80" align="center">
                     <template slot-scope="scope">
                         {{ scope.$index + 1 }}

src/views/filesTransfer/record/components/recordList.vue

@@ -3,14 +3,23 @@
     <el-dialog class="l-dialog" :class="lDialog" :title="title" :visible.sync="dialogVisible" :showClose="true"
         :closeOnClickModal="false" @close="handleClose" :append-to-body="true">
         <div>
-            <el-table :data="tableData" style="width: 100%" border header-align="center">
+            <el-table :data="tableData" style="width: 100%" border header-align="center" max-height="600">
                 <el-table-column prop="index" label="序号" width="80" align="center">
                     <template slot-scope="scope">
                         {{ scope.$index + 1 }}
                     </template>
                 </el-table-column>
                 <el-table-column v-for="item in tableColumns" :key="item.prop" :prop="item.prop" :label="item.label"
-                    center align="center"></el-table-column>
+                    center align="center">
+                    <template slot-scope="scope">
+                        <span v-if="item.prop === 'fileName'" class="file-name-link" @click="viewFile(scope.row)" style="color: #409EFF; cursor: pointer;">
+                            {{ scope.row.fileName }}
+                        </span>
+                        <span v-else>
+                            {{ scope.row[item.prop] }}
+                        </span>
+                    </template>
+                </el-table-column>
                 <el-table-column label="操作" width="100" align="center">
                     <template slot-scope="scope">
                         <el-button v-if="jumpType === 'list' && scope.row.transferStatus === '进行中'" hasPermi="['record:file:update']" plain
@@ -22,7 +31,8 @@
                 </el-table-column>
             </el-table>
         </div>
-
+        <!-- 预览文件 -->
+        <ViewFile v-if="isViewflag" :rowData="row" :title="viewTitle" @closeDialog="closeDialog2" :width="600" />
         <Maintenance v-if="isflag" :rowData="maintenanceRow" :title="maintenanceTitle" @closeDialog="closeDialog"
             :dataForm="maintenanceRow" :width="600" @handleQuery="handleQuery" />
     </el-dialog>
@@ -34,12 +44,14 @@ import {
     updateTransferRecordFilesStatusApi
 } from '@/api/filesTransfer/record'
 import Maintenance from './maintenance.vue';
+import ViewFile from '@/views/viewFile/viewFile.vue'
 export default {
     name: "RecordList",
     props: ["width", "dataForm", "title", "disabled", "jumpType", "rowData"],
     dicts: ['data_class_type'],
     components: {
-        Maintenance
+        Maintenance,
+        ViewFile
     },
     data() {
         return {
@@ -52,13 +64,26 @@ export default {
             maintenanceTitle: "",
             isflag: false,
             maintenanceRow: {},
-            getTransferRecordFilesApi
+            getTransferRecordFilesApi,
+            isViewflag: false,
+            row: {},
+            viewTitle: "",
         };
     },
     created() {
         this.initFormData();
     },
     methods: {
+        // 预览文件
+        viewFile(row) {
+            
+            this.viewTitle = "预览";
+            this.row = row;
+            this.isViewflag = true;
+        },
+        closeDialog2() {
+            this.isViewflag = false; 
+        },
         /** 初始化表单数据 */
        async initFormData() {
         this.tableColumns = [];