[update] 修改bug88408

src/views/regulatoryComplianceAssessmentDatabase/nonmatchItem/NonmatchItemList.vue

@@ -117,6 +117,14 @@
           </a-tooltip>
         </template>
 
+        <!--  条款内容  -->
+        <template slot="item_content" slot-scope="{text, record}">
+          <div class="table-text" v-if="text || text === 0" @click="showContent(text,record)">
+            {{ text && text !== 'null' ? text.replace(/<.*?>/ig, ' ') : '' }}
+          </div>
+          <div class="table-text" v-else>{{ global.emptyLine }}</div>
+        </template>
+
         <!--  附件 -->
         <template v-slot:file="{text, record}">
           <a v-if="text" class="link-a" @click="handleLookFile(record)">{{ $t('view') }}</a>
@@ -133,6 +141,8 @@
     <nonmatch-item-look-modal ref="nonmatchItemLookModal"/>
     <!--  文件查看弹框  -->
     <upload-file ref="uploadFile" disabled></upload-file>
+    <!--  条款内容  -->
+    <split-clause-detail ref="splitClauseDetail" />
   </a-card>
 </template>
 
@@ -144,10 +154,11 @@ import NonmatchItemCloseModal from './modules/NonmatchItemCloseModal'
 import NonmatchItemLookModal from './modules/NonmatchItemLookModal'
 import { queryDepartTreeList } from '../../../api/api'
 import UploadFile from '@/components/UploadFile'
+import SplitClauseDetail from '../../documentTool/documentSplit/modules/SplitClauseDetail'
 
 export default {
   name: 'NonmatchItemList',
-  components: { JTable, NonmatchItemCloseModal, NonmatchItemLookModal, UploadFile },
+  components: { JTable, NonmatchItemCloseModal, NonmatchItemLookModal, UploadFile, SplitClauseDetail },
   mixins: [JeroListMixin],
   data () {
     return {
@@ -194,7 +205,7 @@ export default {
           align: 'center',
           width: 180,
           dataIndex: 'termContent',
-          scopedSlots: { customRender: 'text' }
+          scopedSlots: { customRender: 'item_content' }
         },
         { // 责任部门
           title: this.$t('regulatoryComplianceAssessmentDatabase.nonmatchItem.responsibleDepartment'),
@@ -320,6 +331,10 @@ export default {
         }
       })
     },
+    // 显示条款内容弹框
+    showContent (val) {
+      this.$refs.splitClauseDetail.open(val)
+    },
     // 批量关闭
     batchClose () {
       if (this.selectedRowKeys.length <= 0) {

src/views/regulatoryComplianceAssessmentDatabase/regulatoryComplianceAssessment/modules/AssessmentLookModal.vue

@@ -91,6 +91,14 @@
         </a-tooltip>
       </template>
 
+      <!--  条款内容  -->
+      <template slot="item_content" slot-scope="text, record">
+        <div class="table-text" v-if="text || text === 0" @click="showContent(text,record)">
+          {{ text && text !== 'null' ? text.replace(/<.*?>/ig, ' ') : '' }}
+        </div>
+        <div class="table-text" v-else>{{ global.emptyLine }}</div>
+      </template>
+
       <template slot="text" slot-scope="text">
         <a-tooltip overlay-class-name="tooltip-style">
           <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
@@ -107,6 +115,8 @@
 
     <!--  文件列表查看  -->
     <upload-file ref="uploadFile" disabled></upload-file>
+    <!--  条款内容  -->
+    <split-clause-detail ref="splitClauseDetail" />
 
   </j-modal>
 </template>
@@ -115,10 +125,11 @@
 import { JeroListMixin } from '@/mixins/JeroListMixin'
 import { queryDepartTreeList } from '../../../../api/api'
 import UploadFile from '@/components/UploadFile'
+import SplitClauseDetail from '../../../documentTool/documentSplit/modules/SplitClauseDetail'
 
 export default {
   name: 'AssessmentLookModal',
-  components: { UploadFile },
+  components: { UploadFile, SplitClauseDetail },
   mixins: [JeroListMixin],
   data () {
     return {
@@ -148,7 +159,7 @@ export default {
           align: 'center',
           width: 180,
           dataIndex: 'termContent',
-          scopedSlots: { customRender: 'text' }
+          scopedSlots: { customRender: 'item_content' }
         },
         { // 车型
           title: this.$t('regulatoryComplianceAssessmentDatabase.assessmentLibrary.vehicleType'),
@@ -269,6 +280,10 @@ export default {
         }
       })
     },
+    // 显示条款内容弹框
+    showContent (val) {
+      this.$refs.splitClauseDetail.open(val)
+    },
     filterTreeOption (input, option) {
       const text = option.componentOptions.propsData.title || option.componentOptions.propsData.label
       return text.toLowerCase().indexOf(input.toLowerCase()) >= 0