[update 拆分] 查看-译文

src/components/StandardResolutionSheet.vue

@@ -129,15 +129,12 @@
       <div class="translation-text part-ml part-common" ref="translationRef" :style="`width: ${translationRefX}px`" :class="{'hide-clause-label': isContainerExpand}">
         <div class="part-title">{{ $t('standardRegulationLibrary.translation') }}</div>
         <div class="standard-content translation-content">
-          <div class="clause-content-item"
-               v-for="clause in clauseContentList"
-               :key="clause.id"
-               @click="handleClickClauseContentItem(clause)">
-            <div class="clause-content-item-title">{{ clause.item_num }} {{ clause.item_title }}</div>
+          <div class="clause-content-item" v-if="Object.keys(clauseLabelInfo).length">
+            <div class="clause-content-item-title">{{ clauseLabelInfo.item_num }} {{ clauseLabelInfo.item_title }}</div>
             <div class="clause-content-item-content"
-                 :class="{'clause-content-item-content-hight': clause.menu_id === hightMenuId}"
-                 v-html="clause.translation"></div>
+                 v-html="clauseLabelInfo.translation"></div>
           </div>
+          <a-list v-else :data-source="[]"></a-list>
         </div>
         <vue-draggable-resizable :draggable="true" :resizable="false" :w="6" axis="x" :x="translationRefX" :z="2" class="draggable-border"
                                  :onDrag="(...args) => onDragCallback(100, 500, ...args)" class-name-dragging="dragging"
@@ -149,7 +146,12 @@
         <div class="part-title">{{ $t('standardRegulationLibrary.clauseLabel') }}</div>
         <div class="has-title-part-content">
           <template v-for="clause in clauseField">
-            <div class="clause-item" v-if="!clauseLabelHideField.includes(clause.dbFieldName)" :key="clause.id">
+            <!--技术规范/设计指南 查看-->
+            <div class="clause-item" v-if="clause.dbFieldName === 'technical_specification_design_guide'" :key="clause.id">
+              <label>{{ clause.dbFieldTxt }}</label>
+              <div class="clause-item-content"><a @click="handleViewFile(clauseLabelInfo[clause.dbFieldName])">{{ $t('view') }}</a></div>
+            </div>
+            <div class="clause-item" v-else-if="!clauseLabelHideField.includes(clause.dbFieldName)" :key="clause.id">
               <label>{{ clause.dbFieldTxt }}</label>
               <div class="clause-item-content"
                    v-html="clauseLabelInfo[needDictField.includes(clause.fieldShowType) ? clause.dbFieldName + '_dictText' : clause.dbFieldName]"></div>
@@ -187,6 +189,8 @@
       <!--    </div>-->
       <!--  </a-tooltip>-->
       <!--</div>-->
+      <!--查看上传文件-->
+      <upload-file ref="uploadFile" :return-url="false" disabled />
     </div>
   </a-spin>
 </template>
@@ -196,10 +200,12 @@ import { getDocSplitEditForm, previewDocSplit } from '@api/documentToolApi'
 import { FieldType } from '@/enums/commonEnums'
 import VueDraggableResizable from 'vue-draggable-resizable'
 import { queryDepartTreeList } from '@api/api'
+import UploadFile from '@comp/UploadFile'
 
 export default {
   name: 'StandardResolutionSheet',
   components: {
+    UploadFile,
     VueDraggableResizable
   },
   props: {
@@ -229,7 +235,7 @@ export default {
       clauseContentList: [], // 条文内容的数据
       translationContentList: [], // 译文内容的数据
       clauseLabelInfo: {}, // 条文标签数据
-      clauseLabelHideField: ['item_content'],
+      clauseLabelHideField: ['item_content', 'item_title', 'translation'],
       needDictField: [FieldType.USER_SINGLE.value, FieldType.ORGAN_SINGLE.value, FieldType.STANDARD_MORE.value, FieldType.ORGAN_MORE.value, FieldType.OPTION_SINGLE.value, FieldType.OPTION_MORE.value, FieldType.TREE.value],
       queryParams: {},
       isDragging: false, // 是否拖拽中
@@ -246,6 +252,10 @@ export default {
     this.sheetContainerRefX = boxWidth - this.standardCatalogueRefX - this.clauseLabelRefX
   },
   methods: {
+    // 查看文件
+    handleViewFile (ids) {
+      this.$refs.uploadFile.open(ids)
+    },
     // 获取组织机构树
     getSysCategoryTree () {
       queryDepartTreeList().then((res) => {