标准评估流程

src/pages/processCenter/pages/creatProcess/bzpg/step3.vue

@@ -1,4 +1,4 @@
-<!--标准合规评估 业务经理审批-->
+<!--标准合规评估 分发人分发项目-->
 <template>
   <div class="bzpg-step3">
     <ProcessHeader toggle>
@@ -91,6 +91,7 @@
         :data="dataList"
         border
         ref="selection"
+        tooltip-effect="dark"
         height="100%"
         style="width: 100%;"
         @selection-change="selectProjectGroup"
@@ -118,16 +119,24 @@
           label="项目状态"/>
         <el-table-column
           align="center"
+          :show-overflow-tooltip="true"
           prop="projectNumber"
           label="项目编号"/>
         <el-table-column
           align="center"
+          :show-overflow-tooltip="true"
           prop="projectName"
           label="项目名称"/>
         <el-table-column
           align="center"
-          prop="projectManager"
+          prop="uname"
-          label="项目经理"/>
+          label="项目经理">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.unameId" style="display: none;" />
+            <el-input v-model="scope.row.uname" placeholder="请选择项目经理"
+                      @click.native="choiceZRRS(scope.row, 1, scope.$index)" />
+          </template>
+        </el-table-column>
       </el-table>
       <el-collapse accordion>
         <el-collapse-item title="审批意见">
@@ -213,7 +222,7 @@
     <!--    添加抽屉-->
     <el-drawer
       title="添加项目"
-      :visible.sync="ProjectModel"
+      :visible.sync="projectModel"
       size="900px"
       custom-class="demo-drawer"
     >
@@ -282,11 +291,12 @@
                   label="项目名称"/>
                 <el-table-column
                   align="center"
+                  width="120"
                   prop="projectStatus"
                   label="项目状态"/>
                 <el-table-column
                   align="center"
-                  prop="projectName"
+                  prop="currentNode"
                   label="当前节点"/>
                 <el-table-column
                   align="center"
@@ -294,7 +304,7 @@
                   label="项目群"/>
                 <el-table-column
                   align="center"
-                  prop="projectManager"
+                  prop="uname"
                   label="项目经理"/>
               </el-table>
             </div>
@@ -314,7 +324,7 @@
       </div>
     </el-drawer>
     <ProcessFooter
-      show-back
+      show-save
       show-transfer
       show-submit
       :transfer-loading="isTransfer"
@@ -322,7 +332,7 @@
       :saveLoading="saveLoading"
       :approval="true"
       @transfer="handleTransfer"
-      @back="beforeBack"
+      @save="handleSave"
       @submit="handleSubmit"
     >
     </ProcessFooter>
@@ -334,6 +344,13 @@
       @checkedRole="checkedRole"
       :nodeList="nodeList"
     ></Role-tree>
+    <!--    选择责任人-->
+    <Role-tree
+      is-title="选择项目经理"
+      :is-visible.sync="modalshowflag"
+      @checkedRole="checkedRole2"
+      :nodeList="nodeList2"
+    ></Role-tree>
   </div>
 </template>
 
@@ -341,7 +358,7 @@
 import ProcessHeader from "process/components/ProcessHeader";
 import ProcessFooter from "process/components/ProcessFooter";
 import ProcessTitle from "process/components/ProcessTitle";
-import { changeAssigneeNew, inboundLiaisonDetail } from "api/process";
+import { changeAssigneeNew, inboundLiaisonDetail, saveTaskForPub } from "api/process";
 
 export default {
   name: "bzpgStep3",
@@ -352,7 +369,7 @@ export default {
   },
   data(){
     return {
-      active: '1',
+      active: "1",
       //折叠的标志，true为折叠，false为不折叠
       foldFormFlag: false,
       drawerModal: false,
@@ -360,33 +377,59 @@ export default {
       isTransfer: false,
       isSubmit: false,
       saveLoading: false,
-      ProjectModel: false,
+      projectModel: false,
+      modalshowflag: false,
       pageNo: 1,
       totalNo: 0,
       pageSizeNo: this.$store.getters.userInfo.configContent,
-      userId:this.$store.getters.userInfo.userId,
+      userId: this.$store.getters.userInfo.userId,
       taskIds: this.$route.query.taskIds,
       pId: this.$route.query.prcId,
-      commentText: '',
+      commentText: "",
-      drawerTitle: '',
+      drawerTitle: "",
-      projectGroup: '',  //用来查询项目
+      projectGroup: "",  //用来查询项目
       listForm: {},
       dataList: [],
+      projectDataList: [],
+      // projectDataList: [
+      //   {
+      //     managementHostName: '', //管理主体
+      //     developmentHostName: '', //开发主体
+      //     categoryName: '', //项目细分类
+      //     projectStatus: '', //项目状态
+      //     projectName: '', //项目名称
+      //     projectNumber: '', //项目编号
+      //     uname: '', //项目经理
+      //   }
+      // ],
       detailData: [],
       nodeList: [],
+      nodeList2: [],
       selectProjectList: [],
       selectProjectGroupList: [],
       productData: [], //项目群下的项目
       projectStatus: [], //项目状态下拉框
       projectSearch: {
-        projectStatus: "", //项目状态
+        projectStatus: "" //项目状态
-      },
+      }
     }
   },
   mounted() {
-    this.getData()
+    this.getData();
-    this.processTable()
+    this.processTable();
-    this.getProductData()
+    this.getProductData();
+    /**
+     * 获取项目群筛选项的值
+     */
+    this.$http.post("sarStandProjectLibrary/querySelect", {}, {
+      _this: this
+    }, res => {
+      res.data.statusList.forEach(item => {
+        if (item) {
+          this.projectStatus.push(item);   //项目状态
+        }
+      });
+    });
   },
   methods: {
     getData() {
@@ -406,22 +449,29 @@ export default {
     /**
      * @description: 动态表单读取
      */
-    getFormFieldList (item) {
+    getFormFieldList(item) {
       this.$nextTick(() => {
-        this.listForm = JSON.parse(JSON.stringify(item))
+        this.listForm = JSON.parse(JSON.stringify(item));
-        this.listForm.prcNum = this.prcNum
+        this.listForm.prcNum = this.prcNum;
-        this.listForm.prcName = this.prcName
+        this.listForm.prcName = this.prcName;
-        this.listForm['id'] = item.id
+        this.listForm["id"] = item.id;
-        this.listForm.dataList = item.dataList
+        this.projectGroup = item.dataList[0].projectGroup;
-        this.dataList = item.dataList
+      });
-        this.projectGroup = item.dataList[0].projectGroup
+    },
-        this.dataList.distributePerson = item.dataList[0].distributePerson
+    choiceZRRS(row, type, index) {
-        this.listForm.breakdownList = item.breakdownList
+      this.nodeList2 = [];
-      })
+      this.lsIndex = index;
+      this.lsType = type;
+      if (row.unameId) {
+        this.nodeList2 = row.unameId.split(",");
+      } else {
+        this.nodeList2.push(row);
+      }
+      this.modalshowflag = true;
     },
     //查询项目群下的项目
-    getProductData(){
+    getProductData() {
-      this.$http.get('sarStandProjectLibrary/queryProjects',{
+      this.$http.get("sarStandProjectLibrary/queryProjects", {
         projectGroup: this.projectGroup,
         current: this.pageNo,
         PageSize: this.pageSizeNo,
@@ -429,9 +479,9 @@ export default {
       }, {
         _this: this
       }, res => {
-         this.productData = res.data.records
+        this.productData = res.data.records;
-         this.totalNo = res.data.count
+        this.totalNo = res.data.count;
-      })
+      });
     },
     //查询项目按钮
     getProductDataBtn(){
@@ -463,31 +513,83 @@ export default {
         cancelButtonText: "取消",
         type: "warning"
       }).then(() => {
-
+        this.selectProjectGroupList.map(item => {
+          let index;
+          index = this.dataList.findIndex(items => {
+            return items.projectNumber === item.projectNumber;
+          });
+          if (index > -1) {
+            this.dataList.splice(index, 1);
+          }
+        });
+        this.selectProjectGroupList = [];
+        this.$refs.selection.clearSelection();
       }).catch(() => {
       });
     }
     },
-    cancelStand(){
+    cancelStand() {
-      this.projectModel = false
+      this.projectModel = false;
     },
-    okProject(){
+    okProject() {
-     if(this.selectProjectList.length){
+      if (this.selectProjectList.length) {
-
+          let addFlag = true;
-     }else{
+          let projectNumbers = "";
-       this.$message.warning('请至少选择一条数据进行添加')
+          this.selectProjectList.forEach(item => {
-     }
+            projectNumbers += item.projectNumber;
+            projectNumbers += ",";
+          });
+          if(this.dataList.length){
+            this.dataList.forEach(item => {
+              if (item.projectNumber === projectNumbers) {
+                addFlag = false;
+              }
+            });
+          }
+          if (addFlag) {
+            this.projectDataList = [];
+            let projectNames = "", projectNumbers = "";
+            this.selectProjectList.forEach(items => {
+              projectNames += items.projectName;
+              projectNames += ",";
+              projectNumbers += items.projectNumber;
+              projectNumbers += ",";
+            });
+            this.$set(this.projectDataList, "projectName", projectNames);
+            this.$set(this.projectDataList, "projectNumber", projectNumbers);
+            this.$set(this.projectDataList, "managementHostName", this.selectProjectList[0].managementHostName);
+            this.$set(this.projectDataList, "developmentHostName", this.selectProjectList[0].developmentHostName);
+            this.$set(this.projectDataList, "categoryName", this.selectProjectList[0].categoryName);
+            this.$set(this.projectDataList, "projectStatus", this.selectProjectList[0].projectStatus);
+            this.$set(this.projectDataList, "uname", this.selectProjectList[0].uname);
+            this.dataList.push({
+              projectName: this.projectDataList.projectName,
+              projectNumber: this.projectDataList.projectNumber,
+              managementHostName: this.projectDataList.managementHostName,
+              developmentHostName: this.projectDataList.developmentHostName,
+              categoryName: this.projectDataList.categoryName,
+              projectStatus: this.projectDataList.projectStatus,
+              uname: this.projectDataList.uname,
+            })
+          } else {
+            this.$message.warning("请勿重复添加数据");
+          }
+        this.projectModel = false;
+        this.$refs.projectTable.clearSelection();
+      } else {
+        this.$message.warning("请至少选择一条数据进行添加");
+      }
     },
-    selectProject(data){
+    selectProject(data) {
-      this.selectProjectList = data
+      this.selectProjectList = data;
     },
-    pageChangeNo(page){
+    pageChangeNo(page) {
-      this.pageNo = page
+      this.pageNo = page;
-      this.getProductData()
+      this.getProductData();
     },
-    pageSizeChangeNo(pageSize){
+    pageSizeChangeNo(pageSize) {
-      this.pageSizeNo = pageSize
+      this.pageSizeNo = pageSize;
-      this.getProductData()
+      this.getProductData();
     },
     //tab发生变化
     handleTabs(name) {
@@ -495,7 +597,7 @@ export default {
     },
     //折叠/展开基础信息方法
     foldForm() {
-      this.foldFormFlag = !this.foldFormFlag
+      this.foldFormFlag = !this.foldFormFlag;
     },
     // 点击查看
     handlePreview(item) {
@@ -509,28 +611,73 @@ export default {
       window.open(routeUrl.href, "_blank");
     },
     //提交
-    handleSubmit(){
+    handleSubmit() {
+      if (!this.dataList.length) {
+        this.$message.warning("请添加项目数据");
+      } else if(this.dataList.length > 5) {
+         this.$message.warning('您最多只能选择五条数据')
+      }else{
+        this.listForm.dataList = this.dataList;
+        this.listForm.commentText = this.commentText;
+        const json = JSON.stringify(this.listForm);
+        this.isSubmit = true;
+        this.$http.post("lawss/activiti/completeTask", {
+          taskIds: this.taskIds,
+          userId: this.userId,
+          json: json
+        }, {
+          _this: this
+        }, res => {
+          if (res.success) {
+            this.$message.success(res.message);
+            this.$router.push("/processCenter");
+          }
+          this.isSubmit = false;
+        }, e => {
+        });
+      }
 
     },
-    //驳回
+    //保存
-    beforeBack(){
+    handleSave() {
-
+      this.saveLoading = true;
+      this.listForm.dataList = this.dataList;
+      let _formData = new FormData();
+      _formData.append("id", this.bpnId || "");
+      _formData.append("prcType", "5");
+      _formData.append("taskIds", this.taskIds);
+      _formData.append("json", JSON.stringify({
+        form: this.listForm,
+        commentText: this.commentText
+      }));
+      saveTaskForPub(_formData).then(res => {
+        this.saveLoading = false;
+        this.$message.success("保存成功");
+        this.bpnId = res.result;
+      }).catch(e => {
+        this.saveLoading = false;
+      });
+    },
+    checkedRole2(data) {
+      this.dataList[this.lsIndex].unameId = data[0].id;
+      this.dataList[this.lsIndex].uname = data[0].name;
+      this.modalshowflag = false;
     },
     //确认转办
-    checkedRole (data) {
+    checkedRole(data) {
-      this.assigneeNewLoading = true
+      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
+        this.isTransfer = false;
         if (res.success) {
-          this.drawerModal = false
+          this.drawerModal = false;
-          this.$message.success('调整成功')
+          this.$message.success("调整成功");
           this.$router.push("/processCenter");
-          this.processNum()
+          this.processNum();
         } else {
           this.$message.warning(res.message)
         }

src/pages/processCenter/pages/creatProcess/bzpg/step4.vue

@@ -0,0 +1,556 @@
+<!--标准合规评估 项目经理分发标准-->
+<template>
+  <div class="bzpg-step4">
+    <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="overflow: auto">
+        <process-title>
+          <template slot="title">基础信息</template>
+        </process-title>
+        <el-collapse-transition>
+          <el-form
+            v-if="!foldFormFlag"
+            :model="listForm"
+            class="label-input-form prc-content-border"
+            label-width="150px"
+          >
+            <el-row :gutter="24">
+              <el-col :span="24">
+                <el-form-item label="标准编号" prop="standNumber" class="add-form-item form-item-disabled">
+                  <el-input
+                    class="input-jump"
+                    v-model="listForm.standNumber"
+                    placeholder="请输入标准编号"
+                    readonly
+                    @click.native="handlePreview(listForm)"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="标准名称" prop="standName" class="add-form-item form-item-disabled">
+                  <el-input
+                    class="input-jump"
+                    v-model="listForm.standName"
+                    placeholder="请输入标准名称"
+                    readonly
+                    @click.native="handlePreview(listForm)"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="认证工程师" v-if="listForm.certifiedEngineerName !== ''" prop="certifiedEngineerName" class="add-form-item form-item-disabled">
+                  <el-input
+                    readonly
+                    v-model="listForm.certifiedEngineerName"
+                    placeholder="请选择认证工程师"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="认证工程师" v-else prop="certifiedEngineerName" class="add-form-item form-item-disabled">
+                  <el-input
+                    readonly
+                    v-model="listForm.certifiedEngineerName"
+                    placeholder="--"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item v-if="listForm.qualityEngineerName !== '' " label="质量工程师" prop="qualityEngineerName" class="add-form-item form-item-disabled">
+                  <el-input
+                    readonly
+                    v-model="listForm.qualityEngineerName"
+                    placeholder="请选择质量工程师"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item v-else label="质量工程师" prop="qualityEngineerName" class="add-form-item form-item-disabled">
+                  <el-input
+                    readonly
+                    v-model="listForm.qualityEngineerName"
+                    placeholder="--"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-collapse-transition>
+        <el-button v-if="foldFormFlag === false" style="width: 100%" icon="el-icon-caret-top" @click="foldForm">隐藏基础信息</el-button>
+        <el-button v-if="foldFormFlag === true" style="width: 100%" icon="el-icon-caret-bottom" @click="foldForm">展开基础信息</el-button>
+      </div>
+      <process-title>
+        <template slot="title">填写信息</template>
+      </process-title>
+        <el-table
+          ref="selection"
+          :data="dataList"
+          style="width: 100%; border: 1px solid #cccccc;height: 400px"
+          height="100%"
+          border
+          highlight-current-row
+          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+             fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}">
+        <el-table-column
+          type="selection"
+          width="55"
+          align="center"/>
+        <el-table-column
+          align="center"
+          min-width="180"
+          prop="projectGroup"
+          label="项目群"/>
+        <el-table-column
+          align="center"
+          min-width="180"
+          prop="projectNumber"
+          label="项目编号"/>
+        <el-table-column
+          min-width="300"
+          :show-overflow-tooltip="true"
+          align="center"
+          prop="projectName"
+          label="项目名称"/>
+        <el-table-column
+          align="center"
+          min-width="120"
+          prop="itemNum"
+          label="条款号"/>
+        <el-table-column
+          align="center"
+          min-width="150"
+          prop="itemsName"
+          label="条款名称">
+        </el-table-column>
+        <el-table-column
+          prop="itermsConditions"
+          label="条款内容"
+          width="200"
+          show-overflow-tooltip
+          align="center">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="itermsConditionsOpen(scope.row.itermsConditions)" class="common-button-primary">
+              查看条款内容
+            </el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="technicalRequir"
+          align="center"
+          width="200px"
+          label="核心技术要求/变化点">
+        </el-table-column>
+        <el-table-column
+          prop="changePoint"
+          align="center"
+          width="200px"
+          label="基于上一版本差异">
+        </el-table-column>
+        <el-table-column
+          prop="xcxssrq"
+          align="center"
+          width="160px"
+          label="新车型实施日期">
+        </el-table-column>
+        <el-table-column
+          prop="zccssrq"
+          align="center"
+          width="160px"
+          label="在产车实施日期">
+        </el-table-column>
+      </el-table>
+      <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 class="content" v-show="active === '3'">
+      <div class="flow-list" style="height: 100%">
+        <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'}"
+        >
+          <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 HH:mm:ss') : '' }}</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 HH:mm:ss') : '' }}</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"
+      @transfer="handleTransfer"
+      @back="beforeBack"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+    <el-dialog
+      title="查看条款内容"
+      :visible.sync="itermsConditionsFlag"
+      size="800px">
+      <div class="itemsTextBox" v-html="itermsConditionsTitle"></div>
+      <div slot="footer">
+        <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="itermsConditionsClose">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "process/components/ProcessHeader";
+import ProcessFooter from "process/components/ProcessFooter";
+import ProcessTitle from "process/components/ProcessTitle";
+import { changeAssigneeNew, inboundLiaisonDetail } from "api/process";
+
+export default {
+  name: "bzpgStep4",
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  data(){
+    return {
+      active: '1',
+      //折叠的标志，true为折叠，false为不折叠
+      foldFormFlag: false,
+      drawerModal: false,
+      loading: false,
+      isTransfer: false,
+      isSubmit: false,
+      saveLoading: false,
+      itermsConditionsFlag: false,
+      userId:this.$store.getters.userInfo.userId,
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      commentText: '',
+      drawerTitle: '',
+      itermsConditionsTitle: '',
+      listForm: {},
+      dataList: [],
+      detailData: [],
+      nodeList: [],
+    }
+  },
+  mounted() {
+    this.getData()
+    this.processTable()
+  },
+  methods: {
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.taskIds,
+          pId: this.pId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg)
+            this.getFormFieldList(processForm)
+          }
+        }).catch(e => {
+        })
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        this.listForm = JSON.parse(JSON.stringify(item))
+        this.listForm.prcNum = this.prcNum
+        this.listForm.prcName = this.prcName
+        this.listForm['id'] = item.id
+        this.listForm.dataList = item.dataList
+        this.dataList = item.dataList
+        this.dataList.distributePerson = item.dataList[0].distributePerson
+        this.listForm.breakdownList = item.breakdownList
+      })
+    },
+    itermsConditionsClose () {
+      this.itermsConditionsFlag = false
+    },
+    itermsConditionsOpen (row) {
+      this.itermsConditionsFlag = true
+      this.itermsConditionsTitle = row.replace(/''/g, '\'')
+    },
+    //tab发生变化
+    handleTabs(name) {
+      this.active = name;
+    },
+    //折叠/展开基础信息方法
+    foldForm() {
+      this.foldFormFlag = !this.foldFormFlag
+    },
+    // 点击查看
+    handlePreview(item) {
+      let routeUrl = this.$router.resolve({
+        name: "OtherStandardDetails",
+        params: {
+          id: item.id,
+          pageType: "INLAND_STAND"
+        }
+      });
+      window.open(routeUrl.href, "_blank");
+    },
+    //提交
+    handleSubmit(){
+      this.listForm.commentText = this.commentText
+      this.listForm.stepFlag =  '0'
+      const json = JSON.stringify(this.listForm);
+      this.isSubmit = true
+      this.$http.post('lawss/activiti/completeTask', {
+        taskIds: this.taskIds,
+        userId: this.userId,
+        json: json,
+      }, {
+        _this: this
+      }, res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.$router.push('/processCenter')
+        }
+        this.isSubmit = false
+      }, e => {
+      });
+    },
+    //驳回
+    beforeBack(){
+      if(!this.commentText){
+        this.$message.warning('请填写审批意见')
+      }else{
+        this.listForm.commentText = this.commentText
+        this.listForm.stepFlag =  '1'
+        const json = JSON.stringify(this.listForm);
+        this.isSubmit = true
+        this.$http.post('lawss/activiti/completeTask', {
+          taskIds: this.taskIds,
+          userId: this.userId,
+          json: json,
+        }, {
+          _this: this
+        }, res => {
+          if (res.success) {
+            this.$message.success(res.message)
+            this.$router.push('/processCenter')
+          }
+          this.isSubmit = false
+        }, e => {
+        });
+      }
+    },
+    //确认转办
+    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)
+      })
+    },
+    //转办事件
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    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 => {})
+    },
+  },
+  computed: {
+    listNoDataText () {
+      return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.bzpg-step4 {
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .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%;
+      }
+    }
+    .input-jump {
+      /deep/.el-input__inner{
+        color: #409EFF;
+      }
+    }
+  }
+
+  .demo-drawer-content {
+    margin-top: 10px;
+  }
+}
+</style>

src/router/index.js

@@ -547,6 +547,15 @@ const routes = [
           title: '标准合规评估流程'
         }
       },
+      {
+        path: '/bzpgStep4',
+        name: 'bzpgStep4',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzpg/step4.vue'),
+        meta: {
+          requireAuth: true,
+          title: '标准合规评估流程'
+        }
+      },
       {
         path: '/xmpgStep1',
         name: 'xmpgStep1',