From c588a5f91dab6d9c628b8439624433f01768e986 Mon Sep 17 00:00:00 2001
From: fengchenchen <fengchenchen@syxysoft.com>
Date: Sun, 28 Jan 2024 19:04:16 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90update=E3=80=91-=E9=87=8D=E6=B1=BD?=
 =?UTF-8?q?=E5=9B=BD=E6=A0=87=E3=80=81=E4=BC=81=E6=A0=87=20=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E6=A0=87=E5=87=86=E5=90=8D=E7=A7=B0=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=88=90=E9=A2=84=E8=A7=88=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../standard/EnterpriseStandardList.vue       | 125 +++++++++++++++++-
 .../overseasStandard/OverseasStandardList.vue | 123 ++++++++++++++++-
 2 files changed, 242 insertions(+), 6 deletions(-)

diff --git a/src/views/enterpriseStandardLibrary/standard/EnterpriseStandardList.vue b/src/views/enterpriseStandardLibrary/standard/EnterpriseStandardList.vue
index a1d6bbdc..60beb7eb 100644
--- a/src/views/enterpriseStandardLibrary/standard/EnterpriseStandardList.vue
+++ b/src/views/enterpriseStandardLibrary/standard/EnterpriseStandardList.vue
@@ -115,6 +115,8 @@
                   <template v-if="record.del_flag">
                     <a-menu-item v-for="(operation, index) in operationList.slice(operateMaxNum)" :key="index">
                       <a @click="operationClick(operation,record)">
+                        <!--                      查看图标-->
+                        <i class="iconfont icon-link operate-btn-icon" v-if="operation.text === $t('view')" />
                         <!--  编辑图标  -->
                         <i class="iconfont icon-bianji operate-btn-icon" v-if="operation.text === $t('edit')" />
                         <!--  分享图标  -->
@@ -129,6 +131,8 @@
                   <template v-else>
                     <a-menu-item v-for="(operation, index) in operationList.slice(operateMaxNum).filter(item => item.text !== $t('delete'))" :key="index">
                       <a @click="operationClick(operation,record)">
+                        <!--                      查看图标-->
+                        <i class="iconfont icon-link operate-btn-icon" v-if="operation.text === $t('view')" />
                         <!--  编辑图标  -->
                         <i class="iconfont icon-bianji operate-btn-icon" v-if="operation.text === $t('edit')" />
                         <!--  分享图标  -->
@@ -166,7 +170,7 @@
           <template v-slot:standard_number="{text, record}">
             <a-tooltip overlay-class-name="tooltip-style">
               <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
-              <a class="link-a" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
+              <a class="link-a" @click="filePreview(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
               <div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
               <div class="table-text" v-else>{{ global.emptyLine }}</div>
             </a-tooltip>
@@ -176,7 +180,7 @@
           <template v-slot:standard_name="{text, record}">
             <a-tooltip overlay-class-name="tooltip-style">
               <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
-              <a class="link-a" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
+              <a class="link-a" @click="filePreview(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
               <div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
               <div class="table-text" v-else>{{ global.emptyLine }}</div>
             </a-tooltip>
@@ -215,7 +219,9 @@ import {
   collectStandard,
   cancelCollectStandard,
   shareStandard,
-  deleteTreeNode
+  deleteTreeNode,
+  getEnterpriseStandardInfoById,
+  getEnterpriseStandardAddForm
 } from '@api/enterpriseStandardLibraryApi'
 // 添加、编辑弹框
 import EnterpriseStandardModal from './modules/EnterpriseStandardModal'
@@ -227,6 +233,11 @@ import UserSelectModal from '../../../components/selection/UserSelectModal'
 import AllocationStandardDrawer from './modules/AllocationStandardDrawer'
 import { postDownFile, downloadFile, postAction } from '@/api/manage'
 import TemporaryPermissionRecord from './modules/TemporaryPermissionRecord'
+import Vue from 'vue'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+import { previewPdf } from '@/utils/previewPdf'
+import { kkFilePreview } from '@/utils/kkFilePreview'
+import { getFileInfo } from '@api/api'
 
 export default {
   name: 'EnterpriseStandardList',
@@ -250,6 +261,12 @@ export default {
           clickEvent: 'handleCollection',
           has: 'enterpriseStandard:collection'
         },
+        // 查看
+        {
+          text: this.$t('view'),
+          clickEvent: 'detailClick',
+          has: 'enterpriseStandard:view'
+        },
         { // 编辑
           text: this.$t('edit'),
           clickEvent: 'handleEdit',
@@ -670,6 +687,108 @@ export default {
         }
       })
     },
+    /**
+     * 按顺序打开最新的pdf或word
+     */
+    async filePreview (record) {
+      console.log('filePreview', record)
+      // 获取并处理过程稿件数据
+      let res = await getEnterpriseStandardAddForm({ type: 1 })
+      if (!res.success) {
+        this.$message.warn(res.message)
+        console.log('getDomesticStandardFormModal error:', res)
+        return
+      }
+      console.log('res.result', res.result)
+      const data = res.result || {}
+      const form = data
+      const partList = Object.keys(data)
+      let part
+      const partZh = '过程稿件'
+      const partEn = 'Process Manuscript'
+      if (partList.includes(partEn))part = partEn
+      if (partList.includes(partZh))part = partZh
+      console.log('part', part)
+      const processManuscript = form[part]
+      console.log('过程稿件', processManuscript)
+
+      // 获取并处理详情数据
+      res = await getEnterpriseStandardInfoById({ id: record.id, type: 1 })
+      if (!res.success) {
+        this.$message.warn(res.message)
+        console.log('getDomesticStandardDetail error:', res)
+        return
+      }
+      const detailData = Object.assign({}, res.result || {})
+      console.log('detailData', detailData)
+
+      // 选择合适的文件
+      let file = null
+      const pdfFileList = []
+      const docFileList = []
+      let newestFileList = []
+      // 按照过程稿件顺序寻找文件
+      for (const formItem of processManuscript) {
+        const keyId = formItem.dbFieldName
+        const keyName = formItem.dbFieldName + '_dictText'
+        if (!detailData[keyId]) continue
+        const idArray = detailData[keyId].split(',')
+        const nameArray = detailData[keyName].split(',')
+        // 每个过程中可能有多个文件
+        for (let i = 0; i < idArray.length; i++) {
+          const id = idArray[i]
+          const name = nameArray[i]
+          var suffix = name.substring(name.lastIndexOf('.') + 1)
+          if (suffix === 'pdf') {
+            pdfFileList.push({ id, name, suffix })
+          }
+          if (suffix === 'doc' || suffix === 'docx') {
+            docFileList.push({ id, name, suffix })
+          }
+        }
+        // 一旦一个过程中找到pdf或者doc，就可以退出
+        if (pdfFileList.length > 0 || docFileList.length > 0) {
+          break
+        }
+      }
+      newestFileList = pdfFileList // 默认从pdf里选最新的文件
+      if (pdfFileList.length === 0)newestFileList = docFileList // 如果没有pdf文件，就从doc文件里选
+      file = await this.selectNewestFile(newestFileList)
+      if (file === null) { // 没有找到文件就退出
+        console.log('没有找到符合要求的文件！')
+        this.$message.error('没有找到符合要求的文件！')
+        return
+      }
+      console.log('seletedFile', file)
+
+      // 预览选择的文件
+      const fileFullUrl = `${window._CONFIG.domianWebSocketURL}/sys/common/view/${file.id}?at=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.name}`
+      console.log(fileFullUrl)
+      if (file.suffix === 'pdf') { // pdf预览
+        const url = previewPdf(file.id)
+        window.open(url)
+        return
+      }
+      kkFilePreview(fileFullUrl)// 其余可预览文件仍使用KKFile进行预览
+    },
+    /**
+     *  从文件列表里选择最新文件
+     * @param fileList
+     */
+    async selectNewestFile (fileList) {
+      if (!fileList || fileList.length === 0) return null
+      if (fileList.length === 1) return fileList[0]
+      const newFileList = []
+      // 获取时间信息
+      for (const file of fileList) {
+        const res = await getFileInfo(file)
+        newFileList.push({ ...file, ...res.result })
+      }
+      // 排序取出最新
+      newFileList.sort((a, b) => b.id - a.id) // 日期只精确到天，用id更能区分
+      console.log('newFileList', newFileList)
+      return newFileList[0]
+    },
     // 操作完需要刷树的回调
     modalFormOk () {
       this.selectedTreeKeys = []
diff --git a/src/views/standardRegulationLibrary/overseasStandard/OverseasStandardList.vue b/src/views/standardRegulationLibrary/overseasStandard/OverseasStandardList.vue
index 37666783..ba1bbc41 100644
--- a/src/views/standardRegulationLibrary/overseasStandard/OverseasStandardList.vue
+++ b/src/views/standardRegulationLibrary/overseasStandard/OverseasStandardList.vue
@@ -138,7 +138,7 @@
           <template v-slot:standard_number="{text, record}">
             <a-tooltip overlay-class-name="tooltip-style">
               <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
-              <div class="table-text can-click-table-text" v-if="text || text === 0" @click="toDetailPage(record)">{{
+              <div class="table-text can-click-table-text" v-if="text || text === 0" @click="filePreview(record)">{{
                   text
                 }}
               </div>
@@ -150,7 +150,7 @@
           <template v-slot:standard_name="{text, record}">
             <a-tooltip overlay-class-name="tooltip-style">
               <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
-              <div class="table-text can-click-table-text" v-if="text || text === 0" @click="toDetailPage(record)">{{
+              <div class="table-text can-click-table-text" v-if="text || text === 0" @click="filePreview(record)">{{
                   text
                 }}
               </div>
@@ -171,6 +171,8 @@
                 <a-menu-item v-for="(operation, index) in operationList.slice(operateMaxNum)" :key="index">
                   <a @click="operationClick(operation,record)" v-has="operation.has">
                     <div class="operate-btn">
+                      <!--                      查看图标-->
+                      <i class="iconfont icon-link operate-btn-icon" v-if="operation.text === $t('view')" />
                       <!--                      编辑图标-->
                       <i class="iconfont icon-bianji operate-btn-icon" v-if="operation.text === $t('edit')" />
                       <!--                      分享图标-->
@@ -215,7 +217,9 @@ import {
   shareOverseasStandard,
   deleteOverseasStandardSystem,
   configOverseasStandard,
-  removeOverseasStandard
+  removeOverseasStandard,
+  getOverseasStandardForm,
+  getOverseasStandardDocumentInfo
 } from '../../../api/standardRegulationLibraryApi'
 import { StandardSource, StandardSystemTreeNodeType, YesOrNoEnum } from '../../../enums/commonEnums'
 import UserSelectModal from '../../../components/selection/UserSelectModal.vue'
@@ -223,6 +227,11 @@ import OverseasStandardModal from './modules/OverseasStandardModal.vue'
 import OverseasSystemTreeModal from './modules/OverseasSystemTreeModal.vue'
 import SelectionOverseasStandardDrawer from './modules/SelectionOverseasStandardDrawer.vue'
 import { postDownFile } from '../../../api/manage.js'
+import Vue from 'vue'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+import { previewPdf } from '@/utils/previewPdf'
+import { kkFilePreview } from '@/utils/kkFilePreview'
+import { getFileInfo } from '@api/api'
 
 export default {
   name: 'OverseasStandardList',
@@ -249,6 +258,12 @@ export default {
           clickEvent: 'handleCollection',
           has: 'overseasStandard:collection'
         },
+        // 查看
+        {
+          text: this.$t('view'),
+          clickEvent: 'toDetailPage',
+          has: 'overseasStandard:view'
+        },
         // 编辑
         {
           text: this.$t('edit'),
@@ -547,6 +562,108 @@ export default {
         }
       })
     },
+    /**
+     * 按顺序打开最新的pdf或word
+     */
+    async filePreview (record) {
+      console.log('filePreview', record)
+      // 获取并处理过程稿件数据
+      let res = await getOverseasStandardForm({ type: 1 })
+      if (!res.success) {
+        this.$message.warn(res.message)
+        console.log('getDomesticStandardFormModal error:', res)
+        return
+      }
+      console.log('res.result', res.result)
+      const data = res.result || {}
+      const form = data
+      const partList = Object.keys(data)
+      let part
+      const partZh = '过程稿件'
+      const partEn = 'Process Manuscript'
+      if (partList.includes(partEn))part = partEn
+      if (partList.includes(partZh))part = partZh
+      console.log('part', part)
+      const processManuscript = form[part]
+      console.log('过程稿件', processManuscript)
+
+      // 获取并处理详情数据
+      res = await getOverseasStandardDocumentInfo({ id: record.id, type: 1 })
+      if (!res.success) {
+        this.$message.warn(res.message)
+        console.log('getDomesticStandardDetail error:', res)
+        return
+      }
+      const detailData = Object.assign({}, res.result || {})
+      console.log('detailData', detailData)
+
+      // 选择合适的文件
+      let file = null
+      const pdfFileList = []
+      const docFileList = []
+      let newestFileList = []
+      // 按照过程稿件顺序寻找文件
+      for (const formItem of processManuscript) {
+        const keyId = formItem.dbFieldName
+        const keyName = formItem.dbFieldName + '_dictText'
+        if (!detailData[keyId]) continue
+        const idArray = detailData[keyId].split(',')
+        const nameArray = detailData[keyName].split(',')
+        // 每个过程中可能有多个文件
+        for (let i = 0; i < idArray.length; i++) {
+          const id = idArray[i]
+          const name = nameArray[i]
+          var suffix = name.substring(name.lastIndexOf('.') + 1)
+          if (suffix === 'pdf') {
+            pdfFileList.push({ id, name, suffix })
+          }
+          if (suffix === 'doc' || suffix === 'docx') {
+            docFileList.push({ id, name, suffix })
+          }
+        }
+        // 一旦一个过程中找到pdf或者doc，就可以退出
+        if (pdfFileList.length > 0 || docFileList.length > 0) {
+          break
+        }
+      }
+      newestFileList = pdfFileList // 默认从pdf里选最新的文件
+      if (pdfFileList.length === 0)newestFileList = docFileList // 如果没有pdf文件，就从doc文件里选
+      file = await this.selectNewestFile(newestFileList)
+      if (file === null) { // 没有找到文件就退出
+        console.log('没有找到符合要求的文件！')
+        this.$message.error('没有找到符合要求的文件！')
+        return
+      }
+      console.log('seletedFile', file)
+
+      // 预览选择的文件
+      const fileFullUrl = `${window._CONFIG.domianWebSocketURL}/sys/common/view/${file.id}?at=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.name}`
+      console.log(fileFullUrl)
+      if (file.suffix === 'pdf') { // pdf预览
+        const url = previewPdf(file.id)
+        window.open(url)
+        return
+      }
+      kkFilePreview(fileFullUrl)// 其余可预览文件仍使用KKFile进行预览
+    },
+    /**
+     *  从文件列表里选择最新文件
+     * @param fileList
+     */
+    async selectNewestFile (fileList) {
+      if (!fileList || fileList.length === 0) return null
+      if (fileList.length === 1) return fileList[0]
+      const newFileList = []
+      // 获取时间信息
+      for (const file of fileList) {
+        const res = await getFileInfo(file)
+        newFileList.push({ ...file, ...res.result })
+      }
+      // 排序取出最新
+      newFileList.sort((a, b) => b.id - a.id) // 日期只精确到天，用id更能区分
+      console.log('newFileList', newFileList)
+      return newFileList[0]
+    },
     /**
      * 重置查询
      */