From 6f77396748457991df62ca611f570b803513328c Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Wed, 26 Nov 2025 17:01:59 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=BB=B6=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/common/FileOrImageDisplay.vue       | 41 +++++---------
 src/views/common/ViewFile.vue                 |  2 +-
 .../components/child/OtherInfoDetail.vue      |  3 +-
 .../technical/components/RightTable.vue       | 53 +++++--------------
 4 files changed, 30 insertions(+), 69 deletions(-)

diff --git a/src/views/common/FileOrImageDisplay.vue b/src/views/common/FileOrImageDisplay.vue
index a0537fe..d5384f8 100644
--- a/src/views/common/FileOrImageDisplay.vue
+++ b/src/views/common/FileOrImageDisplay.vue
@@ -32,32 +32,28 @@
 
             <!-- 空状态 -->
             <span v-else class="empty-text">--</span>
-            <el-dialog v-if="dialogVisible" :visible.sync="dialogVisible" width="50%" class="preview-dialog" title="文件预览">
+            <!-- <el-dialog v-if="dialogVisible" :visible.sync="dialogVisible" width="50%" class="preview-dialog" title="文件预览">
                 <OnlyOfficeViewer :document-url="documentUrl" :document-title="documentTitle"
                     :document-key="documentKey" :mode="mode" :type="type" @document-ready="handleDocumentReady"
                     @app-ready="handleAppReady" @error="handleError" @initialized="handleInitialized" :force-save="true"
                     :save-timeout="15000" />
-            </el-dialog>
-
+            </el-dialog> -->
+            <ViewFile v-if="dialogVisible" :file="fileData" @closeDialog="handleCloseDialog" />
         </div>
     </div>
 </template>
 
 <script>
-import OnlyOfficeViewer from './OnlyOfficeViewer';
+import ViewFile from './ViewFile';
 export default {
     name: 'FileOrImageDisplay',
     components: {
-        OnlyOfficeViewer
+        ViewFile
     },
     data() {
         return {
             dialogVisible: false,
-            documentUrl: '',
-            documentTitle: '',
-            documentKey: '',
-            mode: 'view',
-            type: 'desktop',
+            fileData: {},
         }
     },
     props: {
@@ -141,9 +137,9 @@ export default {
     methods: {
         // 文件点击事件
         handleFileClick() {
-            this.documentUrl = this.file.filePath
-            this.documentTitle = this.file.name
-            this.documentKey = this.file.id + ''
+            console.log(this.file);
+            
+            this.fileData = this.file
             this.dialogVisible = true
         },
         // 图片点击事件
@@ -162,6 +158,10 @@ export default {
         handleInitialized() {
             console.log('初始化完成')
         },
+        handleCloseDialog() {
+            this.dialogVisible = false
+            this.fileData = {}
+        },
     }
 }
 </script>
@@ -278,20 +278,5 @@ export default {
     }
 }
 
-.preview-dialog ::v-deep .el-dialog {
-    height: 88vh;
-    display: flex;
-    flex-direction: column;
-}
 
-.preview-dialog ::v-deep .el-dialog__body {
-    flex: 1;
-    padding: 0;
-    height: 0;
-    /* 重要：让flex布局生效 */
-}
-
-.preview-dialog ::v-deep .onlyoffice-container {
-    height: 100%;
-}
 </style>
\ No newline at end of file
diff --git a/src/views/common/ViewFile.vue b/src/views/common/ViewFile.vue
index 5c7d23d..0e3502f 100644
--- a/src/views/common/ViewFile.vue
+++ b/src/views/common/ViewFile.vue
@@ -23,7 +23,7 @@ export default {
             dialogVisible: true,
             documentUrl: this.file.filePath,    
             documentTitle: this.file.fileName,
-            documentKey: this.file.sourceId + '',
+            documentKey: (this.file?.sourceId || this.file?.id || '') + '',
             mode: 'view',
             type: 'desktop',
         }
diff --git a/src/views/enterpriseLibrary/personnel/components/child/OtherInfoDetail.vue b/src/views/enterpriseLibrary/personnel/components/child/OtherInfoDetail.vue
index 29dd413..8f950d6 100644
--- a/src/views/enterpriseLibrary/personnel/components/child/OtherInfoDetail.vue
+++ b/src/views/enterpriseLibrary/personnel/components/child/OtherInfoDetail.vue
@@ -104,7 +104,8 @@ export default {
                     name: item.fileName,
                     filePath: item.filePath,
                     lsFilePath: item.lsFilePath,
-                    fileType: item.fileType
+                    fileType: item.fileType,
+                    id: item.sourceId
                 }));
             }
 
diff --git a/src/views/enterpriseLibrary/technical/components/RightTable.vue b/src/views/enterpriseLibrary/technical/components/RightTable.vue
index d06a776..0726898 100644
--- a/src/views/enterpriseLibrary/technical/components/RightTable.vue
+++ b/src/views/enterpriseLibrary/technical/components/RightTable.vue
@@ -31,11 +31,12 @@
                 </el-button>
             </template>
         </TableModel>
-        <el-dialog v-if="dialogVisible" :visible.sync="dialogVisible" width="50%" class="preview-dialog" title="文件预览">
+        <!-- <el-dialog v-if="dialogVisible" :visible.sync="dialogVisible" width="50%" class="preview-dialog" title="文件预览">
             <OnlyOfficeViewer :document-url="documentUrl" :document-title="documentTitle" :document-key="documentKey"
                 :mode="mode" :type="type" @document-ready="handleDocumentReady" @app-ready="handleAppReady"
                 @error="handleError" @initialized="handleInitialized" :force-save="true" :save-timeout="15000" />
-        </el-dialog>
+        </el-dialog> -->
+        <ViewFile v-if="dialogVisible" :file="fileData" @closeDialog="handleCloseDialog" />
     </div>
 </template>
 
@@ -44,13 +45,13 @@ import TableModel from '@/components/TableModel2'
 import { columnsList, formLabel } from './config'
 import { listAPI, delDataAPI } from '@/api/enterpriseLibrary/technical/technical'
 import { encryptWithSM4 } from '@/utils/sm'
-import OnlyOfficeViewer from '@/views/common/OnlyOfficeViewer'
+import ViewFile from '@/views/common/ViewFile'
 
 export default {
     name: 'RightTableTechnical',
     components: {
         TableModel,
-        OnlyOfficeViewer
+        ViewFile
     },
     dicts: ['construction_nature', 'structural_form', 'basic_form'],
     props: {
@@ -69,11 +70,7 @@ export default {
             columnsList,
             listAPI,
             dialogVisible: false,
-            documentUrl: '',
-            documentTitle: '',
-            documentKey: '',
-            mode: 'view',
-            type: 'desktop',
+            fileData: {},
         }
     },
     watch: {
@@ -157,22 +154,17 @@ export default {
         /** 查看文件 */
         viewFile(row) {
             console.log(row);
-            this.documentTitle = row.technicalName
-            this.documentKey = row.resourceFileVoList?.[0]?.sourceId + ''
+            this.fileData = {
+                fileName: row.technicalName,
+                id: row.resourceFileVoList?.[0]?.sourceId + ''
+            }
             this.dialogVisible = true
         },
-        handleDocumentReady() {
-            console.log('文档已准备就绪')
-        },
-        handleAppReady() {
-            console.log('应用已准备就绪')
-        },
-        handleError(error) {
-            console.log('错误：', error)
-        },
-        handleInitialized() {
-            console.log('初始化完成')
+        handleCloseDialog() {
+            this.dialogVisible = false
+            this.fileData = {}
         },
+
         /** 删除操作 */
         handleDelete(raw) {
             this.$confirm(`确定要删除方案名称"${raw.technicalName}"吗？删除后将无法恢复！`, '操作提示', {
@@ -242,21 +234,4 @@ export default {
         margin-right: 0;
     }
 }
-
-.preview-dialog ::v-deep .el-dialog {
-    height: 88vh;
-    display: flex;
-    flex-direction: column;
-}
-
-.preview-dialog ::v-deep .el-dialog__body {
-    flex: 1;
-    padding: 0;
-    height: 0;
-    /* 重要：让flex布局生效 */
-}
-
-.preview-dialog ::v-deep .onlyoffice-container {
-    height: 100%;
-}
 </style>