@ganwei-web/gw-base-components-plus 1.0.60 → 1.0.61

package/file-preview/filePreview.vue

@@ -23,7 +23,7 @@ export default {
       type: String,
       default: ''
     },
-    // 文件存储 ID（CAD 文件 dwg/dxf 预览时跳转 filepreview 路由使用）
+    // 文件存储 ID（dwg/dxf 走 filepreview 页预览时使用）
     storageFileId: {
       type: String,
       default: ''
@@ -55,11 +55,11 @@ export default {
         return raw
       }
     },
-    // 从 url 提取文件扩展名（小写，不含点号）
-    fileExtension() {
+    // 从文件名中截取扩展名（小写，不含点号）
+    fileExt() {
       const name = this.filename
-      if (!name || !name.includes('.')) return ''
-      return name.substring(name.lastIndexOf('.') + 1).toLowerCase()
+      const idx = name.lastIndexOf('.')
+      return idx > -1 ? name.substring(idx + 1).toLowerCase() : ''
     }
   },
   methods: {
@@ -72,29 +72,36 @@ export default {
         return 'https://fileview.ganweicloud.com/'
       }
     },
-    // 获取 index 主框架站点地址（filepreview 路由部署在 index 包）
+    // 获取 index 应用地址（CAD 预览页由 index 应用承载）
     getIndexHost() {
       try {
-        const hostMap = JSON.parse(localStorage.getItem('hostMap') || '{}')
-        return hostMap['ganwei-iotcenter-index'] || window.location.origin
+        return window.top.location.origin + window.top.location.pathname
       } catch (e) {
+        try {
+          const map = JSON.parse(localStorage.getItem('hostMap') || '{}')
+          if (map['ganwei-iotcenter-index']) return map['ganwei-iotcenter-index']
+        } catch (err) {
+          console.warn(err)
+        }
         return window.location.origin
       }
     },
-    // CAD 文件预览：跳转到 index 的 filepreview 路由
-    openFilePreview() {
-      if (!this.storageFileId) {
+    // 在新标签页中打开文件预览（dwg/dxf 走 index 应用的 filepreview 页面）
+    openFilePreview(storageFileId) {
+      if (!storageFileId) {
         console.error('[file-preview] storageFileId 不能为空')
         return
       }
-      const previewUrl = `${this.getIndexHost().replace(/\/+$/, '')}/#/filepreview?storageFileId=${encodeURIComponent(this.storageFileId)}`
+      const indexHost = this.getIndexHost().replace(/\/+$/, '')
+      console.log('indexHost',indexHost)
+      const previewUrl = `${indexHost}/#/filepreview?storageFileId=${encodeURIComponent(storageFileId)}`
       window.open(previewUrl, '_blank')
     },
     // 预览：使用预览服务器打开文件
     handlePreview() {
-      // CAD 文件（dwg/dxf）：单独走 index 的 filepreview 路由（LibreDwg + MlightCadViewer 渲染）
-      if (this.fileExtension === 'dwg' || this.fileExtension === 'dxf') {
-        this.openFilePreview()
+      // CAD 文件：走 filepreview 页预览（内部 token 下载 + MlightCadViewer 渲染）
+      if ((this.fileExt === 'dwg' || this.fileExt === 'dxf') && this.storageFileId) {
+        this.openFilePreview(this.storageFileId)
         return
       }
       const domain = this.getPreviewDomain().replace(/\/+$/, '') || ''
@@ -125,7 +132,6 @@ export default {
 
 <style scoped>
 .file-preview {
-  width: 100%;
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -135,6 +141,7 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  max-width: 200px;
   margin-right: 12px;
   line-height: 16px;
 }