Merge remote-tracking branch 'origin/develop' into develop

src/pages/processCenter/pages/phone/bzpg/step2.vue

@@ -0,0 +1,393 @@
+<template>
+  <div class="phoneXmpgStep2 phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准合规评估流程</template>
+      <template slot="proNode">审核</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="overflow: auto;">
+        <el-form
+          v-if="!foldFormFlag"
+          :model="listForm"
+          class="label-input-form prc-content-border"
+          label-width="210px"
+        >
+          <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-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>
+      <ProcessTitle>
+        <template slot="title">填写信息</template>
+      </ProcessTitle>
+      <el-table
+        :data="dataList"
+        border
+        ref="selection"
+        height="100%"
+        style="width: 100%;"
+        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '48px'}">
+        <el-table-column
+          type="selection"
+          width="55"
+          align="center"/>
+        <el-table-column
+          align="center"
+          prop="projectGroup"
+          label="项目群"/>
+        <el-table-column
+          align="center"
+          prop="managementHostName"
+          label="管理主体"/>
+        <el-table-column
+          align="center"
+          prop="developmentHostName"
+          label="开发主体"/>
+        <el-table-column
+          align="center"
+          prop="categoryName"
+          label="项目细分类"/>
+        <el-table-column
+          align="center"
+          prop="projectGroupPeople"
+          label="项目群责任人">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="distributePerson"
+          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 === '2'">
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
+    </div>
+    <ProcessFooter
+      show-transfer
+      show-back
+      show-submit
+      :transfer-loading="isTransfer"
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @transfer="handleTransfer"
+      @back="beforeBack"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <phone-role
+      :role-title="drawerTitle"
+      :result-list="phoneRoleList"
+      :is-show-phone.sync="phoneshowflag"
+      @checkedRole="drawerCheck"
+    />
+  </div>
+</template>
+
+<script>
+import { Dialog } from 'vant';
+import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import {inboundLiaisonDetail,processCreateStand,changeAssigneeNew} from 'api/process'
+import axios from "axios";
+import ProcessHeader from "process/components/ProcessHeader";
+
+export default {
+  name: "phoneBzpgStep2",
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessHeaderPhone,
+    ProcessTitle
+  },
+  data(){
+    return {
+      active: '1',
+      phoneRoleList: [],
+      phoneshowflag: false,
+      //折叠的标志，true为折叠，false为不折叠
+      foldFormFlag: false,
+      drawerModal: false,
+      loading: false,
+      isTransfer: false,
+      isSubmit: false,
+      saveLoading: false,
+      userId:this.$store.getters.userInfo.userId,
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      commentText: '',
+      drawerTitle: '',
+      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) {
+      console.log(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
+      })
+    },
+    //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 => {
+        });
+      }
+    },
+    //确认转办
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = 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 =>{
+        if (res.success) {
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          this.$router.push("/processCenter")
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+      this.modalshowflag = false
+    },
+    // 请求转换流程图
+    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.phoneshowflag = true
+      this.phoneRoleList = this.roleTransfer
+      this.phoneDrawerTitle = '转办处理人'
+    },
+    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/phone';
+.phoneXmpgStep2 {
+  /deep/.van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+  .prc-content-border {
+    overflow: auto;
+  }
+  /deep/.prc-content-border .el-form-item__content {
+    width: 270px;
+  }
+  .content {
+    border-top: 1px solid #DCDFE6;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 52px;
+    //height: calc(~'100% - 155px');
+    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;
+      }
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/phone/bzpg/step6.vue

@@ -136,29 +136,35 @@
         style="width: 100%"
         border
         @selection-change="selectStandChange"
-        height="55%"
+        height="100%"
         :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
              fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
         <el-table-column
-          prop="productLine"
+          type="selection"
-          align="center"
+          width="55"
-          width="200"
+          align="center">
-          label="产品线">
         </el-table-column>
         <el-table-column
-          prop="projectNumber"
           align="center"
-          width="200"
+          min-width="180"
+          prop="projectGroup"
+          label="项目群">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          min-width="180"
+          prop="projectNumber"
           label="项目编号">
         </el-table-column>
         <el-table-column
-          prop="projectName"
+          min-width="300"
+          :show-overflow-tooltip="true"
           align="center"
-          width="200"
+          prop="projectName"
           label="项目名称">
         </el-table-column>
         <el-table-column
-          prop="itemNum"
+          prop="itemsNum"
           align="center"
           width="200"
           label="条款号">
@@ -170,34 +176,41 @@
           label="条款名称">
         </el-table-column>
         <el-table-column
+          label="条款内容"
+          width="200"
+          show-overflow-tooltip
+          align="center">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="itermsConditionsOpen(scope.row)" class="common-button-primary">
+              查看条款内容
+            </el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="!changePoint"
           prop="technicalRequir"
           align="center"
           width="250"
           label="核心技术要求/变化点">
         </el-table-column>
         <el-table-column
+          v-if="changePoint"
           prop="changePoint"
           width="250"
           align="center"
           label="基于上一版本差异">
         </el-table-column>
         <el-table-column
-          prop="xCXSSRQ"
+          prop="xcxssrq"
           width="200"
           align="center"
           label="新车型实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.xCXSSRQ ? $moment(scope.row.xCXSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
         </el-table-column>
         <el-table-column
-          prop="zCCSSRQ"
+          prop="zccssrq"
           width="200"
           align="center"
           label="在产车实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.zCCSSRQ ? $moment(scope.row.zCCSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
         </el-table-column>
         <el-table-column
           prop="complianceReasons"
@@ -208,7 +221,6 @@
         <el-table-column
           align="center"
           width="160"
-          prop="researchNonCompliance"
           label="不合规">
           <el-table-column
             prop="noCompliance"
@@ -225,25 +237,19 @@
           <el-table-column
             prop="completionTime"
             align="center"
-            width="120"
+            width="140"
             label="完成时间">
             <template slot-scope="scope">
-              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
+              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format("YYYY-MM-DD") : "" }}</span>
             </template>
           </el-table-column>
         </el-table-column>
         <el-table-column
-          align="center"
-          width="150"
           prop="implementer"
-          label="落实人">
-        </el-table-column>
-        <el-table-column
           align="center"
-          width="150"
+          width="180"
-          prop="distributePerson"
+          label="评估人"
-          label="责任人">
+        />
-        </el-table-column>
       </el-table>
       <el-collapse accordion>
         <el-collapse-item title="审批意见">
@@ -294,7 +300,7 @@ import axios from "axios";
 import ProcessHeader from "process/components/ProcessHeader";
 
 export default {
-  name: "phoneXmpgStep6",
+  name: "phoneBzpgStep6",
   components: {
     ProcessHeader,
     ProcessFooter,
@@ -498,40 +504,56 @@ export default {
     /**
      * @description: 动态表单读取
      */
-    getFormFieldList (item) {
+    getFormFieldList(item) {
+      console.log(item);
       this.$nextTick(() => {
-        this.listForm = JSON.parse(JSON.stringify(item))
+        this.listForm = JSON.parse(JSON.stringify(item));
-        this.listForm.prcNum = this.prcNum
+        if (item.form === undefined) {
-        this.listForm.prcName = this.prcName
+          this.fileType = item.fileType
-        this.dataList = item.dataList
+          this.listForm.prcNum = this.prcNum
-        this.listForm.id = item.step3DTOS[0].id
+          this.listForm.prcName = this.prcName
-        this.listForm.standName = item.step3DTOS[0].standName
+          this.listForm['id'] = item.id
-        this.listForm.standNumber = item.step3DTOS[0].standNumber
+          this.dataList = item.dataList
-        this.listForm.qualityEngineerName = item.step3DTOS[0].qualityEngineerName
+        } else {
-        this.listForm.certifiedEngineerName = item.step3DTOS[0].certifiedEngineerName
+          this.listForm = item.form;
-      })
+          this.dataList = item.form.dataList;
+        }
+
+      });
     },
     //驳回事件
     beforeBack () {
       if(!this.commentText){
-      this.$message.warning('请填写审批意见')
+        this.$message.warning('请填写审批意见')
-    } else {
+      }else{
-      this.listForm.fenFlag = '2'
+        this.listForm.dataList = this.dataList
-      this.handleSubmit()
+        this.listForm.passFlag = '1'
-    }
+        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 => {
+        });
+      }
     },
     //提交事件
     handleSubmit() {
-      this.isSubmit = true
-      this.listForm.prcCreateUser = this.$store.getters.userInfo.userId;
-      this.listForm.applyUpdUserId = this.$store.getters.userInfo.userId;
-      this.listForm.prcCreateUserName = this.$store.getters.userInfo.account;
-      this.listForm.zrUserId = this.$store.getters.userInfo.userId ;
-      this.listForm.commentText = this.commentText;
-      this.listForm.standId = this.listForm.standId;
-      this.listForm.fenFlag = "1";
       this.listForm.dataList = this.dataList
+      this.listForm.passFlag = '0'
+      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,
@@ -545,9 +567,7 @@ export default {
         }
         this.isSubmit = false
       }, e => {
-
       });
-
     },
     //标准表格选择框改变
     selectStandChange(data) {

src/pages/processCenter/pages/phone/bzpg/step7.vue

@@ -2,7 +2,7 @@
   <div class="phoneXmpgStep7 phoneBox">
     <ProcessHeaderPhone toggle>
       <template slot="proName">标准合规评估流程</template>
-      <template slot="proNode">标准法规部领导审批</template>
+      <template slot="proNode">审定</template>
     </ProcessHeaderPhone>
     <div class="headerTabs">
       <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -129,36 +129,51 @@
       <ProcessTitle>
         <template slot="title">填写信息</template>
       </ProcessTitle>
+      <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
+        <el-tab-pane
+          v-for="(item, index) in projectTabName"
+          :key="index"
+          :label="item"
+          :value="item"
+          :name="item">
+        </el-tab-pane>
+      </el-tabs>
       <el-table
         ref="multipleTable"
-        :data="dataList"
+        :data="dataList.filter(item =>{return item.projectName === projectName})"
         tooltip-effect="dark"
         style="width: 100%"
         border
         @selection-change="selectStandChange"
-        height="55%"
+        height="100%"
         :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
              fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
         <el-table-column
-          prop="productLine"
+          type="selection"
-          align="center"
+          width="55"
-          width="200"
+          align="center">
-          label="产品线">
         </el-table-column>
         <el-table-column
-          prop="projectNumber"
           align="center"
-          width="200"
+          min-width="180"
+          prop="projectGroup"
+          label="项目群">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          min-width="180"
+          prop="projectNumber"
           label="项目编号">
         </el-table-column>
         <el-table-column
-          prop="projectName"
+          min-width="300"
+          :show-overflow-tooltip="true"
           align="center"
-          width="200"
+          prop="projectName"
           label="项目名称">
         </el-table-column>
         <el-table-column
-          prop="itemNum"
+          prop="itemsNum"
           align="center"
           width="200"
           label="条款号">
@@ -170,34 +185,41 @@
           label="条款名称">
         </el-table-column>
         <el-table-column
+          label="条款内容"
+          width="200"
+          show-overflow-tooltip
+          align="center">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="itermsConditionsOpen(scope.row)" class="common-button-primary">
+              查看条款内容
+            </el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="!changePoint"
           prop="technicalRequir"
           align="center"
           width="250"
           label="核心技术要求/变化点">
         </el-table-column>
         <el-table-column
+          v-if="changePoint"
           prop="changePoint"
           width="250"
           align="center"
           label="基于上一版本差异">
         </el-table-column>
         <el-table-column
-          prop="xCXSSRQ"
+          prop="xcxssrq"
           width="200"
           align="center"
           label="新车型实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.xCXSSRQ ? $moment(scope.row.xCXSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
         </el-table-column>
         <el-table-column
-          prop="zCCSSRQ"
+          prop="zccssrq"
           width="200"
           align="center"
           label="在产车实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.zCCSSRQ ? $moment(scope.row.zCCSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
         </el-table-column>
         <el-table-column
           prop="complianceReasons"
@@ -208,7 +230,6 @@
         <el-table-column
           align="center"
           width="160"
-          prop="researchNonCompliance"
           label="不合规">
           <el-table-column
             prop="noCompliance"
@@ -225,25 +246,19 @@
           <el-table-column
             prop="completionTime"
             align="center"
-            width="120"
+            width="140"
             label="完成时间">
             <template slot-scope="scope">
-              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
+              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format("YYYY-MM-DD") : "" }}</span>
             </template>
           </el-table-column>
         </el-table-column>
         <el-table-column
-          align="center"
-          width="150"
           prop="implementer"
-          label="落实人">
-        </el-table-column>
-        <el-table-column
           align="center"
-          width="150"
+          width="180"
-          prop="distributePerson"
+          label="评估人"
-          label="责任人">
+        />
-        </el-table-column>
       </el-table>
       <el-collapse accordion>
         <el-collapse-item title="审批意见">
@@ -264,14 +279,12 @@
     </div>
     <ProcessFooter
       show-transfer
-      show-back
       show-submit
       :transfer-loading="isTransfer"
       :submitLoading="isSubmit"
       :saveLoading="saveLoading"
       :approval="true"
       @transfer="handleTransfer"
-      @back="beforeBack"
       @submit="handleSubmit"
     >
     </ProcessFooter>
@@ -294,7 +307,7 @@ import axios from "axios";
 import ProcessHeader from "process/components/ProcessHeader";
 
 export default {
-  name: "phoneXmpgStep7",
+  name: "phoneBzpgStep7",
   components: {
     ProcessHeader,
     ProcessFooter,
@@ -304,7 +317,9 @@ export default {
   data() {
     return {
       phoneshowflag: false,
+      activeName: '',
       phoneRoleList: [],
+      projectTabName: [],
       phoneDrawerTitle: '',
       //折叠的标志，true为折叠，false为不折叠
       foldFormFlag: false,
@@ -388,6 +403,9 @@ export default {
     };
   },
   methods: {
+    handleClick(tab) {
+      this.projectName = tab.name
+    },
     //折叠/展开基础信息方法
     foldForm() {
       this.foldFormFlag = !this.foldFormFlag
@@ -498,36 +516,34 @@ 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
+        if (item.form === undefined) {
-        this.listForm.prcName = this.prcName
+          this.fileType = item.fileType
-        this.listForm.id = item.id
+          this.listForm.prcNum = this.prcNum
-        this.dataList = item.dataList
+          this.listForm.prcName = this.prcName
-      })
+          this.listForm['id'] = item.id
-    },
+          this.dataList = item.dataList
-    //驳回事件
+          item.dataList.forEach(item => {
-    beforeBack () {
+            if(!this.projectTabName.includes(item.projectName)){
-      if(!this.commentText){
+              this.projectTabName.push(item.projectName)
-        this.$message.warning('请填写审批意见')
+            }
-      } else {
+          })
-        this.listForm.fenFlag = '2'
+          this.projectName = this.activeName = this.projectTabName[Object.keys(this.projectTabName)[0]]
-        this.handleSubmit()
+        } else {
-      }
+          this.listForm = item.form;
+          this.dataList = item.form.dataList;
+        }
+
+      });
     },
     //提交事件
     handleSubmit() {
-      this.isSubmit = true
-      this.listForm.prcCreateUser = this.$store.getters.userInfo.userId;
-      this.listForm.applyUpdUserId = this.$store.getters.userInfo.userId;
-      this.listForm.prcCreateUserName = this.$store.getters.userInfo.account;
-      this.listForm.zrUserId = this.$store.getters.userInfo.userId ;
-      this.listForm.commentText = this.commentText;
-      this.listForm.standId = this.listForm.standId;
-      this.listForm.fenFlag = "1";
       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,
@@ -541,7 +557,6 @@ export default {
         }
         this.isSubmit = false
       }, e => {
-
       });
 
     },

src/pages/processCenter/pages/phone/bzpg/step8.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="phoneXmpgStep2 phoneBox">
+  <div class="phoneXmpgStep7 phoneBox">
     <ProcessHeaderPhone toggle>
       <template slot="proName">标准合规评估流程</template>
-      <template slot="proNode">业务经理审批</template>
+      <template slot="proNode">批准</template>
     </ProcessHeaderPhone>
     <div class="headerTabs">
       <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -129,39 +129,136 @@
       <ProcessTitle>
         <template slot="title">填写信息</template>
       </ProcessTitle>
+      <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
+        <el-tab-pane
+          v-for="(item, index) in projectTabName"
+          :key="index"
+          :label="item"
+          :value="item"
+          :name="item">
+        </el-tab-pane>
+      </el-tabs>
       <el-table
-        :data="dataList"
+        ref="multipleTable"
+        :data="dataList.filter(item =>{return item.projectName === projectName})"
+        tooltip-effect="dark"
+        style="width: 100%"
         border
-        ref="selection"
-        height="100%"
-        style="width: 100%;"
         @selection-change="selectStandChange"
+        height="100%"
         :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-              fontWeight: 'bold', height: '48px'}">
+             fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
         <el-table-column
-          prop="productLine"
+          type="selection"
-          min-width="150"
+          width="55"
-          align="center"
+          align="center">
-          label="产品线">
         </el-table-column>
         <el-table-column
-          prop="productLine"
-          min-width="200"
           align="center"
+          min-width="180"
+          prop="projectGroup"
+          label="项目群">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          min-width="180"
+          prop="projectNumber"
+          label="项目编号">
+        </el-table-column>
+        <el-table-column
+          min-width="300"
+          :show-overflow-tooltip="true"
+          align="center"
+          prop="projectName"
           label="项目名称">
         </el-table-column>
         <el-table-column
-          prop="uname"
+          prop="itemsNum"
-          min-width="150"
           align="center"
-          label="产品线责任人">
+          width="200"
+          label="条款号">
         </el-table-column>
         <el-table-column
-          prop="distributePerson"
+          prop="itemsName"
-          min-width="150"
+          width="200"
           align="center"
-          label="分发责任人">
+          label="条款名称">
         </el-table-column>
+        <el-table-column
+          label="条款内容"
+          width="200"
+          show-overflow-tooltip
+          align="center">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="itermsConditionsOpen(scope.row)" class="common-button-primary">
+              查看条款内容
+            </el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="!changePoint"
+          prop="technicalRequir"
+          align="center"
+          width="250"
+          label="核心技术要求/变化点">
+        </el-table-column>
+        <el-table-column
+          v-if="changePoint"
+          prop="changePoint"
+          width="250"
+          align="center"
+          label="基于上一版本差异">
+        </el-table-column>
+        <el-table-column
+          prop="xcxssrq"
+          width="200"
+          align="center"
+          label="新车型实施日期">
+        </el-table-column>
+        <el-table-column
+          prop="zccssrq"
+          width="200"
+          align="center"
+          label="在产车实施日期">
+        </el-table-column>
+        <el-table-column
+          prop="complianceReasons"
+          align="center"
+          width="160"
+          label="合规">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          width="160"
+          label="不合规">
+          <el-table-column
+            prop="noCompliance"
+            align="center"
+            width="170"
+            label="不合规项目">
+          </el-table-column>
+          <el-table-column
+            prop="countermeasures"
+            align="center"
+            width="160"
+            label="应对措施">
+          </el-table-column>
+          <el-table-column
+            prop="completionTime"
+            align="center"
+            width="140"
+            label="完成时间">
+            <template slot-scope="scope">
+              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+        <el-table-column
+          prop="implementer"
+          align="center"
+          width="180"
+          label="评估人"
+        />
       </el-table>
       <el-collapse accordion>
         <el-collapse-item title="审批意见">
@@ -182,14 +279,12 @@
     </div>
     <ProcessFooter
       show-transfer
-      show-back
       show-submit
       :transfer-loading="isTransfer"
       :submitLoading="isSubmit"
       :saveLoading="saveLoading"
       :approval="true"
       @transfer="handleTransfer"
-      @back="beforeBack"
       @submit="handleSubmit"
     >
     </ProcessFooter>
@@ -212,7 +307,7 @@ import axios from "axios";
 import ProcessHeader from "process/components/ProcessHeader";
 
 export default {
-  name: "phoneXmpgStep2",
+  name: "phoneBzpgStep8",
   components: {
     ProcessHeader,
     ProcessFooter,
@@ -222,7 +317,9 @@ export default {
   data() {
     return {
       phoneshowflag: false,
+      activeName: '',
       phoneRoleList: [],
+      projectTabName: [],
       phoneDrawerTitle: '',
       //折叠的标志，true为折叠，false为不折叠
       foldFormFlag: false,
@@ -306,6 +403,9 @@ export default {
     };
   },
   methods: {
+    handleClick(tab) {
+      this.projectName = tab.name
+    },
     //折叠/展开基础信息方法
     foldForm() {
       this.foldFormFlag = !this.foldFormFlag
@@ -416,30 +516,32 @@ 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
+        if (item.form === undefined) {
-        this.listForm.prcName = this.prcName
+          this.fileType = item.fileType
-        this.listForm['id'] = item.id
+          this.listForm.prcNum = this.prcNum
-        this.listForm.dataList = item.dataList
+          this.listForm.prcName = this.prcName
-        this.dataList = item.dataList
+          this.listForm['id'] = item.id
-        this.dataList.distributePerson = item.dataList[0].distributePerson
+          this.dataList = item.dataList
-        this.listForm.breakdownList = item.breakdownList
+          item.dataList.forEach(item => {
-      })
+            if(!this.projectTabName.includes(item.projectName)){
-    },
+              this.projectTabName.push(item.projectName)
-    //驳回事件
+            }
-    beforeBack () {
+          })
-      if(this.commentText === null || this.commentText === undefined || this.commentText === ''){
+          this.projectName = this.activeName = this.projectTabName[Object.keys(this.projectTabName)[0]]
-        this.$message.warning('请填写审批意见')
+        } else {
-      }else{
+          this.listForm = item.form;
-        this.listForm.passFlag = '1'
+          this.dataList = item.form.dataList;
-        this.handleSubmit()
+        }
-      }
+
+      });
     },
     //提交事件
     handleSubmit() {
-      this.listForm.commentText = this.commentText
+      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', {
@@ -491,7 +593,7 @@ export default {
 
 <style lang="less" scoped>
 @import '~@/assets/styles/phone';
-.phoneXmpgStep2 {
+.phoneXmpgStep7 {
   /deep/.van-dialog__content {
     min-height: 300px;
     padding: 10px;

src/pages/processCenter/pages/phone/xmpg/step4.vue

@@ -2,7 +2,7 @@
   <div class="phoneXmpg2Step12 phoneBox">
     <ProcessHeaderPhone toggle>
       <template slot="proName">项目合规评估流程</template>
-      <template slot="proNode">分发负责人审批</template>
+      <template slot="proNode">产品工程经理审核</template>
     </ProcessHeaderPhone>
     <div class="headerTabs">
       <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -167,6 +167,12 @@
             </template>
           </el-table-column>
         </el-table-column>
+        <el-table-column
+          prop="remarks"
+          align="center"
+          width="200"
+          label="不涉及理由">
+        </el-table-column>
         <el-table-column
           align="center"
           width="150"
@@ -223,7 +229,7 @@ import ProcessTitle from "../../components/ProcessTitle";
 import { inboundLiaisonDetail, queryDetail ,changeAssigneeNew } from "api/process";
 
 export default {
-  name: "phoneXmpg2Step12",
+  name: "phoneXmpgStep4",
   components: {
     ProcessTitle,
     ProcessHeader,
@@ -422,31 +428,36 @@ export default {
         this.listForm.prcName = this.prcName;
         this.listForm["id"] = item.id;
         this.listForm.dataList = item.dataList;
-        this.listForm.dataList.forEach(item => {
+        this.dataList = item.dataList;
-          if(item.workPeople !== ''){
+        this.dataList.forEach(item =>{
-            this.dataList.push(item)
+          if(item.children){
+            item.children.forEach(items =>{
+              dataChildren.push(items)
+            })
           }
-          item.children.forEach(items=> {
+        })
-            if(items.key === item.standId){
+        this.dataList.forEach(item => {
+          dataChildren.forEach(items =>{
+            if (items.key === item.standId) {
               this.$set(items, "standName", item.standName);
               this.$set(items, "standEnName", item.standEnName);
               this.$set(items, "standYear", item.standYear);
               this.$set(items, "standSort", item.standSort);
               this.$set(items, "standNumber", item.standNumber);
-              this.$set(items, "zccssrq", item.zccssrq);
-              this.$set(items, "xcxssrq", item.xcxssrq);
-              this.$set(items, "ssrq", item.ssrq);
             }
           })
         })
-        this.listForm.dataList.forEach(item => {
+        dataChildren.forEach((item, index) => {
-          dataChildren.push(item.children)
+          dataListChildren = dataListChildren.concat(item);
+        });
+        dataListChildren = this.dataList.concat(dataListChildren);
+        let index = dataListChildren.findIndex(item => {
+          return item.people
         })
-        dataChildren.forEach((item,index) => {
+        if(index > -1){
-          dataListChildren = dataListChildren.concat(item)
+          dataListChildren.splice(index, 1)
-        })
+        }
-        dataListChildren = this.dataList.concat(dataListChildren)
+        this.dataList = dataListChildren;
-        this.dataList = dataListChildren
         this.total = this.dataList.length;
       });
     },

src/pages/processCenter/pages/phone/xmpg/step5.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="phoneXmpgStep5 phoneBox">
+  <div class="phoneXmpg2Step12 phoneBox">
     <ProcessHeaderPhone toggle>
-      <template slot="proName">标准合规评估流程</template>
+      <template slot="proName">项目合规评估流程</template>
-      <template slot="proNode">分发负责人审批</template>
+      <template slot="proNode">批准</template>
     </ProcessHeaderPhone>
     <div class="headerTabs">
       <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -22,50 +22,20 @@
             <div class="prc-content-border" v-if="foldFormFlag === false">
               <el-row :gutter="24">
                 <el-col :span="24">
-                  <el-form-item label="标准编号" prop="standNumber" class="add-form-item form-item-disabled">
+                  <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
                     <el-input
-                      class="input-jump"
+                      v-model="listForm.projectNumber"
-                      v-model="listForm.standNumber"
+                      placeholder="请输入项目编号"
-                      placeholder="请输入标准编号"
+                      disabled
-                      readonly
+                      clearable
-                      @click.native="handlePreview(listForm)"
                     ></el-input>
                   </el-form-item>
-                  <el-form-item label="标准名称" prop="standName" class="add-form-item form-item-disabled">
+                  <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
                     <el-input
-                      class="input-jump"
+                      v-model="listForm.projectName"
-                      v-model="listForm.standName"
+                      placeholder="请输入项目名称"
-                      placeholder="请输入标准名称"
+                      disabled
-                      readonly
+                      clearable
-                      @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>
@@ -77,48 +47,20 @@
           <div class="prc-content-border" v-if="foldFormFlag === true" style="display: none">
             <el-row :gutter="24">
               <el-col :span="24">
-                <el-form-item label="标准编号" prop="standNumber" class="add-form-item form-item-disabled">
+                <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
                   <el-input
-                    v-model="listForm.standNumber"
+                    v-model="listForm.projectNumber"
-                    placeholder="请输入标准编号"
+                    placeholder="请输入项目编号"
-                    readonly
+                    disabled
-                    @click.native="handlePreview(listForm)"
+                    clearable
                   ></el-input>
                 </el-form-item>
-                <el-form-item label="标准名称" prop="standName" class="add-form-item form-item-disabled">
+                <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
                   <el-input
-                    v-model="listForm.standName"
+                    v-model="listForm.projectName"
-                    placeholder="请输入标准名称"
+                    placeholder="请输入项目名称"
-                    readonly
+                    disabled
-                    @click.native="handlePreview(listForm)"
+                    clearable
-                  ></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>
@@ -135,30 +77,35 @@
         tooltip-effect="dark"
         style="width: 100%"
         border
-        @selection-change="selectStandChange"
         height="55%"
         :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
              fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
         <el-table-column
-          prop="productLine"
+          prop="standEnName"
+          label="标准编号"
+          width="180"
           align="center"
-          width="200"
+        >
-          label="产品线">
+          <template slot-scope="scope">
+            <a v-if="scope.row.standYear" class="table-jump"
+               @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber
+              }}-{{ scope.row.standYear }}</a>
+            <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }}
+              {{ scope.row.standNumber }}</a>
+          </template>
         </el-table-column>
         <el-table-column
-          prop="projectNumber"
+          prop="standName"
+          width="180"
           align="center"
-          width="200"
+          label="标准名称"
-          label="项目编号">
+        >
+          <template slot-scope="scope">
+            <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+          </template>
         </el-table-column>
         <el-table-column
-          prop="projectName"
+          prop="itemsNum"
-          align="center"
-          width="200"
-          label="项目名称">
-        </el-table-column>
-        <el-table-column
-          prop="itemNum"
           align="center"
           width="200"
           label="条款号">
@@ -169,18 +116,6 @@
           align="center"
           label="条款名称">
         </el-table-column>
-        <el-table-column
-          prop="technicalRequir"
-          align="center"
-          width="250"
-          label="核心技术要求/变化点">
-        </el-table-column>
-        <el-table-column
-          prop="changePoint"
-          width="250"
-          align="center"
-          label="基于上一版本差异">
-        </el-table-column>
         <el-table-column
           prop="xCXSSRQ"
           width="200"
@@ -233,10 +168,10 @@
           </el-table-column>
         </el-table-column>
         <el-table-column
+          prop="remarks"
           align="center"
-          width="150"
+          width="200"
-          prop="implementer"
+          label="不涉及理由">
-          label="落实人">
         </el-table-column>
         <el-table-column
           align="center"
@@ -245,6 +180,7 @@
           label="责任人">
         </el-table-column>
       </el-table>
+      <el-button v-if="itemLists.length > 20 && tableIndex * 20 < itemLists.length" style="width: 100%; margin-top: 5px;" icon="el-icon-caret-bottom" @click="tableLoading">加载更多...</el-button>
       <el-collapse accordion>
         <el-collapse-item title="审批意见">
           <div style="margin: 10px 0;">
@@ -263,15 +199,13 @@
       <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
-      show-transfer
-      show-back
       show-submit
+      show-transfer
       :transfer-loading="isTransfer"
       :submitLoading="isSubmit"
       :saveLoading="saveLoading"
       :approval="true"
       @transfer="handleTransfer"
-      @back="beforeBack"
       @submit="handleSubmit"
     >
     </ProcessFooter>
@@ -287,113 +221,74 @@
 <script>
 import { Dialog } from 'vant';
 import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessFooter from '../../components/ProcessFooter'
+import ProcessHeader from "../../components/ProcessHeader";
-import ProcessTitle from '../../components/ProcessTitle'
+import ProcessFooter from "../../components/ProcessFooter";
-import {inboundLiaisonDetail,processCreateStand,changeAssigneeNew} from 'api/process'
+import ProcessTitle from "../../components/ProcessTitle";
-import axios from "axios";
+import { inboundLiaisonDetail, queryDetail ,changeAssigneeNew } from "api/process";
-import ProcessHeader from "process/components/ProcessHeader";
 
 export default {
   name: "phoneXmpgStep5",
   components: {
+    ProcessTitle,
     ProcessHeader,
-    ProcessFooter,
     ProcessHeaderPhone,
-    ProcessTitle
+    ProcessFooter
   },
   data() {
     return {
       phoneshowflag: false,
       phoneRoleList: [],
       phoneDrawerTitle: '',
-      //折叠的标志，true为折叠，false为不折叠
+      tableIndex: 0,
+      itemLists: [],
       foldFormFlag: false,
+      total: 0,
+      currentPage: 1,
+      pageSize: 20,
       nodeList:[],
-      isTransfer: false,
       drawerTitle:'',
+      isTransfer: false,
       // 调整处理人抽屉状态
       drawerModal: false,
-      detailData: [],
+      active: "1",
+      loading: false,
       // 当前流程类型(1待办/2已办)
       processType: 1,
-      loading: false,
-      dataList: [],//清单里的标准数据
-      active: "1",
-      userId:this.$store.getters.userInfo.userId,
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId,
-      listType: "country",  //选择的清单类型
       isSubmit: false,
       saveLoading: false,
-      tabValue: "listOfCountries",
+      //表单的数据
-      selectedList: [],  //选择清单的选择框
-      selectList: [], //选择标准的选择框
-      bringData: [],
-      commentText: "", //填写会签意见
-      page: 1,
-      total: 0,
-      pageSize: this.$store.getters.userInfo.configContent,
       listForm: {
-        passFlag: " ", //空为审批通过 1 为驳回
+        ffFlag: " ", //1审批通过 其他为驳回
-        standNumber: "", //标准编号
+        projectNumber: "",  //项目编号
-        standName: "",//标准名称
+        projectName: "",  //项目名称
-        certifiedEngineer: "", //认证工程师
+        dataList: [], //项目下的标准数据
-        qualityEngineer: "", //质量工程师
+        breakdownList: [] //标准下的分解单数据
-        certifiedEngineerName: "", //认证工程师
-        qualityEngineerName: "", //质量工程师
-        breakdownList: [{
-          applyArctic: "",
-          busStandCover: "",
-          claimType: "",
-          id: "",
-          itemsName: "",
-          itemsNum: "",
-          responsibleUnit: "",  //责任部门
-          responsibleEngineer: "", //责任工程师
-          standId: "",
-          svpps: ""
-        }],
-        dataList: [{
-          projectLine: "", //产品线
-          uname: "",//产品线责任人
-          projectManager:"",// 产品线责任人id
-          distributePerson: "", //分发责任人
-          distributePersonId: "", //分发责任人id
-          id: "",
-          sarStandProjectLibraries: [{
-            projectManager: '',
-            projectLevel: '',
-            projectNumber: '',
-            projectEndDate: '',
-            currentNode: '',
-            projectGroup: '',
-            productLine: '',
-            projectClassification: '',
-            projectStatus: '',
-            projectStartDate: '',
-            id: '',
-            projectName: '',
-            projectPlatfor: ''
-          }]
-        }]
       },
-      choiceForm: {}, //选择标准清单列表
+      dataList: [], //展示的标准数据
-      countryOptions: [], //适用区域下拉框数据
+      commentText: "", //审批意见
-      user1: "",
+      detailData: [],//流程历史数据
-      user2: "",
+      userId: this.$store.getters.userInfo.userId,
-      user3: "",
+      taskIds: this.$route.query.taskIds,
-      user4: "",
+      pId: this.$route.query.prcId
-      user5: "",
-      standMap: new Map()
     };
   },
   methods: {
+    tableLoading () {
+      this.tableIndex++
+      let index = this.tableIndex * 20
+      let endIndex = index + 20
+      if (this.tableIndex * 20 > this.itemLists.length) {
+        this.$message.warning('没有更多了')
+      }
+      let newData = this.itemLists.slice(index, endIndex)
+      this.itemList = this.itemList.concat(newData)
+    },
     //折叠/展开基础信息方法
     foldForm() {
       this.foldFormFlag = !this.foldFormFlag
     },
     //确认转办
-    checkedRole (data) {
+    checkedTransferRole (data) {
       this.assigneeNewLoading = true
       changeAssigneeNew({
         taskId: this.$route.query.taskIds, // 任务id
@@ -454,33 +349,59 @@ export default {
       })
       this.modalshowflag = false
     },
-    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 => {})
-    },
-    //tab发生变化
-    handleTabs(name) {
-      this.active = name;
-    },
     // 点击查看
     handlePreview(item) {
       let routeUrl = this.$router.resolve({
         name: "OtherStandardDetails",
         params: {
-          id: item.id,
+          id: item.standId,
           pageType: "INLAND_STAND"
         }
       });
       window.open(routeUrl.href, "_blank");
     },
+    //查询项目下的标准
+    getStandData() {
+      this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
+        standType: this.standardSearch.standType,
+        standNumber: this.standardSearch.standNumber,
+        page: this.pageNo,
+        pageSize: this.pageSizeNo
+      }, {
+        _this: this
+      }, res => {
+        this.standardData = res.data.list;
+        this.standardData.forEach(item => {
+          if (item.attrInfoMap === null) {
+            this.$set(item, "ZCCSSRQ", "");
+            this.$set(item, "XCXSSRQ", "");
+          } else {
+            this.$set(item, "ZCCSSRQ", item.attrInfoMap.ZCCSSRQ);
+            this.$set(item, "XCXSSRQ", item.attrInfoMap.XCXSSRQ);
+          }
+        });
+        this.totalNo = res.data.count;
+      }, e => {
+      });
+    },
+    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 => {
+      });
+    },
+    //tab改变
+    handleTabs(type) {
+      this.active = type;
+    },
+    //获取数据
     getData() {
       return new Promise((resolve, reject) => {
         inboundLiaisonDetail({
@@ -488,51 +409,74 @@ export default {
           pId: this.pId
         }).then(res => {
           if (res) {
-            const processForm = JSON.parse(res.mesg)
+            const processForm = JSON.parse(res.mesg);
-            this.getFormFieldList(processForm)
+            this.getFormFieldList(processForm);
           }
         }).catch(e => {
-        })
+        });
-      })
+      });
     },
-    /**
+    //动态表单读取
-     * @description: 动态表单读取
+    getFormFieldList(item) {
-     */
+      console.log(item);
-    getFormFieldList (item) {
       this.$nextTick(() => {
-        this.listForm = JSON.parse(JSON.stringify(item))
+        this.listForm = JSON.parse(JSON.stringify(item));
-        this.listForm.prcNum = this.prcNum
+        let dataChildren = []
-        this.listForm.prcName = this.prcName
+        let dataListChildren = []
-        this.dataList = item.dataList
+        this.listForm.prcNum = this.prcNum;
-        this.listForm.standName = item.standName
+        this.listForm.prcName = this.prcName;
-        this.listForm.standNumber = item.standNumber
+        this.listForm["id"] = item.id;
-        this.listForm.id = item.id
+        this.dataList = item.dataList;
-        this.listForm.qualityEngineerName = item.qualityEngineerName
+        this.dataList.forEach(item =>{
-        this.listForm.certifiedEngineerName = item.certifiedEngineerName
+          if(item.children){
-        this.listForm.responsibleUnit = item.responsibleUnit
+            item.children.forEach(items =>{
-        this.listForm.responsibleEngineer = item.responsibleEngineer
+              dataChildren.push(items)
-      })
+            })
+          }
+        })
+        this.dataList.forEach(item => {
+          dataChildren.forEach(items =>{
+            if (items.key === item.standId) {
+              this.$set(items, "standName", item.standName);
+              this.$set(items, "standEnName", item.standEnName);
+              this.$set(items, "standYear", item.standYear);
+              this.$set(items, "standSort", item.standSort);
+              this.$set(items, "standNumber", item.standNumber);
+            }
+          })
+        })
+        dataChildren.forEach((item, index) => {
+          dataListChildren = dataListChildren.concat(item);
+        });
+        dataListChildren = this.dataList.concat(dataListChildren);
+        let newDataListChildren = []
+        dataListChildren.forEach(item => {
+          if(!item.people){
+            newDataListChildren.push(item)
+          }
+        })
+        this.dataList = newDataListChildren;
+        this.total = this.dataList.length;
+      });
     },
     //驳回事件
-    beforeBack () {
+    beforeBack() {
-      if(!this.commentText){
+      if (!this.commentText) {
-        this.$message.warning('请填写审批意见')
+        this.$message.warning("请填写审批意见");
-      }else{
+      } else {
-        this.listForm.applyUpdUserId = this.dataList[0].distributePersonId
+        this.listForm.dlFlag = "2";
         this.listForm.commentText = this.commentText;
-        this.listForm.dataList = this.dataList
-        this.listForm.fenFlag = '1'
         const json = JSON.stringify(this.listForm);
-        this.$http.post('lawss/activiti/completeTask', {
+        this.$http.post("lawss/activiti/completeTask", {
           taskIds: this.taskIds,
           userId: this.userId,
-          json: json,
+          json: json
         }, {
           _this: this
         }, res => {
           if (res.success) {
-            this.$message.success(res.message)
+            this.$message.success(res.message);
-            this.$router.push('/processCenter')
+            this.$router.push("/processCenter");
           }
         }, e => {
         });
@@ -540,62 +484,45 @@ export default {
     },
     //提交事件
     handleSubmit() {
-      this.listForm.applyUpdUserId = this.dataList[0].distributePersonId
+      this.isSubmit = true;
-      this.listForm.dataList = this.dataList
+      this.listForm.dlFlag = "1";
-      this.listForm.fenFlag = '2'
       this.listForm.commentText = this.commentText;
       const json = JSON.stringify(this.listForm);
-      this.isSubmit = true
+      this.$http.post("lawss/activiti/completeTask", {
-      this.$http.post('lawss/activiti/completeTask', {
         taskIds: this.taskIds,
         userId: this.userId,
-        json: json,
+        json: json
       }, {
         _this: this
       }, res => {
         if (res.success) {
-          this.$message.success(res.message)
+          this.$message.success(res.message);
-          this.$router.push('/processCenter')
+          this.$router.push("/processCenter");
         }
-        this.isSubmit = false
+        this.isSubmit = false;
       }, e => {
       });
-
     },
-    //标准表格选择框改变
+    // 分页
-    selectStandChange(data) {
+    handleCurrentChange(currentPage) {
-      this.selectList = [];
+      this.currentPage = currentPage;
-      for (let i = 0; i < data.length; i++) {
-        this.selectList.push(data[i].id);
-      }
     },
-    selectThree() {
-
-    },
-    pageChange(page) {
-      this.page = page;
-      this.searchData();
-    },
-    pageSizeChange(pageSize) {
-      this.pageSize = this.$store.getters.userInfo.configContent;
-      this.searchData();
-    }
   },
   computed: {
-    listNoDataText () {
+    listNoDataText() {
-      return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
-    },
+    }
   },
   mounted() {
-    this.processTable()
+    this.processTable();
-    this.getData()
+    this.getData();
   }
 };
 </script>
 
 <style lang="less" scoped>
 @import '~@/assets/styles/phone';
-.phoneXmpgStep5 {
+.phoneXmpg2Step12 {
   /deep/.van-dialog__content {
     min-height: 300px;
     padding: 10px;

src/pages/processCenter/pages/phone/xmpg2/step10.vue

@@ -1,550 +0,0 @@
-<template>
-  <div class="phoneXmpg2Step10 phoneBox">
-    <ProcessHeaderPhone toggle>
-      <template slot="proName">项目合规评估流程</template>
-      <template slot="proNode">分发负责人审批</template>
-    </ProcessHeaderPhone>
-    <div class="headerTabs">
-      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
-      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
-    </div>
-    <div class="content" v-show="active === '1'">
-      <div style="overflow: auto;">
-        <el-form
-          :model="listForm"
-          class="label-input-form"
-          label-width="210px"
-        >
-          <ProcessTitle>
-            <template slot="title">基础信息</template>
-          </ProcessTitle>
-          <el-collapse-transition>
-            <div class="prc-content-border" v-if="foldFormFlag === false">
-              <el-row :gutter="24">
-                <el-col :span="24">
-                  <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectNumber"
-                      placeholder="请输入项目编号"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectName"
-                      placeholder="请输入项目名称"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </div>
-          </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 class="prc-content-border" v-if="foldFormFlag === true" style="display: none">
-            <el-row :gutter="24">
-              <el-col :span="24">
-                <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectNumber"
-                    placeholder="请输入项目编号"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectName"
-                    placeholder="请输入项目名称"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-      </div>
-      <ProcessTitle>
-        <template slot="title">填写信息</template>
-      </ProcessTitle>
-      <el-table
-        ref="multipleTable"
-        :data="dataList"
-        tooltip-effect="dark"
-        style="width: 100%"
-        border
-        height="55%"
-        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-             fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
-        <el-table-column
-          prop="standEnName"
-          label="标准编号"
-          width="180"
-          align="center"
-        >
-          <template slot-scope="scope">
-            <a v-if="scope.row.standYear" class="table-jump"
-               @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber
-              }}-{{ scope.row.standYear }}</a>
-            <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }}
-              {{ scope.row.standNumber }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="standName"
-          width="180"
-          align="center"
-          label="标准名称"
-        >
-          <template slot-scope="scope">
-            <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="itemsNum"
-          align="center"
-          width="200"
-          label="条款号">
-        </el-table-column>
-        <el-table-column
-          prop="itemsName"
-          width="200"
-          align="center"
-          label="条款名称">
-        </el-table-column>
-        <el-table-column
-          prop="xCXSSRQ"
-          width="200"
-          align="center"
-          label="新车型实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.xCXSSRQ ? $moment(scope.row.xCXSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="zCCSSRQ"
-          width="200"
-          align="center"
-          label="在产车实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.zCCSSRQ ? $moment(scope.row.zCCSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="complianceReasons"
-          align="center"
-          width="160"
-          label="合规">
-        </el-table-column>
-        <el-table-column
-          align="center"
-          width="160"
-          prop="researchNonCompliance"
-          label="不合规">
-          <el-table-column
-            prop="noCompliance"
-            align="center"
-            width="170"
-            label="不合规项目">
-          </el-table-column>
-          <el-table-column
-            prop="countermeasures"
-            align="center"
-            width="160"
-            label="应对措施">
-          </el-table-column>
-          <el-table-column
-            prop="completionTime"
-            align="center"
-            width="120"
-            label="完成时间">
-            <template slot-scope="scope">
-              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
-            </template>
-          </el-table-column>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          width="150"
-          prop="distributePerson"
-          label="责任人">
-        </el-table-column>
-      </el-table>
-      <el-button v-if="itemLists.length > 20 && tableIndex * 20 < itemLists.length" style="width: 100%; margin-top: 5px;" icon="el-icon-caret-bottom" @click="tableLoading">加载更多...</el-button>
-      <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 === '2'">
-      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-    </div>
-    <ProcessFooter
-      show-back
-      show-submit
-      show-transfer
-      :transfer-loading="isTransfer"
-      :submitLoading="isSubmit"
-      :saveLoading="saveLoading"
-      :approval="true"
-      @transfer="handleTransfer"
-      @back="beforeBack"
-      @submit="handleSubmit"
-    >
-    </ProcessFooter>
-    <phone-role
-      :role-title="drawerTitle"
-      :result-list="phoneRoleList"
-      :is-show-phone.sync="phoneshowflag"
-      @checkedRole="drawerCheck"
-    />
-  </div>
-</template>
-
-<script>
-import { Dialog } from 'vant';
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessHeader from "../../components/ProcessHeader";
-import ProcessFooter from "../../components/ProcessFooter";
-import ProcessTitle from "../../components/ProcessTitle";
-import { inboundLiaisonDetail, queryDetail ,changeAssigneeNew } from "api/process";
-
-export default {
-  name: "phoneXmpg2Step10",
-  components: {
-    ProcessTitle,
-    ProcessHeader,
-    ProcessHeaderPhone,
-    ProcessFooter
-  },
-  data() {
-    return {
-      phoneshowflag: false,
-      phoneRoleList: [],
-      phoneDrawerTitle: '',
-      tableIndex: 0,
-      itemLists: [],
-      foldFormFlag: false,
-      total: 0,
-      currentPage: 1,
-      pageSize: 20,
-      nodeList:[],
-      drawerTitle:'',
-      isTransfer: false,
-      // 调整处理人抽屉状态
-      drawerModal: false,
-      active: "1",
-      loading: false,
-      // 当前流程类型(1待办/2已办)
-      processType: 1,
-      isSubmit: false,
-      saveLoading: false,
-      //表单的数据
-      listForm: {
-        ffFlag: " ", //1审批通过 其他为驳回
-        projectNumber: "",  //项目编号
-        projectName: "",  //项目名称
-        dataList: [], //项目下的标准数据
-        breakdownList: [] //标准下的分解单数据
-      },
-      dataList: [], //展示的标准数据
-      commentText: "", //审批意见
-      detailData: [],//流程历史数据
-      userId: this.$store.getters.userInfo.userId,
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId
-    };
-  },
-  methods: {
-    tableLoading () {
-      this.tableIndex++
-      let index = this.tableIndex * 20
-      let endIndex = index + 20
-      if (this.tableIndex * 20 > this.itemLists.length) {
-        this.$message.warning('没有更多了')
-      }
-      let newData = this.itemLists.slice(index, endIndex)
-      this.itemList = this.itemList.concat(newData)
-    },
-    //折叠/展开基础信息方法
-    foldForm() {
-      this.foldFormFlag = !this.foldFormFlag
-    },
-    //确认转办
-    checkedTransferRole (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.phoneshowflag = true
-      this.phoneRoleList = this.roleTransfer
-      this.phoneDrawerTitle = '转办处理人'
-    },
-    //确认转办
-    drawerCheck (data) {
-      this.roleTransfer = data
-      this.phoneRoleList = this.roleTransfer
-      this.turnLoading = 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 =>{
-        if (res.success) {
-          this.turnLoading = false
-          this.$message.success('调整成功')
-          this.$router.push("/processCenter")
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-      this.modalshowflag = false
-    },
-    // 点击查看
-    handlePreview(item) {
-      let routeUrl = this.$router.resolve({
-        name: "OtherStandardDetails",
-        params: {
-          id: item.standId,
-          pageType: "INLAND_STAND"
-        }
-      });
-      window.open(routeUrl.href, "_blank");
-    },
-    //查询项目下的标准
-    getStandData() {
-      this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
-        standType: this.standardSearch.standType,
-        standNumber: this.standardSearch.standNumber,
-        page: this.pageNo,
-        pageSize: this.pageSizeNo
-      }, {
-        _this: this
-      }, res => {
-        this.standardData = res.data.list;
-        this.standardData.forEach(item => {
-          if (item.attrInfoMap === null) {
-            this.$set(item, "ZCCSSRQ", "");
-            this.$set(item, "XCXSSRQ", "");
-          } else {
-            this.$set(item, "ZCCSSRQ", item.attrInfoMap.ZCCSSRQ);
-            this.$set(item, "XCXSSRQ", item.attrInfoMap.XCXSSRQ);
-          }
-        });
-        this.totalNo = res.data.count;
-      }, e => {
-      });
-    },
-    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 => {
-      });
-    },
-    //tab改变
-    handleTabs(type) {
-      this.active = type;
-    },
-    //获取数据
-    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 => {
-        });
-      });
-    },
-    //动态表单读取
-    getFormFieldList(item) {
-      this.$nextTick(() => {
-        this.listForm = JSON.parse(JSON.stringify(item));
-        let dataChildren = []
-        let dataListChildren = []
-        this.listForm.prcNum = this.prcNum;
-        this.listForm.prcName = this.prcName;
-        this.listForm["id"] = item.id;
-        this.listForm.dataList = item.dataList;
-        this.listForm.dataList.forEach(item => {
-          if(item.workPeople !== ''){
-            this.dataList.push(item)
-          }
-          item.children.forEach(items=> {
-            if(items.key === item.standId){
-              this.$set(items, "standName", item.standName);
-              this.$set(items, "standEnName", item.standEnName);
-              this.$set(items, "standYear", item.standYear);
-              this.$set(items, "standSort", item.standSort);
-              this.$set(items, "standNumber", item.standNumber);
-              this.$set(items, "zccssrq", item.zccssrq);
-              this.$set(items, "xcxssrq", item.xcxssrq);
-              this.$set(items, "ssrq", item.ssrq);
-            }
-          })
-        })
-        this.listForm.dataList.forEach(item => {
-          dataChildren.push(item.children)
-        })
-        dataChildren.forEach((item,index) => {
-          dataListChildren = dataListChildren.concat(item)
-        })
-        dataListChildren = this.dataList.concat(dataListChildren)
-        this.dataList = dataListChildren
-        this.total = this.dataList.length;
-      });
-    },
-    //驳回事件
-    beforeBack() {
-      if (!this.commentText) {
-        this.$message.warning("请填写审批意见");
-      } else {
-        this.listForm.bzFlag = "2";
-        this.listForm.commentText = this.commentText;
-        const json = JSON.stringify(this.listForm);
-        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");
-          }
-        }, e => {
-        });
-      }
-    },
-    //提交事件
-    handleSubmit() {
-      this.isSubmit = true;
-      this.listForm.bzFlag = "1";
-      this.listForm.commentText = this.commentText;
-      const json = JSON.stringify(this.listForm);
-      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 => {
-      });
-    },
-    // 分页
-    handleCurrentChange(currentPage) {
-      this.currentPage = currentPage;
-    },
-  },
-  computed: {
-    listNoDataText() {
-      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
-    }
-  },
-  mounted() {
-    this.processTable();
-    this.getData();
-  }
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
-.phoneXmpg2Step10 {
-  /deep/.van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-  .prc-content-border {
-    overflow: auto;
-  }
-  /deep/.prc-content-border .el-form-item__content {
-    width: 270px;
-  }
-  .content {
-    border-top: 1px solid #DCDFE6;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    margin-top: 52px;
-    //height: calc(~'100% - 155px');
-    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;
-      }
-    }
-  }
-}
-</style>

src/pages/processCenter/pages/phone/xmpg2/step11.vue

@@ -1,525 +0,0 @@
-<template>
-  <div class="phoneXmpg2Step11 phoneBox">
-    <ProcessHeaderPhone toggle>
-      <template slot="proName">项目合规评估流程</template>
-      <template slot="proNode">分发负责人审批</template>
-    </ProcessHeaderPhone>
-    <div class="headerTabs">
-      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
-      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
-    </div>
-    <div class="content" v-show="active === '1'">
-      <div style="overflow: auto;">
-        <el-form
-          :model="listForm"
-          class="label-input-form"
-          label-width="210px"
-        >
-          <ProcessTitle>
-            <template slot="title">基础信息</template>
-          </ProcessTitle>
-          <el-collapse-transition>
-            <div class="prc-content-border" v-if="foldFormFlag === false">
-              <el-row :gutter="24">
-                <el-col :span="24">
-                  <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectNumber"
-                      placeholder="请输入项目编号"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectName"
-                      placeholder="请输入项目名称"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </div>
-          </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 class="prc-content-border" v-if="foldFormFlag === true" style="display: none">
-            <el-row :gutter="24">
-              <el-col :span="24">
-                <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectNumber"
-                    placeholder="请输入项目编号"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectName"
-                    placeholder="请输入项目名称"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-      </div>
-      <ProcessTitle>
-        <template slot="title">填写信息</template>
-      </ProcessTitle>
-      <el-table
-        ref="multipleTable"
-        :data="dataList"
-        tooltip-effect="dark"
-        style="width: 100%"
-        border
-        height="55%"
-        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-             fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
-        <el-table-column
-          prop="standEnName"
-          label="标准编号"
-          width="180"
-          align="center"
-        >
-          <template slot-scope="scope">
-            <a v-if="scope.row.standYear" class="table-jump"
-               @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber
-              }}-{{ scope.row.standYear }}</a>
-            <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }}
-              {{ scope.row.standNumber }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="standName"
-          width="180"
-          align="center"
-          label="标准名称"
-        >
-          <template slot-scope="scope">
-            <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="itemsNum"
-          align="center"
-          width="200"
-          label="条款号">
-        </el-table-column>
-        <el-table-column
-          prop="itemsName"
-          width="200"
-          align="center"
-          label="条款名称">
-        </el-table-column>
-        <el-table-column
-          prop="xCXSSRQ"
-          width="200"
-          align="center"
-          label="新车型实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.xCXSSRQ ? $moment(scope.row.xCXSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="zCCSSRQ"
-          width="200"
-          align="center"
-          label="在产车实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.zCCSSRQ ? $moment(scope.row.zCCSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="complianceReasons"
-          align="center"
-          width="160"
-          label="合规">
-        </el-table-column>
-        <el-table-column
-          align="center"
-          width="160"
-          prop="researchNonCompliance"
-          label="不合规">
-          <el-table-column
-            prop="noCompliance"
-            align="center"
-            width="170"
-            label="不合规项目">
-          </el-table-column>
-          <el-table-column
-            prop="countermeasures"
-            align="center"
-            width="160"
-            label="应对措施">
-          </el-table-column>
-          <el-table-column
-            prop="completionTime"
-            align="center"
-            width="120"
-            label="完成时间">
-            <template slot-scope="scope">
-              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
-            </template>
-          </el-table-column>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          width="150"
-          prop="distributePerson"
-          label="责任人">
-        </el-table-column>
-      </el-table>
-      <el-button v-if="itemLists.length > 20 && tableIndex * 20 < itemLists.length" style="width: 100%; margin-top: 5px;" icon="el-icon-caret-bottom" @click="tableLoading">加载更多...</el-button>
-      <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 === '2'">
-      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-    </div>
-    <ProcessFooter
-      show-submit
-      show-transfer
-      :transfer-loading="isTransfer"
-      :submitLoading="isSubmit"
-      :saveLoading="saveLoading"
-      :approval="true"
-      @transfer="handleTransfer"
-      @submit="handleSubmit"
-    >
-    </ProcessFooter>
-    <phone-role
-      :role-title="drawerTitle"
-      :result-list="phoneRoleList"
-      :is-show-phone.sync="phoneshowflag"
-      @checkedRole="drawerCheck"
-    />
-  </div>
-</template>
-
-<script>
-import { Dialog } from 'vant';
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessHeader from "../../components/ProcessHeader";
-import ProcessFooter from "../../components/ProcessFooter";
-import ProcessTitle from "../../components/ProcessTitle";
-import { inboundLiaisonDetail, queryDetail ,changeAssigneeNew } from "api/process";
-
-export default {
-  name: "phoneXmpg2Step11",
-  components: {
-    ProcessTitle,
-    ProcessHeader,
-    ProcessHeaderPhone,
-    ProcessFooter
-  },
-  data() {
-    return {
-      phoneshowflag: false,
-      phoneRoleList: [],
-      phoneDrawerTitle: '',
-      tableIndex: 0,
-      itemLists: [],
-      foldFormFlag: false,
-      total: 0,
-      currentPage: 1,
-      pageSize: 20,
-      nodeList:[],
-      drawerTitle:'',
-      isTransfer: false,
-      // 调整处理人抽屉状态
-      drawerModal: false,
-      active: "1",
-      loading: false,
-      // 当前流程类型(1待办/2已办)
-      processType: 1,
-      isSubmit: false,
-      saveLoading: false,
-      //表单的数据
-      listForm: {
-        ffFlag: " ", //1审批通过 其他为驳回
-        projectNumber: "",  //项目编号
-        projectName: "",  //项目名称
-        dataList: [], //项目下的标准数据
-        breakdownList: [] //标准下的分解单数据
-      },
-      dataList: [], //展示的标准数据
-      commentText: "", //审批意见
-      detailData: [],//流程历史数据
-      userId: this.$store.getters.userInfo.userId,
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId
-    };
-  },
-  methods: {
-    tableLoading () {
-      this.tableIndex++
-      let index = this.tableIndex * 20
-      let endIndex = index + 20
-      if (this.tableIndex * 20 > this.itemLists.length) {
-        this.$message.warning('没有更多了')
-      }
-      let newData = this.itemLists.slice(index, endIndex)
-      this.itemList = this.itemList.concat(newData)
-    },
-    //折叠/展开基础信息方法
-    foldForm() {
-      this.foldFormFlag = !this.foldFormFlag
-    },
-    //确认转办
-    checkedTransferRole (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.phoneshowflag = true
-      this.phoneRoleList = this.roleTransfer
-      this.phoneDrawerTitle = '转办处理人'
-    },
-    //确认转办
-    drawerCheck (data) {
-      this.roleTransfer = data
-      this.phoneRoleList = this.roleTransfer
-      this.turnLoading = 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 =>{
-        if (res.success) {
-          this.turnLoading = false
-          this.$message.success('调整成功')
-          this.$router.push("/processCenter")
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-      this.modalshowflag = false
-    },
-    // 点击查看
-    handlePreview(item) {
-      let routeUrl = this.$router.resolve({
-        name: "OtherStandardDetails",
-        params: {
-          id: item.standId,
-          pageType: "INLAND_STAND"
-        }
-      });
-      window.open(routeUrl.href, "_blank");
-    },
-    //查询项目下的标准
-    getStandData() {
-      this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
-        standType: this.standardSearch.standType,
-        standNumber: this.standardSearch.standNumber,
-        page: this.pageNo,
-        pageSize: this.pageSizeNo
-      }, {
-        _this: this
-      }, res => {
-        this.standardData = res.data.list;
-        this.standardData.forEach(item => {
-          if (item.attrInfoMap === null) {
-            this.$set(item, "ZCCSSRQ", "");
-            this.$set(item, "XCXSSRQ", "");
-          } else {
-            this.$set(item, "ZCCSSRQ", item.attrInfoMap.ZCCSSRQ);
-            this.$set(item, "XCXSSRQ", item.attrInfoMap.XCXSSRQ);
-          }
-        });
-        this.totalNo = res.data.count;
-      }, e => {
-      });
-    },
-    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 => {
-      });
-    },
-    //tab改变
-    handleTabs(type) {
-      this.active = type;
-    },
-    //获取数据
-    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 => {
-        });
-      });
-    },
-    //动态表单读取
-    getFormFieldList(item) {
-      this.$nextTick(() => {
-        this.listForm = JSON.parse(JSON.stringify(item));
-        let dataChildren = []
-        let dataListChildren = []
-        this.listForm.prcNum = this.prcNum;
-        this.listForm.prcName = this.prcName;
-        this.listForm["id"] = item.id;
-        this.listForm.dataList = item.dataList;
-        this.listForm.dataList.forEach(item => {
-          if(item.workPeople !== ''){
-            this.dataList.push(item)
-          }
-          item.children.forEach(items=> {
-            if(items.key === item.standId){
-              this.$set(items, "standName", item.standName);
-              this.$set(items, "standEnName", item.standEnName);
-              this.$set(items, "standYear", item.standYear);
-              this.$set(items, "standSort", item.standSort);
-              this.$set(items, "standNumber", item.standNumber);
-              this.$set(items, "zccssrq", item.zccssrq);
-              this.$set(items, "xcxssrq", item.xcxssrq);
-              this.$set(items, "ssrq", item.ssrq);
-            }
-          })
-        })
-        this.listForm.dataList.forEach(item => {
-          dataChildren.push(item.children)
-        })
-        dataChildren.forEach((item,index) => {
-          dataListChildren = dataListChildren.concat(item)
-        })
-        dataListChildren = this.dataList.concat(dataListChildren)
-        this.dataList = dataListChildren
-        this.total = this.dataList.length;
-      });
-    },
-    //提交事件
-    handleSubmit() {
-      this.isSubmit = true;
-      this.listForm.bzFlag = "1";
-      this.listForm.commentText = this.commentText;
-      const json = JSON.stringify(this.listForm);
-      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 => {
-      });
-    },
-    // 分页
-    handleCurrentChange(currentPage) {
-      this.currentPage = currentPage;
-    },
-  },
-  computed: {
-    listNoDataText() {
-      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
-    }
-  },
-  mounted() {
-    this.processTable();
-    this.getData();
-  }
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
-.phoneXmpg2Step11 {
-  /deep/.van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-  .prc-content-border {
-    overflow: auto;
-  }
-  /deep/.prc-content-border .el-form-item__content {
-    width: 270px;
-  }
-  .content {
-    border-top: 1px solid #DCDFE6;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    margin-top: 52px;
-    //height: calc(~'100% - 155px');
-    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;
-      }
-    }
-  }
-}
-</style>

src/pages/processCenter/pages/phone/xmpg2/step2.vue

@@ -1,452 +0,0 @@
-<template>
-  <div class="phoneXmpg2Step2 phoneBox">
-    <ProcessHeaderPhone toggle>
-      <template slot="proName">项目合规评估流程</template>
-      <template slot="proNode">业务经理审批</template>
-    </ProcessHeaderPhone>
-    <div class="headerTabs">
-      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
-      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
-    </div>
-    <div class="content" v-show="active === '1'">
-      <div style="overflow: auto;">
-        <el-form
-          :model="listForm"
-          class="label-input-form"
-          label-width="210px"
-        >
-          <ProcessTitle>
-            <template slot="title">基础信息</template>
-          </ProcessTitle>
-          <el-collapse-transition>
-            <div class="prc-content-border" v-if="foldFormFlag === false">
-              <el-row :gutter="24">
-                <el-col :span="24">
-                  <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectNumber"
-                      placeholder="请输入项目编号"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectName"
-                      placeholder="请输入项目名称"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </div>
-          </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 class="prc-content-border" v-if="foldFormFlag === true" style="display: none">
-            <el-row :gutter="24">
-              <el-col :span="24">
-                <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectNumber"
-                    placeholder="请输入项目编号"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectName"
-                    placeholder="请输入项目名称"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-      </div>
-      <ProcessTitle>
-        <template slot="title">填写信息</template>
-      </ProcessTitle>
-      <el-table
-        :data="dataList"
-        border
-        ref="selection"
-        height="100%"
-        style="width: 100%; border:1px solid #ccc"
-        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-              fontWeight: 'bold', height: '48px'}">
-        <el-table-column
-          align="center"
-          min-width="160"
-          label="标准号"
-        >
-          <template slot-scope="scope">
-            <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
-            <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }} {{ scope.row.standNumber }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="standName"
-          min-width= "200"
-          align="center"
-          label="中文名称"
-        >
-          <template slot-scope="scope">
-            <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="standEnName"
-          label="英文名称"
-          min-width= "200"
-          align="center"
-        >
-          <template slot-scope="scope">
-            <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="ssrq"
-          width="150px"
-          align="center"
-          label="标准实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.ssrq ? $moment(scope.row.ssrq).format("YYYY-MM-DD") : "" }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="xcxssrq"
-          align="center"
-          min-width="150"
-          label="新车型实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.xcxssrq ? $moment(scope.row.xcxssrq).format("YYYY-MM-DD") : "" }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="zccssrq"
-          align="center"
-          width="150px"
-          label="在产车实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.zccssrq ? $moment(scope.row.zccssrq).format("YYYY-MM-DD") : "" }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="zrbm"
-          label="责任部门"
-          align="center"
-          width="140px"
-        >
-        </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 === '2'">
-      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-    </div>
-    <ProcessFooter
-      show-back
-      show-submit
-      show-transfer
-      :transfer-loading="isTransfer"
-      :submitLoading="isSubmit"
-      :saveLoading="saveLoading"
-      :approval="true"
-      @transfer="handleTransfer"
-      @back="beforeBack"
-      @submit="handleSubmit"
-    >
-    </ProcessFooter>
-    <phone-role
-      :role-title="drawerTitle"
-      :result-list="phoneRoleList"
-      :is-show-phone.sync="phoneshowflag"
-      @checkedRole="drawerCheck"
-    />
-  </div>
-</template>
-
-<script>
-import { Dialog } from 'vant';
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessHeader from "../../components/ProcessHeader";
-import ProcessFooter from "../../components/ProcessFooter";
-import ProcessTitle from "../../components/ProcessTitle";
-import { inboundLiaisonDetail, queryDetail ,changeAssigneeNew } from "api/process";
-
-export default {
-  name: "phoneXmpg2Step2",
-  components: {
-    ProcessTitle,
-    ProcessHeader,
-    ProcessHeaderPhone,
-    ProcessFooter
-  },
-  data() {
-    return {
-      phoneshowflag: false,
-      phoneRoleList: [],
-      phoneDrawerTitle: '',
-      //折叠的标志，true为折叠，false为不折叠
-      foldFormFlag: false,
-      nodeList:[],
-      drawerTitle:'',
-      isTransfer: false,
-      // 调整处理人抽屉状态
-      drawerModal: false,
-      active: "1",
-      loading: false,
-      // 当前流程类型(1待办/2已办)
-      processType: 1,
-      isSubmit: false,
-      saveLoading: false,
-      //表单的数据
-      listForm: {
-        BZFlag: " ", //1审批通过 其他为驳回
-        projectNumber: "",  //项目编号
-        projectName: "",  //项目名称
-        dataList: [], //项目下的标准数据
-        breakdownList: [] //标准下的分解单数据
-      },
-      dataList: [], //展示的标准数据
-      commentText: "", //审批意见
-      detailData: [],//流程历史数据
-      userId: this.$store.getters.userInfo.userId,
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId
-    };
-  },
-  methods: {
-    //折叠/展开基础信息方法
-    foldForm() {
-      this.foldFormFlag = !this.foldFormFlag
-    },
-    //确认转办
-    checkedTransferRole (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.phoneshowflag = true
-      this.phoneRoleList = this.roleTransfer
-      this.phoneDrawerTitle = '转办处理人'
-    },
-    //确认转办
-    drawerCheck (data) {
-      this.roleTransfer = data
-      this.phoneRoleList = this.roleTransfer
-      this.turnLoading = 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 =>{
-        if (res.success) {
-          this.turnLoading = false
-          this.$message.success('调整成功')
-          this.$router.push("/processCenter")
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-      this.modalshowflag = false
-    },
-    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 => {
-      });
-    },
-    //tab改变
-    handleTabs(type) {
-      this.active = type;
-    },
-    // 点击查看
-    handlePreview (item) {
-      let routeUrl = this.$router.resolve({
-        name: 'OtherStandardDetails',
-        params: {
-          id: item.standId,
-          pageType: 'INLAND_STAND'
-        }
-      })
-      window.open(routeUrl.href, '_blank')
-    },
-    //获取数据
-    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 => {
-        });
-      });
-    },
-    //动态表单读取
-    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;
-      });
-    },
-    //驳回事件
-    beforeBack() {
-      if(this.commentText === null || this.commentText === undefined || this.commentText === ''){
-        this.$message.warning('审批意见不能为空')
-      }else{
-        this.listForm.BZFlag = "2";
-        this.listForm.commentText = this.commentText;
-        const json = JSON.stringify(this.listForm);
-        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");
-          }
-        }, e => {
-        });
-      }
-    },
-    //提交事件
-    handleSubmit() {
-      this.isSubmit = true
-      this.listForm.BZFlag = "1";
-      this.listForm.commentText = this.commentText;
-      const json = JSON.stringify(this.listForm);
-      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 => {
-      });
-    }
-  },
-  computed: {
-    listNoDataText() {
-      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
-    }
-  },
-  mounted() {
-    this.processTable();
-    this.getData();
-  }
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
-.phoneXmpg2Step2 {
-  /deep/.van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-  .prc-content-border {
-    overflow: auto;
-  }
-  /deep/.prc-content-border .el-form-item__content {
-    width: 270px;
-  }
-  .content {
-    border-top: 1px solid #DCDFE6;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    margin-top: 52px;
-    //height: calc(~'100% - 155px');
-    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;
-      }
-    }
-  }
-}
-</style>

src/pages/processCenter/pages/phone/xmpg2/step3.vue

@@ -1,464 +0,0 @@
-<template>
-  <div class="xmpg2-step3 phoneBox">
-    <ProcessHeaderPhone toggle>
-      <template slot="proName">项目合规评估流程-项目</template>
-      <template slot="proNode">工程经理进行转办</template>
-    </ProcessHeaderPhone>
-    <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="listForm"
-          class="label-input-form prc-content-border"
-          label-width="150px"
-        >
-          <el-row :gutter="24">
-            <el-col :span="24">
-              <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                <el-input
-                  v-model="listForm.projectNumber"
-                  placeholder="请输入项目编号"
-                  disabled
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                <el-input
-                  v-model="listForm.projectName"
-                  disabled
-                  placeholder="请输入项目名称"
-                  clearable
-                ></el-input>
-              </el-form-item>
-              <el-form-item label="架构经理" prop="jgUser" class="add-form-item form-item-disabled">
-                <el-input
-                  v-model="listForm.jgUserId"
-                  style="display: none"
-                />
-                <el-input
-                  v-model="listForm.jgUser"
-                  placeholder="请选择架构经理"
-                  clearable
-                  @click.native="choiceZRR"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <process-title>
-          <template slot="title">填写信息</template>
-        </process-title>
-        <el-table
-          :data="dataList"
-          border
-          ref="selection"
-          height="70%"
-          style="width: 100%; border:1px solid #ccc"
-          @selection-change="selectStandChange"
-          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-              fontWeight: 'bold', height: '48px'}">
-          <el-table-column
-            type="selection"
-            width="55"
-            align="center">
-          </el-table-column>
-          <el-table-column
-            prop="standId"
-            align="center"
-            label="标准号"
-          >
-            <template slot-scope="scope">
-              <a v-if="scope.row.standYear" class="table-jump"
-                 @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber
-                }}-{{ scope.row.standYear }}</a>
-              <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }}
-                {{ scope.row.standNumber }}</a>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="standName"
-            align="center"
-            label="中文名称"
-          >
-            <template slot-scope="scope">
-              <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="standEnName"
-            label="英文名称"
-            align="center"
-          >
-            <template slot-scope="scope">
-              <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="ssrq"
-            align="center"
-            label="标准实施日期">
-          </el-table-column>
-          <el-table-column
-            prop="xcxssrq"
-            width="190px"
-            align="center"
-            label="新车型实施日期">
-          </el-table-column>
-          <el-table-column
-            prop="zccssrq"
-            align="center"
-            width="190px"
-            label="在产车实施日期">
-          </el-table-column>
-          <el-table-column
-            prop="zrbm"
-            label="责任部门"
-            align="center"
-          >
-          </el-table-column>
-        </el-table>
-      </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" style="height: 100%">
-        <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-      </div>
-    </div>
-    <ProcessFooter
-      show-save
-      show-transfer
-      show-submit
-      :submitLoading="isSubmit"
-      :transfer-loading="isTransfer"
-      :saveLoading="saveLoading"
-      @save="handleSave"
-      @transfer="handleTransfer"
-      @submit="handleSubmit"
-    >
-    </ProcessFooter>
-    <phone-role
-      :role-title="drawerTitle"
-      :result-list="phoneRoleList"
-      :is-show-phone.sync="modalshowflag"
-      @checkedRole="drawerCheck"
-    />
-  </div>
-</template>
-
-<script>
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessHeader from "../../components/ProcessHeader";
-import ProcessFooter from "../../components/ProcessFooter";
-import ProcessTitle from "../../components/ProcessTitle";
-import { inboundLiaisonDetail, saveTaskForPub ,changeAssigneeNew} from "api/process";
-
-export default {
-  name: "phoneXmpg2Step3",
-  components: {
-    ProcessHeaderPhone,
-    ProcessTitle,
-    ProcessFooter
-  },
-  data() {
-    return {
-      isTransfer: false,
-      // 调整处理人抽屉状态
-      drawerModal: false,
-      active: "1",
-      loading: false,
-      // 当前流程类型(1待办/2已办)
-      processType: 1,
-      isSubmit: false,
-      saveLoading: false,
-      showColumn: true,
-      drawerTitle: "", //drawer标题
-      modalshowflag: false, // drawer开关
-      selectList: [],
-      treeData: [], // 人员数据
-      roleForm: {
-        jgUser: ""
-      },
-      nodeList: [],
-      defaultProps: {
-        children: "children",
-        label: "name"
-      },
-      //表单的数据
-      listForm: {
-        jgUserId: '',
-        projectNumber: "",  //项目编号
-        projectName: "",  //项目名称
-        jgUser: "", //架构经理
-        dataList: [], //项目下的标准数据
-        breakdownList: [] //标准下的分解单数据
-
-      },
-      dataList: [], //展示的标准数据
-      commentText: "", //审批意见
-      detailData: [], //流程历史数据
-      userId: this.$store.getters.userInfo.userId,
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId,
-      phoneRoleList: [],
-    };
-  },
-  methods: {
-    // 请求转换流程图
-    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.phoneRoleList = [],
-      this.modalshowflag = true
-      this.drawerTitle = '转办处理人'
-    },
-    // 点击查看
-    //查询项目下的标准
-    getStandData() {
-      this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
-        standType: this.standardSearch.standType,
-        standNumber: this.standardSearch.standNumber,
-        page: this.pageNo,
-        pageSize: this.pageSizeNo
-      }, {
-        _this: this
-      }, res => {
-        this.standardData = res.data.list;
-        this.standardData.forEach(item => {
-          if (item.attrInfoMap === null) {
-            this.$set(item, "ZCCSSRQ", "");
-            this.$set(item, "XCXSSRQ", "");
-          } else {
-            this.$set(item, "ZCCSSRQ", item.attrInfoMap.ZCCSSRQ);
-            this.$set(item, "XCXSSRQ", item.attrInfoMap.XCXSSRQ);
-          }
-        });
-        this.totalNo = res.data.count;
-      }, e => {
-      });
-    },
-    //tab改变
-    handleTabs(type) {
-      this.active = type;
-    },
-    //获取数据
-    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 => {
-        });
-      });
-    },
-    //动态表单读取
-    getFormFieldList(item) {
-      this.$nextTick(() => {
-        this.listForm = JSON.parse(JSON.stringify(item));
-        if (item.form === undefined) {
-          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.forEach(item => {
-            if(item.zrbm === "[]"){
-              item.zrbm = ''
-            }
-          })
-          this.dataList.distributePerson = item.dataList[0].distributePerson;
-          this.listForm.breakdownList = item.breakdownList;
-        } else {
-          this.listForm = item.form
-          this.dataList = item.form.dataList
-        }
-
-      });
-    },
-    //保存事件
-    handleSave() {
-      this.saveLoading = true;
-      let _formData = new FormData();
-      _formData.append("id", this.bpnId || "");
-      _formData.append("prcType", "6");
-      _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;
-      });
-    },
-    //提交事件
-    handleSubmit() {
-      if (!this.listForm.jgUser) {
-        this.$message.warning("请选择架构经理");
-      } else {
-        this.isSubmit = true;
-        this.listForm.commentText = this.commentText;
-        const json = JSON.stringify(this.listForm);
-        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 => {
-        });
-      }
-    },
-    choiceZRR() {
-      this.drawerTitle = '选择架构经理'
-      if (this.listForm.jgUserId.length > 0 ) {
-        this.phoneRoleList = this.listForm.jgUserId.split(',')
-      }
-      this.modalshowflag = true;
-    },
-    //标准表格选择框改变
-    selectStandChange(data) {
-      this.selectList = data;
-    },
-
-    drawerCheck(data) {
-     if (this.drawerTitle = '选择架构经理') {
-       if (data.length > 0) {
-         this.listForm.jgUserId = data[0].id
-         this.listForm.jgUser = data[0].name
-       }
-     } else {
-       if (data.length > 0) {
-         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.$message.success('调整成功')
-             this.$router.push("/processCenter");
-             this.processNum()
-           } else {
-             this.$message.warning(res.message)
-           }
-         })
-       }
-     }
-    },
-  },
-  mounted() {
-    this.getData();
-  }
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
-
-.xmpg2-step3 {
-  /deep/ .el-drawer__container {
-    .prc-content-border {
-      border: none;
-      padding: 0 20px 0;
-    }
-  }
-
-  /deep/.van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-  .prc-content-border {
-    overflow: auto;
-  }
-  /deep/.prc-content-border .el-form-item__content {
-    width: 270px;
-  }
-  .choiceBtn {
-    .el-button--primary {
-      width: 150px;
-    }
-  }
-
-  position: relative;
-  height: 100%;
-
-  .content {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    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%;
-      }
-    }
-  }
-
-  .demo-drawer-content {
-    margin-top: 10px;
-  }
-}
-</style>

src/pages/processCenter/pages/phone/xmpg2/step7.vue

@@ -1,549 +0,0 @@
-<template>
-  <div class="phoneXmpg2Step7 phoneBox">
-    <ProcessHeaderPhone toggle>
-      <template slot="proName">项目合规评估流程</template>
-      <template slot="proNode">分发负责人审批</template>
-    </ProcessHeaderPhone>
-    <div class="headerTabs">
-      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
-      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
-    </div>
-    <div class="content" v-show="active === '1'">
-      <div style="overflow: auto;">
-        <el-form
-          :model="listForm"
-          class="label-input-form"
-          label-width="210px"
-        >
-          <ProcessTitle>
-            <template slot="title">基础信息</template>
-          </ProcessTitle>
-          <el-collapse-transition>
-            <div class="prc-content-border" v-if="foldFormFlag === false">
-              <el-row :gutter="24">
-                <el-col :span="24">
-                  <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectNumber"
-                      placeholder="请输入项目编号"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectName"
-                      placeholder="请输入项目名称"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </div>
-          </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 class="prc-content-border" v-if="foldFormFlag === true" style="display: none">
-            <el-row :gutter="24">
-              <el-col :span="24">
-                <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectNumber"
-                    placeholder="请输入项目编号"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectName"
-                    placeholder="请输入项目名称"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-      </div>
-      <ProcessTitle>
-        <template slot="title">填写信息</template>
-      </ProcessTitle>
-      <el-table
-        ref="multipleTable"
-        :data="dataList"
-        tooltip-effect="dark"
-        style="width: 100%"
-        border
-        height="55%"
-        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-             fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
-        <el-table-column
-          prop="standEnName"
-          label="标准编号"
-          width="180"
-          align="center"
-        >
-          <template slot-scope="scope">
-            <a v-if="scope.row.standYear" class="table-jump"
-               @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber
-              }}-{{ scope.row.standYear }}</a>
-            <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }}
-              {{ scope.row.standNumber }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="standName"
-          width="180"
-          align="center"
-          label="标准名称"
-        >
-          <template slot-scope="scope">
-            <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="itemsNum"
-          align="center"
-          width="200"
-          label="条款号">
-        </el-table-column>
-        <el-table-column
-          prop="itemsName"
-          width="200"
-          align="center"
-          label="条款名称">
-        </el-table-column>
-        <el-table-column
-          prop="xCXSSRQ"
-          width="200"
-          align="center"
-          label="新车型实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.xCXSSRQ ? $moment(scope.row.xCXSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="zCCSSRQ"
-          width="200"
-          align="center"
-          label="在产车实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.zCCSSRQ ? $moment(scope.row.zCCSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="complianceReasons"
-          align="center"
-          width="160"
-          label="合规">
-        </el-table-column>
-        <el-table-column
-          align="center"
-          width="160"
-          prop="researchNonCompliance"
-          label="不合规">
-          <el-table-column
-            prop="noCompliance"
-            align="center"
-            width="170"
-            label="不合规项目">
-          </el-table-column>
-          <el-table-column
-            prop="countermeasures"
-            align="center"
-            width="160"
-            label="应对措施">
-          </el-table-column>
-          <el-table-column
-            prop="completionTime"
-            align="center"
-            width="120"
-            label="完成时间">
-            <template slot-scope="scope">
-              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
-            </template>
-          </el-table-column>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          width="150"
-          prop="distributePerson"
-          label="责任人">
-        </el-table-column>
-      </el-table>
-      <el-button v-if="itemLists.length > 20 && tableIndex * 20 < itemLists.length" style="width: 100%; margin-top: 5px;" icon="el-icon-caret-bottom" @click="tableLoading">加载更多...</el-button>
-      <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 === '2'">
-      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-    </div>
-    <ProcessFooter
-      show-back
-      show-submit
-      show-transfer
-      :transfer-loading="isTransfer"
-      :submitLoading="isSubmit"
-      :saveLoading="saveLoading"
-      :approval="true"
-      @transfer="handleTransfer"
-      @back="beforeBack"
-      @submit="handleSubmit"
-    >
-    </ProcessFooter>
-    <phone-role
-      :role-title="drawerTitle"
-      :result-list="phoneRoleList"
-      :is-show-phone.sync="phoneshowflag"
-      @checkedRole="drawerCheck"
-    />
-  </div>
-</template>
-
-<script>
-import { Dialog } from 'vant';
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessHeader from "../../components/ProcessHeader";
-import ProcessFooter from "../../components/ProcessFooter";
-import ProcessTitle from "../../components/ProcessTitle";
-import { inboundLiaisonDetail, queryDetail ,changeAssigneeNew } from "api/process";
-
-export default {
-  name: "phoneXmpg2Step7",
-  components: {
-    ProcessTitle,
-    ProcessHeader,
-    ProcessHeaderPhone,
-    ProcessFooter
-  },
-  data() {
-    return {
-      phoneshowflag: false,
-      phoneRoleList: [],
-      phoneDrawerTitle: '',
-      tableIndex: 0,
-      itemLists: [],
-      foldFormFlag: false,
-      total: 0,
-      currentPage: 1,
-      pageSize: 20,
-      nodeList:[],
-      drawerTitle:'',
-      isTransfer: false,
-      // 调整处理人抽屉状态
-      drawerModal: false,
-      active: "1",
-      loading: false,
-      // 当前流程类型(1待办/2已办)
-      processType: 1,
-      isSubmit: false,
-      saveLoading: false,
-      //表单的数据
-      listForm: {
-        ffFlag: " ", //1审批通过 其他为驳回
-        projectNumber: "",  //项目编号
-        projectName: "",  //项目名称
-        dataList: [], //项目下的标准数据
-        breakdownList: [] //标准下的分解单数据
-      },
-      dataList: [], //展示的标准数据
-      commentText: "", //审批意见
-      detailData: [],//流程历史数据
-      userId: this.$store.getters.userInfo.userId,
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId
-    };
-  },
-  methods: {
-    tableLoading () {
-      this.tableIndex++
-      let index = this.tableIndex * 20
-      let endIndex = index + 20
-      if (this.tableIndex * 20 > this.itemLists.length) {
-        this.$message.warning('没有更多了')
-      }
-      let newData = this.itemLists.slice(index, endIndex)
-      this.itemList = this.itemList.concat(newData)
-    },
-    //折叠/展开基础信息方法
-    foldForm() {
-      this.foldFormFlag = !this.foldFormFlag
-    },
-    //确认转办
-    checkedTransferRole (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.phoneshowflag = true
-      this.phoneRoleList = this.roleTransfer
-      this.phoneDrawerTitle = '转办处理人'
-    },
-    //确认转办
-    drawerCheck (data) {
-      this.roleTransfer = data
-      this.phoneRoleList = this.roleTransfer
-      this.turnLoading = 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 =>{
-        if (res.success) {
-          this.turnLoading = false
-          this.$message.success('调整成功')
-          this.$router.push("/processCenter")
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-      this.modalshowflag = false
-    },
-    // 点击查看
-    handlePreview(item) {
-      let routeUrl = this.$router.resolve({
-        name: "OtherStandardDetails",
-        params: {
-          id: item.standId,
-          pageType: "INLAND_STAND"
-        }
-      });
-      window.open(routeUrl.href, "_blank");
-    },
-    //查询项目下的标准
-    getStandData() {
-      this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
-        standType: this.standardSearch.standType,
-        standNumber: this.standardSearch.standNumber,
-        page: this.pageNo,
-        pageSize: this.pageSizeNo
-      }, {
-        _this: this
-      }, res => {
-        this.standardData = res.data.list;
-        this.standardData.forEach(item => {
-          if (item.attrInfoMap === null) {
-            this.$set(item, "ZCCSSRQ", "");
-            this.$set(item, "XCXSSRQ", "");
-          } else {
-            this.$set(item, "ZCCSSRQ", item.attrInfoMap.ZCCSSRQ);
-            this.$set(item, "XCXSSRQ", item.attrInfoMap.XCXSSRQ);
-          }
-        });
-        this.totalNo = res.data.count;
-      }, e => {
-      });
-    },
-    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 => {
-      });
-    },
-    //tab改变
-    handleTabs(type) {
-      this.active = type;
-    },
-    //获取数据
-    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 => {
-        });
-      });
-    },
-    //动态表单读取
-    getFormFieldList(item) {
-      console.log(item);
-      this.$nextTick(() => {
-        this.listForm = JSON.parse(JSON.stringify(item));
-        let dataChildren = []
-        let dataListChildren = []
-        this.listForm.prcNum = this.prcNum;
-        this.listForm.prcName = this.prcName;
-        this.listForm["id"] = item.id;
-        this.listForm.dataList = item.dataList;
-        this.listForm.dataList.forEach(item => {
-          if(item.workPeople !== ''){
-            this.dataList.push(item)
-          }
-          item.children.forEach(items=> {
-            if(items.key === item.standId){
-              this.$set(items, "standName", item.standName);
-              this.$set(items, "standEnName", item.standEnName);
-              this.$set(items, "standYear", item.standYear);
-              this.$set(items, "standSort", item.standSort);
-              this.$set(items, "standNumber", item.standNumber);
-              this.$set(items, "zccssrq", item.zccssrq);
-              this.$set(items, "xcxssrq", item.xcxssrq);
-              this.$set(items, "ssrq", item.ssrq);
-            }
-          })
-        })
-        this.listForm.dataList.forEach(item => {
-          dataChildren.push(item.children)
-        })
-        dataChildren.forEach((item,index) => {
-          dataListChildren = dataListChildren.concat(item)
-        })
-        dataListChildren = this.dataList.concat(dataListChildren)
-        this.dataList = dataListChildren
-      });
-    },
-    //驳回事件
-    beforeBack() {
-      if (this.commentText === null || this.commentText === undefined || this.commentText === "") {
-        this.$message.warning("请填写审批意见");
-      } else {
-        this.listForm.ffFlag = "2";
-        this.listForm.commentText = this.commentText;
-        const json = JSON.stringify(this.listForm);
-        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");
-          }
-        }, e => {
-        });
-      }
-    },
-    //提交事件
-    handleSubmit() {
-      this.isSubmit = true;
-      this.listForm.ffFlag = "1";
-      this.listForm.commentText = this.commentText;
-      const json = JSON.stringify(this.listForm);
-      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;
-      });
-    },
-    // 分页
-    handleCurrentChange(currentPage) {
-      this.currentPage = currentPage;
-    },
-  },
-  computed: {
-    listNoDataText() {
-      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
-    }
-  },
-  mounted() {
-    this.processTable();
-    this.getData();
-  }
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
-.phoneXmpg2Step7 {
-  /deep/.van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-  .prc-content-border {
-    overflow: auto;
-  }
-  /deep/.prc-content-border .el-form-item__content {
-    width: 270px;
-  }
-  .content {
-    border-top: 1px solid #DCDFE6;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    margin-top: 52px;
-    //height: calc(~'100% - 155px');
-    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;
-      }
-    }
-  }
-}
-</style>

src/pages/processCenter/pages/phone/xmpg2/step8.vue

@@ -1,550 +0,0 @@
-<template>
-  <div class="phoneXmpg2Step8 phoneBox">
-    <ProcessHeaderPhone toggle>
-      <template slot="proName">项目合规评估流程</template>
-      <template slot="proNode">分发负责人审批</template>
-    </ProcessHeaderPhone>
-    <div class="headerTabs">
-      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
-      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
-    </div>
-    <div class="content" v-show="active === '1'">
-      <div style="overflow: auto;">
-        <el-form
-          :model="listForm"
-          class="label-input-form"
-          label-width="210px"
-        >
-          <ProcessTitle>
-            <template slot="title">基础信息</template>
-          </ProcessTitle>
-          <el-collapse-transition>
-            <div class="prc-content-border" v-if="foldFormFlag === false">
-              <el-row :gutter="24">
-                <el-col :span="24">
-                  <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectNumber"
-                      placeholder="请输入项目编号"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectName"
-                      placeholder="请输入项目名称"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </div>
-          </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 class="prc-content-border" v-if="foldFormFlag === true" style="display: none">
-            <el-row :gutter="24">
-              <el-col :span="24">
-                <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectNumber"
-                    placeholder="请输入项目编号"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectName"
-                    placeholder="请输入项目名称"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-      </div>
-      <ProcessTitle>
-        <template slot="title">填写信息</template>
-      </ProcessTitle>
-      <el-table
-        ref="multipleTable"
-        :data="dataList"
-        tooltip-effect="dark"
-        style="width: 100%"
-        border
-        height="55%"
-        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-             fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
-        <el-table-column
-          prop="standEnName"
-          label="标准编号"
-          width="180"
-          align="center"
-        >
-          <template slot-scope="scope">
-            <a v-if="scope.row.standYear" class="table-jump"
-               @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber
-              }}-{{ scope.row.standYear }}</a>
-            <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }}
-              {{ scope.row.standNumber }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="standName"
-          width="180"
-          align="center"
-          label="标准名称"
-        >
-          <template slot-scope="scope">
-            <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="itemsNum"
-          align="center"
-          width="200"
-          label="条款号">
-        </el-table-column>
-        <el-table-column
-          prop="itemsName"
-          width="200"
-          align="center"
-          label="条款名称">
-        </el-table-column>
-        <el-table-column
-          prop="xCXSSRQ"
-          width="200"
-          align="center"
-          label="新车型实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.xCXSSRQ ? $moment(scope.row.xCXSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="zCCSSRQ"
-          width="200"
-          align="center"
-          label="在产车实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.zCCSSRQ ? $moment(scope.row.zCCSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="complianceReasons"
-          align="center"
-          width="160"
-          label="合规">
-        </el-table-column>
-        <el-table-column
-          align="center"
-          width="160"
-          prop="researchNonCompliance"
-          label="不合规">
-          <el-table-column
-            prop="noCompliance"
-            align="center"
-            width="170"
-            label="不合规项目">
-          </el-table-column>
-          <el-table-column
-            prop="countermeasures"
-            align="center"
-            width="160"
-            label="应对措施">
-          </el-table-column>
-          <el-table-column
-            prop="completionTime"
-            align="center"
-            width="120"
-            label="完成时间">
-            <template slot-scope="scope">
-              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
-            </template>
-          </el-table-column>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          width="150"
-          prop="distributePerson"
-          label="责任人">
-        </el-table-column>
-      </el-table>
-      <el-button v-if="itemLists.length > 20 && tableIndex * 20 < itemLists.length" style="width: 100%; margin-top: 5px;" icon="el-icon-caret-bottom" @click="tableLoading">加载更多...</el-button>
-      <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 === '2'">
-      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-    </div>
-    <ProcessFooter
-      show-back
-      show-submit
-      show-transfer
-      :transfer-loading="isTransfer"
-      :submitLoading="isSubmit"
-      :saveLoading="saveLoading"
-      :approval="true"
-      @transfer="handleTransfer"
-      @back="beforeBack"
-      @submit="handleSubmit"
-    >
-    </ProcessFooter>
-    <phone-role
-      :role-title="drawerTitle"
-      :result-list="phoneRoleList"
-      :is-show-phone.sync="phoneshowflag"
-      @checkedRole="drawerCheck"
-    />
-  </div>
-</template>
-
-<script>
-import { Dialog } from 'vant';
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessHeader from "../../components/ProcessHeader";
-import ProcessFooter from "../../components/ProcessFooter";
-import ProcessTitle from "../../components/ProcessTitle";
-import { inboundLiaisonDetail, queryDetail ,changeAssigneeNew } from "api/process";
-
-export default {
-  name: "phoneXmpg2Step8",
-  components: {
-    ProcessTitle,
-    ProcessHeader,
-    ProcessHeaderPhone,
-    ProcessFooter
-  },
-  data() {
-    return {
-      phoneshowflag: false,
-      phoneRoleList: [],
-      phoneDrawerTitle: '',
-      tableIndex: 0,
-      itemLists: [],
-      foldFormFlag: false,
-      total: 0,
-      currentPage: 1,
-      pageSize: 20,
-      nodeList:[],
-      drawerTitle:'',
-      isTransfer: false,
-      // 调整处理人抽屉状态
-      drawerModal: false,
-      active: "1",
-      loading: false,
-      // 当前流程类型(1待办/2已办)
-      processType: 1,
-      isSubmit: false,
-      saveLoading: false,
-      //表单的数据
-      listForm: {
-        ffFlag: " ", //1审批通过 其他为驳回
-        projectNumber: "",  //项目编号
-        projectName: "",  //项目名称
-        dataList: [], //项目下的标准数据
-        breakdownList: [] //标准下的分解单数据
-      },
-      dataList: [], //展示的标准数据
-      commentText: "", //审批意见
-      detailData: [],//流程历史数据
-      userId: this.$store.getters.userInfo.userId,
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId
-    };
-  },
-  methods: {
-    tableLoading () {
-      this.tableIndex++
-      let index = this.tableIndex * 20
-      let endIndex = index + 20
-      if (this.tableIndex * 20 > this.itemLists.length) {
-        this.$message.warning('没有更多了')
-      }
-      let newData = this.itemLists.slice(index, endIndex)
-      this.itemList = this.itemList.concat(newData)
-    },
-    //折叠/展开基础信息方法
-    foldForm() {
-      this.foldFormFlag = !this.foldFormFlag
-    },
-    //确认转办
-    checkedTransferRole (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.phoneshowflag = true
-      this.phoneRoleList = this.roleTransfer
-      this.phoneDrawerTitle = '转办处理人'
-    },
-    //确认转办
-    drawerCheck (data) {
-      this.roleTransfer = data
-      this.phoneRoleList = this.roleTransfer
-      this.turnLoading = 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 =>{
-        if (res.success) {
-          this.turnLoading = false
-          this.$message.success('调整成功')
-          this.$router.push("/processCenter")
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-      this.modalshowflag = false
-    },
-    // 点击查看
-    handlePreview(item) {
-      let routeUrl = this.$router.resolve({
-        name: "OtherStandardDetails",
-        params: {
-          id: item.standId,
-          pageType: "INLAND_STAND"
-        }
-      });
-      window.open(routeUrl.href, "_blank");
-    },
-    //查询项目下的标准
-    getStandData() {
-      this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
-        standType: this.standardSearch.standType,
-        standNumber: this.standardSearch.standNumber,
-        page: this.pageNo,
-        pageSize: this.pageSizeNo
-      }, {
-        _this: this
-      }, res => {
-        this.standardData = res.data.list;
-        this.standardData.forEach(item => {
-          if (item.attrInfoMap === null) {
-            this.$set(item, "ZCCSSRQ", "");
-            this.$set(item, "XCXSSRQ", "");
-          } else {
-            this.$set(item, "ZCCSSRQ", item.attrInfoMap.ZCCSSRQ);
-            this.$set(item, "XCXSSRQ", item.attrInfoMap.XCXSSRQ);
-          }
-        });
-        this.totalNo = res.data.count;
-      }, e => {
-      });
-    },
-    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 => {
-      });
-    },
-    //tab改变
-    handleTabs(type) {
-      this.active = type;
-    },
-    //获取数据
-    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 => {
-        });
-      });
-    },
-    //动态表单读取
-    getFormFieldList(item) {
-      this.$nextTick(() => {
-        this.listForm = JSON.parse(JSON.stringify(item));
-        let dataChildren = []
-        let dataListChildren = []
-        this.listForm.prcNum = this.prcNum;
-        this.listForm.prcName = this.prcName;
-        this.listForm["id"] = item.id;
-        this.listForm.dataList = item.dataList;
-        this.listForm.dataList.forEach(item => {
-          if(item.workPeople !== ''){
-            this.dataList.push(item)
-            item.children.forEach(items=> {
-              if(items.key === item.standId){
-                this.$set(items, "standName", item.standName);
-                this.$set(items, "standEnName", item.standEnName);
-                this.$set(items, "standYear", item.standYear);
-                this.$set(items, "standSort", item.standSort);
-                this.$set(items, "standNumber", item.standNumber);
-                this.$set(items, "zccssrq", item.zccssrq);
-                this.$set(items, "xcxssrq", item.xcxssrq);
-                this.$set(items, "ssrq", item.ssrq);
-              }
-            })
-          }
-        })
-        this.listForm.dataList.forEach(item => {
-          dataChildren.push(item.children)
-        })
-        dataChildren.forEach((item,index) => {
-          dataListChildren = dataListChildren.concat(item)
-        })
-        dataListChildren = this.dataList.concat(dataListChildren)
-        this.dataList = dataListChildren
-        this.total = this.dataList.length;
-      });
-    },
-    //驳回事件
-    beforeBack() {
-      if(!this.commentText){
-        this.$message.warning('请填写审批意见')
-      }else{
-        this.listForm.jgFlag = "2";
-        this.listForm.commentText = this.commentText;
-        const json = JSON.stringify(this.listForm);
-        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");
-          }
-        }, e => {
-        });
-      }
-    },
-    //提交事件
-    handleSubmit() {
-      this.isSubmit = true;
-      this.listForm.jgFlag = "1";
-      this.listForm.commentText = this.commentText;
-      const json = JSON.stringify(this.listForm);
-      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 => {
-      });
-    },
-    // 分页
-    handleCurrentChange(currentPage) {
-      this.currentPage = currentPage;
-    },
-  },
-  computed: {
-    listNoDataText() {
-      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
-    }
-  },
-  mounted() {
-    this.processTable();
-    this.getData();
-  }
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
-.phoneXmpg2Step8 {
-  /deep/.van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-  .prc-content-border {
-    overflow: auto;
-  }
-  /deep/.prc-content-border .el-form-item__content {
-    width: 270px;
-  }
-  .content {
-    border-top: 1px solid #DCDFE6;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    margin-top: 52px;
-    //height: calc(~'100% - 155px');
-    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;
-      }
-    }
-  }
-}
-</style>

src/pages/processCenter/pages/phone/xmpg2/step9.vue

@@ -1,549 +0,0 @@
-<template>
-  <div class="phoneXmpg2Step9 phoneBox">
-    <ProcessHeaderPhone toggle>
-      <template slot="proName">项目合规评估流程</template>
-      <template slot="proNode">分发负责人审批</template>
-    </ProcessHeaderPhone>
-    <div class="headerTabs">
-      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
-      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
-    </div>
-    <div class="content" v-show="active === '1'">
-      <div style="overflow: auto;">
-        <el-form
-          :model="listForm"
-          class="label-input-form"
-          label-width="210px"
-        >
-          <ProcessTitle>
-            <template slot="title">基础信息</template>
-          </ProcessTitle>
-          <el-collapse-transition>
-            <div class="prc-content-border" v-if="foldFormFlag === false">
-              <el-row :gutter="24">
-                <el-col :span="24">
-                  <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectNumber"
-                      placeholder="请输入项目编号"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                    <el-input
-                      v-model="listForm.projectName"
-                      placeholder="请输入项目名称"
-                      disabled
-                      clearable
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </div>
-          </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 class="prc-content-border" v-if="foldFormFlag === true" style="display: none">
-            <el-row :gutter="24">
-              <el-col :span="24">
-                <el-form-item label="项目编号" prop="projectNumber" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectNumber"
-                    placeholder="请输入项目编号"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="项目名称" prop="projectName" class="add-form-item form-item-disabled">
-                  <el-input
-                    v-model="listForm.projectName"
-                    placeholder="请输入项目名称"
-                    disabled
-                    clearable
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-      </div>
-      <ProcessTitle>
-        <template slot="title">填写信息</template>
-      </ProcessTitle>
-      <el-table
-        ref="multipleTable"
-        :data="dataList"
-        tooltip-effect="dark"
-        style="width: 100%"
-        border
-        height="55%"
-        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-             fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold'}">
-        <el-table-column
-          prop="standEnName"
-          label="标准编号"
-          width="180"
-          align="center"
-        >
-          <template slot-scope="scope">
-            <a v-if="scope.row.standYear" class="table-jump"
-               @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber
-              }}-{{ scope.row.standYear }}</a>
-            <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }}
-              {{ scope.row.standNumber }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="standName"
-          width="180"
-          align="center"
-          label="标准名称"
-        >
-          <template slot-scope="scope">
-            <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="itemsNum"
-          align="center"
-          width="200"
-          label="条款号">
-        </el-table-column>
-        <el-table-column
-          prop="itemsName"
-          width="200"
-          align="center"
-          label="条款名称">
-        </el-table-column>
-        <el-table-column
-          prop="xCXSSRQ"
-          width="200"
-          align="center"
-          label="新车型实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.xCXSSRQ ? $moment(scope.row.xCXSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="zCCSSRQ"
-          width="200"
-          align="center"
-          label="在产车实施日期">
-          <template slot-scope="scope">
-            <span>{{ scope.row.zCCSSRQ ? $moment(scope.row.zCCSSRQ).format('YYYY-MM-DD') : '' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="complianceReasons"
-          align="center"
-          width="160"
-          label="合规">
-        </el-table-column>
-        <el-table-column
-          align="center"
-          width="160"
-          prop="researchNonCompliance"
-          label="不合规">
-          <el-table-column
-            prop="noCompliance"
-            align="center"
-            width="170"
-            label="不合规项目">
-          </el-table-column>
-          <el-table-column
-            prop="countermeasures"
-            align="center"
-            width="160"
-            label="应对措施">
-          </el-table-column>
-          <el-table-column
-            prop="completionTime"
-            align="center"
-            width="120"
-            label="完成时间">
-            <template slot-scope="scope">
-              <span>{{ scope.row.completionTime ? $moment(scope.row.completionTime).format('YYYY-MM-DD') : '' }}</span>
-            </template>
-          </el-table-column>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          width="150"
-          prop="distributePerson"
-          label="责任人">
-        </el-table-column>
-      </el-table>
-      <el-button v-if="itemLists.length > 20 && tableIndex * 20 < itemLists.length" style="width: 100%; margin-top: 5px;" icon="el-icon-caret-bottom" @click="tableLoading">加载更多...</el-button>
-      <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 === '2'">
-      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-    </div>
-    <ProcessFooter
-      show-back
-      show-submit
-      :transfer-loading="isTransfer"
-      :submitLoading="isSubmit"
-      :saveLoading="saveLoading"
-      :approval="true"
-      @transfer="handleTransfer"
-      @back="beforeBack"
-      @submit="handleSubmit"
-    >
-    </ProcessFooter>
-    <phone-role
-      :role-title="drawerTitle"
-      :result-list="phoneRoleList"
-      :is-show-phone.sync="phoneshowflag"
-      @checkedRole="drawerCheck"
-    />
-  </div>
-</template>
-
-<script>
-import { Dialog } from 'vant';
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessHeader from "../../components/ProcessHeader";
-import ProcessFooter from "../../components/ProcessFooter";
-import ProcessTitle from "../../components/ProcessTitle";
-import { inboundLiaisonDetail, queryDetail ,changeAssigneeNew } from "api/process";
-
-export default {
-  name: "phoneXmpg2Step9",
-  components: {
-    ProcessTitle,
-    ProcessHeader,
-    ProcessHeaderPhone,
-    ProcessFooter
-  },
-  data() {
-    return {
-      phoneshowflag: false,
-      phoneRoleList: [],
-      phoneDrawerTitle: '',
-      tableIndex: 0,
-      itemLists: [],
-      foldFormFlag: false,
-      total: 0,
-      currentPage: 1,
-      pageSize: 20,
-      nodeList:[],
-      drawerTitle:'',
-      isTransfer: false,
-      // 调整处理人抽屉状态
-      drawerModal: false,
-      active: "1",
-      loading: false,
-      // 当前流程类型(1待办/2已办)
-      processType: 1,
-      isSubmit: false,
-      saveLoading: false,
-      //表单的数据
-      listForm: {
-        ffFlag: " ", //1审批通过 其他为驳回
-        projectNumber: "",  //项目编号
-        projectName: "",  //项目名称
-        dataList: [], //项目下的标准数据
-        breakdownList: [] //标准下的分解单数据
-      },
-      dataList: [], //展示的标准数据
-      commentText: "", //审批意见
-      detailData: [],//流程历史数据
-      userId: this.$store.getters.userInfo.userId,
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId
-    };
-  },
-  methods: {
-    tableLoading () {
-      this.tableIndex++
-      let index = this.tableIndex * 20
-      let endIndex = index + 20
-      if (this.tableIndex * 20 > this.itemLists.length) {
-        this.$message.warning('没有更多了')
-      }
-      let newData = this.itemLists.slice(index, endIndex)
-      this.itemList = this.itemList.concat(newData)
-    },
-    //折叠/展开基础信息方法
-    foldForm() {
-      this.foldFormFlag = !this.foldFormFlag
-    },
-    //确认转办
-    checkedTransferRole (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.phoneshowflag = true
-      this.phoneRoleList = this.roleTransfer
-      this.phoneDrawerTitle = '转办处理人'
-    },
-    //确认转办
-    drawerCheck (data) {
-      this.roleTransfer = data
-      this.phoneRoleList = this.roleTransfer
-      this.turnLoading = 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 =>{
-        if (res.success) {
-          this.turnLoading = false
-          this.$message.success('调整成功')
-          this.$router.push("/processCenter")
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-      this.modalshowflag = false
-    },
-    // 点击查看
-    handlePreview(item) {
-      let routeUrl = this.$router.resolve({
-        name: "OtherStandardDetails",
-        params: {
-          id: item.standId,
-          pageType: "INLAND_STAND"
-        }
-      });
-      window.open(routeUrl.href, "_blank");
-    },
-    //查询项目下的标准
-    getStandData() {
-      this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
-        standType: this.standardSearch.standType,
-        standNumber: this.standardSearch.standNumber,
-        page: this.pageNo,
-        pageSize: this.pageSizeNo
-      }, {
-        _this: this
-      }, res => {
-        this.standardData = res.data.list;
-        this.standardData.forEach(item => {
-          if (item.attrInfoMap === null) {
-            this.$set(item, "ZCCSSRQ", "");
-            this.$set(item, "XCXSSRQ", "");
-          } else {
-            this.$set(item, "ZCCSSRQ", item.attrInfoMap.ZCCSSRQ);
-            this.$set(item, "XCXSSRQ", item.attrInfoMap.XCXSSRQ);
-          }
-        });
-        this.totalNo = res.data.count;
-      }, e => {
-      });
-    },
-    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 => {
-      });
-    },
-    //tab改变
-    handleTabs(type) {
-      this.active = type;
-    },
-    //获取数据
-    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 => {
-        });
-      });
-    },
-    //动态表单读取
-    getFormFieldList(item) {
-      this.$nextTick(() => {
-        this.listForm = JSON.parse(JSON.stringify(item));
-        let dataChildren = []
-        let dataListChildren = []
-        this.listForm.prcNum = this.prcNum;
-        this.listForm.prcName = this.prcName;
-        this.listForm["id"] = item.id;
-        this.listForm.dataList = item.dataList;
-        this.listForm.dataList.forEach(item => {
-          if(item.workPeople !== ''){
-            this.dataList.push(item)
-          }
-          item.children.forEach(items=> {
-            if(items.key === item.standId){
-              this.$set(items, "standName", item.standName);
-              this.$set(items, "standEnName", item.standEnName);
-              this.$set(items, "standYear", item.standYear);
-              this.$set(items, "standSort", item.standSort);
-              this.$set(items, "standNumber", item.standNumber);
-              this.$set(items, "zccssrq", item.zccssrq);
-              this.$set(items, "xcxssrq", item.xcxssrq);
-              this.$set(items, "ssrq", item.ssrq);
-            }
-          })
-        })
-        this.listForm.dataList.forEach(item => {
-          dataChildren.push(item.children)
-        })
-        dataChildren.forEach((item,index) => {
-          dataListChildren = dataListChildren.concat(item)
-        })
-        dataListChildren = this.dataList.concat(dataListChildren)
-        this.dataList = dataListChildren
-        this.total = this.dataList.length;
-      });
-    },
-     //驳回事件
-    beforeBack() {
-      if (!this.commentText) {
-        this.$message.warning("请填写审批意见");
-      } else {
-        this.listForm.gcFlag = "2";
-        this.listForm.commentText = this.commentText;
-        const json = JSON.stringify(this.listForm);
-        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");
-          }
-        }, e => {
-        });
-      }
-    },
-    //提交事件
-    handleSubmit() {
-      this.isSubmit = true;
-      this.listForm.gcFlag = "1";
-      this.listForm.commentText = this.commentText;
-      const json = JSON.stringify(this.listForm);
-      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 => {
-      });
-    },
-    // 分页
-    handleCurrentChange(currentPage) {
-      this.currentPage = currentPage;
-    },
-  },
-  computed: {
-    listNoDataText() {
-      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
-    }
-  },
-  mounted() {
-    this.processTable();
-    this.getData();
-  }
-};
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
-.phoneXmpg2Step9 {
-  /deep/.van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-  .prc-content-border {
-    overflow: auto;
-  }
-  /deep/.prc-content-border .el-form-item__content {
-    width: 270px;
-  }
-  .content {
-    border-top: 1px solid #DCDFE6;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    margin-top: 52px;
-    //height: calc(~'100% - 155px');
-    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;
-      }
-    }
-  }
-}
-</style>

src/router/index.js

@@ -2416,119 +2416,59 @@ const routes = [
         }
       },
       {
-        path: '/phoneXmpgStep2',
+        path: '/phoneBzpgStep2',
-        name: 'phoneXmpgStep2',
+        name: 'phoneBzpgStep2',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg/step2.vue'),
+        component: () => import('@/pages/processCenter/pages/phone/bzpg/step2.vue'),
         meta: {
           isBoolean: true,
           requireAuth: true,
           title: '标准合规评估流程'
         }
       },
+      {
+        path: '/phoneBzpgStep6',
+        name: 'phoneBzpgStep6',
+        component: () => import('process/phone/bzpg/step6.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准合规评估流程'
+        }
+      },
+      {
+        path: '/phoneBzpgStep7',
+        name: 'phoneBzpgStep7',
+        component: () => import('@/pages/processCenter/pages/phone/bzpg/step7.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准合规评估流程'
+        }
+      },
+      {
+        path: '/phoneBzpgStep8',
+        name: 'phoneBzpgStep8',
+        component: () => import('@/pages/processCenter/pages/phone/bzpg/step8.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准合规评估流程'
+        }
+      },
+      {
+        path: '/phoneXmpgStep4',
+        name: 'phoneXmpgStep4',
+        component: () => import('@/pages/processCenter/pages/phone/xmpg/step4.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '项目合规评估流程'
+        }
+      },
       {
         path: '/phoneXmpgStep5',
         name: 'phoneXmpgStep5',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg/step5.vue'),
+        component: () => import('process/phone/xmpg/step5.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '标准合规评估流程'
-        }
-      },
-      {
-        path: '/phoneXmpgStep6',
-        name: 'phoneXmpgStep6',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg/step6.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '标准合规评估流程'
-        }
-      },
-      {
-        path: '/phoneXmpgStep7',
-        name: 'phoneXmpgStep7',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg/step7.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '标准合规评估流程'
-        }
-      },
-      {
-        path: '/phoneXmpg2Step2',
-        name: 'phoneXmpg2Step2',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg2/step2.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '项目合规评估流程'
-        }
-      },
-      {
-        path: '/phoneXmpg2Step3',
-        name: 'phoneXmpg2Step3',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg2/step3.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '项目合规评估流程'
-        }
-      },
-      {
-        path: '/phoneXmpg2Step7',
-        name: 'phoneXmpg2Step7',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg2/step7.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '项目合规评估流程'
-        }
-      },
-      {
-        path: '/phoneXmpg2Step8',
-        name: 'phoneXmpg2Step8',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg2/step8.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '项目合规评估流程'
-        }
-      },
-      {
-        path: '/phoneXmpg2Step9',
-        name: 'phoneXmpg2Step9',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg2/step9.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '项目合规评估流程'
-        }
-      },
-      {
-        path: '/phoneXmpg2Step10',
-        name: 'phoneXmpg2Step10',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg2/step10.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '项目合规评估流程'
-        }
-      },
-      {
-        path: '/phoneXmpg2Step11',
-        name: 'phoneXmpg2Step11',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg2/step11.vue'),
-        meta: {
-          isBoolean: true,
-          requireAuth: true,
-          title: '项目合规评估流程'
-        }
-      },
-      {
-        path: '/phoneXmpg2Step12',
-        name: 'phoneXmpg2Step12',
-        component: () => import('@/pages/processCenter/pages/phone/xmpg2/step12.vue'),
         meta: {
           isBoolean: true,
           requireAuth: true,