详情修改

2025-09-29 14:13:05 +08:00 · 2025-09-29 14:13:05 +08:00 · 93179dc98d
parent 5d27011848
commit 93179dc98d
4 changed files with 67 additions and 19 deletions
--- a/src/views/filesTransfer/accept/components/recordList.vue
+++ b/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;
-            });
+            }); */
        },
        
    }
--- a/src/views/filesTransfer/detail-data.vue
+++ b/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 }}
--- a/src/views/filesTransfer/record/components/data-detail.vue
+++ b/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 }}
--- a/src/views/filesTransfer/record/components/recordList.vue
+++ b/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 = [];