From 99ef40f420c7cd3d2b846bed4eb72dda0032e2ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Wed, 17 Nov 2021 18:01:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E6=A0=87=E5=88=B6=E4=BF=AE=E8=AE=A2?=
 =?UTF-8?q?=E8=AE=A1=E5=88=92=E7=AE=A1=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/qbzxdjhgk/step3.vue    | 532 ++++++++++++++++++
 .../pages/creatProcess/qbzxdjhgk/step4.vue    | 532 ++++++++++++++++++
 .../pages/creatProcess/qbzxdjhgk/step5.vue    | 532 ++++++++++++++++++
 .../tabComponents/processCenter/index.vue     |  56 +-
 src/router/index.js                           |  27 +
 5 files changed, 1656 insertions(+), 23 deletions(-)
 create mode 100644 src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step3.vue
 create mode 100644 src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step4.vue
 create mode 100644 src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step5.vue

diff --git a/src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step3.vue b/src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step3.vue
new file mode 100644
index 000000000..1ecb8b369
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step3.vue
@@ -0,0 +1,532 @@
+<template>
+  <div class="qbzxd-jhgk">
+    <ProcessHeader toggle>
+      <template slot="proName">企标制修订计划管控</template>
+      <template slot="proNode">申请部门中心主任会签</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto">
+        <process-title>
+          <template slot="title">基础信息</template>
+        </process-title>
+        <el-form :model="qbfsForm" class="label-input-form prc-content-border"
+                 label-width="150px">
+          <el-form-item prop="esName" label="企标名称" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.esName"
+              placeholder="请输入企标名称"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item prop="planStatus" label="计划状态" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-select  disabled  v-model="qbfsForm.planStatus"  placeholder="请选择计划状态">
+              <el-option label="制定" value="制定"></el-option>
+              <el-option label="修订" value="修订"></el-option>
+              <el-option label="完成" value="完成"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="reviseStatus" label="制修订状态" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-select disabled  v-model="qbfsForm.reviseStatus" placeholder="请选择制修订状态">
+              <el-option label="制定完成" value="制定完成"></el-option>
+              <el-option label="制定中" value="制定中"></el-option>
+              <el-option label="未制定" value="未制定"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="drafter" label="起草人" style="width: 100%; margin-right:10px"  class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.drafter"
+              placeholder="请输入起草人"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item prop="resPerson" label="评审责任人" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.resPerson"
+              placeholder="请输入评审责任人"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item prop="wgLeader" label="工作组组长" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.wgLeader"
+              placeholder="请输入工作组组长"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item label="计划标准初稿完成时间" style="width: 100%; margin-right:10px" prop="draftTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              disabled
+              v-model="qbfsForm.draftTime"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="请选择计划标准初稿完成时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="计划标准发布时间" style="width: 100%; margin-right:10px" prop="releaseTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              disabled
+              v-model="qbfsForm.releaseTime"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="请选择计划标准发布时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="起草责任单位" style="width: 100%; margin-right:10px"  prop="unit" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.unit"
+              placeholder="请输入起草责任单位"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item v-if="type === '5'"  label="新增原因" style="width: 100%; margin-right:10px"  prop="newReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              disabled
+              v-model="qbfsForm.newReason"
+              placeholder="请输入新增原因"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item  v-if="type === '1'" label="合并原因" prop="mergeReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.mergeReason"
+              placeholder="请输入合并原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item  v-if="type === '2'" label="延期后初稿完成时间" prop="yqDraftTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              v-model="qbfsForm.yqDraftTime"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="请选择延期后初稿完成时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item  v-if="type === '2'" label="延期后标准发布时间" prop="yqReleaseTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              v-model="qbfsForm.yqReleaseTime"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="请选择延期后标准发布时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item  v-if="type === '2'" label="延期原因" prop="delayReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.delayReason"
+              placeholder="请输入延期原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item  v-if="type === '3'" label="取消原因" prop="cancelReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.cancelReason"
+              placeholder="请输入取消原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item  v-if="type === '4'" label="更名原因" prop="renameReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.renameReason"
+              placeholder="请输入更名原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <!--                                        <el-form-item label="备注" style="width: 100%; margin-right:10px" class="add-form-item" prop="remarks">-->
+          <!--                                            <el-input-->
+          <!--                                                    v-model="qbfsForm.remarks"-->
+          <!--                                                    placeholder="请输入备注"-->
+          <!--                                                    :maxlength="500"/>-->
+          <!--                                        </el-form-item>-->
+        </el-form>
+      </div>
+      <div>
+        <el-collapse accordion>
+          <el-collapse-item title="回执说明">
+            <div style="margin: 10px 0;">
+              <el-input
+                type="textarea"
+                :rows="3"
+                resize="none"
+                placeholder="请输入意见"
+                v-model="commentText">
+              </el-input>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </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>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :transfer-loading="isTransfer"
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
+
+
+export default {
+  name: "qbzxdjhgkStep3",
+  components:{
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  data(){
+    return {
+      active: '1',
+      type: '',
+      commentText: '',
+      qbfsForm: {},
+      isTransfer: false,
+      isSubmit: false,
+      saveLoading: false,
+      loading: false,
+      // 调整处理人抽屉状态
+      drawerModal: false,
+      nodeList:[],
+      drawerTitle: '',
+      detailData: [],
+
+    }
+  },
+  mounted() {
+    this.processTable()
+    this.getData()
+  },
+  methods:{
+    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 => {
+      })
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId,
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg)
+            this.getFormFieldList(processForm)
+          }
+        }).catch(e => {
+        })
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList (item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.qbfsForm = JSON.parse(JSON.stringify(item))
+        this.type = item.type
+      })
+    },
+    handleTabs(name){
+      this.active = name
+    },
+    //转办事件
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    //确认转办
+    checkedRole (data) {
+      this.assigneeNewLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res => {
+        this.isTransfer = false
+        if (res.success) {
+          this.drawerModal = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter");
+          this.processNum()
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    },
+    // 请求转换流程图
+    processNum (row) {
+      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)
+      })
+    },
+    handleSubmit(){
+      this.isSubmit = true
+      this.qbfsForm.deptCenterFlag = '0'
+      this.qbfsForm.commentText = this.commentText
+      let json = JSON.stringify(this.qbfsForm);
+      this.$http.post('lawss/activiti/completeTask', {
+        taskIds: this.$route.query.taskIds,
+        userId: this.$store.getters.userInfo.userId,
+        json: json,
+      }, {
+        _this: this
+      }, res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.$router.push('/processCenter')
+        }
+        this.isSubmit = false
+      }, e => {
+      });
+    },
+    beforeBack(){
+      this.isSubmit = true
+      this.qbfsForm.deptCenterFlag = '1'
+      this.qbfsForm.commentText = this.commentText
+      let json = JSON.stringify(this.qbfsForm);
+      this.$http.post('lawss/activiti/completeTask', {
+        taskIds: this.$route.query.taskIds,
+        userId: this.$store.getters.userInfo.userId,
+        json: json,
+      }, {
+        _this: this
+      }, res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.$router.push('/processCenter')
+        }
+        this.isSubmit = false
+      }, e => {
+      });
+    },
+
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.qbzxd-jhgk {
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .fileClass {
+    cursor: pointer;
+  }
+
+  .fileClass:hover {
+    color: #0c91e5;
+  }
+
+  p {
+    & > a {
+      cursor: pointer;
+    }
+
+    & > i {
+      display: inline-block;
+      margin-left: 3px;
+      width: 18px;
+      height: 16px;
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      background-position: center center;
+      vertical-align: sub;
+      cursor: pointer;
+    }
+
+    .icon-download {
+      background-image: url("~assets/images/shangqi/img/download.png");
+    }
+
+    .icon-download2 {
+      background-image: url("~assets/images/shangqi/img/download2.png");
+    }
+  }
+
+  .choiceBtn {
+    .el-button--primary {
+      width: 150px;
+    }
+  }
+
+  position: relative;
+  height: 100%;
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+
+      .accessStandardsAndRegulations {
+        height: 100%;
+      }
+    }
+  }
+
+  .add-form-el-select {
+    /deep/ .el-select {
+      width: 210px;
+    }
+  }
+
+  .demo-drawer-content {
+    margin-top: 10px;
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step4.vue b/src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step4.vue
new file mode 100644
index 000000000..9a3df7276
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step4.vue
@@ -0,0 +1,532 @@
+<template>
+  <div class="qbzxd-jhgk">
+    <ProcessHeader toggle>
+      <template slot="proName">企标制修订计划管控</template>
+      <template slot="proNode">标准法规工作组组长审定</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto">
+        <process-title>
+          <template slot="title">基础信息</template>
+        </process-title>
+        <el-form :model="qbfsForm" class="label-input-form prc-content-border"
+                 label-width="150px">
+          <el-form-item prop="esName" label="企标名称" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.esName"
+              placeholder="请输入企标名称"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item prop="planStatus" label="计划状态" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-select  disabled  v-model="qbfsForm.planStatus"  placeholder="请选择计划状态">
+              <el-option label="制定" value="制定"></el-option>
+              <el-option label="修订" value="修订"></el-option>
+              <el-option label="完成" value="完成"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="reviseStatus" label="制修订状态" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-select disabled  v-model="qbfsForm.reviseStatus" placeholder="请选择制修订状态">
+              <el-option label="制定完成" value="制定完成"></el-option>
+              <el-option label="制定中" value="制定中"></el-option>
+              <el-option label="未制定" value="未制定"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="drafter" label="起草人" style="width: 100%; margin-right:10px"  class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.drafter"
+              placeholder="请输入起草人"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item prop="resPerson" label="评审责任人" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.resPerson"
+              placeholder="请输入评审责任人"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item prop="wgLeader" label="工作组组长" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.wgLeader"
+              placeholder="请输入工作组组长"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item label="计划标准初稿完成时间" style="width: 100%; margin-right:10px" prop="draftTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              disabled
+              v-model="qbfsForm.draftTime"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="请选择计划标准初稿完成时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="计划标准发布时间" style="width: 100%; margin-right:10px" prop="releaseTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              disabled
+              v-model="qbfsForm.releaseTime"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="请选择计划标准发布时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="起草责任单位" style="width: 100%; margin-right:10px"  prop="unit" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.unit"
+              placeholder="请输入起草责任单位"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item v-if="type === '5'"  label="新增原因" style="width: 100%; margin-right:10px"  prop="newReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              disabled
+              v-model="qbfsForm.newReason"
+              placeholder="请输入新增原因"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item  v-if="type === '1'" label="合并原因" prop="mergeReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.mergeReason"
+              placeholder="请输入合并原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item  v-if="type === '2'" label="延期后初稿完成时间" prop="yqDraftTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              v-model="qbfsForm.yqDraftTime"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="请选择延期后初稿完成时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item  v-if="type === '2'" label="延期后标准发布时间" prop="yqReleaseTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              v-model="qbfsForm.yqReleaseTime"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="请选择延期后标准发布时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item  v-if="type === '2'" label="延期原因" prop="delayReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.delayReason"
+              placeholder="请输入延期原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item  v-if="type === '3'" label="取消原因" prop="cancelReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.cancelReason"
+              placeholder="请输入取消原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item  v-if="type === '4'" label="更名原因" prop="renameReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.renameReason"
+              placeholder="请输入更名原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <!--                                        <el-form-item label="备注" style="width: 100%; margin-right:10px" class="add-form-item" prop="remarks">-->
+          <!--                                            <el-input-->
+          <!--                                                    v-model="qbfsForm.remarks"-->
+          <!--                                                    placeholder="请输入备注"-->
+          <!--                                                    :maxlength="500"/>-->
+          <!--                                        </el-form-item>-->
+        </el-form>
+      </div>
+      <div>
+        <el-collapse accordion>
+          <el-collapse-item title="回执说明">
+            <div style="margin: 10px 0;">
+              <el-input
+                type="textarea"
+                :rows="3"
+                resize="none"
+                placeholder="请输入意见"
+                v-model="commentText">
+              </el-input>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </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>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :transfer-loading="isTransfer"
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
+
+
+export default {
+  name: "qbzxdjhgkStep4",
+  components:{
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  data(){
+    return {
+      active: '1',
+      type: '',
+      commentText: '',
+      qbfsForm: {},
+      isTransfer: false,
+      isSubmit: false,
+      saveLoading: false,
+      loading: false,
+      // 调整处理人抽屉状态
+      drawerModal: false,
+      nodeList:[],
+      drawerTitle: '',
+      detailData: [],
+
+    }
+  },
+  mounted() {
+    this.processTable()
+    this.getData()
+  },
+  methods:{
+    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 => {
+      })
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId,
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg)
+            this.getFormFieldList(processForm)
+          }
+        }).catch(e => {
+        })
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList (item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.qbfsForm = JSON.parse(JSON.stringify(item))
+        this.type = item.type
+      })
+    },
+    handleTabs(name){
+      this.active = name
+    },
+    //转办事件
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    //确认转办
+    checkedRole (data) {
+      this.assigneeNewLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res => {
+        this.isTransfer = false
+        if (res.success) {
+          this.drawerModal = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter");
+          this.processNum()
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    },
+    // 请求转换流程图
+    processNum (row) {
+      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)
+      })
+    },
+    handleSubmit(){
+      this.isSubmit = true
+      this.qbfsForm.bzFlag = '0'
+      this.qbfsForm.commentText = this.commentText
+      let json = JSON.stringify(this.qbfsForm);
+      this.$http.post('lawss/activiti/completeTask', {
+        taskIds: this.$route.query.taskIds,
+        userId: this.$store.getters.userInfo.userId,
+        json: json,
+      }, {
+        _this: this
+      }, res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.$router.push('/processCenter')
+        }
+        this.isSubmit = false
+      }, e => {
+      });
+    },
+    beforeBack(){
+      this.isSubmit = true
+      this.qbfsForm.bzFlag = '1'
+      this.qbfsForm.commentText = this.commentText
+      let json = JSON.stringify(this.qbfsForm);
+      this.$http.post('lawss/activiti/completeTask', {
+        taskIds: this.$route.query.taskIds,
+        userId: this.$store.getters.userInfo.userId,
+        json: json,
+      }, {
+        _this: this
+      }, res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.$router.push('/processCenter')
+        }
+        this.isSubmit = false
+      }, e => {
+      });
+    },
+
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.qbzxd-jhgk {
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .fileClass {
+    cursor: pointer;
+  }
+
+  .fileClass:hover {
+    color: #0c91e5;
+  }
+
+  p {
+    & > a {
+      cursor: pointer;
+    }
+
+    & > i {
+      display: inline-block;
+      margin-left: 3px;
+      width: 18px;
+      height: 16px;
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      background-position: center center;
+      vertical-align: sub;
+      cursor: pointer;
+    }
+
+    .icon-download {
+      background-image: url("~assets/images/shangqi/img/download.png");
+    }
+
+    .icon-download2 {
+      background-image: url("~assets/images/shangqi/img/download2.png");
+    }
+  }
+
+  .choiceBtn {
+    .el-button--primary {
+      width: 150px;
+    }
+  }
+
+  position: relative;
+  height: 100%;
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+
+      .accessStandardsAndRegulations {
+        height: 100%;
+      }
+    }
+  }
+
+  .add-form-el-select {
+    /deep/ .el-select {
+      width: 210px;
+    }
+  }
+
+  .demo-drawer-content {
+    margin-top: 10px;
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step5.vue b/src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step5.vue
new file mode 100644
index 000000000..d23f72d5a
--- /dev/null
+++ b/src/pages/processCenter/pages/creatProcess/qbzxdjhgk/step5.vue
@@ -0,0 +1,532 @@
+<template>
+  <div class="qbzxd-jhgk">
+    <ProcessHeader toggle>
+      <template slot="proName">企标制修订计划管控</template>
+      <template slot="proNode">标准法规部部长批准</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto">
+        <process-title>
+          <template slot="title">基础信息</template>
+        </process-title>
+        <el-form :model="qbfsForm" class="label-input-form prc-content-border"
+                 label-width="150px">
+          <el-form-item prop="esName" label="企标名称" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.esName"
+              placeholder="请输入企标名称"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item prop="planStatus" label="计划状态" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-select  disabled  v-model="qbfsForm.planStatus"  placeholder="请选择计划状态">
+              <el-option label="制定" value="制定"></el-option>
+              <el-option label="修订" value="修订"></el-option>
+              <el-option label="完成" value="完成"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="reviseStatus" label="制修订状态" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-select disabled  v-model="qbfsForm.reviseStatus" placeholder="请选择制修订状态">
+              <el-option label="制定完成" value="制定完成"></el-option>
+              <el-option label="制定中" value="制定中"></el-option>
+              <el-option label="未制定" value="未制定"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="drafter" label="起草人" style="width: 100%; margin-right:10px"  class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.drafter"
+              placeholder="请输入起草人"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item prop="resPerson" label="评审责任人" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.resPerson"
+              placeholder="请输入评审责任人"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item prop="wgLeader" label="工作组组长" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.wgLeader"
+              placeholder="请输入工作组组长"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item label="计划标准初稿完成时间" style="width: 100%; margin-right:10px" prop="draftTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              disabled
+              v-model="qbfsForm.draftTime"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="请选择计划标准初稿完成时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="计划标准发布时间" style="width: 100%; margin-right:10px" prop="releaseTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              disabled
+              v-model="qbfsForm.releaseTime"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="请选择计划标准发布时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="起草责任单位" style="width: 100%; margin-right:10px"  prop="unit" class="add-form-item form-item-disabled">
+            <el-input
+              disabled
+              v-model="qbfsForm.unit"
+              placeholder="请输入起草责任单位"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item v-if="type === '5'"  label="新增原因" style="width: 100%; margin-right:10px"  prop="newReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              disabled
+              v-model="qbfsForm.newReason"
+              placeholder="请输入新增原因"
+              :maxlength="500"/>
+          </el-form-item>
+          <el-form-item  v-if="type === '1'" label="合并原因" prop="mergeReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.mergeReason"
+              placeholder="请输入合并原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item  v-if="type === '2'" label="延期后初稿完成时间" prop="yqDraftTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              v-model="qbfsForm.yqDraftTime"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="请选择延期后初稿完成时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item  v-if="type === '2'" label="延期后标准发布时间" prop="yqReleaseTime" class="add-form-item form-item-disabled">
+            <el-date-picker
+              v-model="qbfsForm.yqReleaseTime"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="请选择延期后标准发布时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item  v-if="type === '2'" label="延期原因" prop="delayReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.delayReason"
+              placeholder="请输入延期原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item  v-if="type === '3'" label="取消原因" prop="cancelReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.cancelReason"
+              placeholder="请输入取消原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item  v-if="type === '4'" label="更名原因" prop="renameReason" class="add-form-item form-item-disabled">
+            <el-input
+              type="textarea"
+              v-model="qbfsForm.renameReason"
+              placeholder="请输入更名原因"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <!--                                        <el-form-item label="备注" style="width: 100%; margin-right:10px" class="add-form-item" prop="remarks">-->
+          <!--                                            <el-input-->
+          <!--                                                    v-model="qbfsForm.remarks"-->
+          <!--                                                    placeholder="请输入备注"-->
+          <!--                                                    :maxlength="500"/>-->
+          <!--                                        </el-form-item>-->
+        </el-form>
+      </div>
+      <div>
+        <el-collapse accordion>
+          <el-collapse-item title="回执说明">
+            <div style="margin: 10px 0;">
+              <el-input
+                type="textarea"
+                :rows="3"
+                resize="none"
+                placeholder="请输入意见"
+                v-model="commentText">
+              </el-input>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </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>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :transfer-loading="isTransfer"
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
+
+
+export default {
+  name: "qbzxdjhgkStep5",
+  components:{
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  data(){
+    return {
+      active: '1',
+      type: '',
+      commentText: '',
+      qbfsForm: {},
+      isTransfer: false,
+      isSubmit: false,
+      saveLoading: false,
+      loading: false,
+      // 调整处理人抽屉状态
+      drawerModal: false,
+      nodeList:[],
+      drawerTitle: '',
+      detailData: [],
+
+    }
+  },
+  mounted() {
+    this.processTable()
+    this.getData()
+  },
+  methods:{
+    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 => {
+      })
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId,
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg)
+            this.getFormFieldList(processForm)
+          }
+        }).catch(e => {
+        })
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList (item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.qbfsForm = JSON.parse(JSON.stringify(item))
+        this.type = item.type
+      })
+    },
+    handleTabs(name){
+      this.active = name
+    },
+    //转办事件
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    //确认转办
+    checkedRole (data) {
+      this.assigneeNewLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res => {
+        this.isTransfer = false
+        if (res.success) {
+          this.drawerModal = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter");
+          this.processNum()
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    },
+    // 请求转换流程图
+    processNum (row) {
+      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)
+      })
+    },
+    handleSubmit(){
+      this.isSubmit = true
+      this.qbfsForm.bzfgbzFlag = '0'
+      this.qbfsForm.commentText = this.commentText
+      let json = JSON.stringify(this.qbfsForm);
+      this.$http.post('lawss/activiti/completeTask', {
+        taskIds: this.$route.query.taskIds,
+        userId: this.$store.getters.userInfo.userId,
+        json: json,
+      }, {
+        _this: this
+      }, res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.$router.push('/processCenter')
+        }
+        this.isSubmit = false
+      }, e => {
+      });
+    },
+    beforeBack(){
+      this.isSubmit = true
+      this.qbfsForm.bzfgbzFlag = '1'
+      this.qbfsForm.commentText = this.commentText
+      let json = JSON.stringify(this.qbfsForm);
+      this.$http.post('lawss/activiti/completeTask', {
+        taskIds: this.$route.query.taskIds,
+        userId: this.$store.getters.userInfo.userId,
+        json: json,
+      }, {
+        _this: this
+      }, res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.$router.push('/processCenter')
+        }
+        this.isSubmit = false
+      }, e => {
+      });
+    },
+
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.qbzxd-jhgk {
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .fileClass {
+    cursor: pointer;
+  }
+
+  .fileClass:hover {
+    color: #0c91e5;
+  }
+
+  p {
+    & > a {
+      cursor: pointer;
+    }
+
+    & > i {
+      display: inline-block;
+      margin-left: 3px;
+      width: 18px;
+      height: 16px;
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      background-position: center center;
+      vertical-align: sub;
+      cursor: pointer;
+    }
+
+    .icon-download {
+      background-image: url("~assets/images/shangqi/img/download.png");
+    }
+
+    .icon-download2 {
+      background-image: url("~assets/images/shangqi/img/download2.png");
+    }
+  }
+
+  .choiceBtn {
+    .el-button--primary {
+      width: 150px;
+    }
+  }
+
+  position: relative;
+  height: 100%;
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+
+      .accessStandardsAndRegulations {
+        height: 100%;
+      }
+    }
+  }
+
+  .add-form-el-select {
+    /deep/ .el-select {
+      width: 210px;
+    }
+  }
+
+  .demo-drawer-content {
+    margin-top: 10px;
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
index e617fa4f6..3c3adaadb 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
@@ -1652,30 +1652,40 @@ export default {
                 prcType: row.prcType
               }
             })
+          } else if(row.taskInfo === '部门中心主任会签') {
+            this.$router.push({
+              name: 'qbzxdjhgkStep3',
+              query:{
+                taskIds: row.taskIds,
+                prcId: row.prcId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType
+              }
+            })
+          }else if(row.taskInfo === '标准法规工作组组长审定') {
+            this.$router.push({
+              name: 'qbzxdjhgkStep4',
+              query:{
+                taskIds: row.taskIds,
+                prcId: row.prcId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType
+              }
+            })
+          }else if(row.taskInfo === '标准法规部部长审批') {
+            this.$router.push({
+              name: 'qbzxdjhgkStep5',
+              query:{
+                taskIds: row.taskIds,
+                prcId: row.prcId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType
+              }
+            })
           }
-          // else if(row.taskInfo === '工作组成员标准复审') {
-          //   this.$router.push({
-          //     name: 'qbfsStep3',
-          //     query:{
-          //       taskIds: row.taskIds,
-          //       prcId: row.prcId,
-          //       prcNum: row.prcNum,
-          //       prcName: row.prcName,
-          //       prcType: row.prcType
-          //     }
-          //   })
-          // }else if(row.taskInfo === '工作组组长审批') {
-          //   this.$router.push({
-          //     name: 'qbfsStep4',
-          //     query:{
-          //       taskIds: row.taskIds,
-          //       prcId: row.prcId,
-          //       prcNum: row.prcNum,
-          //       prcName: row.prcName,
-          //       prcType: row.prcType
-          //     }
-          //   })
-          // }
           break
       }
     },
diff --git a/src/router/index.js b/src/router/index.js
index 96f5825ff..950677be7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1531,6 +1531,33 @@ const routes = [
           title: '企标制修订计划管控流程'
         }
       },
+      {
+        path: '/qbzxdjhgkStep3',
+        name: 'qbzxdjhgkStep3',
+        component: () => import('@/pages/processCenter/pages/creatProcess/qbzxdjhgk/step3.vue'),
+        meta: {
+          requireAuth: true,
+          title: '企标制修订计划管控流程'
+        }
+      },
+      {
+        path: '/qbzxdjhgkStep4',
+        name: 'qbzxdjhgkStep4',
+        component: () => import('@/pages/processCenter/pages/creatProcess/qbzxdjhgk/step4.vue'),
+        meta: {
+          requireAuth: true,
+          title: '企标制修订计划管控流程'
+        }
+      },
+      {
+        path: '/qbzxdjhgkStep5',
+        name: 'qbzxdjhgkStep5',
+        component: () => import('@/pages/processCenter/pages/creatProcess/qbzxdjhgk/step5.vue'),
+        meta: {
+          requireAuth: true,
+          title: '企标制修订计划管控流程'
+        }
+      },
       // 外部标准化协会入会流程
       {
         path: '/bzrhStep1',