update 法规合规评估

src/views/workCenter/standardComplianceProcess/components/DesignEngineerWriteProject.vue

@@ -3,7 +3,17 @@
     <!--项目归档-->
     <div class="process-part-title">{{ $t('workCenter.standardCompliance.projectFiling') }}</div>
     <div>
-      <j-table :columns="columns" :data-source="dataSource" :pagination="false" :scroll="{x: '100%'}">
+      <j-table :columns="columns" :data-source="dataSource" :pagination="ipagination" :scroll="{x: '100%'}" @change="handleTableChange">
+
+        <!--条文内容-->
+        <template v-slot:clauseContent="{text}">
+          <div class="table-text" style="cursor: pointer" @click="showContent(text)" v-if="text">
+            {{ text && text !== 'null' ? text.replace(/<.*?>/ig, ' ') : '' }}
+          </div>
+          <div class="table-text" v-else>{{ global.emptyLine }}</div>
+        </template>
+
+        <!--操作-->
         <template v-slot:action="{text, record, index}">
           <a @click="handleEdit(record)">{{ $t('edit') }}</a>
         </template>
@@ -11,16 +21,29 @@
     </div>
 
     <edit-project-modal ref="modalForm" />
+    <!--条文内容-->
+    <split-clause-detail ref="clauseDetail" />
   </div>
 </template>
 
 <script>
 import JTable from '../../../../components/jero/JTable'
 import EditProjectModal from '../modules/EditProjectModal'
+import SplitClauseDetail from '../../../documentTool/documentSplit/modules/SplitClauseDetail'
 
 export default {
   name: 'DesignEngineerWriteProject',
-  components: { EditProjectModal, JTable },
+  components: { SplitClauseDetail, EditProjectModal, JTable },
+  props: {
+    // 回显的数据
+    displayDataSource: {
+      type: Array,
+      required: false,
+      default: () => {
+        return []
+      }
+    }
+  },
   data () {
     return {
       columns: [
@@ -35,40 +58,41 @@ export default {
         },
         // 标准编号/条款号
         {
-          dataIndex: 'workNumber',
+          dataIndex: 'termNumber',
           title: this.$t('projectLibrary.vehicleItemLibrary.standardNumberClauseNumber'),
-          width: 150
+          width: 150,
+          scopedSlots: { customRender: 'evaluateDetail' }
         },
         // 标准名称/条款名称
         {
-          dataIndex: 'projectName',
+          dataIndex: 'termName',
           title: this.$t('workCenter.projectComplianceEvaluationProcess.standardNameClauseName'),
-          width: 160
-        },
-        // 标准状态
-        {
-          title: this.$t('standardSelect.textState'),
-          dataIndex: 'standardState_dictText',
           width: 150
         },
+        // 条款内容
+        {
+          dataIndex: 'termText',
+          title: this.$t('workCenter.projectComplianceEvaluationProcess.terms'),
+          width: 250,
+          scopedSlots: { customRender: 'clauseContent' }
+        },
         // 实施日期
         {
           title: this.$t('dashboard.advancedSearch.materialDate'),
-          width: 180,
-          dataIndex: 'implementation_date'
+          width: 150,
+          dataIndex: 'implementationDate'
         },
         // 评估结果
         {
-          dataIndex: 'evaluationResults_dictText',
+          dataIndex: 'assessResults_dictText',
           title: this.$t('projectLibrary.vehicleItemLibrary.evaluationResult'),
           width: 120
         },
         // 是否立项
         {
-          dataIndex: 'isProject',
+          dataIndex: 'projectApprovalFlag_dictText',
           title: this.$t('projectLibrary.specialProjectLibrary.whetherToApproveAProjectOrNot'),
-          width: 150,
-          scopedSlots: { customRender: 'isProject' }
+          width: 150
         },
         // 工作令编号
         {
@@ -90,12 +114,39 @@ export default {
           scopedSlots: { customRender: 'action' }
         }
       ],
-      dataSource: []
+      dataSource: [],
+      /* 分页参数 */
+      ipagination: {
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '30', '50', '100', '150', '200'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' ' + this.$t('total') + total + this.$t('strip')
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      }
+    }
+  },
+  watch: {
+    displayDataSource: {
+      handler (value) {
+        this.dataSource = value || []
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
     handleEdit (record) {
       this.$refs.modalForm.open(record)
+    },
+    handleTableChange (pagination) {
+      this.ipagination = pagination
+    },
+    showContent (text) {
+      this.$refs.clauseDetail.open(text)
     }
   }
 }