From a0c306aefff88e120345c17fc8aebe6abeef73a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E9=9C=84?= <zhaoxiaox0053@163.com>
Date: Fri, 19 Jan 2024 17:32:02 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E6=B3=95=E8=A7=84=E5=90=88=E8=A7=84?=
 =?UTF-8?q?=E8=AF=84=E4=BC=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/workCenter.js                         |   5 +-
 .../StandardComplianceProcess.vue             |   4 +-
 .../components/RegulatoryEngineerApproval.vue | 182 ++++++++++++++----
 3 files changed, 154 insertions(+), 37 deletions(-)

diff --git a/src/api/workCenter.js b/src/api/workCenter.js
index e7b3c871..03ceff20 100644
--- a/src/api/workCenter.js
+++ b/src/api/workCenter.js
@@ -422,6 +422,8 @@ const rejectStandardCompliance = (params) => postAction('/process/projectStandar
 const queryStandardCompliance = (params) => getAction('/process/projectStandard/queryProcessInfoVO', params)
 // 查询评估结果
 const queryStandardComplianceResult = (params) => getAction('/process/projectStandard/getTermUserList', params)
+// 归档节点查询下方表格数据
+const queryStandardComplianceEvaluateDetail = (params) => getAction('/process/projectStandard/getTermApprovalList', params)
 
 export {
   getProcessNodeList,
@@ -635,5 +637,6 @@ export {
   agreeStandardCompliance,
   rejectStandardCompliance,
   queryStandardCompliance,
-  queryStandardComplianceResult
+  queryStandardComplianceResult,
+  queryStandardComplianceEvaluateDetail
 }
diff --git a/src/views/workCenter/standardComplianceProcess/StandardComplianceProcess.vue b/src/views/workCenter/standardComplianceProcess/StandardComplianceProcess.vue
index 294eedbc..9cd1022b 100644
--- a/src/views/workCenter/standardComplianceProcess/StandardComplianceProcess.vue
+++ b/src/views/workCenter/standardComplianceProcess/StandardComplianceProcess.vue
@@ -94,10 +94,10 @@
       <module-owner-approve-table v-if="isModuleOwnerApprove" ref="termList" :display-data-source="dispatchDataSource" />
 
       <!--部所主管级领导审批-->
-      <depart-leader-approve-table v-if="isDepartLeaderApprove" ref="termList" :display-data-source="dispatchDataSource"/>
+      <depart-leader-approve-table v-if="isDepartLeaderApprove" ref="termList" :display-data-source="dispatchDataSource" />
 
       <!--法规工程师审批-->
-      <regulatory-engineer-approval v-if="isRegulatoryEngineerApproval" />
+      <regulatory-engineer-approval v-if="isRegulatoryEngineerApproval" ref="termList" :display-data-source="dispatchDataSource" />
 
       <!--设计工程师补充立项项目号-->
       <design-engineer-write-project v-if="isDesignEngineerWriteProject" />
diff --git a/src/views/workCenter/standardComplianceProcess/components/RegulatoryEngineerApproval.vue b/src/views/workCenter/standardComplianceProcess/components/RegulatoryEngineerApproval.vue
index 8771b1b3..437e668b 100644
--- a/src/views/workCenter/standardComplianceProcess/components/RegulatoryEngineerApproval.vue
+++ b/src/views/workCenter/standardComplianceProcess/components/RegulatoryEngineerApproval.vue
@@ -3,34 +3,52 @@
     <!--项目归档-->
     <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:evaluateDetail="{text, record}">
+          <div class="table-text can-click-table-text" @click="loadSubTable(record)" v-if="text">
+            {{ text }}
+          </div>
+          <div class="table-text" v-else>{{ global.emptyLine }}</div>
+        </template>
 
         <!--是否立项-->
-        <template v-slot:isProject="{text,record,index}">
-          <j-dict-select-tag v-model="record.isProject" dict-code="yn" style="width: 100%" />
+        <template v-slot:projectApprovalFlag="{text,record}">
+          <j-dict-select-tag v-model="record.projectApprovalFlag" dict-code="yn" style="width: 100%" />
         </template>
 
         <!--设计工程师-->
-        <template v-slot:designEngineer="{text, record, index}">
-          <user-selection :name-str="record.designEngineer_dictText"
+        <template v-slot:designEngineer="{text, record}">
+          <!--立项需要选-->
+          <user-selection v-if="record.projectApprovalFlag === yesValue"
+                          :name-str="record.designEngineer_dictText"
                           :show-btn="false"
                           v-model="record.designEngineer"
                           :placeholder="$t('pleaseSelect') + $t('workCenter.standardConsultationProcess.designEngineer')"
                           style="width: 100%"
                           type="radio" />
-          <!--<div>{{ global.emptyLine }}</div>-->
+          <div v-else>{{ global.emptyLine }}</div>
         </template>
 
         <!--抄送人员-->
-        <template v-slot:ccPerson="{text, record, index}">
-          <user-selection :name-str="record.ccPerson_dictText"
+        <template v-slot:carbonCopyPersonnels="{text, record}">
+          <user-selection :name-str="record.carbonCopyPersonnels_dictText"
                           :show-btn="false"
-                          v-model="record.ccPerson"
+                          v-model="record.carbonCopyPersonnels"
                           :placeholder="$t('pleaseSelect') + $t('workCenter.projectComplianceEvaluationProcess.ccPerson')"
                           style="width: 100%"
                           type="checkbox" />
           <!--<div>{{ global.emptyLine }}</div>-->
         </template>
+
+        <!--条文内容-->
+        <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>
       </j-table>
     </div>
     <div class="detail-page-part-form">
@@ -46,19 +64,36 @@
       </div>
     </div>
     <div>
-      <j-table :columns="subColumns" :data-source="subDataSource" :pagination="false" :scroll="{x: '100%'}">
+      <j-table :loading="subTableLoading" :columns="subColumns" :data-source="subDataSource" :pagination="false" :scroll="{x: '100%'}">
       </j-table>
     </div>
+
+    <!--条文内容-->
+    <split-clause-detail ref="clauseDetail" />
   </div>
 </template>
 
 <script>
 import JTable from '../../../../components/jero/JTable'
 import UserSelection from '../../../../components/selection/UserSelection'
+import DepartLeaderDetailModal from '../modules/DepartLeaderDetailModal'
+import SplitClauseDetail from '../../../documentTool/documentSplit/modules/SplitClauseDetail'
+import { YesOrNoEnum } from '../../../../enums/commonEnums'
+import { queryStandardComplianceEvaluateDetail } from '../../../../api/workCenter'
 
 export default {
   name: 'RegulatoryEngineerApproval',
-  components: { UserSelection, JTable },
+  components: { SplitClauseDetail, DepartLeaderDetailModal, UserSelection, JTable },
+  props: {
+    // 回显的数据
+    displayDataSource: {
+      type: Array,
+      required: false,
+      default: () => {
+        return []
+      }
+    }
+  },
   data () {
     return {
       columns: [
@@ -73,46 +108,48 @@ 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'
         },
         // 责任单位联络人
         {
           title: this.$t('workCenter.standardCompliance.responsibleUnitContactPerson'),
-          dataIndex: 'contact',
+          dataIndex: 'responsibleUnitLeader',
           width: 150
         },
         // 评估结果
         {
-          dataIndex: 'evaluationResults_dictText',
+          dataIndex: 'assessResults_dictText',
           title: this.$t('projectLibrary.vehicleItemLibrary.evaluationResult'),
           width: 120
         },
         // 是否立项
         {
-          dataIndex: 'isProject',
+          dataIndex: 'projectApprovalFlag',
           title: this.$t('projectLibrary.specialProjectLibrary.whetherToApproveAProjectOrNot'),
           width: 150,
-          scopedSlots: { customRender: 'isProject' }
+          scopedSlots: { customRender: 'projectApprovalFlag' }
         },
         // 设计工程师
         {
@@ -124,9 +161,9 @@ export default {
         // 抄送人员
         {
           title: this.$t('workCenter.projectComplianceEvaluationProcess.ccPerson'),
-          dataIndex: 'ccPerson',
+          dataIndex: 'carbonCopyPersonnels',
           width: 150,
-          scopedSlots: { customRender: 'ccPerson' }
+          scopedSlots: { customRender: 'carbonCopyPersonnels' }
         }
       ],
       dataSource: [],
@@ -143,24 +180,101 @@ export default {
         // 责任单位联络人
         {
           title: this.$t('workCenter.standardCompliance.responsibleUnitContactPerson'),
-          dataIndex: 'contact',
+          dataIndex: 'responsibleUnitLeader_dictText',
           width: 150
         },
         // 评估结果
         {
-          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
         }
       ],
-      subDataSource: []
+      subDataSource: [],
+      yesValue: YesOrNoEnum.YES.value,
+      subTableLoading: false,
+      /* 分页参数 */
+      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: {
+    handleTableChange (pagination) {
+      this.ipagination = pagination
+    },
+    showContent (text) {
+      this.$refs.clauseDetail.open(text)
+    },
+    /**
+     * 加载下面子表格
+     * @param record
+     */
+    loadSubTable (record) {
+      this.subDataSource = []
+      this.subTableLoading = true
+      queryStandardComplianceEvaluateDetail({ id: record.id }).then(res => {
+        if (res.success) {
+          this.subDataSource = res.result || []
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.subTableLoading = false
+      })
+    },
+    submit (needValidator, needRemind) {
+      if (!needValidator) {
+        return this.dataSource
+      }
+      let flag = true
+      for (const record of this.dataSource) {
+        // 如果是否立项没有填，跳出校验
+        if (!record.projectApprovalFlag) {
+          flag = false
+          continue
+        }
+        // 没选抄送人员，跳出校验
+        if (!record.carbonCopyPersonnels) {
+          flag = false
+          continue
+        }
+        // 是否立项为是，没选设计工程师
+        if (record.projectApprovalFlag === this.yesValue && !record.designEngineer) {
+          flag = false
+        }
+      }
+      if (!flag) {
+        if (needRemind) {
+          // 校验提醒
+          this.$message.warning(this.$t('workCenter.checkTableRequired'))
+        }
+        return false
+      }
+      return this.dataSource
     }
   }
 }