From 4ac5dd4cfbe58347c96441db0bbff6c07109c9f2 Mon Sep 17 00:00:00 2001
From: super_liu <396572590@qq.com>
Date: Thu, 30 Sep 2021 18:00:06 +0800
Subject: [PATCH] feat: There is no way the

---
 src/api/process.js                            |    8 +
 .../pages/components/ProcessFooter.vue        |    9 +-
 .../pages/creatProcess/bzzqyj/step3.vue       |   35 +-
 .../pages/processAcceptDetail/index.vue       | 1107 +++++++++++++++++
 src/router/index.js                           |    9 +
 5 files changed, 1161 insertions(+), 7 deletions(-)
 create mode 100644 src/pages/processCenter/pages/processAcceptDetail/index.vue

diff --git a/src/api/process.js b/src/api/process.js
index c6bbdfcaf..ae17707fa 100644
--- a/src/api/process.js
+++ b/src/api/process.js
@@ -415,6 +415,14 @@ export function isEnd (data) {
   })
 }
 
+export function execTask (data) {
+  return axios({
+    url: '/api/lawss/activiti/execTask',
+    method: 'get',
+    params: data
+  })
+}
+
 export function get_verify_by_instance (data) {
   return axios({
     url: '/api/lawss/activiti/get_verify_by_instance',
diff --git a/src/pages/processCenter/pages/components/ProcessFooter.vue b/src/pages/processCenter/pages/components/ProcessFooter.vue
index 8ed146e64..e5ecd16c3 100644
--- a/src/pages/processCenter/pages/components/ProcessFooter.vue
+++ b/src/pages/processCenter/pages/components/ProcessFooter.vue
@@ -1,6 +1,6 @@
                                               <!-- ProcessFooter -->
 <template>
-  <div class="process-footer" v-if="showSave || showSubmit || showSubmit2">
+  <div class="process-footer">
     <div class="footer-line"></div>
     <div class="btn-group-wrap">
       <slot></slot>
@@ -98,10 +98,10 @@
         size="small"
         class="common-button-primary"
         icon="el-icon-check"
-        @click="handleSubmit"
+        @click="handleAccept"
         :loading="submitLoading"
         v-if="showConfirm"
-      >确认</el-button>
+      >接收待办</el-button>
     </div>
 
     <!-- 组织机构树 -->
@@ -275,6 +275,9 @@ export default {
     handleSubmit() {
       this.$emit('submit')
     },
+    handleAccept() {
+      this.$emit('accept')
+    },
     handleTransfer(){
       this.$emit('transfer')
     },
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
index 7eac1c549..db4b76afc 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
@@ -62,11 +62,13 @@
         <div class="button-list">
           <el-button type="primary"
                      class="common-button-primary add-button"
+                     :disabled="acceptShow"
                      @click="addModal"
                      size="mini">新增
           </el-button>
           <el-button type="primary"
                      class="common-button-primary add-button"
+                     :disabled="acceptShow"
                      @click="addDelete"
                      size="mini">删除
           </el-button>
@@ -216,11 +218,13 @@
             </el-table>
         </div>
       <ProcessFooter
-              show-submit
+              :show-submit="submitShow"
+              :show-confirm="acceptShow"
               :submitLoading="isSubmit"
               :saveLoading="saveLoading"
               @save="handleSave"
               @submit="handleSubmit"
+              @accept="handleAccept"
               show-transfer
               @transfer="handleTransfer"
       >
@@ -238,14 +242,15 @@
 import ProcessHeader from '../../components/ProcessHeader'
 import ProcessFooter from '../../components/ProcessFooter'
 import ProcessTitle from '../../components/ProcessTitle'
-import {inboundLiaisonDetail, processCreateStand, saveTaskForPub,changeAssigneeNew} from 'api/process'
+import {inboundLiaisonDetail, processCreateStand, saveTaskForPub,changeAssigneeNew,execTask} from 'api/process'
 import axios from "axios";
 
 export default {
   name: "bzzqyjStep3",
   data() {
     return {
-        drawerModal: false,
+      drawerModal: false,
+      todoId: '',
       histortData: [],
       idList: [],
       data: [],
@@ -266,6 +271,8 @@ export default {
       ListModel: false, // 新增编辑抽屉开关
       active: '1', // 默认显示
       isSubmit: false,
+      submitShow: false,
+      acceptShow: false,
       saveLoading: false,
       form: {
         cid: '', // 编号
@@ -412,6 +419,18 @@ export default {
         this.saveLoading = false;
       });
     },
+    handleAccept(){
+        this.isSubmit = true
+        execTask({
+            todoId: this.todoId // 当前节点ID
+        }).then(res => {
+            if (res.sign && res.sign === '0') {
+                this.$message.success('接收成功')
+                this.$router.push('/processCenter')
+            }
+            this.isSubmit = false
+        })
+    },
     handleSubmit() {
       if (this.data.length < 1) {
         this.$message.warning('请输入征求意见')
@@ -466,11 +485,19 @@ export default {
           pId: this.pId
         }).then(res => {
           let data = JSON.parse(res.mesg)
+          let commitStatus = res.commitStatus
+          if(commitStatus && commitStatus > 0){
+            this.acceptShow = true
+            this.submitShow = false
+          }else {
+              this.acceptShow = false
+              this.submitShow = true
+          }
           this.form.fjList = data.fjList || data.form.fjList
           this.form.fjListId = data.fjListId || data.form.fjListId
           this.form.cid = data.cid || data.form.cid
           this.form.endTime = data.endTime || data.form.endTime
-          this.form.cname = data.cname || data.form.cname
+          this.todoId = res.id
           this.json = data
           this.data = data.info || data.data || data.form.data || []
         }).catch(e => {
diff --git a/src/pages/processCenter/pages/processAcceptDetail/index.vue b/src/pages/processCenter/pages/processAcceptDetail/index.vue
new file mode 100644
index 000000000..a4c986ecc
--- /dev/null
+++ b/src/pages/processCenter/pages/processAcceptDetail/index.vue
@@ -0,0 +1,1107 @@
+<!-- 流程详情 -->
+<template>
+  <div id="processDetails">
+    <div class="flow-chart">
+      <div class="flow-header">
+        <div class="back" title="返回" @click="back">
+          <i class="el-icon-back"></i>
+        </div>
+        <!--        <span class="flow-chart-title">{{ $route.params.processNumber }}  {{ $route.params.processTypeName }}  流程图</span>-->
+      </div>
+      <div class="flow-group" style="margin-top: 30px;overflow: auto;">
+        <img :src="processStep" class="process-img">
+      </div>
+    </div>
+    <div class="action-bar">
+<!--      <el-button-->
+<!--          class="common-button-default export-button"-->
+<!--          round-->
+<!--          @click="exportStandard"-->
+<!--          icon="export"-->
+<!--          title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"-->
+<!--      >导出</el-button>-->
+      <el-button
+          class="common-button-default"
+          round
+          @click="seeProcessLast"
+      >查看流程数据</el-button>
+<!--      <el-button-->
+<!--          v-if="tzclrEnable"-->
+<!--          class="common-button-default"-->
+<!--          @click="adjustmentHandler"-->
+<!--          round-->
+<!--      >调整处理人</el-button>-->
+      <!--临时屏蔽 start-->
+      <!--<el-button-->
+      <!--  class="common-button-default"-->
+      <!--  round-->
+      <!--  @click="handlingTasks"-->
+      <!--&gt;办理任务</el-button>-->
+      <!--临时屏蔽 end-->
+<!--      <el-button-->
+<!--          class="common-button-default"-->
+<!--          round-->
+<!--          @click="urgeRow"-->
+<!--      >催办</el-button>-->
+    </div>
+    <div class="flow-list">
+      <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+          @selection-change="tableChange"
+          @sort-change="sortChange"
+      >
+        <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+        </el-table-column>
+        <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+            sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+            sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="comment"
+            label="审批意见"
+            align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.commentText }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.endTime ? '已完成' : '未完成'}}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <loading :loading="loading">流程列表加载中</loading>
+      <!-- 福田全公司选人解决方案 -->
+      <Role-tree
+              check-box
+              :is-title="drawerTitle"
+              :is-visible.sync="drawerModal"
+              @checkedRole="checkedRole"
+              :nodeList="nodeList"
+      ></Role-tree>
+<!--      <org-table-->
+<!--          title="调整处理人"-->
+<!--          :visible.sync="drawerModal"-->
+<!--          dialog-model-->
+<!--          :config="orgTableConfig"-->
+<!--          :max-selected="1"-->
+<!--          max-selected-tips="处理人只能选择一个用户"-->
+<!--          :excludeUser="excludeUser"-->
+<!--          @confirm="addTree"-->
+<!--      ></org-table>-->
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapMutations } from 'vuex'
+import { changeAssigneeNew } from 'api/process'
+import axios from 'axios'
+export default {
+  name: 'processAcceptDetail',
+  data () {
+    return {
+      assigneeNewLoading: false, // 调整处理人确定loading
+      loginPeople: '',
+      // 调整处理人抽屉状态
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+      tasksName: '',
+      selectPeople: '',
+      // loading
+      loading: false,
+      // 流程步骤
+      processStep: null,
+      // 当前节点
+      taskKey: 0,
+      // 当前流程类型(1待办/2已办)
+      processType: 1,
+      // 流程列表
+      detailData: [],
+      taskNames: '',
+      tableRow: [], // 接受表格数据
+      completeFlagType: true, // 判断当前任务是否完成
+      processState: true, // 判断当前流程
+      detailsList: [],
+      shunxu: '',
+      paixu: '',
+      orgTableConfig: {
+        value: '',
+        valueName: ''
+      },
+      excludeUser: this.$store.getters.userInfo.userId
+    }
+  },
+  methods: {
+    checkedRole (data) {
+      this.assigneeNewLoading = true
+      changeAssigneeNew({
+        taskId: this.selectPeople.id, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.selectPeople.assigneeId, // 委托人
+        pId: this.selectPeople.processInstanceId // 流程实例
+      }).then(res => {
+        this.assigneeNewLoading = false
+        if (res.success) {
+          this.drawerModal = false
+          this.$message.success('调整成功')
+          this.processNum()
+          this.processTable()
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    },
+    /**
+     * @author liruohao
+     * @date 2019/4/22
+     * @Description: 查看流程最后一步
+     */
+    seeProcessLast () {
+      let index = this.detailData.length - 1 // 当前流程任务最后一步index
+      let isEnd = true
+      let row = {...this.detailData[index]}
+      row.taskIds = row.id
+      row.taskInfo = row.name
+      row.tabsName = this.$route.query.tabsName
+      let prcType = this.detailData[index].prcType // 流程类型
+      // 判断当前流程是否已全部办理完成
+      this.detailData.map(item => {
+        if (!item.endTime) {
+          isEnd = false
+        }
+      })
+      if (isEnd) {
+        if (this.$store.state.detailMap !== '') {
+          let lastDetailMap = this.$store.getters.getLastDetailMap
+          lastDetailMap.push(this.$store.state.detailMap)
+          this.$store.commit('setLastDetailMap', JSON.stringify(lastDetailMap))
+        }
+        this.$store.commit('setDetailMap', this.$route.path)
+        row.isEnd = isEnd
+        this.setHandleInfo((JSON.stringify(row)))
+        this.setPrcLastDetail((JSON.stringify(row)))
+        // 根据type判断跳转具体流程页面
+        if (prcType === '1') {
+          // 标准入库流程数据
+          this.toProcessDetail('bzrkStep5',row)
+        }else if(prcType === '4'){
+          //标准清单发布流程数据
+          this.toProcessDetail('bzqdfbStep1-4',row)
+        }else if (prcType === '5'){
+          //标准项目合规评估 标准维度
+          if(row.taskInfo === '标准法规部领导审核'){
+            this.toProcessDetail('xmpgStep1-7',row)
+          }else{
+            this.toProcessDetail('xmpgStep1-2',row)
+          }
+        }else if(prcType === '6'){
+          //标准项目合规评估 项目维度
+          if(row.taskInfo === '标准法规部部长审批'){
+            this.toProcessDetail('xmpg2Step1-12',row)
+          }else{
+            this.toProcessDetail('xmpg2Step1-2',row)
+          }
+        } else if (prcType === '8') {
+          // 未符合项整改
+          this.toProcessDetail('wfhxzgStep5-1',row)
+        } else if(prcType === '9'){
+          this.toProcessDetail('bzjdStep1-6',row)
+          //标准调研流程
+        }else if(prcType === '2'){
+          this.toProcessDetail('bzdyStep1-9',row)
+        }else if(prcType === '3'){
+          //标准征求意见
+          this.toProcessDetail('bzzqyjStep1-9',row)
+        }else if(prcType === '10'){
+          //项目清单确认
+          this.toProcessDetail('xmqdqrStep1-3',row)
+        }
+      } else {
+        this.$message.warning('当前流程未全部办理完成，无法查看')
+      }
+    },
+    toProcessDetail(componentName,row) {
+      this.$router.push({
+        name: componentName,
+        query: {
+          taskIds: row.id,
+          prcId: row.processInstanceId,
+          prcNum: row.prcNum,
+          prcName: row.prcName,
+          prcType: row.prcType
+        }
+      })
+    },
+    // table行选择事件
+    tableChange (row) {
+      this.tableRow = row
+    },
+    // 办理任务
+    handlingTasks () {
+      // 判断选中一条数据、未完成数据、当前登陆人数据
+      if (this.tableRow.length === 1 && !this.tableRow[0].endTime && this.tableRow[0].assigneeId === this.$store.getters.userInfo.userId) {
+        if (this.$store.state.detailMap !== '') {
+          let lastDetailMap = this.$store.getters.getLastDetailMap
+          lastDetailMap.push(this.$store.state.detailMap)
+          this.$store.commit('setLastDetailMap', JSON.stringify(lastDetailMap))
+        }
+        // this.tableRow[0].processType = this.$route.params.processType
+        this.$store.commit('setDetailMap', this.$route.path)
+        let row = {
+          taskIds: this.tableRow[0].id,
+          prcId: this.tableRow[0].processDefinitionId,
+          prcNum: this.tableRow[0].prcNum,
+          prcName: this.tableRow[0].prcName,
+          prcType: this.tableRow[0].prcType,
+          taskInfo: this.tableRow[0].name,
+          tabsName: this.$route.query.tabsName
+        }
+        this.setHandleInfo((JSON.stringify(row)))
+        const prcType = row.prcType
+        switch (prcType) {
+            // 法规入库及评估流程
+          case '1':
+            if (row.taskInfo === '法规工程师修改') {
+              this.$router.push({
+                name: 'RuKuStep1',
+                query: {
+                  taskIds: row.taskIds,
+                  prcId: row.prcId,
+                  prcNum: row.prcNum,
+                  prcName: row.prcName,
+                  prcType: row.prcType
+                }
+              })
+            } else if (row.taskInfo === '联络人分发FO') {
+              this.$router.push({
+                name: 'RuKuStep2',
+                query: {
+                  taskIds: row.taskIds,
+                  prcId: row.prcId,
+                  prcNum: row.prcNum,
+                  prcName: row.prcName,
+                  prcType: row.prcType
+                }
+              })
+            } else if (row.taskInfo === 'FO填写') {
+              this.$router.push({
+                name: 'RuKuStep3',
+                query: {
+                  taskIds: row.taskIds,
+                  prcId: row.prcId,
+                  prcNum: row.prcNum,
+                  prcName: row.prcName,
+                  prcType: row.prcType
+                }
+              })
+            } else if (row.taskInfo === '高级经理审批') {
+              this.$router.push({
+                name: 'RuKuStep4',
+                query: {
+                  taskIds: row.taskIds,
+                  prcId: row.prcId,
+                  prcNum: row.prcNum,
+                  prcName: row.prcName,
+                  prcType: row.prcType
+                }
+              })
+            } else if (row.taskInfo === '发起人汇总') {
+              this.$router.push({
+                name: 'RuKuStep5',
+                query: {
+                  taskIds: row.taskIds,
+                  prcId: row.prcId,
+                  prcNum: row.prcNum,
+                  prcName: row.prcName,
+                  prcType: row.prcType
+                }
+              })
+            }
+            break
+
+            // 法规入库及评估流程
+          case '2':
+            if (row.taskInfo === 'FO填写') {
+              this.$router.push({
+                name: 'handle',
+                query: {
+                  taskIds: row.taskIds,
+                  prcId: row.prcId,
+                  prcNum: row.prcNum,
+                  prcName: row.prcName,
+                  prcType: row.prcType
+                }
+              })
+            } else if (row.taskInfo === '再次下发' || row.taskInfo === '回退再次下发' || row.taskInfo === '单条回退再次下发') {
+              this.$router.push({
+                name: 'handle1',
+                query: {
+                  newtype: '1',
+                  taskIds: row.taskIds,
+                  prcId: row.prcId,
+                  prcNum: row.prcNum,
+                  prcName: row.prcName,
+                  prcType: row.prcType
+                }
+              })
+            } else if (row.taskInfo === '高级经理审核') {
+              this.$router.push({
+                name: 'handle2',
+                query: {
+                  taskIds: row.taskIds,
+                  prcId: row.prcId,
+                  prcNum: row.prcNum,
+                  prcName: row.prcName,
+                  prcType: row.prcType
+                }
+              })
+            } else if (row.taskInfo === '发起人汇总') {
+              this.$router.push({
+                name: 'handle3',
+                query: {
+                  taskIds: row.taskIds,
+                  prcId: row.prcId,
+                  prcNum: row.prcNum,
+                  prcName: row.prcName,
+                  prcType: row.prcType
+                }
+              })
+            }
+            break
+
+            // 项目评估流程
+          case '3':
+            if (row.taskInfo === 'VSE分发') {
+              this.$router.push({
+                name: 'XmpgSetp2'
+              })
+            } else if (row.taskInfo === 'DRE评估') {
+              this.$router.push({
+                name: 'XmpgSetp3'
+              })
+            } else if (row.taskInfo === '一级审批') {
+              this.$router.push({
+                name: 'XmpgSetp4'
+              })
+            } else if (row.taskInfo === '二级审批') {
+              this.$router.push({
+                name: 'XmpgSetp5'
+              })
+            } else if (row.taskInfo === '发起人汇总') {
+              this.$router.push({
+                name: 'XmpgSetp6'
+              })
+            }
+            break
+
+            // 企标制修订流程
+          case '4':
+            if (row.taskInfo === '起草人重新编辑') {
+              this.$router.push({
+                name: 'qbzxdStep1',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '其他起草人审批') {
+              this.$router.push({
+                name: 'qbzxdStep2-1',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '会签部门联络人转发') {
+              this.$router.push({
+                name: 'qbzxdStep2-2',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === 'FO审批') {
+              this.$router.push({
+                name: 'qbzxdStep3-1',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '会签部门审批') {
+              this.$router.push({
+                name: 'qbzxdStep3-2',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '高级经理审批') {
+              this.$router.push({
+                name: 'qbzxdStep4',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '企标工程师审批') {
+              this.$router.push({
+                name: 'qbzxdStep5',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            }
+            break
+
+          case '5':
+            if (row.taskInfo === '填写计划') {
+              this.$router.push({
+                name: 'zgStep2'
+              })
+            } else if (row.taskInfo === '审批计划') {
+              this.$router.push({
+                name: 'zgStep3'
+              })
+            } else if (row.taskInfo === '设计方案') {
+              this.$router.push({
+                name: 'zgStep4'
+              })
+            } else if (row.taskInfo === '审核设计') {
+              this.$router.push({
+                name: 'zgStep5'
+              })
+            } else if (row.taskInfo === '验证结果') {
+              this.$router.push({
+                name: 'zgStep6'
+              })
+            } else if (row.taskInfo === '审核验证') {
+              this.$router.push({
+                name: 'zgStep7'
+              })
+            } else if (row.taskInfo === '更改落实') {
+              this.$router.push({
+                name: 'zgStep8'
+              })
+            } else if (row.taskInfo === '审核更改') {
+              this.$router.push({
+                name: 'zgStep9'
+              })
+            }
+            break
+
+          case '6':
+            if (row.taskInfo === '起草人修订') {
+              this.$router.push({
+                name: 'QbzxdsqStep4'
+              })
+            } else if (row.taskInfo === 'FO审批') {
+              this.$router.push({
+                name: 'QbzxdsqStep2'
+              })
+            } else if (row.taskInfo === '高级经理审批') {
+              this.$router.push({
+                name: 'QbzxdsqStep3'
+              })
+            }
+            break
+
+            // 企标废止流程
+          case '7':
+            if (row.taskInfo === '起草人修改') {
+              this.$router.push({
+                name: 'qbfzStep1',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === 'FO审批') {
+              this.$router.push({
+                name: 'qbfzStep2',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '高级经理审批') {
+              this.$router.push({
+                name: 'qbfzStep3',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '总监审批') {
+              this.$router.push({
+                name: 'qbfzStep4',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '企标工程师审批') {
+              this.$router.push({
+                name: 'qbfzStep5',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            }
+            break
+
+            // 企标延期制修订审批流程
+          case '8':
+            if (row.taskInfo === '高级经理审核') {
+              this.$router.push({
+                name: 'QbyqzxdspStep2'
+              })
+            } else if (row.taskInfo === '总监审批') {
+              this.$router.push({
+                name: 'QbyqzxdspStep3'
+              })
+            } else if (row.taskInfo === '主起草人重新申请') {
+              this.$router.push({
+                name: 'QbyqzxdspStep4'
+              })
+            }
+            break
+            // 采购流程
+          case '9':
+            if (row.taskInfo === '高级经理审批') {
+              this.$router.push({
+                path: '/bzcg/step2',
+                query: {
+                  prcName: row.prcName,
+                  prcNum: row.prcNum,
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '采购员审批') {
+              this.$router.push({
+                path: '/bzcg/step3',
+                query: {
+                  prcName: row.prcName,
+                  prcNum: row.prcNum,
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '项目经理或者EQ总监审批') {
+              this.$router.push({
+                path: '/bzcg/step4',
+                query: {
+                  prcName: row.prcName,
+                  prcNum: row.prcNum,
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '再次发起申请') {
+              this.$router.push({
+                path: '/bzcg/step1-1',
+                query: {
+                  prcName: row.prcName,
+                  prcNum: row.prcNum,
+                  taskIds: row.taskIds
+                }
+              })
+            }
+            break
+            // 会前流程
+          case '10':
+            if (row.taskInfo === '领导审批') {
+              this.$router.push({
+                name: 'HqsqStep2'
+              })
+            } else if (row.taskInfo === '工程师修改') {
+              this.$router.push({
+                name: 'HqsqStep3'
+              })
+            }
+            break
+            // 企标制修订评估流程
+          case '11':
+            if (row.taskInfo === 'FO审批') {
+              this.$router.push({
+                name: 'QbzxdpgStep2'
+              })
+            } else if (row.taskInfo === '主起草人填写') {
+              this.$router.push({
+                name: 'QbzxdpgStep3'
+              })
+            } else if (row.taskInfo === '高级经理审批') {
+              this.$router.push({
+                name: 'QbzxdpgStep4'
+              })
+            }
+            break
+            // 企标勘误流程
+          case '12':
+            if (row.taskInfo === 'FO审批') {
+              this.$router.push({
+                name: 'QbkwStep2'
+              })
+            } else if (row.taskInfo === '企标工程师发布') {
+              this.$router.push({
+                name: 'QbkwStep3'
+              })
+            } else if (row.taskInfo === '主起草人修改') {
+              this.$router.push({
+                name: 'QbkwStep4'
+              })
+            }
+            break
+
+            // 政策入库及技术评估
+          case '14':
+            if (row.taskInfo === '再次下发') {
+              this.$router.push({
+                name: 'zcrk&jspgStep1',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === 'FO填写SVPPS') {
+              this.$router.push({
+                name: 'zcrk&jspgStep2',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '标准采购员审批') {
+              this.$router.push({
+                path: '/bzfy/step3',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === 'FO审批') {
+              this.$router.push({
+                name: 'zcrk&jspgStep3',
+                query: {
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === 'FO填写时间') {
+              this.$router.push({
+                name: 'zcrk&jspgStep3',
+                query: {
+                  taskIds: row.taskIds,
+                  taskInfo: row.taskInfo
+                }
+              })
+            }
+            break
+
+            // 标准翻译流程
+          case '15':
+            if (row.taskInfo === '高级经理审批') {
+              this.$router.push({
+                path: '/bzfy/step2',
+                query: {
+                  taskIds: row.taskIds,
+                  prcName: row.prcName,
+                  prcNum: row.prcNum
+                }
+              })
+            } else if (row.taskInfo === '标准采购员审批') {
+              this.$router.push({
+                path: '/bzfy/step3',
+                query: {
+                  prcName: row.prcName,
+                  prcNum: row.prcNum,
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '项目经理或EQ总监审批') {
+              this.$router.push({
+                path: '/bzfy/step4',
+                query: {
+                  prcName: row.prcName,
+                  prcNum: row.prcNum,
+                  taskIds: row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '再次发起申请') {
+              this.$router.push({
+                path: '/bzfy/step1-1',
+                query: {
+                  prcName: row.prcName,
+                  prcNum: row.prcNum,
+                  taskIds: row.taskIds
+                }
+              })
+            }
+            break
+            // 会后管理流程
+          case '16':
+            if (row.taskInfo === '工程师发起流程' || row.taskInfo === '主起草人修改') {
+              this.$router.push({
+                name: 'HhglStep1'
+              })
+            } else if (row.taskInfo === '领导审批') {
+              this.$router.push({
+                name: 'HhglStep2'
+              })
+            }
+            break
+            // 企标备案流程
+          case '17':
+            if (row.taskInfo === 'VSE/认证工程师/法规工程师审批') {
+              this.$router.push({
+                name: 'QbbaStep2'
+              })
+            } else if (row.taskInfo === '企标工程师审批') {
+              this.$router.push({
+                name: 'QbbaStep3'
+              })
+            } else if (row.taskInfo === '整车性能集成工程师审核') {
+              this.$router.push({
+                name: 'QbbaStep4'
+              })
+            } else if (row.taskInfo === '总监审核') {
+              this.$router.push({
+                name: 'QbbaStep5'
+              })
+            } else if (row.taskInfo === '企标备案专家审批') {
+              this.$router.push({
+                name: 'QbbaStep6'
+              })
+            } else if (row.taskInfo === '项目总工审批') {
+              this.$router.push({
+                name: 'QbbaStep7'
+              })
+            } else if (row.taskInfo === '再次发起') {
+              this.$router.push({
+                name: 'QbbaStep8'
+              })
+            }
+            break
+            // 海外标准法规清单发布/更新流程
+          case '18':
+            if (row.taskInfo === '会签审批') {
+              this.$router.push({
+                name: 'bzqdStep2'
+              })
+            } else if (row.taskInfo === '发起人确认') {
+              this.$router.push({
+                name: 'bzqdStep3'
+              })
+            }
+            break
+            // 企标复审流程
+          case '19':
+            if (row.taskInfo === '法规联络人发起复审或企标工程师选择法规联络人') {
+              this.$router.push({
+                path: '/qbfs/step1',
+                query:{
+                  taskIds:row.taskIds
+                }
+              })
+            } else if (row.taskInfo === '选择法规联络人') {
+              this.$router.push({
+                path: '/qbfs/step2',
+                query:{
+                  taskIds:row.taskIds
+                }
+              })
+            }
+            break
+        }
+      } else {
+        this.$message.warning('请选择一条未完成以及受理人是本人的数据')
+      }
+    },
+    // 调整处理人
+    adjustmentHandler () {
+      if (this.tableRow.length === 1 && !this.tableRow[0].endTime) {
+        this.drawerModal = true
+        this.drawerTitle = '调整处理人'
+        this.selectPeople = this.tableRow[0]
+      } else {
+        this.$message.warning('请选择一条未完成的数据')
+      }
+    },
+    // 催办
+    urgeRow () {
+      if (this.tableRow.length === 1 && !this.tableRow[0].endTime) {
+        this.$confirm('您确认要催办该任务吗', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+          confirmButtonClass: 'common-button-primary',
+          roundButton: true
+        }).then(() => {
+          this.urge(this.tableRow[0])
+        })
+      } else {
+        this.$message.warning('请选择一条未完成的数据')
+      }
+    },
+    // 清空条件
+    clearanceCondition () {
+      this.completeFlagType = true
+      this.tableRow = []
+    },
+    back () {
+      this.$router.push({
+        name: 'ProcessCenter',
+        query: {
+          tabsName: this.$route.query.tabsName
+        }
+      })
+    },
+    // 调整处理人确定事件
+    addTree (checkedList) {
+      if (checkedList.length !== 1) {
+        this.$message.warning('请选择一个处理人进行调整')
+      } else {
+        this.assigneeNewLoading = true
+        changeAssigneeNew({
+          taskId: this.selectPeople.id, // 任务id
+          assignee: checkedList[0].userId, // 被委托人
+          userId: this.selectPeople.assigneeId, // 委托人
+          pId: this.selectPeople.processInstanceId // 流程实例
+        }).then(res => {
+          this.assigneeNewLoading = false
+          if (res.success) {
+            this.drawerModal = false
+            this.$message.success('调整成功')
+            this.processNum()
+            this.processTable()
+          } else {
+            this.$message.warning(res.message)
+          }
+        })
+      }
+    },
+    /**
+     * @description: 流程催办
+     * @author: chenxiaoxi
+     * @date: 2018/10/11 13:41:45
+     */
+    urge (row) {
+      this.$http.postData('person/personMsg/saveNew',
+          {
+            msgContent: '流程编号为' + row.prcNum + '的流程，请尽快办理。',
+            msgTitle: '流程编号' + row.prcNum,
+            userId: row.assigneeId,
+            msgType: 'TEXT'
+          },
+          {
+            loading: 'loading',
+            _this: this
+          }, res => {
+            this.clearanceCondition()
+            this.processTable()
+            this.$message.success('催办成功')
+          }, e => {
+          })
+    },
+    // 请求转换流程图
+    processNum () {
+      axios.request({
+        url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+        responseType: 'blob',
+        method: 'get',
+        params: {
+          prcNum: this.$route.query.prcNum
+        }
+      }).then(res => {
+        // let blob = new Blob([res.data], {type: 'image/jpg'})
+        // let url = window.URL.createObjectURL(res.data)
+        this.processStep = window.URL.createObjectURL(res.data)
+      })
+    },
+    // 请求列表
+    processTable () {
+      this.$http.get('lawss/activiti/get_list_by_instance', {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : '',
+        shunxu: this.shunxu
+      }, {
+        loading: 'loading',
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {})
+    },
+    ...mapMutations(['setProcess', 'setHandleInfo', 'setPrcLastDetail']),
+    processFlag (res) {
+      //   if (res.data.hisTaskExcelVOList[0].processTypeFlag === '1' || res.data.hisTaskExcelVOList[0].processTypeFlag === '2' || res.data.hisTaskExcelVOList[0].processTypeFlag === '3' || res.data.hisTaskExcelVOList[0].processTypeFlag === '4' ||
+      //     res.data.hisTaskExcelVOList[0].processTypeFlag === '5' || res.data.hisTaskExcelVOList[0].processTypeFlag === '6' || res.data.hisTaskExcelVOList[0].processTypeFlag === '8') {
+      //     return false
+      //   } else {
+      //     return true
+      //   }
+      // }
+      return false
+    },
+    // 导出事件
+    exportStandard () {
+      let ids = []
+      if (this.tableRow.length > 0) {
+        this.tableRow.map(item => {
+          ids.push(item.id)
+        })
+      } else {
+        this.detailData.map(item => {
+          ids.push(item.id)
+        })
+      }
+      window.location.href = '/api/lawss/activiti/exportProcessDetailInfo?idAndSartypeList=' + ids.join(',') + '&prcNum=' + this.$route.query.prcNum
+      this.$message.success('导出信息成功')
+    },
+    // 表格排序
+    sortChange (sortObj) {
+      if (sortObj.column.order !== 'normal') {
+        this.shunxu = ''
+        this.paixu = ''
+        let order = sortObj.column.order
+        switch (sortObj.column.property) {
+            // 任务步骤
+          case 'name' :
+            // 后台联调
+            this.paixu = 'name'
+            if (order === 'ascending'){
+              this.shunxu = 'asc'
+            } else if (order === 'descending') {
+              this.shunxu = 'desc'
+            }
+            break
+            // 任务受理人
+          case 'assignee' :
+            // 后台联调
+            this.paixu = 'assignee'
+            if (order === 'ascending'){
+              this.shunxu = 'asc'
+            } else if (order === 'descending') {
+              this.shunxu = 'desc'
+            }
+            break
+            // 创建时间
+          case 'createTime' :
+            // 后台联调
+            this.paixu = 'startTime'
+            if (order === 'ascending'){
+              this.shunxu = 'asc'
+            } else if (order === 'descending') {
+              this.shunxu = 'desc'
+            }
+            break
+        }
+      }
+      this.processTable()
+    }
+  },
+  components: {
+  },
+  props: {},
+  computed: {
+    listNoDataText () {
+      return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
+    },
+    urgeRowMenu () {
+      let flag = false
+      this.$store.getters.getMenuList.map((menu) => {
+        if (menu.id === 'ZDE6GT7UG5' || this.loginPeople === this.$store.getters.userInfo.userId) {
+          flag = true
+        }
+      })
+      return flag
+    },
+    /**
+     * 调整处理人按钮是否显示
+     */
+    tzclrEnable() {
+      return this.$route.query.tabsName === 'MonitorProcess'
+    }
+  },
+  watch: {},
+  beforeUpdate () {
+    if (this.detailData.length > 0) {
+      sessionStorage.setItem('processInstance', JSON.stringify(this.detailData[0]))
+    }
+  },
+  mounted () {
+    this.processNum()
+    this.processTable()
+  }
+}
+</script>
+
+<style lang="less" scoped>
+//@import '~styles/mixins';
+#processDetails{
+  height: 100%;
+  .flow-chart{
+    width: 100%;
+    height: 45%;
+    background: #F0F0F0;
+    border: 1px solid #CCCDCE;
+    border-bottom: none;
+    padding: 10px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    .flow-header{
+      height: 30px;
+      line-height: 30px;
+      //.flex();
+      align-items: center;
+      position: absolute;
+      .flow-chart-title{
+        font-size: 16px;
+        font-weight: bold;
+        padding: 0 20px;
+        //.ellipsis();
+      }
+    }
+    .flow-group{
+      width: 100%;
+      height: calc(~'100% - 30px');
+      .process-img{
+        //width: 100%;
+        //height: 100%;
+      }
+    }
+  }
+  .flow-list{
+    width: 100%;
+    height: calc(~'55% - 55px');
+    border: 1px solid #CCCDCE;
+    position: relative;
+  }
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 946409ed6..580b53415 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -231,6 +231,15 @@ const routes = [
           title: '流程详情'
         }
       },
+      {
+        path: '/processAcceptDetail',
+        name: 'ProcessAcceptDetail',
+        component: () => import('@/pages/processCenter/pages/processAcceptDetail/index.vue'),
+        meta: {
+          requireAuth: true,
+          title: '流程详情'
+        }
+      },
       {
         path: '/bzffStep1',
         name: 'bzffStep1',