[update] 点击审批信息的节点名称跳转查看

src/components/PersonnelInfo.vue

@@ -270,7 +270,7 @@ export default {
       font-size: 10px;
       width: 20px;
       height: 20px;
-      background: #FAE6E5;
+      background: rgba(0, 100, 250, 0.08);
       border-radius: 10px 10px 10px 10px;
       opacity: 1;
       line-height: 20px;

src/components/ProcessDetailList.vue

@@ -46,15 +46,14 @@
           :scroll="{x: '100%', y: yScrollHeight}"
           @change="handleTableChange">
 
-          <!--  耗时  -->
-          <!--<template v-slot:timeConsuming="{text, record}">-->
-          <!--  <a-tooltip overlay-class-name="tooltip-style">-->
-          <!--    <template slot="title">{{ record.endTime && record.createTime ? computedTimeConsuming(record) : global.emptyLine }}</template>-->
-          <!--    <div class="table-text">-->
-          <!--      {{ record.endTime && record.createTime ? computedTimeConsuming(record) : global.emptyLine }}-->
-          <!--    </div>-->
-          <!--  </a-tooltip>-->
-          <!--</template>-->
+          <!--  任务节点  -->
+          <template v-slot:taskNode="{text, record}">
+            <a-tooltip overlay-class-name="tooltip-style">
+              <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+              <a v-if="text" class="link-a" @click="handleLookDetail(record)">{{ text }}</a>
+              <div v-else class="table-text">{{ global.emptyLine }}</div>
+            </a-tooltip>
+          </template>
 
           <!--审批意见-->
           <template v-slot:approvalOpinion="{text, record}">
@@ -173,7 +172,8 @@ export default {
         {
           dataIndex: 'taskName',
           title: this.$t('workCenter.processDetail.taskNode'),
-          width: 150
+          width: 150,
+          scopedSlots: { customRender: 'taskNode' }
         },
         // 任务受理人
         {
@@ -372,6 +372,38 @@ export default {
       }
       // 其余可预览文件仍使用KKFile进行预览
       kkFilePreview(fileFullUrl)
+    },
+    // 跳转流程基本信息页面
+    handleLookDetail (record) {
+      let path = ''
+      // 跳转到对应流程页面
+      switch (record.prcType + '') {
+        // 新法规导入流程
+        case '1':
+          path = '/workCenter/NewRegulationIntroductionProcess'
+          break
+        // 标准解读流程
+        case '2':
+          path = '/workCenter/StandardInterpretationProcess'
+          break
+        // 法规符合性排查流程
+        case '3':
+          path = '/workCenter/RegulatoryComplianceCheckProcess'
+          break
+        // 市场清单发布流程
+        case '4':
+          path = '/workCenter/MarketListReleaseProcess'
+          break
+      }
+      const query = {}
+      query.taskName = record.taskName
+      query.snapshotId = record.snapshotId // 快照id
+      query.nodeId = record.nodeId // 节点的id
+      this.$router.push({
+        path: path,
+        query: query,
+        isLook: 1
+      })
     }
   }
 }

src/views/workCenter/newRegulationIntroductionProcess/NewRegulationIntroductionProcess.vue

@@ -39,7 +39,7 @@
               :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
-                             :disabled="disabled"
+                             :disabled="disabled || isLook"
                              value-format="YYYY-MM-DD"
                              v-decorator="['processDueDate']" />
             </a-form-item>
@@ -54,7 +54,7 @@
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
-                          :disabled="disabled"
+                          :disabled="disabled || isLook"
                           v-decorator="['processDescription']" />
             </a-form-item>
           </a-col>
@@ -79,11 +79,15 @@
           <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
                       :maxLength="500"
                       :rows="4"
+                      :disabled="isLook"
                       v-decorator="['handleText', validatorRules.handleText]" />
         </a-form-item>
         <!--附件-->
         <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('attach')" :colon="formItemColon">
-          <j-upload v-decorator="['handleFile']" return-id multiple />
+          <j-upload v-decorator="['handleFile']"
+                    return-id
+                    multiple
+                    :disabled="isLook" />
         </a-form-item>
       </a-form>
     </div>
@@ -135,7 +139,8 @@ import {
   newRegulationImportReject,
   newRegulationImportSave,
   getDataDraft,
-  processTransfer
+  processTransfer,
+  getLookData
 } from '../../../api/workCenter'
 
 export default {
@@ -199,6 +204,14 @@ export default {
       // 有草稿id，说明是从流程中心-草稿来的，需要初始化数据
       this.getProcessData('draft', { draftId: this.$route.query.draftId, projectId: this.$route.query.projectId })
     }
+    if (this.$route.query.isLook + '' === '1') {
+      // 是查看
+      this.isLook = true
+      // 人员信息全部不可选
+      this.initPersonInfoData(false)
+      // 查询数据
+      this.getProcessData('look', { snapshotId: this.$route.query.snapshotId })
+    }
     if (this.$route.query.taskName) {
       // 说明是已发起流程
       this.currentNodeName = this.$route.query.taskName
@@ -268,7 +281,8 @@ export default {
       },
       formInline: {},
       approvalInfoForm: this.$form.createForm(this), // 审批信息表单
-      personnelInfoData: []
+      personnelInfoData: [],
+      isLook: false
     }
   },
   methods: {
@@ -280,6 +294,9 @@ export default {
       if (type === 'todo') {
         func = newRegulationImportGetDataById
         params = param.taskId
+      } else if (type === 'look') {
+        func = getLookData
+        params = param
       } else {
         func = getDataDraft
         params = param
@@ -470,9 +487,26 @@ export default {
       this.approvalInfoForm.validateFields((err, values) => {
         if (!err) {
           this.loading = true
+          // 保存快照需要的JSON start
+          const jasonObj = {}
+          // 流程信息表单
+          const processInfoForm = this.processInfoForm.getFieldsValue()
+          // 流程审批信息
+          const approvalInfoForm = this.approvalInfoForm.getFieldsValue()
+          // 业务基本信息
+          const baseInfo = this.$refs.baseInfoRef.getData()
+          // 流程信息
+          jasonObj.basicProcessInfoDTO = Object.assign({}, processInfoForm)
+          // 流程审批信息
+          jasonObj.basicTaskInfoDTO = Object.assign({}, approvalInfoForm)
+          // 业务信息
+          jasonObj.businessInfoDTO = baseInfo
+          // 保存快照需要的JSON end
           const param = {}
           param.basicTaskInfoDTO = Object.assign({}, values)
           param.basicTaskInfoDTO.taskId = this.$route.query.taskId
+          // 草稿JSON
+          param.infoJsonStr = JSON.stringify(jasonObj)
           newRegulationImportAgree(param).then(res => {
             if (res.success) {
               this.$message.success(res.message)