[update 查看分解单组件] 点击标准标题显示标题的解读信息

src/api/documentToolApi.js

@@ -48,6 +48,8 @@ const editClauseTreeNode = (params) => postAction('/split/sarFileSplitMenu/updat
 const copyClause = (params) => getAction('/laws/DocumentTool/documentSplit/copyDocumentSplitDetail', params)
 // 文档拆分-编辑-获取条文解读数据
 const getInterpretationArticlesList = (params) => getAction('/laws/DocumentTool/documentSplit/queryInterpretationArticlesList', params)
+// 标准对应的解读信息
+const getStandardInterpretation = (params) => postAction('/laws/DocumentTool/documentSplit/queryDocumentSplitDetailList', params)
 
 // 文档对比-发布/撤回
 const withdrawPublication = (params) => postAction('/compare/sarFileCompareInfo/changeState', params)
@@ -126,6 +128,7 @@ export {
   editClauseTreeNode,
   copyClause,
   getInterpretationArticlesList,
+  getStandardInterpretation,
 
   // 文档比对
   withdrawPublication,

src/components/StandardResolutionSheet.vue

@@ -104,7 +104,7 @@
               <template #title>
                 {{ spiltInfo.serialNumber }}
               </template>
-              <span> {{ spiltInfo.serialNumber }}《{{ spiltInfo.fileName }}》</span>
+              <span @click="getStandardInterpret"> {{ spiltInfo.serialNumber }}《{{ spiltInfo.fileName }}》</span>
             </a-tooltip>
             <a-button type="link" :icon="isContainerExpand ? 'fullscreen-exit' : 'fullscreen'" @click="handleContainerExpand">
               {{ isContainerExpand ? $t('putAway') : $t('open') }}
@@ -155,8 +155,8 @@
             <!--  <div class="clause-item-content"><a @click="handleViewFile(clauseLabelInfo[clause.dbFieldName])">{{ $t('view') }}</a></div>-->
             <!--</div>-->
             <div class="clause-item" v-if="!clauseLabelHideField.includes(clause.dbFieldName)" :key="clause.id">
-              <label>{{ clause.dbFieldTxt }}</label>
-              <div class="clause-item-content"
+              <label :title="clause.dbFieldTxt">{{ clause.dbFieldTxt }}</label>
+              <div class="clause-item-content" :title="clauseLabelInfo[needDictField.includes(clause.fieldShowType) ? clause.dbFieldName + '_dictText' : clause.dbFieldName]"
                    v-html="clauseLabelInfo[needDictField.includes(clause.fieldShowType) ? clause.dbFieldName + '_dictText' : clause.dbFieldName]"></div>
             </div>
           </template>
@@ -199,7 +199,7 @@
 </template>
 
 <script>
-import { getDocSplitEditForm, previewDocSplit } from '@api/documentToolApi'
+import { getDocSplitEditForm, getStandardInterpretation, previewDocSplit } from '@api/documentToolApi'
 import { FieldType } from '@/enums/commonEnums'
 import VueDraggableResizable from 'vue-draggable-resizable'
 import { queryDepartTreeList } from '@api/api'
@@ -255,6 +255,22 @@ export default {
     // this.sheetContainerRefX = boxWidth - this.standardCatalogueRefX - this.clauseLabelRefX
   },
   methods: {
+    // 获取标准的解读
+    getStandardInterpret () {
+      this.loading = true
+      getStandardInterpretation({ standard_id: this.spiltInfo.standardId }).then(res => {
+        if (res.success) {
+          this.standardInterpret = res.result[0] || {}
+          this.selectedTreeKeys = []
+          this.hightMenuId = null
+          this.clauseLabelInfo = this.standardInterpret
+        } else {
+          this.$message.warn(res.message)
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
     // 查看文件
     handleViewFile (ids) {
       this.$refs.uploadFile.open(ids)
@@ -326,7 +342,7 @@ export default {
       })
     },
     initDetailInfo (queryParams) {
-      // this.loading = true
+      this.loading = true
       const params = Object.assign({}, this.queryParams, queryParams)
       if (this.horizontalOverstep) {
         params.horizontalOverstep = true
@@ -543,6 +559,7 @@ export default {
 .clause-label {
   position: relative;
   width: 400px;
+  min-width: 300px;
   height: 100%;
   margin-right: 3px;
   //overflow: hidden;
@@ -577,6 +594,7 @@ export default {
 
 .hide-clause-label {
   width: 0 !important;
+  min-width: 0 !important;
   overflow: hidden;
   margin-left: 0;
 }