update 征求意见修改前、修改后、修改理由添加弹框展示详情功能

src/views/workCenter/standardConsultationProcess/StandardConsultationProcess.vue

@@ -179,6 +179,12 @@
               :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
               :loading="loading">
 
+              <!--修改前、修改后、修改理由弹框显示内容-->
+              <template v-slot:modalDetail="{text, record}">
+                <div class="table-text" @click="showContent(text)" v-if="text">{{ text }}</div>
+                <div v-else>{{ global.emptyLine }}</div>
+              </template>
+
               <!--    操作栏   -->
               <div slot="action" slot-scope="{record, index}" class="action-span-cell">
                 <a @click="handleEdit(record, index)" class="table-ope-btn">{{ $t('edit') }}</a>
@@ -205,6 +211,13 @@
                           :extra-form="collectExtraForm"
                           :all-disabled="disabledConsultationList"
                           :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }">
+
+            <!--修改前、修改后、修改理由弹框显示内容-->
+            <template v-slot:modalDetail="{text, record}">
+              <div class="table-text" @click="showContent(text)" v-if="text">{{ text }}</div>
+              <div v-else>{{ global.emptyLine }}</div>
+            </template>
+
             <!--意见，汇总节点才用插槽，用表头控制了-->
             <template v-slot:opinion="{text, record, index}">
               <j-dict-select-tag :value="record.isAdopt"
@@ -276,6 +289,8 @@
     <batch-write-opinion-modal ref="opinionModal" @ok="handleWriteOpinion" />
     <!--转办选人-->
     <user-select-modal ref="userSelectModal" check-required @change="continueTurnTo" />
+    <!--修改前、修改后、修改理由展示完整内容-->
+    <text-content-modal ref="textContentModal" />
   </internal-detail-page>
 </template>
 
@@ -304,10 +319,12 @@ import {
 } from '../../../api/workCenter'
 import UserSelectModal from '../../../components/selection/UserSelectModal'
 import { getFileInfo } from '../../../api/api'
+import TextContentModal from '../../businessSupport/askForAdvice/modules/TextContentModal'
 
 export default {
   name: 'StandardConsultationProcess',
   components: {
+    TextContentModal,
     UserSelectModal,
     FileEcho,
     PersonnelInfo,
@@ -461,21 +478,21 @@ export default {
               align: 'center',
               width: 180,
               dataIndex: 'modificationBefore',
-              scopedSlots: { customRender: 'text' }
+              scopedSlots: { customRender: 'modalDetail' }
             },
             { // 修改后
               title: this.$t('workCenter.enStandardChange.afterUpdate'),
               align: 'center',
               width: 180,
               dataIndex: 'modificationAfter',
-              scopedSlots: { customRender: 'text' }
+              scopedSlots: { customRender: 'modalDetail' }
             },
             { // 修改理由
               title: this.$t('workCenter.enStandardChange.updateReason'),
               align: 'center',
               width: 180,
               dataIndex: 'modificationReason',
-              scopedSlots: { customRender: 'text' }
+              scopedSlots: { customRender: 'modalDetail' }
             }
           ]
         },
@@ -520,21 +537,21 @@ export default {
               align: 'center',
               width: 180,
               dataIndex: 'modificationBefore',
-              scopedSlots: { customRender: 'text' }
+              scopedSlots: { customRender: 'modalDetail' }
             },
             { // 修改后
               title: this.$t('workCenter.enStandardChange.afterUpdate'),
               align: 'center',
               width: 180,
               dataIndex: 'modificationAfter',
-              scopedSlots: { customRender: 'text' }
+              scopedSlots: { customRender: 'modalDetail' }
             },
             { // 修改理由
               title: this.$t('workCenter.enStandardChange.updateReason'),
               align: 'center',
               width: 180,
               dataIndex: 'modificationReason',
-              scopedSlots: { customRender: 'text' }
+              scopedSlots: { customRender: 'modalDetail' }
             }
           ]
         },
@@ -682,21 +699,21 @@ export default {
               align: 'center',
               width: 180,
               dataIndex: 'modificationBefore',
-              scopedSlots: { customRender: 'text' }
+              scopedSlots: { customRender: 'modalDetail' }
             },
             { // 修改后
               title: this.$t('workCenter.enStandardChange.afterUpdate'),
               align: 'center',
               width: 180,
               dataIndex: 'modificationAfter',
-              scopedSlots: { customRender: 'text' }
+              scopedSlots: { customRender: 'modalDetail' }
             },
             { // 修改理由
               title: this.$t('workCenter.enStandardChange.updateReason'),
               align: 'center',
               width: 180,
               dataIndex: 'modificationReason',
-              scopedSlots: { customRender: 'text' }
+              scopedSlots: { customRender: 'modalDetail' }
             }
           ]
         },
@@ -1166,6 +1183,9 @@ export default {
      */
     handleOpinionChange (value, index) {
       this.$set(this.dataSource[index], 'isAdopt', value)
+    },
+    showContent (text) {
+      this.$refs.textContentModal.open(text)
     }
   }
 }