【update】国内标准-增加详情按钮

src/views/standardRegulationLibrary/domesticStandard/DomesticStandardList.vue

@@ -137,7 +137,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>
@@ -149,7 +149,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>
@@ -170,6 +170,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')" />
                       <!--                      分享图标-->
@@ -201,28 +203,34 @@
 </template>
 
 <script>
+import Vue from 'vue'
 import '@assets/less/common.less'
-import { ConfigurableTableMixin } from '../../../mixins/ConfigurableTableMixin'
+import { ConfigurableTableMixin } from '@/mixins/ConfigurableTableMixin'
 import Search from '../../../components/customField/Search.vue'
 import JTable from '../../../components/jero/JTable.vue'
 import DomesticStandardModal from './modules/DomesticStandardModal.vue'
 import {
+  cancelCollectionDomesticStandard,
+  collectionDomesticStandard,
   configDomesticStandard,
   deleteDomesticSystemTree,
+  getDomesticStandardDetail,
+  getDomesticStandardFormModal,
   getDomesticStandardSearchForm,
   getDomesticStandardTableHeader,
   getDomesticStandardTree,
   removeDomesticStandard,
-  shareDomesticStandard,
-  collectionDomesticStandard,
-  cancelCollectionDomesticStandard
-} from '../../../api/standardRegulationLibraryApi'
-import { StandardSource, StandardSystemTreeNodeType, YesOrNoEnum } from '../../../enums/commonEnums'
+  shareDomesticStandard
+} from '@api/standardRegulationLibraryApi'
+import { StandardSource, StandardSystemTreeNodeType, YesOrNoEnum } from '@/enums/commonEnums'
 import UserSelectModal from '../../../components/selection/UserSelectModal.vue'
 import DomesticSystemTreeModal from './modules/DomesticSystemTreeModal.vue'
 import SelectionDomesticStandardDrawer from './modules/SelectionDomesticStandardDrawer.vue'
-import { postDownFile } from '../../../api/manage.js'
-import { mapGetters } from 'vuex'
+import { postDownFile } from '@api/manage'
+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: 'DomesticStandardList',
@@ -249,6 +257,12 @@ export default {
           clickEvent: 'handleCollection',
           has: 'domesticStandard:collection'
         },
+        // 查看
+        {
+          text: this.$t('view'),
+          clickEvent: 'toDetailPage',
+          has: 'domesticStandard:view'
+        },
         // 编辑
         {
           text: this.$t('edit'),
@@ -546,6 +560,108 @@ export default {
         }
       })
     },
+    /**
+     * 按顺序打开最新的pdf或word
+     */
+    async filePreview (record) {
+      console.log('filePreview', record)
+      // 获取并处理过程稿件数据
+      let res = await getDomesticStandardFormModal({ 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 getDomesticStandardDetail({ 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]
+    },
     /**
      * 重置查询
      */