From 50be7bfc051b8c135cc6cf3890a0ff61a751ad5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E9=9C=84?= <zhaoxiaox0053@163.com>
Date: Mon, 18 Dec 2023 18:42:21 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E9=A1=B9=E7=9B=AE=E5=90=88=E8=A7=84?=
 =?UTF-8?q?=E8=AF=84=E4=BC=B0=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/api.js                                |  19 +-
 src/common/lang/zh-cn.js                      |  12 +
 src/enums/commonEnums.js                      |   2 +-
 src/router/workCenter/index.js                |  10 +
 src/views/myTodo/MyTodo.vue                   |   4 +
 .../ProjectComplianceEvaluationProcess.vue    | 508 ++++++++++++++++++
 6 files changed, 553 insertions(+), 2 deletions(-)
 create mode 100644 src/views/workCenter/projectComplianceEvaluationProcess/ProjectComplianceEvaluationProcess.vue

diff --git a/src/api/api.js b/src/api/api.js
index 9b4090a..65cdda2 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -192,6 +192,17 @@ const transferInspectRectify = (params) => getAction('/process/esInspectRectifyF
 // 企标稽查整改业务数据
 const getInspectRectifyDataById = (params) => getAction('/esinspectreport/processEsInspectRectify/queryByProjectId', params)
 
+// 流程中心统一转办
+const processTransfer = (params) => postAction('/workCenter/transfer', params)
+
+/* 项目合规评估 */
+// 获取流程数据
+const queryProjectComplianceEvaluation = (params) => getAction('/process/projectAssess/queryProcessInfoVO', params)
+// 同意
+const agreeProjectComplianceEvaluation = (params) => postAction('/process/projectAssess/agree', params)
+// 驳回
+const rejectProjectComplianceEvaluation = (params) => postAction('/process/projectAssess/reject', params)
+
 export {
   queryPermissionsByUser,
   getFormDictTreeList,
@@ -280,5 +291,11 @@ export {
   getInspectRectifyDetail,
   approvalInspectRectify,
   transferInspectRectify,
-  getInspectRectifyDataById
+  getInspectRectifyDataById,
+
+  processTransfer,
+
+  queryProjectComplianceEvaluation,
+  agreeProjectComplianceEvaluation,
+  rejectProjectComplianceEvaluation
 }
diff --git a/src/common/lang/zh-cn.js b/src/common/lang/zh-cn.js
index 61dd343..05368d3 100644
--- a/src/common/lang/zh-cn.js
+++ b/src/common/lang/zh-cn.js
@@ -265,5 +265,17 @@ module.exports = {
     file: '附件',
     requestExtensionDate: '申请延期日期',
     extensionDescription: '延期说明'
+  },
+  // 项目合规评估流程
+  projectCompliance: {
+    vehicleItemInfo: '车型项目信息',
+    propertiesAndTextAttachments: '属性及文本附件',
+    projectAppraisal: '项目评估',
+    estimatedDateOfCompletionOfRectification: '预计整改完成日期',
+    standardNumberClauseNumber: '标准编号/条款号',
+    standardNameClauseName: '标准名称/条款名称',
+    terms: '条款内容',
+    preNodeProcessesPeople: '上一节点处理人',
+    evaluationFeedback: '评估反馈',
   }
 }
diff --git a/src/enums/commonEnums.js b/src/enums/commonEnums.js
index 8526db0..e0ba84a 100644
--- a/src/enums/commonEnums.js
+++ b/src/enums/commonEnums.js
@@ -57,7 +57,7 @@ export const ProcessKey = {
   // 征求意见流程
   CONSULTATION: { text: 'fb-standard-consultation', value: 'fb-standard-consultation' },
   // 项目合规评估流程
-  PROJECT_COMPLIANCE_EVALUATION: { text: '', value: '' },
+  PROJECT_COMPLIANCE_EVALUATION: { text: 'project-assessment', value: 'project-assessment' },
   // 未符合项跟踪流程
   NO_MATCH_TRACKING: { text: '', value: '' },
   // 法规合规评估流程
diff --git a/src/router/workCenter/index.js b/src/router/workCenter/index.js
index da4a3b1..32f488e 100644
--- a/src/router/workCenter/index.js
+++ b/src/router/workCenter/index.js
@@ -139,5 +139,15 @@ export default [
       hasBack: true
     },
     component: () => import('@/views/workCenter/enterpriseStandardInspectionRectification/EnterpriseStandardInspectionRectification')
+  },
+  // 项目合规评估流程
+  {
+    path: '/workCenter/ProjectComplianceEvaluationProcess',
+    name: 'ProjectComplianceEvaluationProcess',
+    meta: {
+      hasNavBar: true,
+      hasBack: true
+    },
+    component: () => import('@/views/workCenter/projectComplianceEvaluationProcess/ProjectComplianceEvaluationProcess')
   }
 ]
diff --git a/src/views/myTodo/MyTodo.vue b/src/views/myTodo/MyTodo.vue
index 3c376a5..3d0f015 100644
--- a/src/views/myTodo/MyTodo.vue
+++ b/src/views/myTodo/MyTodo.vue
@@ -58,6 +58,10 @@ export default {
         case '2':
           path = '/workCenter/StandardConsultationProcess'
           break
+        // 项目合规评估流程
+        case '3':
+          path = '/workCenter/ProjectComplianceEvaluationProcess'
+          break
         // 法规采购流程
         case '6':
           path = '/workCenter/StandardProcurementProcess'
diff --git a/src/views/workCenter/projectComplianceEvaluationProcess/ProjectComplianceEvaluationProcess.vue b/src/views/workCenter/projectComplianceEvaluationProcess/ProjectComplianceEvaluationProcess.vue
new file mode 100644
index 0000000..b9df5a5
--- /dev/null
+++ b/src/views/workCenter/projectComplianceEvaluationProcess/ProjectComplianceEvaluationProcess.vue
@@ -0,0 +1,508 @@
+<template>
+  <process-common-layout class="page-box" :loading="loading" :process-key="ProcessKey.PROJECT_COMPLIANCE_EVALUATION.value">
+    <template v-slot:process>
+      <!--流程信息-->
+      <div class="process-part">
+        <div class="process-part-title">{{ $t('processInformation') }}</div>
+        <van-form input-align="right" label-width="7.2em">
+          <!--流程名称-->
+          <van-field v-model="processInfo.processName"
+                     :label="$t('processName')"
+                     type="textarea"
+                     autosize
+                     readonly
+                     rows="1"
+                     :placeholder="$t('pleaseEnter')+$t('processName')"
+                     :border="false" />
+          <!--截止日期-->
+          <van-field v-model="processInfo.processDueDate"
+                     :label="$t('expirationDate')"
+                     type="textarea"
+                     autosize
+                     readonly
+                     rows="1"
+                     :placeholder="$t('pleaseSelect')+$t('expirationDate')"
+                     :border="false" />
+          <!--车型项目信息-->
+          <van-field v-model="projectInfo.projectName"
+                     :label="$t('projectCompliance.vehicleItemInfo')"
+                     type="textarea"
+                     autosize
+                     readonly
+                     rows="1"
+                     :placeholder="$t('pleaseEnter')+$t('projectCompliance.vehicleItemInfo')"
+                     :border="false" />
+          <!--属性及文本附件-->
+          <van-field :label="$t('projectCompliance.propertiesAndTextAttachments')"
+                     type="textarea"
+                     autosize
+                     readonly
+                     rows="1"
+                     :placeholder="$t('pleaseEnter')+$t('projectCompliance.propertiesAndTextAttachments')"
+                     :border="false">
+            <div slot="input" v-if="standardList && standardList.length > 0">
+              <div v-for="item in standardList" :key="item.id">{{ item.standardNumber }} {{ item.standardName }}</div>
+            </div>
+          </van-field>
+          <!--流程说明-->
+          <van-field v-model="processInfo.processDescription"
+                     :label="$t('processExplain')"
+                     type="textarea"
+                     autosize
+                     disabled
+                     rows="1"
+                     :placeholder="$t('pleaseEnter')+$t('processExplain')"
+                     :border="false"
+                     input-align="left"
+                     class="vertical-form-item">
+          </van-field>
+        </van-form>
+      </div>
+
+      <!--项目评估-->
+      <div class="process-part">
+        <div class="process-part-title">{{ $t('projectCompliance.projectAppraisal') }}</div>
+        <z-expand-table :columns="columns"
+                        :dataSource="dataSource"
+                        bordered
+                        rowKey="id"
+                        :pagination="ipagination"
+                        :scroll="{x: '100%'}"
+                        form-is-depend="evaluationFeedback"
+                        :extra-form="extraForm"
+                        :all-disabled="true"
+                        @change="handleTableChange">
+          <template v-slot:content="{text}">
+            <div class="table-text" v-if="!!text" @click="handleShowContentDetail(text)">
+              {{ text && text !== 'null' ? text.replace(/<.*?>/ig, ' ') : '' }}
+            </div>
+          </template>
+        </z-expand-table>
+      </div>
+
+      <!--流程审批信息-->
+      <div class="process-part">
+        <div class="process-part-title">{{ $t('processApprovalInfo') }}</div>
+        <van-form input-align="right" ref="approvalForm">
+          <!--备注-->
+          <van-field v-model="approvalInfo.handleText"
+                     :label="$t('remark')"
+                     type="textarea"
+                     autosize
+                     rows="1"
+                     :placeholder="$t('pleaseEnter')+$t('remark')"
+                     :border="false"
+                     input-align="left"
+                     :rules="rules.handleText"
+                     class="vertical-form-item">
+          </van-field>
+          <!--附件-->
+          <z-upload v-model="approvalInfo.handleFile" />
+        </van-form>
+      </div>
+    </template>
+
+    <template v-slot:operation>
+      <!--转办-->
+      <van-button class="operation-common-btn" @click="handleTurnTo">
+        <template #icon>
+          <van-icon class="iconfont" class-prefix="icon" name="xunhuan" />
+        </template>
+        {{ $t('turnTo') }}
+      </van-button>
+      <!--同意-->
+      <van-button icon="revoke" class="operation-common-btn" type="primary" @click="handleAgree">
+        <template #icon>
+          <van-icon class="iconfont" class-prefix="icon" name="check" />
+        </template>
+        {{ $t('agree') }}
+      </van-button>
+      <!--驳回-->
+      <van-button icon="revoke" class="operation-common-btn light-color-button" @click="handleReject">
+        <template #icon>
+          <van-icon class="iconfont" class-prefix="icon" name="close" />
+        </template>
+        {{ $t('reject') }}
+      </van-button>
+    </template>
+
+    <!--转办选人-->
+    <select-user ref="selectUser" @selected-change="continueTurnTo" />
+
+    <!--条款内容-->
+    <van-popup v-model="showContentDetail"
+               closeable
+               round
+               position="bottom"
+               safe-area-inset-bottom
+               :style="{ height: '50%' }">
+      <div class="content-detail-text" v-html="contentDetail"></div>
+    </van-popup>
+  </process-common-layout>
+</template>
+
+<script>
+import ProcessCommonLayout from '../../../components/ProcessCommonLayout'
+import { ProcessKey } from '../../../enums/commonEnums'
+import ZUpload from '../../../components/ZUpload'
+import SelectUser from '../../../components/SelectUser'
+import {
+  processTransfer,
+  queryProjectComplianceEvaluation,
+  agreeProjectComplianceEvaluation,
+  rejectProjectComplianceEvaluation
+} from '../../../api/api'
+import ZExpandTable from '../../../components/ZExpandTable'
+
+export default {
+  name: 'ProjectComplianceEvaluationProcess',
+  components: { SelectUser, ZUpload, ProcessCommonLayout, ZExpandTable },
+  data () {
+    return {
+      ProcessKey,
+      loading: false,
+      processInfo: {}, // 流程信息
+      approvalInfo: {}, // 流程审批信息
+      rules: {
+        handleText: [{ required: false, message: this.$t('pleaseEnter') + this.$t('remark'), trigger: 'onBlur' }]
+      },
+      projectInfo: {}, // 项目信息
+      standardList: [], // 属性及文本附件的内容（多个标准）
+      columns: [
+        // 序号
+        {
+          title: this.$t('serialNumber'),
+          key: 'rowIndex',
+          width: 80,
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        // 标准编号/条款号
+        {
+          dataIndex: 'termNumber',
+          title: this.$t('projectCompliance.standardNumberClauseNumber'),
+          width: 150,
+          align: 'center'
+        },
+        // 标准名称/条款名称
+        {
+          dataIndex: 'termName',
+          title: this.$t('projectCompliance.standardNameClauseName'),
+          width: 160,
+          align: 'center'
+        },
+        // 条款内容
+        {
+          dataIndex: 'termText',
+          title: this.$t('projectCompliance.terms'),
+          width: 150,
+          align: 'center',
+          scopedSlots: { customRender: 'content' }
+        },
+        // 上一节点处理人
+        {
+          title: this.$t('projectCompliance.preNodeProcessesPeople'),
+          dataIndex: 'previousNodeHandler',
+          width: 150,
+          align: 'center'
+        },
+        // 评估反馈
+        {
+          title: this.$t('projectCompliance.evaluationFeedback'),
+          dataIndex: 'evaluationFeedback_dictText',
+          width: 150,
+          align: 'center'
+        }
+      ],
+      dataSource: [],
+      // 展开表格的配置项
+      extraForm: {
+        // 符合
+        '1': {
+          rules: {
+            // 依据描述
+            description: {
+              required: true,
+              message: this.$t('pleaseEnter') + this.$t('standardConsultation.basisDescription'),
+              trigger: 'blur'
+            },
+            // 佐证材料
+            fileId: {
+              required: false,
+              message: this.$t('pleaseUpload') + this.$t('standardConsultation.supportingMaterial'),
+              trigger: 'change'
+            }
+          },
+          formArr: [
+            {
+              fieldShowType: 1,
+              dbFieldTxt: this.$t('standardConsultation.basisDescription'),
+              dbFieldName: 'description'
+            },
+            {
+              fieldShowType: 2,
+              dbFieldTxt: this.$t('standardConsultation.supportingMaterial'),
+              dbFieldName: 'fileId',
+              fileType: 'pdf,doc,docx,pptx,ppt,jpg,jpeg,png,xls,xlsx,bmp'
+            }
+          ]
+        },
+        // 不符合
+        '2': {
+          rules: {
+            // 依据描述
+            description: {
+              required: true,
+              message: this.$t('pleaseEnter') + this.$t('standardConsultation.basisDescription'),
+              trigger: 'blur'
+            },
+            // 预计整改完成日期
+            expectedTime: {
+              required: true,
+              message: this.$t('pleaseSelect') + this.$t('projectCompliance.estimatedDateOfCompletionOfRectification'),
+              trigger: 'change'
+            }
+          },
+          formArr: [
+            {
+              fieldShowType: 1,
+              dbFieldTxt: this.$t('standardConsultation.basisDescription'),
+              dbFieldName: 'description'
+            },
+            {
+              fieldShowType: 3,
+              dbFieldTxt: this.$t('projectCompliance.estimatedDateOfCompletionOfRectification'),
+              dbFieldName: 'expectedTime'
+            }
+          ]
+        },
+        // 待验证
+        '3': {
+          rules: {
+            // 依据描述
+            description: {
+              required: true,
+              message: this.$t('pleaseEnter') + this.$t('standardConsultation.basisDescription'),
+              trigger: 'blur'
+            },
+            // 预计整改完成日期
+            expectedTime: {
+              required: true,
+              message: this.$t('pleaseSelect') + this.$t('projectCompliance.estimatedDateOfCompletionOfRectification'),
+              trigger: 'change'
+            }
+          },
+          formArr: [
+            {
+              fieldShowType: 1,
+              dbFieldTxt: this.$t('standardConsultation.basisDescription'),
+              dbFieldName: 'description'
+            },
+            {
+              fieldShowType: 3,
+              dbFieldTxt: this.$t('projectCompliance.estimatedDateOfCompletionOfRectification'),
+              dbFieldName: 'expectedTime'
+            }
+          ]
+        },
+        // 不涉及
+        '4': {
+          rules: {
+            // 依据描述
+            description: {
+              required: true,
+              message: this.$t('pleaseEnter') + this.$t('standardConsultation.basisDescription'),
+              trigger: 'blur'
+            }
+          },
+          formArr: [
+            {
+              fieldShowType: 1,
+              dbFieldTxt: this.$t('standardConsultation.basisDescription'),
+              dbFieldName: 'description'
+            }
+          ]
+        }
+      },
+      showContentDetail: false,
+      contentDetail: null,
+      businessId: null,
+      /* 分页参数 */
+      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
+      }
+    }
+  },
+  created () {
+    this.initProcessData()
+  },
+  methods: {
+    /**
+     * 初始化流程数据
+     */
+    initProcessData () {
+      const params = {
+        processInstanceId: this.$route.query.processInstanceId,
+        taskId: this.$route.query.taskId
+      }
+      this.loading = true
+      queryProjectComplianceEvaluation(params).then(res => {
+        if (res.success) {
+          const { result = {} } = res
+          this.processInfo = Object.assign({}, result.basicProcessInfoDTO || {})
+          this.approvalInfo = Object.assign({}, result.basicTaskInfoDTO || {})
+          // 处理车型项目信息
+          this.projectInfo = Object.assign({}, result.businessInfoDTO.processProjectAssess || {})
+          // 处理标准信息
+          this.standardList = result.businessInfoDTO.processProjectAssessLinkList || []
+          this.dataSource = result.businessInfoDTO.processProjectAssessTermList || []
+          this.businessId = result.businessId
+        } else {
+          this.$message(res.message)
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    async dealFormData () {
+      let flag = true, approvalInfo = {}
+      const approvalCheckResult = await this.validateForm('approvalForm')
+      if (approvalCheckResult) {
+        approvalInfo = { ...this.approvalInfo, taskId: this.$route.query.taskId }
+      } else {
+        flag = false
+      }
+      if (!flag) {
+        return false
+      }
+      return {
+        basicProcessInfoDTO: { ...this.processInfo },
+        businessInfoDTO: {
+          processProjectAssessTermList: JSON.parse(JSON.stringify(this.dataSource))
+        },
+        basicTaskInfoDTO: approvalInfo,
+        businessId: this.businessId
+      }
+    },
+    validateForm (formName) {
+      let flag = true
+      return new Promise(resolve => {
+        if (this.$refs[formName]) {
+          this.$refs[formName].validate().then(() => {
+          }).catch(() => {
+            flag = false
+          }).finally(() => {
+            resolve(flag)
+          })
+        } else {
+          resolve(flag)
+        }
+      })
+    },
+    /**
+     * 同意
+     */
+    async handleAgree () {
+      this.rules.handleText[0].required = false
+      if (!this.approvalInfo.handleText) {
+        this.approvalInfo.handleText = '同意'
+      }
+      const formData = await this.dealFormData()
+      if (!formData) {
+        return
+      }
+      this.loading = true
+      agreeProjectComplianceEvaluation(formData).then(res => {
+        this.$message(res.message)
+        if (res.success) {
+          this.goBack()
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    /**
+     * 驳回
+     */
+    async handleReject () {
+      this.rules.handleText[0].required = true
+      const formData = await this.dealFormData()
+      if (!formData) {
+        return
+      }
+      this.loading = true
+      rejectProjectComplianceEvaluation(formData).then(res => {
+        this.$message(res.message)
+        if (res.success) {
+          this.goBack()
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    /**
+     * 转办
+     */
+    handleTurnTo () {
+      this.$refs.selectUser.open()
+    },
+    continueTurnTo (userId) {
+      const params = {
+        taskId: this.$route.query.taskId,
+        userId
+      }
+      this.loading = true
+      processTransfer(params).then(res => {
+        this.$message(res.message)
+        if (res.success) {
+          this.goBack()
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    goBack () {
+      let timer = setTimeout(() => {
+        clearTimeout(timer)
+        timer = null
+        this.$router.go(-1)
+      }, 700)
+    },
+    handleShowContentDetail (text) {
+      this.contentDetail = text
+      this.showContentDetail = true
+    },
+    handleTableChange (pagination) {
+      this.ipagination = pagination
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~../../../assets/less/common.less';
+
+.content-detail-text {
+  height: calc(100% - 54px);
+  margin-top: 54px;
+  padding: @pad-base;
+  overflow: auto;
+  word-break: break-word;
+}
+
+.table-text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+</style>
\ No newline at end of file