From 890b7ec2ba5e4c528862e22e1131f4dc132963b4 Mon Sep 17 00:00:00 2001
From: yf <428080876@qq.com>
Date: Mon, 21 Jun 2021 16:49:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=81=E7=A8=8B=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/bzrk/step2.vue         |    3 +-
 .../pages/processDetail/index.vue             | 1138 +++++++++++++++++
 .../tabComponents/alreadyProcess/index.vue    |    7 +
 .../tabComponents/alreadySend/index.vue       |    7 +
 .../tabComponents/monitorProcess/index.vue    |   11 +-
 5 files changed, 1162 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/processCenter/pages/processDetail/index.vue

diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue
index 55f15899b..3fa77e054 100644
--- a/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue
@@ -703,8 +703,7 @@
                         pId: this.$route.query.prcId
                     }).then(res => {
                         if (res) {
-                            console.log(res);
-                            resolve()
+                          this.form = JSON.parse(res.mesg)
                         }
                     }).catch(e => {
                     })
diff --git a/src/pages/processCenter/pages/processDetail/index.vue b/src/pages/processCenter/pages/processDetail/index.vue
new file mode 100644
index 000000000..60d5e7e98
--- /dev/null
+++ b/src/pages/processCenter/pages/processDetail/index.vue
@@ -0,0 +1,1138 @@
+<!-- 流程详情 -->
+<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"
+          v-btn-permission="'39ETS7LEANXL8GG9MH8T'"
+          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.comment === '0' ? '同意' : scope.row.comment === '1' ? '不同意' : scope.row.comment === '3' ? '退回' : scope.row.comment === '4' ? '确认' :
+                (scope.row.comment === '2' ? 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>
+      <!-- 上汽全公司选人解决方案 -->
+      <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: 'processDetail',
+  data () {
+    return {
+      assigneeNewLoading: false, // 调整处理人确定loading
+      loginPeople: '',
+      // 调整处理人抽屉状态
+      drawerModal: false,
+      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: {
+    /**
+     * @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判断跳转具体流程页面
+        switch (prcType) {
+          case '1': // 法规入库及评估流程
+            this.toProcessDetail('RuKuStep5')
+            break
+          case '2': // 法规技术评估流程
+            this.$router.push({
+              name: 'handle3',
+              query: {
+                taskIds: row.taskIds,
+                prcId: row.executionId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType,
+                prcOver: '1'
+              }
+            })
+            break
+          case '3': // 项目评估流程
+            this.toProcessDetail('XmpgSetp6')
+            break
+          case '4': // 企标制修订流程
+            this.toProcessDetail('qbzxdStep5')
+            break
+          case '5': // 未符合项跟踪流程
+            this.toProcessDetail('zgStep9')
+            break
+          case '6': // 企标制修订申请流程
+            this.toProcessDetail('QbzxdsqStep3')
+            break
+          case '7': // 企标废止流程
+            this.toProcessDetail('qbfzStep6')
+            break
+          case '8': // 企标延期制修订审批流程
+            this.toProcessDetail('QbyqzxdspStep2')
+            break
+          case '9': // 标准采购申请流程
+            this.$router.push({
+              name: 'bzcgStep1-3',
+              query: {
+                taskIds: row.taskIds,
+                prcId: row.executionId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType
+              }
+            })
+            break
+          case '10': // 会前申请流程
+            this.toProcessDetail('HqsqStep2')
+            break
+          case '11': // 企标制修订评估流程
+            if (row.taskInfo === 'FO审批') {
+              this.toProcessDetail('QbzxdpgStep2')
+            } else {
+              this.toProcessDetail('QbzxdpgStep4')
+            }
+            break
+          case '12': // 企标勘误流程
+            this.toProcessDetail('QbkwStep3')
+            break
+          case '13': // 行政管理要求评估流程
+            this.$router.push({
+              name: 'ZcjspgStep4',
+              query: {
+                pId: row.processInstanceId
+              }
+            })
+            break
+          case '14': // 政策入库及评估流程
+            this.toProcessDetail('zcrk&jspgStep3')
+            break
+          case '15': // 标准翻译申请流程
+            this.$router.push({
+              name: 'bzfyStep1-3',
+              query: {
+                taskIds: row.taskIds,
+                prcId: row.executionId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType
+              }
+            })
+            break
+          case '16': // 会后流程
+            if (row.name === '参会人申请') {
+              this.toProcessDetail('HhglStep1')
+            } else {
+              this.toProcessDetail('HhglStep2')
+            }
+            break
+          case '17': // 企标备案流程
+            this.toProcessDetail('QbbaStep7')
+            break
+          case '18': // 标准清单申请流程
+            this.toProcessDetail('bzqdStep3')
+            break
+          case '19': // 企标复审流程
+            this.toProcessDetail('qbfsStep2')
+            break
+        }
+      } else {
+        this.$message.warning('当前流程未全部办理完成，无法查看')
+      }
+    },
+    toProcessDetail(componentName) {
+      this.$router.push({
+        name: componentName
+      })
+    },
+    // 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.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/pages/processCenter/pages/processList/tabComponents/alreadyProcess/index.vue b/src/pages/processCenter/pages/processList/tabComponents/alreadyProcess/index.vue
index e65b520ec..2351d1a65 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/alreadyProcess/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/alreadyProcess/index.vue
@@ -211,6 +211,13 @@ export default {
       this.queryProcess()
     },
     dealWith (row) { // 办理
+      this.$router.push({
+        name: 'ProcessDetail',
+        query: {
+          prcNum: row.prcNum,
+          tabsName: 'AlreadyProcess'
+        }
+      })
     },
     ...mapMutations(['setProcess', 'setHandleInfo']),
     ...mapActions(['setMenu'])
diff --git a/src/pages/processCenter/pages/processList/tabComponents/alreadySend/index.vue b/src/pages/processCenter/pages/processList/tabComponents/alreadySend/index.vue
index b23c1234a..446f7a84e 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/alreadySend/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/alreadySend/index.vue
@@ -212,6 +212,13 @@ export default {
       this.queryProcess()
     },
     dealWith (row) { // 办理
+      this.$router.push({
+        name: 'ProcessDetail',
+        query: {
+          prcNum: row.prcNum,
+          tabsName: 'AlreadySend'
+        }
+      })
     },
     ...mapMutations(['setProcess', 'setHandleInfo']),
     ...mapActions(['setMenu'])
diff --git a/src/pages/processCenter/pages/processList/tabComponents/monitorProcess/index.vue b/src/pages/processCenter/pages/processList/tabComponents/monitorProcess/index.vue
index 66a405294..24bd71036 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/monitorProcess/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/monitorProcess/index.vue
@@ -124,7 +124,7 @@
                 <el-dropdown trigger="click" @command="handleCommand">
                   <i class="iconfont">&#xe61e;</i>
                   <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item :command="[scope.row, '办理']">办理</el-dropdown-item>
+                    <el-dropdown-item :command="[scope.row, '办理']">查看</el-dropdown-item>
                   </el-dropdown-menu>
                 </el-dropdown>
               </div>
@@ -167,7 +167,7 @@ export default {
   methods: {
     handleCommand (command) {
       switch (command[1]) {
-        case '办理':
+        case '查看':
           this.dealWith(command[0])
           break
       }
@@ -212,6 +212,13 @@ export default {
       this.queryProcess()
     },
     dealWith (row) { // 办理
+      this.$router.push({
+        name: 'ProcessDetail',
+        query: {
+          prcNum: row.prcNum,
+          tabsName: 'MonitorProcess'
+        }
+      })
     },
     ...mapMutations(['setProcess', 'setHandleInfo']),
     ...mapActions(['setMenu'])