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

# Conflicts:
#	src/pages/processCenter/pages/newProcess/index.vue
#	src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue

src/App.vue

@@ -4,9 +4,9 @@
     <div class="content-box" v-if="isBoolean">
       <nav-menu></nav-menu>
       <div class="sub-container">
-        <div style="background-color: #171E4A; height: 65px; width: 100%">
+        <div style="background-color: #0068B7; height: 65px; width: 100%">
-          <span style="color: #fff; line-height: 65px; float: left; font-size: 20px;">
+          <span style="color: #fff; line-height: 65px; float: left; font-size: 20px; font-weight: 600;">
-            标准法规管理系统  standard and regulations management system
+            标准法规管理系统  Standard and Regulations Management System
           </span>
           <!-- header头部 右侧内容 当前登录人和退出-->
           <div class="header-right" style="display: inline-block; float: right; margin-right: 20px; color: #fff">

src/api/process.js

@@ -76,6 +76,14 @@ export function processCreateStand (data) {
     data
   })
 }
+
+export function processCreateLaws (data) {
+  return axios({
+    url: '/api/lawss/actSarItemsLaws/processCreateLaws',
+    method: 'post',
+    data
+  })
+}
 // 流程3 法规流程入库
 export function processCreatePG (data) {
   return axios({

src/api/unqualProcess.js

@@ -33,7 +33,7 @@ export function dicTypeData (data) {
 }
 export function StandardsInfoPage (data) {
   return axios({
-    url: 'api/sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage',
+    url: 'api/sarStandardsInfo/sar-standards-info/getSarStandardsInfoPageBak',
     method: 'get',
     params: data
   })

src/components/navMenu/index.vue

@@ -1,7 +1,7 @@
 <!--左侧导航菜单 liuyan -->
 <template>
   <div class="nav-menu v-class" :class="{'is-collapse': isCollapse}">
-    <div class="nav-menu-header" style="height: 65px; background-color: #171E4A;">
+    <div class="nav-menu-header" style="height: 65px; background-color: #0068B7;">
       <div class="header-left">
         <div class="logo">
           <img :src="logo" height="58" width="149" />
@@ -16,9 +16,9 @@
       <el-menu
           unique-opened
           :default-active="defaultActive"
-          background-color="#5ea9f6"
+          background-color="#f00"
-          text-color="#000"
+          text-color="#fff"
-          active-text-color="#ffd04b"
+          active-text-color="#ff0"
           router
           :collapse="isCollapse"
       >
@@ -105,7 +105,7 @@ export default {
             //   menuId: 'RAFQ4N4ARF'
             // },
             {
-              title: '国内标准法规',
+              title: '国内法规',
               path: '/domesticStandardsAndRegulations',
               menuId: '3e3657498664beaa0dc1de1ecb3ae0da'
             },
@@ -120,27 +120,27 @@ export default {
             //   menuId: ''
             // },
             {
-              title: '海外标准法规',
+              title: '海外法规',
               path: '/foreignStandardsAndRegulations',
               menuId: '18c1e5134ea0cf865e8960b26b81fd8c'
             },
             {
-              title: '标准征求意见',
+              title: '征求意见',
               path: '/standardForComments',
               menuId: '2b25c67f10abbbadf37d60daaaec54d3'
             },
 
-            // {
+            {
-            //   title: '国内外政策',
+              title: '国内外政策',
-            //   path: '/foreignRegulationsDatabase',
+              path: '/foreignRegulationsDatabase',
-            //   menuId: '4DB4Y2H3NH'
+              menuId: 'ef02a3b0af9a4b3ede460456a9591ebc'
-            // },
+            },
             // // // {
             // // //   title: '标准制修订管理',
             // // //   path: '/demo2One'
             // // // },
             {
-              title: '标准法规清单',
+              title: '法规清单',
               path: '/accessStandardsAndRegulations',
               menuId: '08dbd417864b08426034ca56d1fa3d02'
             },
@@ -157,7 +157,7 @@ export default {
             // // //   path: '/localProductsOrProjectLibrary'
             // // // },
             {
-              title: '企业标准库',
+              title: '企业标准',
               path: '/enterpriseStandardDatabase',
               menuId: '01ed8f752748227777b3572d56ee9ab5'
             },
@@ -176,7 +176,7 @@ export default {
                menuId: '42ce39c9f953be65a3e5643a4a2c786f'
              },*/
             {
-              title: '未符合项整改',
+              title: '未符合项',
               path: '/nonConfomity',
               menuId: '0119abd677e0204e061eb0f0b8cafda0'
             },
@@ -190,7 +190,7 @@ export default {
             //   menuId: 'MQBAGJQMSRZDRX3X5AVR'
             // },
             {
-              title: '标准合规评估结果', // 把 标准涉及项目 这几个字 改成 标准合规评估结果
+              title: '合规评估', // 把 标准涉及项目 这几个字 改成 标准合规评估结果
               path: '/standInvolveProject',
               menuId: '8a9c87fe06244fb9d55e78fb281f625b'
             }
@@ -230,7 +230,7 @@ export default {
             //   path: '/standardWarning'
             // },
             {
-              title: '标准内容自动识别',
+              title: 'OCR识别',
               path: '/standardRecognition',
               menuId: '3db80f62af9d96d6dfc6d429eea4b29b'
             },
@@ -291,7 +291,7 @@ export default {
           menuId: 'adff323',
           children: [
             {
-              title: '标准法规属性管理',
+              title: '属性管理',
               path: '/standLawsAttrManage',
               menuId: '72a24657972d286b8b5d80735cf4eee2'
             },
@@ -350,7 +350,7 @@ export default {
             //       menuId: '3C87BSHJUF'
             //     },
             {
-              title: '标准属性自定义',
+              title: '属性配置',
               path: '/attributeCustom',
               menuId: '9cdb9b40157dd967b664b9af462b960b'
             },
@@ -517,7 +517,7 @@ export default {
   }
   &:not(.is-collapse) {
     width: 212px;
-    background: rgb(255, 255, 255);
+    background: #0068B7;
     background-size: 100% 100%;
     .logo {
       padding: 10px;
@@ -537,7 +537,7 @@ export default {
     align-items: center;
     justify-content: center;
     width: 15px;
-    height: calc(100% - 69px);
+    height: calc(100% - 65px);
     background: #EEE;
     cursor: pointer;
     &:hover{
@@ -556,7 +556,7 @@ export default {
     /*background:url("../../assets/images/shangqi/home/logo3.png");*/
   }
   /deep/:not(.is-collapse) .el-menu-item.is-active{
-    background: #f0f7ff !important;
+    background: #fff !important;
     color: #4091FF !important;
   }
 }
@@ -580,19 +580,18 @@ export default {
 }
 .nav-menu-popper .el-menu .el-menu-item.is-active {
   background-color: #fff !important;
-  color: #5ea9f6 !important;
+  color: #0068B7 !important;
   font-weight: bold;
 }
 .nav-menu-popper .el-menu .el-menu-item:hover {
   background-color: #fff !important;
-  color: #5ea9f6 !important;
+  color: #0068B7 !important;
   font-weight: bold;
 }
 
 .el-menu-item {
   padding: 0 16px !important;
   span {
-    font-weight: normal;
     margin-left: 5px;
   }
   .shangqi-icon {
@@ -659,11 +658,10 @@ export default {
   .el-menu-item {
     padding-left: 29px !important;
     div {
-      font-weight: normal;
     }
   }
   /deep/.el-menu {
-    padding-left: 18px;
+    /*padding-left: 18px;*/
   }
 }
 .el-menu--collapse{

src/pages/config/pages/attributeCustom/components/laws.vue

@@ -2,8 +2,8 @@
 <template>
   <div class="attribute-custom v-class">
     <div class="action-bar1">
-      <el-button class="common-button-primary add-button" size="mini" type="primary" v-btn-permission="'H9WU2ZJHG5WNTY5MDUXH'" @click="showAddModel"><i class="el-icon-plus"></i>新增</el-button>
+      <el-button class="common-button-primary add-button" size="mini" type="primary" v-btn-permission="''" @click="showAddModel"><i class="el-icon-plus"></i>新增</el-button>
-      <el-button class="common-button-default" size="mini" @click="showDisplayLocationDialog" v-btn-permission="'XT94XKWBCTELWNJQVYCU'">展示区域管理</el-button>
+      <el-button class="common-button-default" size="mini" @click="showDisplayLocationDialog" v-btn-permission="''">展示区域管理</el-button>
     </div>
     <loading :loading="attributeDataLoading">数据处理中</loading>
     <div class="content">
@@ -282,7 +282,7 @@
 </template>
 
 <script>
-const sarType = 'FOREIGN_LAWS'
+const sarType = 'LAWS_STAND'
 export default {
   name: 'attribute-custom',
   data () {
@@ -352,7 +352,7 @@ export default {
         showRegionId: '',
         selVal: '',
         isSearch: '1',
-        sarType: 'FOREIGN_LAWS',
+        sarType: 'LAWS_STAND',
         isWarn: '1'
       },
       attrTypeOptions: [
@@ -367,12 +367,12 @@ export default {
       ],
       sarTypeOptions: [
         // { label: '国内政策', value: 'INLAND_LAWS' },
-        { label: '国内外政策', value: 'FOREIGN_LAWS' }
+        { label: '国内外政策', value: 'LAWS_STAND' }
         // { label: '国内外政策', value: 'LAWS' }
       ],
       sarTypeLocationOptions: [
         // { label: '国内政策', value: 'INLAND_LAWS' },
-        { label: '国内外政策', value: 'FOREIGN_LAWS' }
+        { label: '国内外政策', value: 'LAWS_STAND' }
       ],
       isMustOptions: [
         { label: '是', value: '0' },
@@ -710,7 +710,7 @@ export default {
       let texts = ''
       if (type === 'INLAND_LAWS') {
         texts = '国内政策'
-      } else if (type === 'FOREIGN_LAWS') {
+      } else if (type === 'LAWS_STAND') {
         texts = '国内外政策'
       } else if (type === 'LAWS') {
         texts = '国内外通用政策'

src/pages/config/pages/attributeCustom/index.vue

@@ -6,11 +6,11 @@
           <stand v-if="tabValue === 'stand'"></stand>
         </div>
       </el-tab-pane>
-<!--      <el-tab-pane label="国内外政策" name="laws">
+      <el-tab-pane label="国内外政策" name="laws">
         <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
           <laws v-if="tabValue === 'laws'"></laws>
         </div>
-      </el-tab-pane>-->
+      </el-tab-pane>
       <el-tab-pane label="企业标准库" name="buss">
         <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
           <buss v-if="tabValue === 'buss'"></buss>

src/pages/home/components/EnterCard.vue

@@ -37,15 +37,16 @@
     cursor: pointer;
     padding-left: 10px;
     & > div {
+      border-radius: 5px;
       width: 100%;
       height: 70px;
-      background-color: #E4E4E4;
+      background-color: #99BEDB;
     }
   }
   .wx-card:hover {
     & > div {
       color: #fff;
-      background-color: #5ea9f6;
+      background-color: #0068B7;
     }
   }
   .wx-card1 {

src/pages/home2/components/searchGroup/index.vue

@@ -22,7 +22,8 @@
         placeholder="请输入关键词"
         clearable
       ></el-input>
-      <el-button class="primary_button" type="primary" @click="search">搜索</el-button>
+      <el-button  type="primary" @click="search">搜索</el-button>
+      <el-button style="margin-left: 5px;"  type="primary" @click="seniorSearch">高级搜索</el-button>
     </div>
   </div>
 </template>
@@ -74,6 +75,15 @@ export default {
         }
       })
     },
+    seniorSearch(){
+      this.$router.push({
+        name: 'AdvancedSearch',
+        params: {
+          selectKey: this.checkState,
+          searchValue: this.checkContent || undefined
+        }
+      })
+    },
   },
   mounted(){
 

src/pages/home2/index.vue

@@ -11,11 +11,13 @@
              class="home-tabs"
              @tab-click="handleTabClick"
            >
-             <el-tab-pane  label="标准征求意见" name="solicitOpinions">
+             <el-tab-pane name="solicitOpinions">
-               <solicitOpinions></solicitOpinions>
+                 <span slot="label"><i class="el-icon-s-order"></i> 标准征求意见</span>
+                 <solicitOpinions></solicitOpinions>
              </el-tab-pane>
-             <el-tab-pane label="标准发布" name="release">
+             <el-tab-pane name="release">
-               <release></release>
+                 <span slot="label"><i class="el-icon-s-promotion"></i> 标准发布</span>
+                 <release></release>
              </el-tab-pane>
            </el-tabs>
          </div>
@@ -135,17 +137,17 @@ export default {
             margin: 0 10px;
         }
         ::v-deep.el-tabs__header{
-          margin: 0 10px 15px 10px;
+            margin: 0 10px 15px 10px;
             border-bottom: 1px solid #F4F4F4;
         }
         ::v-deep {
           .el-tabs__item {
             font-size: 16px;
-            font-weight: 500;
+            font-weight: 600;
-            color: #333333;
+            /*color: #333333;*/
           }
           .el-tabs__nav-wrap::after {
-            background-color: transparent;
+            /*background-color: transparent;*/
           }
         }
       }

src/pages/personal/pages/my-collection/components/CollectionLaws.vue

@@ -50,10 +50,10 @@
                     <div class="left-contents">标题：{{ item.collectTitle }}</div>
                   </el-tooltip>
                 </el-col>
-                <el-col :span="4" :offset="3"> 创建时间：{{item.creationTime}}</el-col>
+                <el-col :span="4" :offset="3"> 创建时间：{{getDate(item.creationTime)}}</el-col>
               </div>
               <el-col :span="4">
-                <el-button size="mini" style="margin-top: -5px; border: 1px dashed #dcdee2" @click="cancelLaws(item.id)" v-btn-permission="'66SSMTSGN3UKCQB4LDRD'">{{$t('m.cancelCollection')}}</el-button>
+                <el-button size="mini" style="margin-top: -5px; border: 1px dashed #dcdee2" @click="cancelLaws(item.id)" v-btn-permission="''">{{$t('m.cancelCollection')}}</el-button>
 <!--                <el-button size="mini"  style="margin-top: -5px; border: 1px dashed #dcdee2" @click="writeLawsNotes(item,index1)">{{item.seeBtn}}</el-button>-->
               </el-col>
             </el-row>
@@ -144,6 +144,9 @@ export default {
     }
   },
   methods: {
+    getDate (date) {
+      return date != null ? date.substring(0, date.indexOf(' ')) : ''
+    },
     // 对话框关闭清除表单
     noteChange (type) {
       if (!type) {
@@ -271,33 +274,17 @@ export default {
       this.$http.get('person/personCollect/page', {
         pageNo: this.page,
         pageSize: this.$store.getters.userInfo.configContent,
-        modeType: 'LAWS',
+        modeType: 'LAWS_STAND',
         collectTitle: this.search.collectionLaws,
         userId: this.$store.getters.userInfo.userId
       }, {
         _this: this,
         loading: 'loading'
       }, res => {
-        // for (let i = 0; i < res.data.list.length; i++) {
-        //   res.data.list[i].check = false
-        //   res.data.list[i].checked = false
-        //   res.data.list[i].seeBtn = '查看笔记'
-        // }
         this.lawsList = []
-        res.data.list.map((item, index) => {
+        this.lawsList = res.data.records
-          item.checked = false
+        this.total = res.data.total
-        })
-        this.lawsList = res.data.list
-        this.total = res.data.count
         this.contentOpen = true
-        // if (this.saveNote !== '') {
-        //   this.lawsList[this.saveNote].check = true
-        //   if (this.lawsList[this.saveNote].check === true) {
-        //     this.lawsList[this.saveNote].seeBtn = '关闭笔记'
-        //   } else {
-        //     this.lawsList[this.saveNote].seeBtn = '查看笔记'
-        //   }
-        // }
       }, e => {})
     },
     //  取消收藏

src/pages/personal/pages/my-collection/index.vue

@@ -25,10 +25,12 @@ export default {
         // {
         //   title: '已收藏的动态&资料 ',
         //   name: 'CollectionDynamics'
-        // }, {
+        // },
-        //   title: '已收藏的政策',
+        {
-        //   name: 'CollectionLaws'
+          title: '已收藏的政策',
-        // }, {
+          name: 'CollectionLaws'
+        },
+        // {
         //   title: '已收藏的标准拆分',
         //   name: 'CollectionBreak'
         // }

src/pages/processCenter/pages/components/ProcessFooter.vue

@@ -70,7 +70,7 @@
         size="mini"
         class="common-button-primary"
         @click="handleSave"
-        :loading="submitLoading"
+        :loading="saveLoading"
         v-if="showSave">
         <i class="iconfont">&#xe608;</i>
         保存
@@ -80,7 +80,7 @@
         size="small"
         class="common-button-danger"
         @click="beforeBack"
-        :loading="submitLoading"
+        :loading="isSubmitBack"
         v-if="showBack">
         <i class="iconfont" style="font-size: 12px;">&#xe615;</i>
         {{ backBTNText }}</el-button>
@@ -111,6 +111,15 @@
         :loading="submitLoading"
         v-if="showAffirm"
       >确认</el-button>
+      <el-button
+        type="primary"
+        size="small"
+        class="common-button-primary"
+        icon="el-icon-close"
+        @click="handleRecord"
+        :loading="recordLoading"
+        v-if="showRecord"
+      >不备案</el-button>
     </div>
 
     <!-- 组织机构树 -->
@@ -188,6 +197,10 @@ export default {
       type: Boolean,
       default: false
     },
+    showRecord:{
+      type: Boolean,
+      default: false
+    },
     showAffirm: {
       type: Boolean,
       default: false
@@ -206,6 +219,11 @@ export default {
       type: Boolean,
       default: false
     },
+    //不备案按钮Loading
+    recordLoading:{
+      type: Boolean,
+      default: false
+    },
     // 提交按钮loading
     submitLoading: {
       type: Boolean,
@@ -221,7 +239,7 @@ export default {
       type: Boolean,
       default: false
     },
-    // 保存按钮loading
+    // 退回按钮loading
     isSubmitBack: {
       type: Boolean,
       default: false
@@ -255,6 +273,9 @@ export default {
       type: Boolean,
       default: false
     },
+    backBTNTexts: {
+      type: String
+    },
     submitBTNText: {
       type: String
     }
@@ -285,6 +306,9 @@ export default {
     handleSubmit2() {
       this.$emit('submit2')
     },
+    handleRecord(){
+      this.$emit('record')
+    },
     handleSubmit() {
       this.$emit('submit')
     },
@@ -384,7 +408,7 @@ export default {
     },
     // 退回按钮文字
     backBTNText() {
-      return this.approval ? '驳回' : '退回'
+      return this.backBTNTexts ? this.backBTNTexts : this.approval ? '驳回' : '退回'
     },
     userId() {
       return this.userInfo.userId
@@ -402,7 +426,7 @@ export default {
   text-align: right;
   background: #fff;
   z-index: 999;
-  padding: 0;
+  padding: 0 10px 0 0;
   .footer-line {
     height: 1px;
     box-shadow: 0 -1px 2px 0px #e8e8e8;

src/pages/processCenter/pages/components/ProcessMixin.vue

@@ -17,6 +17,10 @@ export default {
           label: "标准入库流程",
           value: "1"
         },
+         {
+          label: "政策入库流程",
+          value: "laws1"
+         },
         {
           label: "标准征求意见流程",
           value: "3"

src/pages/processCenter/pages/creatProcess/bzhHd-rh/step1.vue

@@ -0,0 +1,819 @@
+<!--外部标准化协会入会流程-->
+<template>
+  <div class="bzrhStep1">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会入会流程</template>
+      <template slot="proNode">发起流程</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="rh_pageData" :model="rh_pageData" :rules="rh_rules" label-width="150px">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  <el-select
+                    v-model="rh_pageData.comityName"
+                    placeholder="请选择标委会">
+                    <el-option
+                      v-for="item in comityNameOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item v-if="rh_pageData.comityName !== ''">
+                  <el-select
+                    v-model="rh_pageData.comityNameOne"
+                    placeholder="请选择分标委">
+                    <el-option
+                      v-for="item in comityNameOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="" v-if="rh_pageData.comityName !== '' && rh_pageData.comityNameOne !== ''">
+                  <el-select
+                    v-model="rh_pageData.comityNameTwo"
+                    placeholder="请选择工作组">
+                    <el-option
+                      v-for="item in comityNameOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-divider/>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="会员角色:" prop="comityRole">
+                  <el-select
+                    v-model="rh_pageData.comityRole"
+                    placeholder="请选择会员角色">
+                    <el-option
+                      v-for="item in comityRoleOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="协会状态:" prop="comityState">
+                  <el-select
+                    v-model="rh_pageData.comityState"
+                    placeholder="选择协会状态">
+                    <el-option
+                      v-for="item in comityStateOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="入会性质:" prop="comityKind">
+                  <el-select
+                    v-model="rh_pageData.comityKind"
+                    placeholder="请选择入会性质">
+                    <el-option
+                      v-for="item in comityKindOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-divider/>
+            <el-form-item label="信息来源:" prop="infoSources">
+              <el-upload
+                style="width: 30%"
+                class="upload_style"
+                :disabled="acceptShow"
+                multiple
+                ref="uploadFile"
+                :action="uploadPath"
+                name="file"
+                :file-list="fileTextList"
+                accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                :before-upload="handleBeforeUpload"
+                :before-remove="handleBeforeRemove"
+                :on-success="handleOnsuccess"
+              >
+                <el-button
+                  type="primary"
+                  class="common-button-primary"
+                  @click="uploadFile"
+                  size="mini">
+                  点击上传
+                </el-button>
+              </el-upload>
+            </el-form-item>
+            <el-divider/>
+            <el-form-item label="协会构成:" prop="comityMake">
+              <el-form
+                class="make_form"
+                ref="rh_pageData.comityMake"
+                :model="rh_pageData.comityMake"
+                label-width="auto">
+                <el-row>
+                  <el-col :span="8">
+                    <el-form-item label="资质:">
+                      <el-input v-model="rh_pageData.comityMake.makeQualification"></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="8">
+                    <el-form-item label="成员:">
+                      <el-input v-model="rh_pageData.comityMake.makeRole"></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="8">
+                    <el-form-item label="费用估计:">
+                      <el-input v-model="rh_pageData.comityMake.makeCost"></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="8">
+                    <el-form-item label="职责:">
+                      <el-input v-model="rh_pageData.comityMake.makeDuties"></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="8">
+                    <el-form-item label="任期:">
+                      <el-input v-model="rh_pageData.comityMake.makeTime"></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-form>
+            </el-form-item>
+            <el-divider/>
+            <el-form-item label="工作方向:" prop="workPath">
+              <el-input v-model="rh_pageData.workPath" type="textarea"></el-input>
+            </el-form-item>
+            <el-divider/>
+            <el-form-item label="协会外部联系方式:" style="margin-bottom: 50px">
+              <div class="comityTel_btn">
+                <el-button
+                  type="primary"
+                  size="small"
+                  icon="el-icon-plus"
+                  @click="add_comityTel">
+                  添加
+                </el-button>
+                <el-button
+                  type="danger"
+                  size="small"
+                  icon="el-icon-delete"
+                  @click="del_comityTel">
+                  批量删除
+                </el-button>
+              </div>
+              <el-table
+                class="tel_table"
+                :data="rh_pageData.comityTel"
+                border
+                ref="entryTable"
+                height="49%"
+                @selection-change="selectedDelete"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"></el-table-column>
+                <el-table-column
+                  prop="tel_name"
+                  align="center"
+                  label="联络人">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.tel_name"/>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="tel_unit"
+                  align="center"
+                  label="单位">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.tel_unit"/>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="tel_phone"
+                  align="center"
+                  label="电话">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.tel_phone"/>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="tel_mail"
+                  align="center"
+                  label="邮箱">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.tel_mail"/>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+    </div>
+    <div class="content" v-show="active === '2'">
+      <div class="block" style="padding-top: 20px;">
+        <el-timeline>
+          <el-form
+            ref="roleForm"
+            :model="roleForm"
+            :rules="roleFormRules"
+            class="label-input-form">
+            <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="startUserName" style="margin-bottom: 0">
+                  <h4>流程发起人</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.startUser" :disabled="true" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.startUserName" :disabled="true" placeholder="流程发起人"></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="指派人员" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="dockUserName" style="margin-bottom: 0">
+                  <h4>技术委员会分委会主任/技术主管部门负责人</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.dockUserName" placeholder="选择指派人员" @click.native="choiceZRR('dockUser', '选择指派人员', roleForm.dockUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="填写信息" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="dockUserName1" style="margin-bottom: 0">
+                  <h4>责任工程师</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.dutyUser1" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.dutyUserName1" :disabled="true" placeholder="责任工程师">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="审批" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="partUserId" style="margin-bottom: 0">
+                  <h4>参会人员所在部门负责人</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.partUserId" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.partUser" :disabled="true" placeholder="参会人员所在部门负责人">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="汇总修订" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="startUserName" style="margin-bottom: 0">
+                  <h4>标准法规部人员</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.startUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.startUserName" :disabled="true" placeholder="选择标准法规部人员" @click.native="choiceZRR('dockUser', '选择标准法规部人员', roleForm.dockUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="审批" placement="top" :color="roleForm.leaderUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="leaderUser" style="margin-bottom: 0">
+                  <h4>标准法规部主管领导</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.leaderUserId" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.leaderUser"  placeholder="选择标准法规部主管领导" @click.native="choiceZRROne('leaderUser', '选择标准法规部主管领导', roleForm.leaderUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="会签" placement="top" :color="roleForm.feeUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="feeUser" style="margin-bottom: 0">
+                  <h4>费用管理部门</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.feeUserId" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.feeUser" placeholder="选择费用管理部门" @click.native="choiceZRR('feeUser', '选择费用管理部门', roleForm.feeUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="审定" placement="top" :color="roleForm.engineerUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="engineerUser" style="margin-bottom: 0">
+                  <h4>技术委员会常务副主任/总院院长</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.engineerUserId" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.engineerUser" placeholder="选择人员" @click.native="choiceZRROne('engineerUser', '选择人员', roleForm.engineerUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="批准" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="totalLeader" style="margin-bottom: 0">
+                  <h4>总院技术委员会主任</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.startUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.startUserName" :disabled="true" placeholder="选择总院技术委员会主任" @click.native="choiceZRROne('startUser', '选择总院技术委员会主任', roleForm.startUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+          </el-form>
+        </el-timeline>
+      </div>
+    </div>
+    <ProcessFooter
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      check-box
+      is-title="选择人员信息"
+      :is-visible.sync="roleShowflagOne"
+      :nodeList="nodeListOne"
+      @checkedRole="drawerCheckOne"
+    />
+    <Role-tree
+      is-title="选择人员信息"
+      :is-visible.sync="roleShowflag"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import {startProcess, saveTaskFirst, completeTask, queryTaskFirst} from '@/api/process.js'
+
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzrhStep1",
+  data() {
+    return {
+      active: '1', // 默认显示
+      rh_pageData: {
+        comityName: '',
+        comityNameOne: '',
+        comityNameTwo: '',
+        comityRole: '',
+        comityState: '',
+        comityKind: '',
+        infoSources: [],
+        comityMake: {
+          makeQualification: '',
+          makeRole: '',
+          makeCost: '',
+          makeDuties: '',
+          makeTime: '',
+        },
+        workPath: '',
+        comityTel: [],
+      },
+      comityNameOptions: [
+        {value: '0', label: '国内法规入库流程'},
+        {value: '1', label: '标准法规技术评估流程'},
+      ],
+      comityRoleOptions: [
+        {value: '0', label: '委员'},
+        {value: '1', label: '观察委员'},
+        {value: '2', label: '通讯委员'},
+        {value: '3', label: '成员'}
+      ],
+      comityStateOptions: [
+        {value: '0', label: '常设机构'},
+        {value: '1', label: '临时机构'}
+      ],
+      comityKindOptions: [
+        {value: '0', label: '新增'},
+        {value: '1', label: '换届'},
+        {value: '2', label: '委员改选'}
+      ],
+      /** 上传相关   */
+      acceptShow: false,
+      // 上传路径
+      uploadPath: 'api/att/attFile/upload',
+      // 上传所储存文件数组
+      fileTextList: [],
+      newDataList: [],
+
+      deleteDataList: [],
+
+      unqualidiedData: [],
+
+      roleForm: {
+        startUserName: this.$store.getters.userInfo.userName,
+        startUser: this.$store.getters.userInfo.userId,
+        dockUserName: '',
+        dockUser: '',
+        leaderUser: '',
+        leaderUserId: '',
+        feeUser: '',
+        feeUserId: '',
+        engineerUser: '',
+        engineerUserId: '',
+
+      },
+      rh_rules: {},
+      roleFormRules: {
+        dockUserName: [{required: true, message: "请选择标准法规工程师", trigger: ['blur', 'change']}]
+      },
+      roleShowflag: false,
+      roleShowflagOne: false,
+      nodeList: [],
+      nodeListOne: [],
+      isSubmit: false,
+      saveLoading: false,
+    }
+  },
+
+  mounted() {
+    this.bpnId = this.$route.query.bpnId
+    if (this.bpnId !== undefined) {
+      this.getData()
+    }
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+
+    getData() {
+      queryTaskFirst({
+        bpnId: this.$route.query.bpnId
+      }).then(res => {
+        let mes = JSON.parse(res.mes)
+        this.rh_pageData = mes.rh_pageData
+        this.roleForm = mes.roleForm
+      });
+    },
+    //上传按钮
+    uploadFile(val) {
+      this.fileListData = val
+    },
+    // 文件上传限制条件
+    handleBeforeUpload(file) {
+      var filename = file.name
+      var index1 = filename.lastIndexOf('.')
+      var index2 = filename.length
+      var fileSuffix = filename.substring(index1, index2)
+      // const fileSuffix = file.name.split('.')[1] // 后缀名
+      // 判断上传文件格式
+      if (fileSuffix === '.ZIP' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+        return true
+      } else {
+        this.spinShow = false
+        this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOCX或XLS文件')
+        return false
+      }
+      // 判断文件上传大小
+      // eslint-disable-next-line no-unreachable
+      if (file.size / 1024 / 1024 <= 200) {
+        return true
+      } else {
+        this.$message.error('文件' + file.name + '大小不超过200M')
+        return false
+      }
+      return true
+    },
+    // 移除上传的文件
+    handleBeforeRemove(file, fileList) {
+      this.fileData = fileList
+      this.fileTextList.forEach((item, index) => {
+        if (item.name === file.name || item.id === file.id) {
+          this.fileTextList.splice(index, 1)
+        }
+      })
+    },
+    // 文件上传成功
+    handleOnsuccess(res, file, fileList) {
+      if (res.ok) {
+        if (this.fileTextList !== null) {
+          this.newDataList = this.fileTextList
+          this.newDataList.push({
+            id: res.data.attId,
+            name: res.data.standName
+          })
+        } else {
+          this.newDataList.push({
+            id: res.data.attId,
+            name: res.data.standName
+          })
+        }
+        this.fileListData.fileText = this.newDataList
+        this.$message({
+          showClose: true,
+          message: res.message,
+          type: 'success'
+        })
+        this.fileMadel = false
+      }
+    },
+
+
+    /** 添加 */
+    add_comityTel() {
+      var list = {
+        tel_name: this.tel_name,
+        tel_unit: this.tel_unit,
+        tel_phone: this.tel_phone,
+        tel_mail: this.tel_mail
+      }
+      this.rh_pageData.comityTel.push(list)
+    },
+    /** 批量删除 */
+    del_comityTel() {
+      if (this.deleteDataList.length < 1) {
+        this.$message.warning("请选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.deleteDataList.map(item => {
+            let index;
+            index = this.rh_pageData.comityTel.findIndex(items => {
+              return items === item;
+            });
+            if (index > -1) {
+              this.rh_pageData.comityTel.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.deleteDataList = [];
+        }).catch(() => {
+        });
+      }
+    },
+    // 协会外部联系方式批量选择
+    selectedDelete(val) {
+      this.deleteDataList = val
+    },
+
+    // 流程阶段负责人选择
+    choiceZRR(type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.type = type
+      this.drawerTitle = title
+      this.roleShowflag = true
+    },
+    drawerCheck(data) {
+      var idList = ''
+      var nameList = ''
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id;
+        nameList += item.name;
+      });
+      if (this.type === 'feeUser') {
+        this.roleForm.feeUser = nameList
+        this.roleForm.feeUserId = idList
+      } else {
+        this.roleForm.dockUser = idList
+        this.roleForm.dockUserName = nameList
+        this.rh_pageData.comityInRole = nameList
+        this.rh_pageData.comityInRoleId = idList
+      }
+      this.roleShowflag = false
+    },
+
+    // 流程阶段人选择
+    choiceZRROne(type, title, id) {
+      this.nodeListOne = []
+      this.nodeListOne.push(id)
+      this.type = type
+      this.drawerTitleOne = title
+      this.roleShowflagOne = true
+    },
+    drawerCheckOne(data) {
+      this.unqualidiedData.forEach(item => {
+        item.engineer = data[0].name
+        item.engineerId = data[0].id
+      })
+      if (this.type === 'leaderUser') {
+        this.roleForm.leaderUser = data[0].name
+        this.roleForm.leaderUserId = data[0].id
+      } else {
+        this.roleForm.engineerUser = data[0].name
+        this.roleForm.engineerUserId = data[0].id
+      }
+      this.roleShowflagOne = false
+    },
+
+    // 保存按钮
+    handleSave() {
+      this.saveLoading = true
+      let _formData = new FormData()
+      _formData.append('id', this.bpnId || '')
+      _formData.append('createUser', this.$store.getters.userInfo.userId)
+      _formData.append('createUserName', this.$store.getters.userInfo.userName)
+      _formData.append('prcType', '20')
+      _formData.append('json', JSON.stringify({
+        roleForm: this.roleForm,
+        rh_pageData: this.rh_pageData
+      }))
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        prcCreateUser: this.$store.getters.userInfo.userId,
+        prcCreateUserName: this.$store.getters.userInfo.userName,
+        roleList: this.roleForm,
+        rh_pageData: this.rh_pageData,
+        directorList: this.rh_pageData.comityInRoleId,
+      }
+      this.$refs['rh_pageData'].validate((valid) => {
+        if (valid) {
+          this.$refs['roleForm'].validate((valid) => {
+            if (valid) {
+              this.isSubmit = true
+              const paramsInfo = {
+                type: '20'
+              }
+              startProcess(paramsInfo).then(res => {
+                this.taskID = res.data
+                const params = new FormData();
+                params.set('json', JSON.stringify(json))
+                params.set('userId', this.$store.getters.userInfo.userId)
+                params.set('taskId', this.taskID)
+                completeTask(params).then(res => {
+                  if (res.success === true) {
+                    this.$message.success('提交成功')
+                    this.$router.push("/processCenter");
+                  }
+                  this.isSubmit = false
+                })
+              })
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.bzrhStep1 {
+  position: relative;
+  height: 100%;
+
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .content_form {
+    border: 1px solid #DCDFE6;
+    padding-top: 15px;
+
+    .el-divider--horizontal {
+      margin-top: 0px;
+    }
+
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+
+    /deep/ .el-textarea__inner {
+      font-family: inherit;
+    }
+
+    .make_form {
+      border: 1px solid #DCDFE6;
+      padding: 10px;
+
+      /deep/ .el-form-item__label-wrap {
+        margin-left: 0 !important;
+      }
+
+      /deep/ .el-form-item__content {
+        margin-left: 40px !important;
+      }
+
+      .el-input {
+        padding-bottom: 10px;
+        width: 85%;
+      }
+    }
+
+    .comityTel_btn {
+      text-align: right;
+    }
+
+    /deep/ .el-table th {
+      padding: 0px;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHd-rh/step2.vue

@@ -0,0 +1,443 @@
+<template>
+  <div class="bzrhStep2">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会入会流程</template>
+      <template slot="proNode">选择人员确认</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="rh_pageData" :model="rh_pageData" label-width="150px" :rules="rh_rules">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="文件编号:" prop="comityFileNum">
+                  {{ rh_pageData.comityFileNum || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="文件名称:" prop="comityFileName">
+                  {{ rh_pageData.comityFileName || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  {{ rh_pageData.comityName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="协会状态:" prop="comityState">
+                  {{ rh_pageData.comityState || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="入会性质:" prop="comityKind">
+                  {{ rh_pageData.comityKind || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="资质:">
+                  {{ rh_pageData.comityMake.makeQualification || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="成员:">
+                  {{ rh_pageData.comityMake.makeRole || '' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="费用估计:">
+                  {{ rh_pageData.comityMake.makeCost || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="职责:">
+                  {{ rh_pageData.comityMake.makeDuties || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="任期:">
+                  {{ rh_pageData.comityMake.makeTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="工作方向:" prop="workPath">
+              <el-input v-model="rh_pageData.workPath" type="textarea" :disabled="true" style="width: 50%;height: auto"></el-input>
+            </el-form-item>
+            <el-form-item label="协会外部联系方式:">
+              <el-table
+                :data="rh_pageData.comityTel"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"/>
+                <el-table-column prop="tel_name" align="center" label="联络人"/>
+                <el-table-column prop="tel_unit" align="center" label="单位"/>
+                <el-table-column prop="tel_phone" align="center" label="电话"/>
+                <el-table-column prop="tel_mail" align="center" label="邮箱"/>
+              </el-table>
+            </el-form-item>
+            <ProcessTitle>
+              <template slot="title">选择人员</template>
+            </ProcessTitle>
+            <el-form-item label="入会人员:">
+              <el-input
+                :disabled="true"
+                style="width: 30%"
+                v-model="rh_pageData.comityOpRole"
+              />
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <el-collapse accordion>
+        <el-collapse-item title="回执说明">
+          <div style="margin: 10px 0;">
+            <el-input
+              type="textarea"
+              :rows="3"
+              resize="none"
+              placeholder="请输入意见"
+              v-model="commentText">
+            </el-input>
+          </div>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-submit
+      show-back
+      backBTNTexts="不涉及"
+      :isSubmitBack="isBack"
+      :submitLoading="isSubmit"
+      @back="handleSubmitNo"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import {
+  completeTask,
+  inboundLiaisonDetail,
+  startProcess,
+  saveinboundTask,
+  saveTaskForPub,
+} from "@/api/process.js"
+
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzrhStep2",
+  data() {
+    return {
+      active: '1', // 默认显示
+      rh_rules: {},
+      rh_pageData: {
+        comityFileNum: '',
+        comityFileName: '',
+        comityName: '',
+        comityRole: '',
+        comityState: '',
+        comityKind: '',
+        infoSources: '',
+        comityMake: {
+          makeQualification: '',
+          makeRole: '',
+          makeCost: '',
+          makeDuties: '',
+          makeTime: '',
+        },
+        workPath: '',
+        comityTel: [],
+        comityOpRole: '',
+        comityInRoleId: '',
+      },
+      roleForm: {},
+      commentText: '',
+      roleShowflag: false,
+      nodeList: [],
+      detailData: [],
+      loading: false,
+
+      isSubmit: false,
+      isBack: false,
+      saveLoading: false,
+
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList(item) {
+      this.$nextTick(() => {
+        this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
+        this.rh_pageData.comityOpRole = this.$store.getters.userInfo.userName
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        // this.rh_pageData.comityFileNum = this.fileTextList
+      })
+    },
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    // 退回按钮
+    handleSubmitNo() {
+      let json = {
+        roleList: this.roleForm,
+        memberId: this.$store.getters.userInfo.userId,
+        passFlag: '0',
+        commentText: this.commentText,
+        rh_pageData: this.rh_pageData,
+      }
+      this.$refs['rh_pageData'].validate((valid) => {
+        if (valid) {
+          this.isBack = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('退回成功')
+              this.$router.push("/processCenter");
+            }
+            this.isBack = false
+          });
+        }
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        roleList: this.roleForm,
+        memberId: this.$store.getters.userInfo.userId,
+        passFlag: '1',
+        commentText: this.commentText,
+        rh_pageData: this.rh_pageData,
+      }
+      this.$refs['rh_pageData'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false
+          });
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.bzrhStep2 {
+  position: relative;
+  height: 100%;
+
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .content_form {
+    padding: 15px;
+
+    .comityTel_btn {
+      text-align: right;
+    }
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+
+    /deep/ .el-table th {
+      padding: 0px;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHd-rh/step3.vue

@@ -0,0 +1,506 @@
+<template>
+  <div class="bzrhStep3">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会入会流程</template>
+      <template slot="proNode">入选代表填写信息</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="rh_pageData" :model="rh_pageData" label-width="auto">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="文件编号:" prop="comityFileNum">
+                  {{ rh_pageData.comityFileNum || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="文件名称:" prop="comityFileName">
+                  {{ rh_pageData.comityFileName || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  {{ rh_pageData.comityName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="协会状态:" prop="comityState">
+                  {{ rh_pageData.comityState || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="入会性质:" prop="comityKind">
+                  {{ rh_pageData.comityKind || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="资质:">
+                  {{ rh_pageData.comityMake.makeQualification || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="成员:">
+                  {{ rh_pageData.comityMake.makeRole || '' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="职责:">
+                  {{ rh_pageData.comityMake.makeDuties || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="费用估计:">
+                  {{ rh_pageData.comityMake.makeCost || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="任期:">
+                  {{ rh_pageData.comityMake.makeTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="协会外部联系方式:">
+              <el-table
+                :data="rh_pageData.comityTel"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"/>
+                <el-table-column prop="tel_name" align="center" label="联络人"/>
+                <el-table-column prop="tel_unit" align="center" label="单位"/>
+                <el-table-column prop="tel_phone" align="center" label="电话"/>
+                <el-table-column prop="tel_mail" align="center" label="邮箱"/>
+              </el-table>
+            </el-form-item>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="参与人:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写"
+                    :disabled="true"
+                    v-model="rh_pageData.fillPeople"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="单位:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写"
+                    v-model="rh_pageData.fillUnit"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="部门:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写部门"
+                    v-model="rh_pageData.fillDept"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="身份:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写身份"
+                    v-model="rh_pageData.fillPost"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="电话:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写电话"
+                    v-model="rh_pageData.fillTel"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="邮箱:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写邮箱"
+                    v-model="rh_pageData.fillMail"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="参与人部门领导:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写"
+                    v-model="rh_pageData.fillLeader"
+                    @click.native="choiceZRR"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="资料:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写"
+                    v-model="rh_pageData.fillFile"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      check-box
+      is-title="选择人员信息"
+      :is-visible.sync="roleShowflag"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import {
+  completeTask,
+  inboundLiaisonDetail,
+  saveinboundTask,
+  saveTaskForPub,
+} from "@/api/process.js"
+
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzrhStep3",
+  data() {
+    return {
+      active: '1', // 默认显示
+      rh_pageData: {
+        comityFileNum: '',
+        comityFileName: '',
+        comityName: '',
+        comityRole: '',
+        comityState: '',
+        comityKind: '',
+        InfoSources: '',
+        comityMake: {
+          makeQualification: '',
+          makeRole: '',
+          makeCost: '',
+          makeDuties: '',
+          makeTime: '',
+        },
+        workPath: '',
+        comityTel: [],
+        fillPeople: '',
+        fillUnit: '',
+        fillDept: '',
+        fillPost: '',
+        fillTel: '',
+        fillMail: '',
+        fillLeader: '',
+        fillLeaderId: '',
+        fillFile: '',
+      },
+      roleForm: {},
+      unqualidiedData: [],
+      roleShowflag: false,
+      nodeList: [],
+      detailData: [],
+      loading: false,
+
+      isSubmit: false,
+      saveLoading: false,
+
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
+        this.rh_pageData.fillPeople = this.$store.getters.userInfo.userName
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        // this.rh_pageData.comityFileNum = this.fileTextList
+      })
+    },
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    choiceZRR(type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.type = type
+      this.drawerTitle = title
+      this.roleShowflag = true
+    },
+    drawerCheck (data) {
+      this.unqualidiedData.forEach(item => {
+        item.engineer = data[0].name
+        item.engineerId = data[0].id
+      })
+      this.rh_pageData.fillLeaderId = data[0].id
+      this.rh_pageData.fillLeader = data[0].name
+      this.roleShowflag = false
+    },
+    // 保存按钮
+    handleSave() {
+      this.saveLoading = true
+      let _formData = new FormData()
+      _formData.append('taskIds', this.taskIds)
+      _formData.append('json', JSON.stringify({
+        roleList: this.roleForm,
+        selfUser: this.$store.getters.userInfo.userId,
+        charge: this.rh_pageData.fillLeaderId,
+        rh_pageData: this.rh_pageData,
+      }))
+      saveTaskForPub(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        roleList: this.roleForm,
+        selfUser: this.$store.getters.userInfo.userId,
+        charge: this.rh_pageData.fillLeaderId,
+        rh_pageData: this.rh_pageData,
+      }
+      this.$refs['rh_pageData'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false
+          });
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.bzrhStep3 {
+  position: relative;
+  height: 100%;
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+  .content_form {
+    padding: 15px;
+    .comityTel_btn {
+      text-align: right;
+    }
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+    /deep/.el-table th {
+      padding: 0px;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHd-rh/step4.vue

@@ -0,0 +1,456 @@
+<template>
+  <div class="bzrhStep4">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会入会流程</template>
+      <template slot="proNode">责任负责人审批</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="rh_pageData" :model="rh_pageData" label-width="auto" :rules="rh_rules">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="文件编号:" prop="comityFileNum">
+                  {{ rh_pageData.comityFileNum || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="文件名称:" prop="comityFileName">
+                  {{ rh_pageData.comityFileName || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  {{ rh_pageData.comityName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="协会状态:" prop="comityState">
+                  {{ rh_pageData.comityState || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="入会性质:" prop="comityKind">
+                  {{ rh_pageData.comityKind || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="资质:">
+                  {{ rh_pageData.comityMake.makeQualification || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="成员:">
+                  {{ rh_pageData.comityMake.makeRole || '' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="费用估计:">
+                  {{ rh_pageData.comityMake.makeCost || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="职责:">
+                  {{ rh_pageData.comityMake.makeDuties || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="任期:">
+                  {{ rh_pageData.comityMake.makeTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="工作方向:" prop="workPath">
+              <el-input v-model="rh_pageData.workPath" type="textarea" :disabled="true" style="width: 50%;height: auto"></el-input>
+            </el-form-item>
+            <el-form-item label="协会外部联系方式:">
+              <el-table
+                :data="rh_pageData.comityTel"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"/>
+                <el-table-column prop="tel_name" align="center" label="联络人"/>
+                <el-table-column prop="tel_unit" align="center" label="单位"/>
+                <el-table-column prop="tel_phone" align="center" label="电话"/>
+                <el-table-column prop="tel_mail" align="center" label="邮箱"/>
+              </el-table>
+            </el-form-item>
+            <el-form-item label="入会人员:">
+              <el-table
+                :data="rh_pageData.myPartRole"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column prop="fillPeople" align="center" label="参与人"/>
+                <el-table-column prop="fillUnit" align="center" label="单位"/>
+                <el-table-column prop="fillDept" align="center" label="部门"/>
+                <el-table-column prop="fillPost" align="center" label="身份"/>
+                <el-table-column prop="fillTel" align="center" label="电话"/>
+                <el-table-column prop="fillMail" align="center" label="邮箱"/>
+                <el-table-column prop="fillFile" align="center" label="资料"/>
+              </el-table>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <el-collapse accordion>
+        <el-collapse-item title="回执说明">
+          <div style="margin: 10px 0;">
+            <el-input
+              type="textarea"
+              :rows="3"
+              resize="none"
+              placeholder="请输入意见"
+              v-model="textarea">
+            </el-input>
+          </div>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-submit
+      show-back
+      backBTNTexts="驳回"
+      :submitLoading="isSubmit"
+      :isSubmitBack="isBack"
+      @back="handleSubmitNo"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import {
+  completeTask,
+  inboundLiaisonDetail,
+  saveinboundTask,
+  saveTaskForPub,
+  changeAssigneeNew
+} from "@/api/process.js"
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzrhStep4",
+  data() {
+    return {
+      active: '1', // 默认显示
+      rh_rules: {},
+      rh_pageData: {
+        comityFileNum: '',
+        comityFileName: '',
+        comityName: '',
+        comityRole: '',
+        comityState: '',
+        comityKind: '',
+        InfoSources: '',
+        comityMake: {
+          makeQualification: '',
+          makeRole: '',
+          makeCost: '',
+          makeDuties: '',
+          makeTime: '',
+        },
+        prcCreateUser: {},
+        workPath: '',
+        comityTel: [],
+        fillPeople: '',
+        fillUnit: '',
+        fillDept: '',
+        fillPost: '',
+        fillTel: '',
+        fillMail: '',
+        fillLeader: '',
+        fillFile: '',
+        myPartRole: [],
+      },
+      roleForm: {},
+      selfUser: '',
+      detailData: [],
+      loading: false,
+
+      textarea: '',
+      isSubmit: false,
+      isBack: false,
+      saveLoading: false,
+
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
+        this.rh_pageData.myPartRole = [{
+          fillPeople: this.rh_pageData.fillPeople,
+          fillUnit: this.rh_pageData.fillUnit,
+          fillDept: this.rh_pageData.fillDept,
+          fillPost: this.rh_pageData.fillPost,
+          fillTel: this.rh_pageData.fillTel,
+          fillMail: this.rh_pageData.fillMail,
+          fillFile: this.rh_pageData.fillFile,
+        }]
+        this.selfUser = JSON.parse(JSON.stringify(item)).selfUser
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        // this.rh_pageData.comityFileNum = this.fileTextList
+      })
+    },
+
+    // 退回按钮
+    handleSubmitNo() {
+      let json = {
+        member: this.selfUser,
+        passFlag: '0',
+        roleList: this.roleForm,
+        commentText: this.textarea,
+        rh_pageData: this.rh_pageData,
+      }
+      this.$refs['rh_pageData'].validate((valid) => {
+        if (valid) {
+          this.isBack = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('退回成功')
+              this.$router.push("/processCenter");
+            }
+            this.isBack = false
+          });
+        }
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        member: this.selfUser,
+        passFlag: '1',
+        engineerSum: this.roleForm.startUser,
+        roleList: this.roleForm,
+        commentText: this.textarea,
+        rh_pageData: this.rh_pageData,
+      }
+      this.$refs['rh_pageData'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false
+          });
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.bzrhStep4 {
+  position: relative;
+  height: 100%;
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+  .content_form {
+    padding: 15px;
+    .comityTel_btn {
+      text-align: right;
+    }
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+    /deep/.el-table th {
+      padding: 0px;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHd-rh/step5.vue

@@ -0,0 +1,477 @@
+<template>
+  <div class="bzrhStep5">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会入会流程</template>
+      <template slot="proNode">汇总修订</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="rh_pageData" :model="rh_pageData" label-width="auto" :rules="rh_rules">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="文件编号:" prop="comityFileNum">
+                  {{ rh_pageData.comityFileNum || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="文件名称:" prop="comityFileName">
+                  {{ rh_pageData.comityFileName || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  {{ rh_pageData.comityName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="协会状态:" prop="comityState">
+                  {{ rh_pageData.comityState || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="入会性质:" prop="comityKind">
+                  {{ rh_pageData.comityKind || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="资质:">
+                  {{ rh_pageData.comityMake.makeQualification || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="成员:">
+                  {{ rh_pageData.comityMake.makeRole || '' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="费用估计:">
+                  {{ rh_pageData.comityMake.makeCost || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="职责:">
+                  {{ rh_pageData.comityMake.makeDuties || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="任期:">
+                  {{ rh_pageData.comityMake.makeTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="工作方向:" prop="workPath">
+              <el-input v-model="rh_pageData.workPath" type="textarea" style="width: 50%;height: auto"></el-input>
+            </el-form-item>
+            <el-form-item label="协会外部联系方式:">
+              <el-table
+                :data="rh_pageData.comityTel"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"/>
+                <el-table-column
+                  prop="tel_name"
+                  align="center"
+                  label="联络人">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.tel_name"/>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="tel_unit"
+                  align="center"
+                  label="单位">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.tel_unit"/>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="tel_phone"
+                  align="center"
+                  label="电话">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.tel_phone"/>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="tel_mail"
+                  align="center"
+                  label="邮箱">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.tel_mail"/>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+            <el-form-item label="我司参与人员:">
+              <div class="myPart_btn">
+                <el-button
+                  type="danger"
+                  size="small"
+                  icon="el-icon-delete"
+                  @click="del_paryForm">
+                  批量删除
+                </el-button>
+              </div>
+              <el-table
+                :data="rh_pageData.myPartRole"
+                border
+                ref="entryTable"
+                @selection-change="selectedDelete"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"/>
+                <el-table-column prop="fillPeople" align="center" label="参与人"/>
+                <el-table-column prop="fillUnit" align="center" label="单位"/>
+                <el-table-column prop="fillDept" align="center" label="部门"/>
+                <el-table-column prop="fillPost" align="center" label="身份"/>
+                <el-table-column prop="fillTel" align="center" label="电话"/>
+                <el-table-column prop="fillMail" align="center" label="邮箱"/>
+                <el-table-column prop="fillFile" align="center" label="资料"/>
+              </el-table>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-submit
+      show-save
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import {
+  completeTask,
+  inboundLiaisonDetail,
+  saveinboundTask,
+  saveTaskForPub,
+  changeAssigneeNew
+} from "@/api/process.js"
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzrhStep5",
+  data() {
+    return {
+      active: '1', // 默认显示
+      rh_rules: {},
+      rh_pageData: {
+        comityFileNum: '',
+        comityFileName: '',
+        comityName: '',
+        comityRole: '',
+        comityState: '',
+        comityKind: '',
+        InfoSources: '',
+        comityMake: {
+          makeQualification: '',
+          makeRole: '',
+          makeCost: '',
+          makeDuties: '',
+          makeTime: '',
+        },
+        workPath: '',
+        comityTel: [],
+        fillPeople: '',
+        fillUnit: '',
+        fillDept: '',
+        fillPost: '',
+        fillTel: '',
+        fillMail: '',
+        fillLeader: '',
+        fillFile: '',
+        myPartRole: [],
+      },
+
+      roleForm: {},
+      detailData: [],
+      loading: false,
+
+      textarea: '',
+      isSubmit: false,
+      saveLoading: false,
+
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        // this.rh_pageData.comityFileNum = this.fileTextList
+      })
+    },
+    /** 批量删除 */
+    del_paryForm() {
+      if (this.deleteDataList.length < 1) {
+        this.$message.warning("请选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.deleteDataList.map(item => {
+            let index;
+            index = this.rh_pageData.myPartRole.findIndex(items => {
+              return items.id === item;
+            });
+            if (index > -1) {
+              this.rh_pageData.myPartRole.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.deleteDataList = [];
+        }).catch(() => {
+        });
+      }
+    },
+
+    selectedDelete(val) {
+      this.deleteDataList = val
+    },
+    // 保存按钮
+    handleSave() {
+    },
+    // 提交按钮
+    handleSubmit() {
+        let json = {
+          leader: this.roleForm.leaderUserId,
+          rh_pageData: this.rh_pageData,
+          roleList: this.roleForm,
+        }
+        this.$refs['rh_pageData'].validate((valid) => {
+          if (valid) {
+            this.isSubmit = true
+            const params = new FormData();
+            params.set('json', JSON.stringify(json))
+            params.set('userId', this.$store.getters.userInfo.userId)
+            params.set('taskId', this.taskIds)
+            completeTask(params).then(res => {
+              if (res.success === true) {
+                this.$message.success('提交成功')
+                this.$router.push("/processCenter");
+              }
+              this.isSubmit = false
+            });
+          }
+        })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.bzrhStep5 {
+  position: relative;
+  height: 100%;
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .content_form {
+    padding: 15px;
+    .comityTel_btn {
+      text-align: right;
+    }
+    /deep/.el-table th {
+      padding: 0px;
+    }
+    /deep/.el-table__body-wrapper {
+      height: auto!important;
+    }
+    .myPart_btn {
+      text-align: right;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHd-rh/step6.vue

@@ -0,0 +1,520 @@
+<template>
+  <div class="bzrhStep6">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会入会流程</template>
+      <template v-if="taskInfo === '标准法规部主管领导审核'" slot="proNode">审批</template>
+      <template v-else-if="taskInfo === '费用管理部门会签'" slot="proNode">会签</template>
+      <template v-else-if="taskInfo === '技术委员会常务副主任/总院院长审定'" slot="proNode">审定</template>
+      <template v-else slot="proNode">批准</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="rh_pageData" :model="rh_pageData" label-width="auto" :rules="rh_rules">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="文件编号:" prop="comityFileNum">
+                  {{ rh_pageData.comityFileNum || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="文件名称:" prop="comityFileName">
+                  {{ rh_pageData.comityFileName || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  {{ rh_pageData.comityName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="协会状态:" prop="comityState">
+                  {{ rh_pageData.comityState || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="入会性质:" prop="comityKind">
+                  {{ rh_pageData.comityKind || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="资质:">
+                  {{ rh_pageData.comityMake.makeQualification || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="成员:">
+                  {{ rh_pageData.comityMake.makeRole || '' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="费用估计:">
+                  {{ rh_pageData.comityMake.makeCost || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="职责:">
+                  {{ rh_pageData.comityMake.makeDuties || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="任期:">
+                  {{ rh_pageData.comityMake.makeTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="工作方向:" prop="workPath">
+              <el-input v-model="rh_pageData.workPath" type="textarea" style="width: 50%;height: auto"></el-input>
+            </el-form-item>
+            <el-form-item label="协会外部联系方式:">
+              <el-table
+                :data="rh_pageData.comityTel"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"></el-table-column>
+                <el-table-column prop="tel_name" align="center" label="联络人"/>
+                <el-table-column prop="tel_unit" align="center" label="单位"/>
+                <el-table-column prop="tel_phone" align="center" label="电话"/>
+                <el-table-column prop="tel_mail" align="center" label="邮箱"/>
+              </el-table>
+            </el-form-item>
+            <el-form-item label="我司参与人员:">
+              <div class="myPart_btn">
+                <el-button
+                  type="danger"
+                  size="small"
+                  icon="el-icon-delete"
+                  @click="del_paryForm">
+                  批量删除
+                </el-button>
+              </div>
+              <el-table
+                :data="rh_pageData.myPartRole"
+                border
+                ref="entryTable"
+                @selection-change="selectedDelete"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"/>
+                <el-table-column prop="fillPeople" align="center" label="参与人"/>
+                <el-table-column prop="fillUnit" align="center" label="单位"/>
+                <el-table-column prop="fillDept" align="center" label="部门"/>
+                <el-table-column prop="fillPost" align="center" label="身份"/>
+                <el-table-column prop="fillTel" align="center" label="电话"/>
+                <el-table-column prop="fillMail" align="center" label="邮箱"/>
+                <el-table-column prop="fillFile" align="center" label="资料"/>
+              </el-table>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      v-if="taskInfo !== '标准法规工程师汇总修订完毕'"
+      show-submit
+      show-back
+      :isSubmitBack="isBack"
+      :submitLoading="isSubmit"
+      @back="handleSubmitNo"
+      @submit="handleSubmit"
+    />
+    <ProcessFooter
+      v-else
+      show-submit
+      :submitLoading="isSubmit"
+      @submit="handleSubmit"
+    />
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import {
+  completeTask,
+  inboundLiaisonDetail,
+  saveinboundTask,
+  saveTaskForPub,
+  changeAssigneeNew
+} from "@/api/process.js"
+
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzrhStep6",
+  data() {
+    return {
+      active: '1', // 默认显示
+      rh_rules: {},
+      rh_pageData: {
+        comityFileNum: '',
+        comityFileName: '',
+        comityName: '',
+        comityRole: '',
+        comityState: '',
+        comityKind: '',
+        InfoSources: '',
+        comityMake: {
+          makeQualification: '',
+          makeRole: '',
+          makeCost: '',
+          makeDuties: '',
+          makeTime: '',
+        },
+        workPath: '',
+        comityTel: [],
+        fillPeople: '',
+        fillUnit: '',
+        fillDept: '',
+        fillPost: '',
+        fillTel: '',
+        fillMail: '',
+        fillLeader: '',
+        fillFile: '',
+        myPartRole: [],
+      },
+
+      detailData: [],
+      loading: false,
+
+      roleForm: {},
+      textarea: '',
+      isSubmit: false,
+      isBack: false,
+      saveLoading: false,
+      taskInfo: this.$route.query.taskInfo,
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList(item) {
+      this.$nextTick(() => {
+        this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        // this.rh_pageData.comityFileNum = this.fileTextList
+      })
+    },
+    /** 批量删除 */
+    del_paryForm() {
+      if (this.deleteDataList.length < 1) {
+        this.$message.warning("请选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.deleteDataList.map(item => {
+            let index;
+            index = this.rh_pageData.myPartRole.findIndex(items => {
+              return items.id === item;
+            });
+            if (index > -1) {
+              this.rh_pageData.myPartRole.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.deleteDataList = [];
+        }).catch(() => {
+        });
+      }
+    },
+
+    selectedDelete(val) {
+      this.deleteDataList = val
+    },
+    // 退回按钮
+    handleSubmitNo() {
+      let json = {
+        passFlag:  '0',
+        rh_pageData: this.rh_pageData,
+        roleList: this.roleForm
+      }
+      if (this.taskInfo === '标准法规部主管领导审核') {
+        json.manageDepartmentList = this.roleForm.feeUserId
+      } else if (this.taskInfo === '费用管理部门会签') {
+        json.manageDepartment = this.$store.getters.userInfo.userId
+        json.president = this.roleForm.engineerUserId
+      } else if (this.taskInfo === '技术委员会常务副主任/总院院长审定') {
+        json.engineerSumDone = this.roleForm.startUser
+      } else {
+        json = {
+          rh_pageData: this.rh_pageData,
+          roleList: this.roleForm
+        }
+      }
+      this.$refs['rh_pageData'].validate((valid) => {
+        if (valid) {
+          this.isBack = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isBack = false
+          });
+        }
+      })
+    },
+
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        passFlag: '1',
+        rh_pageData: this.rh_pageData,
+        roleList: this.roleForm
+      }
+      if (this.taskInfo === '标准法规部主管领导审核') {
+        json.manageDepartmentList = this.roleForm.feeUserId
+      } else if (this.taskInfo === '费用管理部门会签') {
+        json.manageDepartment = this.$store.getters.userInfo.userId
+        json.president = this.roleForm.engineerUserId
+      } else if (this.taskInfo === '技术委员会常务副主任/总院院长审定') {
+        json.engineerSumDone = this.roleForm.startUser
+      } else {
+        json = {
+          rh_pageData: this.rh_pageData,
+          roleList: this.roleForm
+        }
+      }
+      this.$refs['rh_pageData'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false
+          });
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.bzrhStep6 {
+  position: relative;
+  height: 100%;
+
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .content_form {
+    padding: 15px;
+
+    .comityTel_btn {
+      text-align: right;
+    }
+
+    /deep/ .el-table th {
+      padding: 0px;
+    }
+
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+    .myPart_btn {
+      text-align: right;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHh-hh/step1.vue

@@ -0,0 +1,702 @@
+<template>
+  <div class="bzhhStep1">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化会后管理流程</template>
+      <template slot="proNode">发起流程</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="hh_pageData" :model="hh_pageData" :rules="hh_rules" label-width="150px">
+            <el-row>
+              <el-col :span="5">
+                <el-form-item label="标委会:">
+                  {{ hh_pageData.comityName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="分标委:">
+                  {{ hh_pageData.comityNameOne || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="工作组:">
+                  {{ hh_pageData.comityNameGroup || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="5">
+                <el-form-item label="参会人:">
+                  {{ hh_pageData.partPeople || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="参会时间:">
+                  {{ hh_pageData.meetingStartTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="5">
+                <el-form-item label="会议名称:">
+                  {{ hh_pageData.meetingName || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item>
+              <div class="table_btn">
+                <el-button type="primary" size="small" @click="table_add">添加</el-button>
+                <el-button type="danger" size="small" @click="table_delete">批量删除</el-button>
+              </div>
+              <el-table
+                :data="hh_pageData.standardTable"
+                border
+                ref="standardTable"
+                height="49%"
+                @selection-change="selectedDelete"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55" align="center"/>
+                <el-table-column type="index" label="序号" align="center" width="50"/>
+                <el-table-column prop="standardId" label="标准编号" align="center">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.standardId" placeholder="请填写标准编号"/>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="standardName" label="标准名称" align="center">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.standardName" placeholder="请填写标准名称"/>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="material" label="资料" align="center">
+                  <template slot-scope="scope">
+                    <el-upload
+                      :disabled="acceptShow"
+                      multiple
+                      ref="uploadFile"
+                      :action="actionPath"
+                      name="file"
+                      :file-list="scope.row.fileTextList"
+                      accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                      :before-upload="handleBeforeUpload"
+                      :before-remove="handleBeforeRemove"
+                      :on-success="handleOnsuccess"
+                    >
+                      <el-button type="primary" size="mini" @click="uploadTable(scope.row)">点击上传</el-button>
+                    </el-upload>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+            <el-form-item>
+              <div style="text-align: right">
+                <el-button type="primary" size="small" @click="otherAdd">添加(测试用)</el-button>
+              </div>
+              <el-table
+                :data="hh_pageData.themeTable"
+                border
+                ref="themeTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="index" label="序号" align="center" width="50"/>
+                <el-table-column label="议题" align="center" prop="meetingTheme">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.meetingTheme"></el-input>
+                  </template>
+                </el-table-column>
+                <el-table-column label="资料" align="center" prop="meetingFile" width="200">
+                  <template slot-scope="scope">
+                    <el-upload
+                      :action="actionPath"
+                      :disabled="acceptShow"
+                      multiple
+                      ref="uploadThemeFile"
+                      name="themeFile"
+                      :file-list="scope.row.themeFileList"
+                      accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                      :before-upload="beforeUploadTheme"
+                      :before-remove="beforeRemoveTheme"
+                      :on-success="onsuccessTheme"
+                    >
+                      <el-button type="primary" size="mini" @click="uploadThemeTable(scope.row)">点击上传</el-button>
+                    </el-upload>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+            <el-form-item label="其他资料:" prop="otherFile">
+              <el-upload
+                :action="actionPath"
+                :disabled="acceptShow"
+                multiple
+                style="width: 30%"
+                ref="uploadOtherFile"
+                name="otherFile"
+                :file-list="otherFileList"
+                accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                :before-upload="beforeUploadOther"
+                :before-remove="beforeRemoveOther"
+                :on-success="onsuccessOther"
+              >
+                <el-button type="primary" size="small" @click="otherBtn">点击上传</el-button>
+              </el-upload>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+    </div>
+    <div class="content" v-show="active === '2'">
+      <div class="block" style="padding-top: 20px;">
+        <el-timeline>
+          <el-form
+            ref="roleForm"
+            :model="roleForm"
+            :rules="roleFormRules"
+            class="label-input-form">
+            <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="startUserName" style="margin-bottom: 0">
+                  <h4>流程发起人</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.startUser" :disabled="true" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.startUserName" :disabled="true" placeholder="流程发起人"></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="法规工程师" placement="top" :color="roleForm.engineerUserId ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="engineerUser" style="margin-bottom: 0">
+                  <h4>法规工程师</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.engineerUserId" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.engineerUser" placeholder="选择法规工程师" @click.native="choiceZRROne('engineerUserId', '选择法规工程师', roleForm.engineerUserId)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+          </el-form>
+        </el-timeline>
+      </div>
+    </div>
+    <ProcessFooter
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      check-box
+      is-title="选择人员信息"
+      :is-visible.sync="roleShowflagOne"
+      :nodeList="nodeListOne"
+      @checkedRole="drawerCheckOne"
+    />
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import {startProcess, saveTaskFirst, completeTask, queryTaskFirst, inboundLiaisonDetail} from '@/api/process.js'
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzhhStep1",
+  data() {
+    return {
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      actionPath: 'api/att/attFile/upload',
+      active: '1',
+      hh_pageData: {
+        comityName: '',
+        comityNameOne: '',
+        comityNameGroup: '',
+        meetingStartTime: '',
+        meetingName: '',
+        partPeople: '',
+        standardTable: [],
+        themeTable: [],
+      },
+      hh_rules: {},
+      deleteDataList: [],
+      acceptShow: false,
+
+      roleShowflagOne: false,
+      nodeListOne: [],
+
+      // 上传文件储存
+      fileTextList: [],
+      newDataList: [],
+
+      themeFileList: [],
+      newThemeFile: [],
+
+      otherFileList: [],
+      newOtherFile: [],
+
+      roleForm: {
+        startUserName: this.$store.getters.userInfo.userName,
+        startUser: this.$store.getters.userInfo.userId,
+        engineerUserId: '',
+        engineerUser: '',
+      },
+      roleFormRules: {},
+
+      isSubmit: false,
+      saveLoading: false
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        let commitStatus = res.commitStatus
+        if(commitStatus && commitStatus > 0){
+          this.acceptShow = true
+          this.submitShow = false
+        }else {
+          this.acceptShow = false
+          this.submitShow = true
+        }
+        this.todoId = res.id
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        let listJSON = JSON.parse(JSON.stringify(item)).hh_pageData
+      })
+    },
+
+    // 添加按钮
+    table_add() {
+      var list = {
+        standardId: this.standardId,
+        standardName: this.standardName,
+        material: this.material,
+      }
+      this.hh_pageData.standardTable.push(list)
+    },
+    selectedDelete(val) {
+      this.deleteDataList = val
+    },
+    // 批量删除按钮
+    table_delete() {
+      if (this.deleteDataList.length < 1) {
+        this.$message.warning("请选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.deleteDataList.map(item => {
+            let index;
+            index = this.hh_pageData.standardTable.findIndex(items => {
+              return items === item;
+            });
+            if (index > -1) {
+              this.hh_pageData.standardTable.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.deleteDataList = [];
+        }).catch(() => {
+        });
+      }
+    },
+
+    otherAdd() {
+      var list = {
+        meetingTheme: this.meetingTheme,
+        meetingFile: this.meetingFile,
+      }
+      this.hh_pageData.themeTable.push(list)
+    },
+    /** 标准号的表格上传 */
+    // 标准号的表格上传按钮
+    uploadTable(val) {
+      this.fileListData = val
+    },
+    // 文件上传成功
+    handleOnsuccess(res, file, fileList) {
+      if (res.ok) {
+        if (this.fileTextList !== null) {
+          this.newDataList = this.fileTextList
+          this.newDataList.push({
+            id: res.data.attId,
+            name: res.data.standName
+          })
+        } else {
+          this.newDataList.push({
+            id: res.data.attId,
+            name: res.data.standName
+          })
+        }
+        this.fileListData.fileText = this.newDataList
+        this.$message({
+          showClose: true,
+          message: res.message,
+          type: 'success'
+        })
+        this.fileMadel = false
+      }
+    },
+    // 文件上传限制条件
+    handleBeforeUpload(file) {
+      var filename = file.name
+      var index1 = filename.lastIndexOf('.')
+      var index2 = filename.length
+      var fileSuffix = filename.substring(index1, index2)
+      // const fileSuffix = file.name.split('.')[1] // 后缀名
+      // 判断上传文件格式
+      if (fileSuffix === '.ZIP' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+        return true
+      } else {
+        this.spinShow = false
+        this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOCX或XLS文件')
+        return false
+      }
+      // 判断文件上传大小
+      // eslint-disable-next-line no-unreachable
+      if (file.size / 1024 / 1024 <= 200) {
+        return true
+      } else {
+        this.$message.error('文件' + file.name + '大小不超过200M')
+        return false
+      }
+      return true
+    },
+    // 移除上传的文件
+    handleBeforeRemove(file, fileList) {
+      this.fileData = fileList
+      this.fileTextList.forEach((item, index) => {
+        if (item.name === file.name || item.id === file.id ) {
+          this.fileTextList.splice(index,1)
+        }
+      })
+    },
+
+
+    /** 议题列表资料上传 */
+    // 议题列表资料上传按钮
+    uploadThemeTable(val) {
+      this.themeDataList = val
+    },
+    // 文件上传成功
+    onsuccessTheme(res, file, fileList) {
+      if (res.ok) {
+        if (this.themeFileList !== null) {
+          this.newThemeFile = this.themeFileList
+          this.newThemeFile.push({
+            id: res.data.attId,
+            name: res.data.standName
+          })
+        } else {
+          this.newThemeFile.push({
+            id: res.data.attId,
+            name: res.data.standName
+          })
+        }
+        this.themeDataList.fileText = this.newThemeFile
+        this.$message({
+          showClose: true,
+          message: res.message,
+          type: 'success'
+        })
+        this.fileMadel = false
+      }
+    },
+    // 文件上传限制条件
+    beforeUploadTheme(file) {
+      var filename = file.name
+      var index1 = filename.lastIndexOf('.')
+      var index2 = filename.length
+      var fileSuffix = filename.substring(index1, index2)
+      // const fileSuffix = file.name.split('.')[1] // 后缀名
+      // 判断上传文件格式
+      if (fileSuffix === '.ZIP' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+        return true
+      } else {
+        this.spinShow = false
+        this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOCX或XLS文件')
+        return false
+      }
+      // 判断文件上传大小
+      // eslint-disable-next-line no-unreachable
+      if (file.size / 1024 / 1024 <= 200) {
+        return true
+      } else {
+        this.$message.error('文件' + file.name + '大小不超过200M')
+        return false
+      }
+      return true
+    },
+    // 移除上传的文件
+    beforeRemoveTheme(file, fileList) {
+      this.fileData = fileList
+      this.themeFileList.forEach((item, index) => {
+        if (item.name === file.name || item.id === file.id ) {
+          this.themeFileList.splice(index,1)
+        }
+      })
+    },
+
+    /** 其他资料上传 */
+    // 其他资料上传按钮
+    otherBtn(val) {
+      this.otherDataList = val
+    },
+    // 文件上传成功
+    onsuccessOther(res, file, fileList) {
+      if (res.ok) {
+        if (this.otherFileList !== null) {
+          this.newOtherFile = this.otherFileList
+          this.newOtherFile.push({
+            id: res.data.attId,
+            name: res.data.standName
+          })
+        } else {
+          this.newOtherFile.push({
+            id: res.data.attId,
+            name: res.data.standName
+          })
+        }
+        this.otherDataList.fileText = this.newOtherFile
+        this.$message({
+          showClose: true,
+          message: res.message,
+          type: 'success'
+        })
+        this.fileMadel = false
+      }
+    },
+    // 文件上传限制条件
+    beforeUploadOther(file) {
+      var filename = file.name
+      var index1 = filename.lastIndexOf('.')
+      var index2 = filename.length
+      var fileSuffix = filename.substring(index1, index2)
+      // const fileSuffix = file.name.split('.')[1] // 后缀名
+      // 判断上传文件格式
+      if (fileSuffix === '.ZIP' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+        return true
+      } else {
+        this.spinShow = false
+        this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOCX或XLS文件')
+        return false
+      }
+      // 判断文件上传大小
+      // eslint-disable-next-line no-unreachable
+      if (file.size / 1024 / 1024 <= 200) {
+        return true
+      } else {
+        this.$message.error('文件' + file.name + '大小不超过200M')
+        return false
+      }
+      return true
+    },
+    // 移除上传的文件
+    beforeRemoveOther(file, fileList) {
+      this.fileData = fileList
+      this.otherFileList.forEach((item, index) => {
+        if (item.name === file.name || item.id === file.id ) {
+          this.otherFileList.splice(index,1)
+        }
+      })
+    },
+
+    /** 法规工程师选择 */
+    choiceZRROne(type, title, id) {
+      this.nodeListOne = []
+      this.nodeListOne.push(id)
+      this.type = type
+      this.drawerTitleOne = title
+      this.roleShowflagOne = true
+    },
+    drawerCheckOne(data) {
+      this.unqualidiedData.forEach(item => {
+        item.engineer = data[0].name
+        item.engineerId = data[0].id
+      })
+
+      this.roleForm.engineerUser = data[0].name
+      this.roleForm.engineerUserId = data[0].id
+      this.roleShowflagOne = false
+    },
+
+    /** 保存按钮*/
+    handleSave() {
+      this.saveLoading = true
+      let _formData = new FormData()
+      _formData.append('id', this.bpnId || '')
+      _formData.append('createUser', this.$store.getters.userInfo.userId)
+      _formData.append('createUserName', this.$store.getters.userInfo.userName)
+      _formData.append('prcType', '20')
+      _formData.append('json', JSON.stringify({
+        roleForm: this.roleForm,
+        hh_pageData: this.hh_pageData
+      }))
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    /** 提交按钮*/
+    handleSubmit() {
+      let json = {
+        prcCreateUser: this.$store.getters.userInfo.userId,
+        prcCreateUserName: this.$store.getters.userInfo.userName,
+        hh_pageData: this.hh_pageData,
+        director: this.roleForm.engineerUserId,
+      }
+      this.$refs['hh_pageData'].validate((valid) => {
+        if (valid) {
+          this.$refs['roleForm'].validate((valid) => {
+            if (valid) {
+              this.isSubmit = true
+              const paramsInfo = {
+                type: '22'
+              }
+              startProcess(paramsInfo).then(res => {
+                this.taskID = res.data
+                const params = new FormData();
+                params.set('json', JSON.stringify(json))
+                params.set('userId', this.$store.getters.userInfo.userId)
+                params.set('taskId', this.taskID)
+                completeTask(params).then(res => {
+                  if (res.success === true) {
+                    this.$message.success('提交成功')
+                    this.$router.push("/processCenter");
+                  }
+                  this.isSubmit = false
+                })
+              })
+            }
+          })
+        }
+      })
+    }
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.bzhhStep1 {
+  position: relative;
+  height: 100%;
+
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .content_form {
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+    /deep/ .el-table th {
+      padding: 0px;
+    }
+    /deep/ .el-input__inner {
+      text-align: center;
+    }
+    .table_btn {
+      text-align: right;;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHh-hh/step2.vue

@@ -0,0 +1,374 @@
+<template>
+  <div class="bzhhStep1">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化会后管理流程</template>
+      <template slot="proNode">审批</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="hh_pageData" :model="hh_pageData" :rules="hh_rules" label-width="150px">
+            <el-row>
+              <el-col :span="5">
+                <el-form-item label="标委会:">
+                  {{ hh_pageData.comityName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="分标委:">
+                  {{ hh_pageData.comityNameOne || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="工作组:">
+                  {{ hh_pageData.comityNameGroup || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="5">
+                <el-form-item label="参会人:">
+                  {{ hh_pageData.partPeople || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="参会时间:">
+                  {{ hh_pageData.meetingStartTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="5">
+                <el-form-item label="会议名称:">
+                  {{ hh_pageData.meetingName || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item>
+              <el-table
+                :data="hh_pageData.standardTable"
+                border
+                ref="standardTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55" align="center"/>
+                <el-table-column type="index" label="序号" align="center" width="50"/>
+                <el-table-column prop="standardId" label="标准编号" align="center"/>
+                <el-table-column prop="standardName" label="标准名称" align="center"/>
+                <el-table-column prop="material" label="资料" align="center">
+                  <template slot-scope="scope">
+                    <el-upload
+                      :action="actionPath"
+                      :disabled="acceptShow"
+                      multiple
+                      ref="uploadFile"
+                      name="file"
+                      :file-list="fileTextList"
+                      accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                      :before-upload="handleBeforeUpload"
+                      :before-remove="handleBeforeRemove"
+                      :on-remove="handleONRemove"
+                      :on-success="handleOnsuccess"
+                    >
+                    </el-upload>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+            <el-form-item>
+              <el-table
+                :data="hh_pageData.themeTable"
+                border
+                ref="themeTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="index" label="序号" align="center" width="50"/>
+                <el-table-column label="议题" align="center" prop="meetingTheme"></el-table-column>
+                <el-table-column label="资料" align="center" prop="meetingFile">
+                  <template slot-scope="scope">
+                    <el-upload
+                      :action="''"
+                      name="file"
+                      :file-list="scope.row.fileTextList"
+                      :on-preview="handleOnPreview(scope.row)"
+                    />
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+            <el-form-item label="其他资料:" prop="otherFile">
+              <el-upload :action="actionPath">
+                <el-button type="primary" size="small" @click="otherBtn">点击上传</el-button>
+              </el-upload>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <el-collapse accordion>
+        <el-collapse-item title="回执说明">
+          <div style="margin: 10px 0;">
+            <el-input
+              type="textarea"
+              :rows="3"
+              resize="none"
+              placeholder="请输入意见"
+              v-model="commentText">
+            </el-input>
+          </div>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import {saveTaskFirst, completeTask, inboundLiaisonDetail} from '@/api/process.js'
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzhhStep1",
+  data() {
+    return {
+      // 上传地址
+      actionPath: 'api/att/attFile/upload',
+      acceptShow: false,
+      active: '1',
+      hh_pageData: {
+        comityName: '',
+        comityNameOne: '',
+        comityNameGroup: '',
+        meetingStartTime: '',
+        meetingName: '',
+        partPeople: '',
+        standardTable: [],
+        themeTable: [],
+      },
+      commentText: '',
+      fileTextList: [],
+      hh_rules: {},
+      detailData: [],
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList(item) {
+      this.$nextTick(() => {
+        this.hh_pageData = JSON.parse(JSON.stringify(item)).hh_pageData
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        // this.rh_pageData.comityFileNum = this.fileTextList
+      })
+    },
+
+    // 点击上传的文件进行下载
+    handleOnPreview(file) {
+      let attId = file.id
+      if (attId != null && attId !== "") {
+        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+      }
+    },
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.bzhhStep2 {
+  position: relative;
+  height: 100%;
+
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .content_form {
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+    /deep/ .el-table th {
+      padding: 0px;
+    }
+    /deep/ .el-input__inner {
+      text-align: center;
+    }
+    .table_btn {
+      text-align: right;;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHy-ch/step1.vue

@@ -0,0 +1,709 @@
+<!--外部标准化协会参会流程-->
+<template>
+  <div class="bzchStep1">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会参会流程</template>
+      <template slot="proNode">发起流程</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议名称:">
+                  <el-input
+                    v-model="ch_pageData.meetingName"
+                    placeholder="请填写"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="主办单位:">
+                  <el-input v-model="ch_pageData.primaryUnit" placeholder="请填写"/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  <el-select
+                    v-model="ch_pageData.associaName"
+                    placeholder="请选择标委会">
+                    <el-option
+                      v-for="item in associaNameOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" v-if="ch_pageData.associaName !== ''">
+                <el-form-item>
+                  <el-select
+                    v-model="ch_pageData.associaNameOne"
+                    placeholder="请选择分标委">
+                    <el-option
+                      v-for="item in associaNameOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" v-if="ch_pageData.associaName !== '' && ch_pageData.associaNameOne !== ''">
+                <el-form-item>
+                  <el-select
+                    v-model="ch_pageData.associaNameTwo"
+                    placeholder="请选择工作组">
+                    <el-option
+                      v-for="item in associaNameOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议时间:">
+                  <el-date-picker
+                    v-model="ch_pageData.meetingStartTime"
+                    type="datetime"
+                    placeholder="选择日期时间"
+                    align="right">
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="会议地点:">
+                  <el-input v-model="ch_pageData.meetingPlace" placeholder="请填写"/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="费用标准:">
+                  <el-input v-model="ch_pageData.feeStand" placeholder="请填写"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="费用列支:">
+                  <el-select
+                    v-model="ch_pageData.feeKind"
+                    placeholder="请选择费用列支">
+                    <el-option
+                      v-for="item in feeKindOptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="上传附件:" prop="uploadFile">
+                  <el-upload
+                    style="width: 30%"
+                    class="upload_style"
+                    :disabled="acceptShow"
+                    multiple
+                    ref="uploadFile"
+                    :action="uploadPath"
+                    name="file"
+                    :file-list="fileTextList"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="handleBeforeUpload"
+                    :before-remove="handleBeforeRemove"
+                    :on-success="handleOnsuccess"
+                  >
+                    <el-button
+                      :disabled="acceptShow"
+                      type="primary"
+                      class="common-button-primary"
+                      @click="uploadFile"
+                      size="mini">
+                      点击上传
+                    </el-button>
+                  </el-upload>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="类别:">
+                  <el-radio v-model="ch_pageData.sort" label="1">计划内</el-radio>
+                  <el-radio v-model="ch_pageData.sort" label="2">计划外</el-radio>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item>
+              <div class="table_btn">
+                <el-button type="primary" size="small" @click="meeting_add">添加</el-button>
+                <el-button type="danger" size="small" @click="meeting_delete">批量删除</el-button>
+              </div>
+              <el-table
+                class="meeting_table"
+                :data="ch_pageData.meetingTable"
+                border
+                ref="entryTable"
+                height="49%"
+                @selection-change="selectedDelete"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55" align="center"/>
+                <el-table-column type="index" width="50" align="center"/>
+                <el-table-column label="议题" align="center">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.meetingTheme" placeholder="请填写"/>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+    </div>
+    <div class="content" v-show="active === '2'">
+      <div class="block" style="padding-top: 20px;">
+        <el-timeline>
+          <el-form
+            ref="roleForm"
+            :model="roleForm"
+            :rules="roleFormRules"
+            class="label-input-form">
+            <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="startUserName" style="margin-bottom: 0">
+                  <h4>流程发起人</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.startUser" :disabled="true" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.startUserName" :disabled="true" placeholder="流程发起人"></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="指派人员" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="dockUserName" style="margin-bottom: 0">
+                  <h4>分委会主任/部门中心主任</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.dockUserName" placeholder="选择指派人员" @click.native="choiceZRR('dockUser', '选择指派人员', roleForm.dockUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="填写信息" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="dockUserName1" style="margin-bottom: 0">
+                  <h4>责任工程师</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.dutyUser1" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.dutyUserName1" :disabled="true" placeholder="责任工程师">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="审批" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="partUserId" style="margin-bottom: 0">
+                  <h4>参会人员所在部门中心主任</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.partUserId" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.partUser" :disabled="true" placeholder="参会人员所在部门负责人">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="汇总修订" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="startUserName" style="margin-bottom: 0">
+                  <h4>标准法规部人员</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.startUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.startUserName" :disabled="true" placeholder="选择标准法规部人员">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="审批" placement="top" :color="roleForm.leaderUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="leaderUser" style="margin-bottom: 0">
+                  <h4>标准法规部主管中心主任</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.leaderUserId" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.leaderUser" placeholder="选择标准法规部主管领导" @click.native="choiceZRROne('leaderUser', '选择标准法规部主管领导', roleForm.leaderUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="会签" placement="top" :color="roleForm.feeUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="feeUser" style="margin-bottom: 0">
+                  <h4>管理推荐部</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.feeUserId" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.feeUser" placeholder="选择费用管理部门" @click.native="choiceZRR('feeUser', '选择费用管理部门', roleForm.feeUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="审定" placement="top" :color="roleForm.engineerUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="engineerUser" style="margin-bottom: 0">
+                  <h4>技术委员会常务副主任/总院院长</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.engineerUserId" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.engineerUser" placeholder="选择人员" @click.native="choiceZRROne('engineerUser', '选择人员', roleForm.engineerUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="批准" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="totalLeader" style="margin-bottom: 0">
+                  <h4>技术委员会主任</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.startUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.startUserName" :disabled="true" placeholder="选择总院技术委员会主任">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+          </el-form>
+        </el-timeline>
+      </div>
+    </div>
+    <ProcessFooter
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      check-box
+      is-title="选择人员信息"
+      :is-visible.sync="roleShowflagOne"
+      :nodeList="nodeListOne"
+      @checkedRole="drawerCheckOne"
+    />
+    <Role-tree
+      is-title="选择人员信息"
+      :is-visible.sync="roleShowflag"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import {startProcess, saveTaskFirst, completeTask} from '@/api/process.js'
+
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzchStep1",
+  data() {
+    return {
+      active: '1',
+
+      ch_pageData: {
+        meetingName: '',
+        primaryUnit: '',
+        associaName: '',
+        associaNameOne: '',
+        associaNameTwo: '',
+        meetingStartTime: '',
+        meetingPlace: '',
+        feeStand: '',
+        feeKind: '',
+        uploadFile: '',
+        sort: '1',
+        meetingTable: [],
+      },
+      associaNameOptions: [
+        {value: '0', label: '国内法规入库流程'},
+        {value: '1', label: '标准法规技术评估流程'},
+      ],
+      feeKindOptions: [
+        { value: '0', label: '列支1' },
+        { value: '1', label: '列支2' },
+        { value: '2', label: '列支3' },
+        { value: '3', label: '列支4' },
+      ],
+      /** 上传相关   */
+      acceptShow: false,
+      // 上传路径
+      uploadPath: 'api/att/attFile/upload',
+      // 上传所储存文件数组
+      fileTextList: [],
+      newDataList: [],
+
+      ch_rules: {},
+      roleForm: {
+        startUserName: this.$store.getters.userInfo.userName,
+        startUser: this.$store.getters.userInfo.userId,
+        dockUserName: '',
+        dockUser: '',
+        leaderUser: '',
+        leaderUserId: '',
+        feeUser: '',
+        feeUserId: '',
+        engineerUser: '',
+        engineerUserId: '',
+      },
+      roleFormRules: {
+        dockUserName: [{required: true, message: "请选择标准法规工程师", trigger: ['blur', 'change']}]
+      },
+      deleteDataList: [],
+
+      unqualidiedData: [],
+      nodeList: [],
+      nodeListOne: [],
+      roleShowflag: false,
+      roleShowflagOne: false,
+      isSubmit: false,
+      saveLoading: false,
+    }
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+
+    //上传按钮
+    uploadFile(val) {
+      this.fileListData = val
+    },
+    // 文件上传限制条件
+    handleBeforeUpload(file) {
+      var filename = file.name
+      var index1 = filename.lastIndexOf('.')
+      var index2 = filename.length
+      var fileSuffix = filename.substring(index1, index2)
+      // const fileSuffix = file.name.split('.')[1] // 后缀名
+      // 判断上传文件格式
+      if (fileSuffix === '.ZIP' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+        return true
+      } else {
+        this.spinShow = false
+        this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOCX或XLS文件')
+        return false
+      }
+      // 判断文件上传大小
+      // eslint-disable-next-line no-unreachable
+      if (file.size / 1024 / 1024 <= 200) {
+        return true
+      } else {
+        this.$message.error('文件' + file.name + '大小不超过200M')
+        return false
+      }
+      return true
+    },
+    // 移除上传的文件
+    handleBeforeRemove(file, fileList) {
+      this.fileData = fileList
+      this.fileTextList.forEach((item, index) => {
+        if (item.name === file.name || item.id === file.id) {
+          this.fileTextList.splice(index, 1)
+        }
+      })
+    },
+    // 文件上传成功
+    handleOnsuccess(res, file, fileList) {
+      if (res.ok) {
+        if (this.fileTextList !== null) {
+          this.newDataList = this.fileTextList
+          this.newDataList.push({
+            id: res.data.attId,
+            name: res.data.standName
+          })
+        } else {
+          this.newDataList.push({
+            id: res.data.attId,
+            name: res.data.standName
+          })
+        }
+        this.rh_pageData.infoSources = this.newDataList
+        this.$message({
+          showClose: true,
+          message: res.message,
+          type: 'success'
+        })
+        this.fileMadel = false
+      }
+    },
+
+    meeting_add() {
+      var list = {
+        meetingTheme: this.meetingTheme,
+      }
+      this.ch_pageData.meetingTable.push(list)
+    },
+    meeting_delete() {
+      if (this.deleteDataList.length < 1) {
+        this.$message.warning("请选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.deleteDataList.map(item => {
+            let index
+            index = this.ch_pageData.meetingTable.findIndex(items => {
+              return items === item
+            })
+            if (index > -1) {
+              this.ch_pageData.meetingTable.splice(index, 1)
+            }
+            exits.push(item)
+          })
+          this.deleteDataList = []
+        }).catch(() => {
+        })
+      }
+    },
+    selectedDelete(val) {
+      this.deleteDataList = val
+    },
+    // 流程阶段负责人选择
+    choiceZRR(type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.type = type
+      this.drawerTitle = title
+      this.roleShowflag = true
+    },
+    drawerCheck(data) {
+      var idList = ''
+      var nameList = ''
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id;
+        nameList += item.name;
+      });
+      if (this.type === 'feeUser') {
+        this.roleForm.feeUser = nameList
+        this.roleForm.feeUserId = idList
+      } else {
+        this.roleForm.dockUser = idList
+        this.roleForm.dockUserName = nameList
+      }
+      this.roleShowflag = false
+    },
+
+    // 流程阶段人选择
+    choiceZRROne(type, title, id) {
+      this.nodeListOne = []
+      this.nodeListOne.push(id)
+      this.type = type
+      this.drawerTitleOne = title
+      this.roleShowflagOne = true
+    },
+    drawerCheckOne(data) {
+      this.unqualidiedData.forEach(item => {
+        item.engineer = data[0].name
+        item.engineerId = data[0].id
+      })
+      if (this.type === 'leaderUser') {
+        this.roleForm.leaderUser = data[0].name
+        this.roleForm.leaderUserId = data[0].id
+      } else {
+        this.roleForm.engineerUser = data[0].name
+        this.roleForm.engineerUserId = data[0].id
+      }
+      this.roleShowflagOne = false
+    },
+    /** 保存按钮*/
+    handleSave() {
+      this.saveLoading = true
+      let _formData = new FormData()
+      _formData.append('id', this.bpnId || '')
+      _formData.append('createUser', this.$store.getters.userInfo.userId)
+      _formData.append('createUserName', this.$store.getters.userInfo.userName)
+      _formData.append('prcType', '20')
+      _formData.append('json', JSON.stringify({
+        roleForm: this.roleForm,
+        ch_pageData: this.ch_pageData
+      }))
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    /** 提交按钮*/
+    handleSubmit() {
+      let json = {
+        prcCreateUser: this.$store.getters.userInfo.userId,
+        prcCreateUserName: this.$store.getters.userInfo.userName,
+        roleList: this.roleForm,
+        ch_pageData: this.ch_pageData,
+        directorList: this.roleForm.dockUser,
+      }
+      this.$refs['ch_pageData'].validate((valid) => {
+        if (valid) {
+          this.$refs['roleForm'].validate((valid) => {
+            if (valid) {
+              this.isSubmit = true
+              const paramsInfo = {
+                type: '21'
+              }
+              startProcess(paramsInfo).then(res => {
+                this.taskID = res.data
+                const params = new FormData();
+                params.set('json', JSON.stringify(json))
+                params.set('userId', this.$store.getters.userInfo.userId)
+                params.set('taskId', this.taskID)
+                completeTask(params).then(res => {
+                  if (res.success === true) {
+                    this.$message.success('提交成功')
+                    this.$router.push("/processCenter");
+                  }
+                  this.isSubmit = false
+                })
+              })
+            }
+          })
+        }
+      })
+    }
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.bzchStep1 {
+  position: relative;
+  height: 100%;
+
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .content_form {
+    padding-top: 15px;
+    padding-left: 30px;
+
+    .el-divider--horizontal {
+      margin-top: 0px;
+    }
+
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+
+    .el-select {
+      width: 100%;
+    }
+
+    .el-date-editor.el-input {
+      width: 100%;
+    }
+
+    .table_btn {
+      text-align: right;
+    }
+
+    .meeting_table {
+      /deep/ .el-input__inner {
+        text-align: center;
+      }
+    }
+
+    /deep/ .el-table th {
+      padding: 0px;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHy-ch/step2.vue

@@ -0,0 +1,405 @@
+<template>
+  <div class="bzchStep2">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会参会流程</template>
+      <template slot="proNode">参会人员确认</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议名称:">
+                  {{ ch_pageData.meetingName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="主办单位:">
+                  {{ ch_pageData.primaryUnit || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  {{ ch_pageData.associaName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="会议时间:">
+                  {{ ch_pageData.meetingStartTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议地点:">
+                  {{ ch_pageData.meetingPlace || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="费用标准:">
+                  {{ ch_pageData.feeStand || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="费用列支:">
+                  {{ ch_pageData.feeKind || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="上传附件:" prop="uploadFile">
+                  <i></i>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="类别:">
+                  {{ ch_pageData.sort || '-'}}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item>
+              <el-table
+                class="meeting_table"
+                :data="ch_pageData.meetingTable"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="index" width="50" align="center"/>
+                <el-table-column label="议题" align="center" prop="meetingTheme"/>
+              </el-table>
+            </el-form-item>
+            <ProcessTitle>
+              <template slot="title">选择人员</template>
+            </ProcessTitle>
+            <el-form-item label="入会人员:">
+              <el-input
+                :disabled="true"
+                style="width: 30%"
+                placeholder="请选择入会人员"
+                v-model="ch_pageData.meetingInRole"
+              />
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <el-collapse accordion>
+        <el-collapse-item title="回执说明">
+          <div style="margin: 10px 0;">
+            <el-input
+              type="textarea"
+              :rows="3"
+              resize="none"
+              placeholder="请输入意见"
+              v-model="textContent">
+            </el-input>
+          </div>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-submit
+      show-back
+      backBTNTexts="不涉及"
+      :submitLoading="isSubmit"
+      :isSubmitBack="isBack"
+      @back="handleSubmitNo"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { startProcess, saveTaskFirst,completeTask, inboundLiaisonDetail } from '@/api/process.js'
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzchStep2",
+  data() {
+    return {
+      active: '1',
+
+      ch_pageData: {},
+      ch_rules: {},
+      nodeList: [],
+      textContent: '',
+
+      isBack: false,
+      isSubmit: false,
+      saveLoading: false,
+      roleShowflag: false,
+      detailData: [],
+      loading: false,
+
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        this.ch_pageData = JSON.parse(JSON.stringify(item)).ch_pageData
+        this.ch_pageData.meetingInRole = this.$store.getters.userInfo.userName
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+      })
+    },
+    // 退回按钮
+    handleSubmitNo() {
+      let json = {
+        roleList: this.roleForm,
+        memberId: this.$store.getters.userInfo.userId,
+        passFlag: '0',
+        commentText: this.textContent,
+        ch_pageData: this.ch_pageData,
+      }
+      this.$refs['ch_pageData'].validate((valid) => {
+        if (valid) {
+          this.isBack = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('退回成功')
+              this.$router.push("/processCenter");
+            }
+            this.isBack = false
+          });
+        }
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        roleList: this.roleForm,
+        memberId: this.$store.getters.userInfo.userId,
+        passFlag: '1',
+        commentText: this.textContent,
+        ch_pageData: this.ch_pageData,
+      }
+      this.$refs['ch_pageData'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false
+          });
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.bzchStep2 {
+  position: relative;
+  height: 100%;
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+  .content_form {
+    padding-top: 15px;
+    padding-left: 30px;
+    .el-divider--horizontal {
+      margin-top: 0px;
+    }
+    /deep/.el-table__body-wrapper {
+      height: auto!important;
+    }
+    .meeting_table {
+      /deep/ .el-input__inner {
+        text-align: center;
+      }
+    }
+    /deep/.el-textarea__inner {
+      font-family: inherit;
+    }
+    /deep/.el-table th {
+      padding: 0px;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHy-ch/step3.vue

@@ -0,0 +1,484 @@
+<template>
+  <div class="bzchStep3">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会参会流程</template>
+      <template slot="proNode">参会人员填写信息</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议名称:">
+                  {{ ch_pageData.meetingName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="主办单位:">
+                  {{ ch_pageData.primaryUnit || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  {{ ch_pageData.associaName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="会议时间:">
+                  {{ ch_pageData.meetingStartTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议地点:">
+                  {{ ch_pageData.meetingPlace || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="费用标准:">
+                  {{ ch_pageData.feeStand || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="费用列支:">
+                  {{ ch_pageData.feeKind || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="上传附件:" prop="uploadFile">
+                  <i></i>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="类别:">
+                  {{ ch_pageData.sort || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item>
+              <el-table
+                class="meeting_table"
+                :data="ch_pageData.meetingTable"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="index" width="50" align="center"/>
+                <el-table-column label="议题" align="center" prop="meetingTheme"/>
+              </el-table>
+            </el-form-item>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="人员:">
+                  <el-input
+                    :disabled="true"
+                    style="width: 100%"
+                    placeholder="请填写"
+                    v-model="ch_pageData.fillPeople"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="单位:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写"
+                    v-model="ch_pageData.fillUnit"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="部门:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写部门"
+                    v-model="ch_pageData.fillDept"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="参与人部门领导:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请选择"
+                    v-model="ch_pageData.fillLeader"
+                    @click.native="choiceZRR"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="电话:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写电话"
+                    v-model="ch_pageData.fillTel"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="邮箱:">
+                  <el-input
+                    style="width: 100%"
+                    placeholder="请填写邮箱"
+                    v-model="ch_pageData.fillMail"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      check-box
+      is-title="选择人员信息"
+      :is-visible.sync="roleShowflag"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import {startProcess, saveTaskFirst, saveTaskForPub, completeTask, inboundLiaisonDetail } from '@/api/process.js'
+
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzchStep3",
+  data() {
+    return {
+      active: '1',
+
+      ch_pageData: {
+        fillPeople: '',
+        fillUnit: '',
+        fillDept: '',
+        fillPost: '',
+        fillTel: '',
+        fillMail: '',
+        fillLeader: '',
+        fillFile: '',
+      },
+      ch_rules: {},
+
+      detailData: [],
+      loading: false,
+
+
+      unqualidiedData: [],
+      nodeList: [],
+      roleShowflag: false,
+      isBack: false,
+      isSubmit: false,
+      saveLoading: false,
+
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        this.ch_pageData = JSON.parse(JSON.stringify(item)).ch_pageData
+        this.ch_pageData.fillPeople = this.$store.getters.userInfo.userName
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        // this.rh_pageData.comityFileNum = this.fileTextList
+      })
+    },
+    choiceZRR(type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.type = type
+      this.drawerTitle = title
+      this.roleShowflag = true
+    },
+    drawerCheck (data) {
+      this.unqualidiedData.forEach(item => {
+        item.engineer = data[0].name
+        item.engineerId = data[0].id
+      })
+      this.ch_pageData.fillLeaderId = data[0].id
+      this.ch_pageData.fillLeader = data[0].name
+      this.roleShowflag = false
+    },
+    // 保存按钮
+    handleSave() {
+      this.saveLoading = true
+      let _formData = new FormData()
+      _formData.append('taskIds', this.taskIds)
+      _formData.append('json', JSON.stringify({
+        roleList: this.roleForm,
+        selfUser: this.$store.getters.userInfo.userId,
+        charge: this.ch_pageData.fillLeaderId,
+        ch_pageData: this.ch_pageData,
+      }))
+      saveTaskForPub(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        roleList: this.roleForm,
+        selfUser: this.$store.getters.userInfo.userId,
+        charge: this.ch_pageData.fillLeaderId,
+        ch_pageData: this.ch_pageData,
+      }
+      this.$refs['ch_pageData'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false
+          });
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.bzchStep3 {
+  position: relative;
+  height: 100%;
+
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .content_form {
+    padding-left: 30px;
+    padding-top: 15px;
+
+    .el-divider--horizontal {
+      margin-top: 0px;
+    }
+
+    .meeting_table {
+      /deep/ .el-input__inner {
+        text-align: center;
+      }
+    }
+    /deep/ .el-table__body-wrapper {
+      height: auto !important;
+    }
+
+    /deep/ .el-textarea__inner {
+      font-family: inherit;
+    }
+
+    /deep/ .el-table th {
+      padding: 0px;
+    }
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/bzhHy-ch/step4.vue

@@ -0,0 +1,422 @@
+<template>
+  <div class="bzchStep4">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会参会流程</template>
+      <template slot="proNode">审批</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议名称:">
+                  {{ ch_pageData.meetingName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="主办单位:">
+                  {{ ch_pageData.primaryUnit || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  {{ ch_pageData.associaName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="会议时间:">
+                  {{ ch_pageData.meetingStartTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议地点:">
+                  {{ ch_pageData.meetingPlace || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="费用标准:">
+                  {{ ch_pageData.feeStand || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="费用列支:">
+                  {{ ch_pageData.feeKind || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="上传附件:" prop="uploadFile">
+                  <i/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="类别:">
+                  {{ ch_pageData.sort || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="议题:">
+              <el-table
+                class="meeting_table"
+                :data="ch_pageData.meetingTable"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="index" width="50" align="center"/>
+                <el-table-column label="议题" align="center" prop="meetingTheme"/>
+              </el-table>
+            </el-form-item>
+            <el-form-item label="入会人员:">
+              <el-table
+                :data="ch_pageData.myPartRole"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="index" width="50" align="center"/>
+                <el-table-column prop="fillPeople" align="center" label="人员"/>
+                <el-table-column prop="fillUnit" align="center" label="单位"/>
+                <el-table-column prop="fillDept" align="center" label="部门"/>
+                <el-table-column prop="fillTel" align="center" label="电话"/>
+                <el-table-column prop="fillMail" align="center" label="邮箱"/>
+              </el-table>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <el-collapse accordion>
+        <el-collapse-item title="回执说明">
+          <div style="margin: 10px 0;">
+            <el-input
+              type="textarea"
+              :rows="3"
+              resize="none"
+              placeholder="请输入意见"
+              v-model="textarea">
+            </el-input>
+          </div>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-submit
+      show-back
+      :submitLoading="isSubmit"
+      :isSubmitBack="isBack"
+      @back="handleSubmitNo"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { startProcess, saveTaskFirst,completeTask, inboundLiaisonDetail } from '@/api/process.js'
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzchStep4",
+  data() {
+    return {
+      active: '1',
+
+      ch_pageData: {
+        myPartRole: [],
+      },
+      ch_rules: {},
+      textarea: '',
+
+      isBack: false,
+      isSubmit: false,
+      saveLoading: false,
+
+      detailData: [],
+      loading: false,
+
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        this.ch_pageData = JSON.parse(JSON.stringify(item)).ch_pageData
+        this.ch_pageData.myPartRole = [{
+          fillPeople: this.ch_pageData.fillPeople,
+          fillUnit: this.ch_pageData.fillUnit,
+          fillDept: this.ch_pageData.fillDept,
+          fillPost: this.ch_pageData.fillPost,
+          fillTel: this.ch_pageData.fillTel,
+          fillMail: this.ch_pageData.fillMail,
+          fillFile: this.ch_pageData.fillFile,
+        }]
+        this.selfUser = JSON.parse(JSON.stringify(item)).selfUser
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        // this.ch_pageData.comityFileNum = this.fileTextList
+      })
+    },
+    // 退回按钮
+    handleSubmitNo() {
+      let json = {
+        member: this.selfUser,
+        passFlag: '0',
+        roleList: this.roleForm,
+        commentText: this.textarea,
+        ch_pageData: this.ch_pageData,
+      }
+      this.$refs['ch_pageData'].validate((valid) => {
+        if (valid) {
+          this.isBack = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('退回成功')
+              this.$router.push("/processCenter");
+            }
+            this.isBack = false
+          });
+        }
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        member: this.selfUser,
+        passFlag: '1',
+        engineerSum: this.roleForm.startUser,
+        roleList: this.roleForm,
+        commentText: this.textarea,
+        ch_pageData: this.ch_pageData,
+      }
+      this.$refs['ch_pageData'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false
+          });
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.bzchStep4 {
+  position: relative;
+  height: 100%;
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+  .content_form {
+    padding-top: 15px;
+    padding-left: 30px;
+    .el-divider--horizontal {
+      margin-top: 0px;
+    }
+    .meeting_table {
+      /deep/ .el-input__inner {
+        text-align: center;
+      }
+    }
+    /deep/.el-table__body-wrapper {
+      height: auto!important;
+    }
+    /deep/.el-textarea__inner {
+      font-family: inherit;
+    }
+    /deep/.el-table th {
+      padding: 0px;
+    }
+  }
+}
+</style>
+

src/pages/processCenter/pages/creatProcess/bzhHy-ch/step5.vue

@@ -0,0 +1,431 @@
+<template>
+  <div class="bzchStep5">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会参会流程</template>
+      <template slot="proNode">汇总修订</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议名称:">
+                  {{ ch_pageData.meetingName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="主办单位:">
+                  {{ ch_pageData.primaryUnit || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  {{ ch_pageData.associaName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="会议时间:">
+                  {{ ch_pageData.meetingStartTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议地点:">
+                  {{ ch_pageData.meetingPlace || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="费用标准:">
+                  {{ ch_pageData.feeStand || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="费用列支:">
+                  {{ ch_pageData.feeKind || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="上传附件:" prop="uploadFile">
+                  <i/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="类别:">
+                  {{ ch_pageData.sort || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="议题:">
+              <el-table
+                class="meeting_table"
+                :data="ch_pageData.meetingTable"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="index" width="50" align="center"/>
+                <el-table-column
+                  label="议题"
+                  align="center"
+                  prop="meetingTheme">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.meetingTheme"/>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+            <el-form-item label="入会人员:">
+              <div class="myPart_btn">
+                <el-button
+                  type="danger"
+                  size="small"
+                  icon="el-icon-delete"
+                  @click="del_paryForm">
+                  批量删除
+                </el-button>
+              </div>
+              <el-table
+                :data="ch_pageData.myPartRole"
+                border
+                ref="entryTable"
+                @selection-change="selectedDelete"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="selection" width="55"/>
+                <el-table-column type="index" width="50" align="center"/>
+                <el-table-column prop="fillPeople" align="center" label="人员"/>
+                <el-table-column prop="fillUnit" align="center" label="单位"/>
+                <el-table-column prop="fillDept" align="center" label="部门"/>
+                <el-table-column prop="fillTel" align="center" label="电话"/>
+                <el-table-column prop="fillMail" align="center" label="邮箱"/>
+              </el-table>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { startProcess, saveTaskFirst,completeTask, inboundLiaisonDetail } from '@/api/process.js'
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzchStep5",
+  data() {
+    return {
+      active: '1',
+
+      ch_pageData: {
+        myPartRole: [],
+      },
+      ch_rules: {},
+      textarea: '',
+
+      isSubmit: false,
+      saveLoading: false,
+
+      deleteDataList: [],
+      detailData: [],
+      loading: false,
+
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        this.ch_pageData = JSON.parse(JSON.stringify(item)).ch_pageData
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        // this.ch_pageData.comityFileNum = this.fileTextList
+      })
+    },
+
+    /** 批量删除 */
+    del_paryForm() {
+      if (this.deleteDataList.length < 1) {
+        this.$message.warning("请选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.deleteDataList.map(item => {
+            let index;
+            index = this.ch_pageData.myPartRole.findIndex(items => {
+              return items.id === item;
+            });
+            if (index > -1) {
+              this.ch_pageData.myPartRole.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.deleteDataList = [];
+        }).catch(() => {
+        });
+      }
+    },
+
+    selectedDelete(val) {
+      this.deleteDataList = val
+    },
+    // 保存按钮
+    handleSave() {
+    },
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        leader: this.roleForm.leaderUserId,
+        ch_pageData: this.ch_pageData,
+        roleList: this.roleForm,
+      }
+      this.$refs['ch_pageData'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false
+          });
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.bzchStep5 {
+  position: relative;
+  height: 100%;
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+  .content_form {
+    padding-top: 15px;
+    padding-left: 30px;
+    .el-divider--horizontal {
+      margin-top: 0px;
+    }
+    .meeting_table {
+      /deep/ .el-input__inner {
+        text-align: center;
+      }
+    }
+    /deep/.el-table__body-wrapper {
+      height: auto!important;
+    }
+    /deep/.el-textarea__inner {
+      font-family: inherit;
+    }
+    .meeting_table {
+      /deep/ .el-input__inner {
+        text-align: center;
+      }
+    }
+    /deep/.el-table th {
+      padding: 0px;
+    }
+    .myPart_btn {
+      text-align: right;
+    }
+  }
+}
+</style>
+

src/pages/processCenter/pages/creatProcess/bzhHy-ch/step6.vue

@@ -0,0 +1,463 @@
+<template>
+  <div class="bzchStep6">
+    <ProcessHeader toggle>
+      <template slot="proName">外部标准化协会参会流程</template>
+      <template v-if="taskInfo === '技术管理中心主任审批'" slot="proNode">审批</template>
+      <template v-else-if="taskInfo === '费用管理部门会签'" slot="proNode">会签</template>
+      <template v-else-if="taskInfo === '技术委员会常务副主任/总院院长审定'" slot="proNode">审定</template>
+      <template v-else slot="proNode">批准</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <div class="content_form">
+          <el-form ref="ch_pageData" :model="ch_pageData" :rules="ch_rules" label-width="auto">
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议名称:">
+                  {{ ch_pageData.meetingName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="主办单位:">
+                  {{ ch_pageData.primaryUnit || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="协会名称:">
+                  {{ ch_pageData.associaName || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="会议时间:">
+                  {{ ch_pageData.meetingStartTime || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="会议地点:">
+                  {{ ch_pageData.meetingPlace || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="费用标准:">
+                  {{ ch_pageData.feeStand || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="费用列支:">
+                  {{ ch_pageData.feeKind || '-' }}
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="上传附件:" prop="uploadFile">
+                  <i/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item label="类别:">
+                  {{ ch_pageData.sort || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="议题:">
+              <el-table
+                class="meeting_table"
+                :data="ch_pageData.meetingTable"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="index" width="50" align="center"/>
+                <el-table-column label="议题" align="center" prop="meetingTheme"/>
+              </el-table>
+            </el-form-item>
+            <el-form-item label="入会人员:">
+              <el-table
+                :data="ch_pageData.myPartRole"
+                border
+                ref="entryTable"
+                height="49%"
+                style="width: 100%"
+                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '20px'}">
+                <el-table-column type="index" width="50" align="center"/>
+                <el-table-column prop="fillPeople" align="center" label="人员"/>
+                <el-table-column prop="fillUnit" align="center" label="单位"/>
+                <el-table-column prop="fillDept" align="center" label="部门"/>
+                <el-table-column prop="fillTel" align="center" label="电话"/>
+                <el-table-column prop="fillMail" align="center" label="邮箱"/>
+              </el-table>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      v-if="taskInfo !== '标准法规工程师修订完毕'"
+      show-submit
+      show-back
+      :isSubmitBack="isBack"
+      :submitLoading="isSubmit"
+      @back="handleSubmitNo"
+      @submit="handleSubmit"
+    />
+    <ProcessFooter
+      v-else
+      show-submit
+      :submitLoading="isSubmit"
+      @submit="handleSubmit"
+    />
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { startProcess, saveTaskFirst,completeTask, inboundLiaisonDetail } from '@/api/process.js'
+export default {
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  name: "bzchStep6",
+  data() {
+    return {
+      active: '1',
+
+      ch_pageData: {
+        myPartRole: [],
+      },
+      ch_rules: {},
+      textarea: '',
+
+      isBack: false,
+      isSubmit: false,
+      saveLoading: false,
+
+      deleteDataList: [],
+      detailData: [],
+      loading: false,
+
+      taskInfo: this.$route.query.taskInfo,
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  created() {
+    this.processTable()
+    this.getData()
+  },
+  methods: {
+    // 右上标签页面切换
+    handleTabs(name) {
+      this.active = name
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+
+    getData() {
+      const params = {
+        taskIds: this.taskIds,
+        pId: this.pId,
+      }
+      inboundLiaisonDetail(params).then(res => {
+        const processForm = JSON.parse(res.mesg)
+        this.getFormFieldList(processForm)
+      })
+    },
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        this.ch_pageData = JSON.parse(JSON.stringify(item)).ch_pageData
+        this.roleForm = JSON.parse(JSON.stringify(item)).roleList
+        // this.ch_pageData.comityFileNum = this.fileTextList
+      })
+    },
+
+    /** 批量删除 */
+    del_paryForm() {
+      if (this.deleteDataList.length < 1) {
+        this.$message.warning("请选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.deleteDataList.map(item => {
+            let index;
+            index = this.ch_pageData.myPartRole.findIndex(items => {
+              return items.id === item;
+            });
+            if (index > -1) {
+              this.ch_pageData.myPartRole.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.deleteDataList = [];
+        }).catch(() => {
+        });
+      }
+    },
+
+    selectedDelete(val) {
+      this.deleteDataList = val
+    },
+    // 退回按钮
+    handleSubmitNo() {
+      let json = {
+        passFlag:  '0',
+        ch_pageData: this.ch_pageData,
+        roleList: this.roleForm
+      }
+      if (this.taskInfo === '技术管理中心主任审批') {
+        json.manageDepartmentList = this.roleForm.feeUserId
+      } else if (this.taskInfo === '费用管理部门会签') {
+        json.manageDepartment = this.$store.getters.userInfo.userId
+        json.president = this.roleForm.engineerUserId
+      } else if (this.taskInfo === '技术委员会常务副主任/总院院长审定') {
+        json.engineerSumDone = this.roleForm.startUser
+      } else {
+        json = {
+          ch_pageData: this.ch_pageData,
+          roleList: this.roleForm
+        }
+      }
+      this.$refs['ch_pageData'].validate((valid) => {
+        if (valid) {
+          this.isBack = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isBack = false
+          });
+        }
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      let json = {
+        passFlag: '1',
+        ch_pageData: this.ch_pageData,
+        roleList: this.roleForm
+      }
+      if (this.taskInfo === '技术管理中心主任审批') {
+        json.manageDepartmentList = this.roleForm.feeUserId
+      } else if (this.taskInfo === '费用管理部门会签') {
+        json.manageDepartment = this.$store.getters.userInfo.userId
+        json.president = this.roleForm.engineerUserId
+      } else if (this.taskInfo === '技术委员会常务副主任/总院院长审定') {
+        json.engineerSumDone = this.roleForm.startUser
+      } else {
+        json = {
+          ch_pageData: this.ch_pageData,
+          roleList: this.roleForm
+        }
+      }
+      this.$refs['ch_pageData'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const params = new FormData();
+          params.set('json', JSON.stringify(json))
+          params.set('userId', this.$store.getters.userInfo.userId)
+          params.set('taskId', this.taskIds)
+          completeTask(params).then(res => {
+            if (res.success === true) {
+              this.$message.success('提交成功')
+              this.$router.push("/processCenter");
+            }
+            this.isSubmit = false
+          });
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.bzchStep6 {
+  position: relative;
+  height: 100%;
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+  .content_form {
+    padding-top: 15px;
+    padding-left: 30px;
+    .el-divider--horizontal {
+      margin-top: 0px;
+    }
+    /deep/.el-table__body-wrapper {
+      height: auto!important;
+    }
+    /deep/.el-textarea__inner {
+      font-family: inherit;
+    }
+    .meeting_table {
+      /deep/ .el-input__inner {
+        text-align: center;
+      }
+    }
+    /deep/.el-table th {
+      padding: 0px;
+    }
+  }
+}
+</style>
+

src/pages/processCenter/pages/creatProcess/bzjd/step2.vue

@@ -494,7 +494,6 @@
                         pId: this.pId
                     }).then(res => {
                         let data = JSON.parse(res.mesg)
-                        console.log(data);
                         this.form.itemsNum = data.itemsNum || data.form.itemsNum
                         this.form.itemsName = data.itemsName || data.form.itemsName
                         if (data.form) {

src/pages/processCenter/pages/creatProcess/bzrk/step1.vue

@@ -730,7 +730,7 @@
                                             v-model="form.glwjName"
                                             clearable
                                     ></el-input>
-                                    <div v-if="form.glwjName">
+                                    <div v-if="glwjFileList.length>0">
 
                                       <el-button
                                           type="primary"
@@ -1814,47 +1814,52 @@
                     // 带入
                     case 2:
                         if (this.standardCheckedList.length === 1) {
-                            const bringData = this.standardCheckedList[0]
+                          this.$http.get('sarStandardsInfo/sar-standards-info/getStandInfoUpdateById', {id: this.standardCheckedList[0].id}, {
-                            bringData.signFlag = this.form.signFlag && this.form.signFlag != '' ? this.form.signFlag : '0'
+                            _this: this
-                            bringData.standInData = this.form.standInData && this.form.standInData != '' ? this.form.standInData : '0'
+                          }, res => {
+                            if(res && res.data){
+                              const bringData = res.data
+                              bringData.signFlag = this.form.signFlag && this.form.signFlag != '' ? this.form.signFlag : '0'
+                              bringData.standInData = this.form.standInData && this.form.standInData != '' ? this.form.standInData : '0'
 
-                            const json = Object.assign(bringData, bringData.attrInfoCaseMap);
+                              const json = Object.assign(bringData, bringData.attrInfoCaseMap);
-                            this.form = JSON.parse(JSON.stringify(json))
+                              this.form = JSON.parse(JSON.stringify(json))
 
-                            this.form.qcdw = JSON.parse(JSON.stringify(json)).qcdw && JSON.parse(JSON.stringify(json)).qcdw !== '[]' ? JSON.parse(JSON.stringify(json)).qcdw.split(',') : []
+                              this.form.qcdw = JSON.parse(JSON.stringify(json)).qcdw && JSON.parse(JSON.stringify(json)).qcdw !== '[]' ? JSON.parse(JSON.stringify(json)).qcdw.split(',') : []
-                            this.form.wssmr = JSON.parse(JSON.stringify(json)).wssmr && JSON.parse(JSON.stringify(json)).wssmr !== '[]' ? JSON.parse(JSON.stringify(json)).wssmr.split(',') : []
+                              this.form.wssmr = JSON.parse(JSON.stringify(json)).wssmr && JSON.parse(JSON.stringify(json)).wssmr !== '[]' ? JSON.parse(JSON.stringify(json)).wssmr.split(',') : []
-                            this.form.zrgcs = JSON.parse(JSON.stringify(json)).zrgcs && JSON.parse(JSON.stringify(json)).zrgcs !== '[]' ? JSON.parse(JSON.stringify(json)).zrgcs.split(',') : []
+                              this.form.zrgcs = JSON.parse(JSON.stringify(json)).zrgcs && JSON.parse(JSON.stringify(json)).zrgcs !== '[]' ? JSON.parse(JSON.stringify(json)).zrgcs.split(',') : []
-                            this.form.zrbm = JSON.parse(JSON.stringify(json)).zrbm && JSON.parse(JSON.stringify(json)).zrbm !== '[]' ? JSON.parse(JSON.stringify(json)).zrbm.split(',') : []
+                              this.form.zrbm = JSON.parse(JSON.stringify(json)).zrbm && JSON.parse(JSON.stringify(json)).zrbm !== '[]' ? JSON.parse(JSON.stringify(json)).zrbm.split(',') : []
-                            this.form.syrz = JSON.parse(JSON.stringify(json)).syrz && JSON.parse(JSON.stringify(json)).syrz !== '[]' ? JSON.parse(JSON.stringify(json)).syrz.split(',') : []
+                              this.form.syrz = JSON.parse(JSON.stringify(json)).syrz && JSON.parse(JSON.stringify(json)).syrz !== '[]' ? JSON.parse(JSON.stringify(json)).syrz.split(',') : []
-                            this.form.sycpx = JSON.parse(JSON.stringify(json)).sycpx && JSON.parse(JSON.stringify(json)).sycpx !== '[]' ? JSON.parse(JSON.stringify(json)).sycpx.split(',') : []
+                              this.form.sycpx = JSON.parse(JSON.stringify(json)).sycpx && JSON.parse(JSON.stringify(json)).sycpx !== '[]' ? JSON.parse(JSON.stringify(json)).sycpx.split(',') : []
-                            this.form.nylx = JSON.parse(JSON.stringify(json)).nylx && JSON.parse(JSON.stringify(json)).nylx !== '[]' ? JSON.parse(JSON.stringify(json)).nylx.split(',') : []
+                              this.form.nylx = JSON.parse(JSON.stringify(json)).nylx && JSON.parse(JSON.stringify(json)).nylx !== '[]' ? JSON.parse(JSON.stringify(json)).nylx.split(',') : []
-                            this.form.cllx = JSON.parse(JSON.stringify(json)).cllx && JSON.parse(JSON.stringify(json)).cllx !== '[]' ? JSON.parse(JSON.stringify(json)).cllx.split(',') : []
+                              this.form.cllx = JSON.parse(JSON.stringify(json)).cllx && JSON.parse(JSON.stringify(json)).cllx !== '[]' ? JSON.parse(JSON.stringify(json)).cllx.split(',') : []
-                            this.defaultCheckedKeys = [this.form.standSystem];
+                              this.defaultCheckedKeys = [this.form.standSystem];
-                            this.defaultCheckedKeys1 = [this.form.cycvppsbm];
+                              this.defaultCheckedKeys1 = [this.form.cycvppsbm];
-                            this.defaultCheckedKeys2 = [this.form.kccvppsbm];
+                              this.defaultCheckedKeys2 = [this.form.kccvppsbm];
-                            this.defaultCheckedKeys3 = [this.form.dybxh];
+                              this.defaultCheckedKeys3 = [this.form.dybxh];
-                            this.key++
+                              this.key++
-                            this.key1++
+                              this.key1++
-                            this.key2++
+                              this.key2++
-                            this.key3++
+                              this.key3++
-                            this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
+                              this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
-                            this.form.standYear = bringData.standYear ? parseInt(bringData.standYear) : ''
+                              this.form.standYear = bringData.standYear ? parseInt(bringData.standYear) : ''
-                            this.form.prcNum = this.prcNum
+                              this.form.prcNum = this.prcNum
-                            this.form.prcName = this.prcName
+                              this.form.prcName = this.prcName
-                            this.form['id'] = bringData.id
+                              this.form['id'] = bringData.id
-                            this.standardDrawer = false
+                              this.standardDrawer = false
-                            this.verifySarStandard = true
+                              this.verifySarStandard = true
-                            this.busVsFunc()
+                              this.busVsFunc()
-                            this.modelFunc()
+                              this.modelFunc()
-                            this.$forceUpdate()
+                              this.$forceUpdate()
-
-                          console.log("this.form",this.form);
-                          // 遍历对象初始化文件信息
-                          for(const p in this.form) {
-                            if (typeof (this.form[p]) != "function") {
-                              this.initializeFileList(p,this.form[p]);
                             }
-                          }
+                            // 遍历对象初始化文件信息
+                            for(const p in this.form) {
+                              if (typeof (this.form[p ]) != "function") {
+                                this.initializeFileList(p,this.form[p]);
+                              }
+                            }
+                            console.log("res",res);
+                          })
 
                         } else if (this.standardCheckedList.length > 1) {
                             this.$message.warning('最多可以带入一条标准信息')
@@ -1890,7 +1895,6 @@
                 this.getFileList(value,this.kwjFileList);
                 break;
               case 'jdwj':
-                debugger
                 this.getFileList(value,this.jdwjFileList);
                 break;
               case 'bpg':
@@ -1899,6 +1903,9 @@
               case 'zqyjg':
                 this.getFileList(value,this.zqyjgFileList);
                 break;
+              case 'glwj':
+                this.getFileList(value,this.glwjFileList);
+                break;
               default: ;
             }
           },getFileList(fileIds,defaultFileList){
@@ -1909,7 +1916,7 @@
             }, {
               _this: this
             }, res => {
-              debugger
+
               let fileList = res.data
               if (fileList != null && fileList.length > 0) {
                 for (let i = 0; i < fileList.length; i++) {
@@ -2365,7 +2372,6 @@
                     //     this.form.zbjbdName += response.data.name+',';
                     // }
 
-
                   switch (this.fileType){
                     case 'fbgbjbd':
                       this.FBGBJBDFileList=fileList;
@@ -2454,6 +2460,7 @@
                   break;
                 case 'jdwj':
                   this.fileList=this.jdwjFileList
+                  break;
                 case 'kwj':
                   this.fileList=this.kwjFileList
                   break;
@@ -2623,34 +2630,34 @@
 
             //拼接文件名和id 提交到流程Activity
             this.form.fbgbjbd=this.FBGBJBDFileList.map(item => item.response.data.id).join(",")
-            this.form.fbgbjbdName=this.FBGBJBDFileList.map(item => item.response.data.name).join(",")
+            this.form.fbgbjbdName=this.FBGBJBDFileList.map(item => item.name).join(",")
 
             this.form.xgd=this.xgdFileList.map(item => item.response.data.id).join(",")
-            this.form.xgdName=this.xgdFileList.map(item => item.response.data.name).join(",")
+            this.form.xgdName=this.xgdFileList.map(item => item.name).join(",")
 
             this.form.bpg=this.bpgFileList.map(item => item.response.data.id).join(",")
-            this.form.bpgName=this.bpgFileList.map(item => item.response.data.name).join(",")
+            this.form.bpgName=this.bpgFileList.map(item => item.name).join(",")
 
             this.form.ssg=this.ssgFileList.map(item => item.response.data.id).join(",")
-            this.form.ssgName=this.ssgFileList.map(item => item.response.data.name).join(",")
+            this.form.ssgName=this.ssgFileList.map(item => item.name).join(",")
 
             this.form.zqyjg=this.zqyjgFileList.map(item => item.response.data.id).join(",")
-            this.form.zqyjgName=this.zqyjgFileList.map(item => item.response.data.name).join(",")
+            this.form.zqyjgName=this.zqyjgFileList.map(item => item.name).join(",")
 
             this.form.jdwj=this.jdwjFileList.map(item => item.response.data.id).join(",")
-            this.form.jdwjName=this.jdwjFileList.map(item => item.response.data.name).join(",")
+            this.form.jdwjName=this.jdwjFileList.map(item => item.name).join(",")
 
             this.form.kwj=this.kwjFileList.map(item => item.response.data.id).join(",")
-            this.form.kwjName=this.kwjFileList.map(item => item.response.data.name).join(",")
+            this.form.kwjName=this.kwjFileList.map(item => item.name).join(",")
 
             this.form.ca=this.caFileList.map(item => item.response.data.id).join(",")
-            this.form.caName=this.caFileList.map(item => item.response.data.name).join(",")
+            this.form.caName=this.caFileList.map(item => item.name).join(",")
 
             this.form.zbjbd=this.zbjbdFileList.map(item => item.response.data.id).join(",")
-            this.form.zbjbdName=this.zbjbdFileList.map(item => item.response.data.name).join(",")
+            this.form.zbjbdName=this.zbjbdFileList.map(item => item.name).join(",")
 
             this.form.glwj=this.glwjFileList.map(item => item.response.data.id).join(",")
-            this.form.glwjName=this.glwjFileList.map(item => item.response.data.name).join(",")
+            this.form.glwjName=this.glwjFileList.map(item => item.name).join(",")
 
 
           },

src/pages/processCenter/pages/creatProcess/bzrk/step2.vue

@@ -215,84 +215,164 @@
                         <template slot="title">文本信息</template>
                     </ProcessTitle>
                     <div class="prc-content-border">
-                        <el-row :gutter="24">
+<!--                        <el-row :gutter="24">-->
-                            <el-col :span="12">
+<!--                            <el-col :span="12">-->
-                                <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">
+<!--                                <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">-->
-                                    <div style="cursor: pointer;color: #00b7ee"  v-if="form.xgdName" @click="downloadFile('xgd')">
+<!--                                    <div style="cursor: pointer;color: #00b7ee"  v-if="form.xgdName" @click="downloadFile('xgd')">-->
-                                        {{ form.xgdName }}
+<!--                                        {{ form.xgdName }}-->
-                                    </div>
+<!--                                    </div>-->
-                                    <div v-else>
+<!--                                    <div v-else>-->
-                                        - -
+<!--                                        - - -->
-                                    </div>
+<!--                                    </div>-->
-                                </el-form-item>
+<!--                                </el-form-item>-->
-                                <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
+<!--                                <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">-->
-                                    <div style="cursor: pointer;color: #00b7ee" v-if="form.fbgbjbdName" @click="downloadFile('fbgbjbd')">
+<!--                                    <div style="cursor: pointer;color: #00b7ee" v-if="form.fbgbjbdName" @click="downloadFile('fbgbjbd')">-->
-                                        {{ form.fbgbjbdName }}
+<!--                                        {{ form.fbgbjbdName }}-->
-                                    </div>
+<!--                                    </div>-->
-                                    <div v-else>
+<!--                                    <div v-else>-->
-                                        - -
+<!--                                        - - -->
-                                    </div>
+<!--                                    </div>-->
-                                </el-form-item>
+<!--                                </el-form-item>-->
-                                <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">
+<!--                                <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">-->
-                                    <div v-if="form.zbjbdName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd')">
+<!--                                    <div v-if="form.zbjbdName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd')">-->
-                                        {{ form.zbjbdName }}
+<!--                                        {{ form.zbjbdName }}-->
-                                    </div>
+<!--                                    </div>-->
-                                    <div v-else>
+<!--                                    <div v-else>-->
-                                        - -
+<!--                                        - - -->
-                                    </div>
+<!--                                    </div>-->
-                                </el-form-item>
+<!--                                </el-form-item>-->
-                                <el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">
+<!--                                <el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">-->
-                                    <div v-if="form.ssgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg')">
+<!--                                    <div v-if="form.ssgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg')">-->
-                                        {{ form.ssgName }}
+<!--                                        {{ form.ssgName }}-->
-                                    </div>
+<!--                                    </div>-->
-                                    <div v-else>
+<!--                                    <div v-else>-->
-                                        - -
+<!--                                        - - -->
-                                    </div>
+<!--                                    </div>-->
-                                </el-form-item>
+<!--                                </el-form-item>-->
-                                <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
+<!--                                <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">-->
-                                    <div v-if="form.caName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca')">
+<!--                                    <div v-if="form.caName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca')">-->
-                                        {{ form.caName }}
+<!--                                        {{ form.caName }}-->
-                                    </div>
+<!--                                    </div>-->
-                                    <div v-else>
+<!--                                    <div v-else>-->
-                                        - -
+<!--                                        - - -->
-                                    </div>
+<!--                                    </div>-->
-                                </el-form-item>
+<!--                                </el-form-item>-->
-                            </el-col>
+<!--                            </el-col>-->
-                            <el-col :span="12">
+<!--                            <el-col :span="12">-->
-                                <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">
+<!--                                <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">-->
-                                    <div v-if="form.kwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj')">
+<!--                                    <div v-if="form.kwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj')">-->
-                                        {{ form.kwjName }}
+<!--                                        {{ form.kwjName }}-->
-                                    </div>
+<!--                                    </div>-->
-                                    <div v-else>
+<!--                                    <div v-else>-->
-                                        - -
+<!--                                        - - -->
-                                    </div>
+<!--                                    </div>-->
-                                </el-form-item>
+<!--                                </el-form-item>-->
-                                <el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">
+<!--                                <el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">-->
-                                    <div v-if="form.jdwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj')">
+<!--                                    <div v-if="form.jdwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj')">-->
-                                        {{ form.jdwjName }}
+<!--                                        {{ form.jdwjName }}-->
-                                    </div>
+<!--                                    </div>-->
-                                    <div v-else>
+<!--                                    <div v-else>-->
-                                        - -
+<!--                                        - - -->
-                                    </div>
+<!--                                    </div>-->
-                                </el-form-item>
+<!--                                </el-form-item>-->
-                                <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">
+<!--                                <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">-->
-                                    <div v-if="form.bpgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg')">
+<!--                                    <div v-if="form.bpgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg')">-->
-                                        {{ form.bpgName }}
+<!--                                        {{ form.bpgName }}-->
-                                    </div>
+<!--                                    </div>-->
-                                    <div v-else>
+<!--                                    <div v-else>-->
-                                        - -
+<!--                                        - - -->
-                                    </div>
+<!--                                    </div>-->
-                                </el-form-item>
+<!--                                </el-form-item>-->
-                                <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">
+<!--                                <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">-->
-                                    <div v-if="form.zqyjgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg')">
+<!--                                    <div v-if="form.zqyjgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg')">-->
-                                        {{ form.zqyjgName }}
+<!--                                        {{ form.zqyjgName }}-->
-                                    </div>
+<!--                                    </div>-->
-                                    <div v-else>
+<!--                                    <div v-else>-->
-                                        - -
+<!--                                        - - -->
-                                    </div>
+<!--                                    </div>-->
-                                </el-form-item>
+<!--                                </el-form-item>-->
-                            </el-col>
+<!--                            </el-col>-->
-                        </el-row>
+<!--                        </el-row>-->
+
+                      <el-row :gutter="24">
+                        <el-col :span="12">
+                          <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">
+                            <div  v-if="xgdFileMap.length>0" v-for="(value,index)  in this.xgdFileMap" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile('xgd',value.id)">
+                              <!-- {{ value.name }} -->
+                              {{value.name}}
+                            </div>
+                            <div v-else>
+                              - -
+                            </div>
+                          </el-form-item>
+                          <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
+                            <div v-if="fbgbjbdFileMap.length>0" v-for="(value,index)  in this.fbgbjbdFileMap" :key="index"  style="cursor: pointer;color: #00b7ee" @click="downloadFile('fbgbjbd',value.id)">
+                              {{value.name}}
+                            </div>
+                            <div v-else>
+                              - -
+                            </div>
+                          </el-form-item>
+                          <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">
+                            <div  v-if="zbjbdFileMap.length>0"  v-for="(value,index)  in this.zbjbdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd',value.id)">
+                              {{value.name}}
+                            </div>
+                            <div v-else>
+                              - -
+                            </div>
+                          </el-form-item>
+                          <el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">
+                            <div v-if="ssgFileMap.length>0"  v-for="(value,index)  in this.ssgFileMap" :key="index"  style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg',value.id)">
+                              {{value.name}}
+                            </div>
+                            <div v-else>
+                              - -
+                            </div>
+                          </el-form-item>
+                          <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
+                            <div v-if="caFileMap.length>0" v-for="(value,index)  in this.caFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca',value.id)">
+                              {{value.name}}
+                            </div>
+                            <div v-else>
+                              - -
+                            </div>
+                          </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                          <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">
+                            <div v-if="kwjFileMap.length>0" v-for="(value,index)  in this.kwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj',value.id)">
+                              {{value.name}}
+                            </div>
+                            <div v-else>
+                              - -
+                            </div>
+                          </el-form-item>
+                          <el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">
+                            <div v-if="jdwjFileMap.length>0" v-for="(value,index)  in this.jdwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj',value.id)">
+                              {{value.name}}
+                            </div>
+                            <div v-else>
+                              - -
+                            </div>
+                          </el-form-item>
+                          <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">
+                            <div v-if="bpgFileMap.length>0" v-for="(value,index)  in this.bpgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg',value.id)">
+                              {{value.name}}
+                            </div>
+                            <div v-else>
+                              - -
+                            </div>
+                          </el-form-item>
+                          <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">
+                            <div v-if="zqyjgFileMap.length>0" v-for="(value,index)  in this.zqyjgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg',value.id)">
+                              {{value.name}}
+                            </div>
+                            <div v-else>
+                              - -
+                            </div>
+                          </el-form-item>
+                        </el-col>
+                      </el-row>
                     </div>
                     <ProcessTitle>
                         <template slot="title">适用范围</template>
@@ -470,9 +550,9 @@
                                     </el-select>
                                 </el-form-item>
                                 <el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
-                                    <div v-if="form.glwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj')">
+                                  <div v-if="glwjFileMap.length>0" v-for="(value,index)  in this.glwjFileMap" :key="index"  style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj',value.id)">
-                                        {{ form.glwjName }}
+                                    {{value.name}}
-                                    </div>
+                                  </div>
                                     <div v-else>
                                         - -
                                     </div>
@@ -692,7 +772,22 @@
         name: "bzrkStep2",
         data () {
             return {
-                // 调整处理人抽屉状态
+              xgdFileMap: [],
+              fbgbjbdFileMap: [],
+              bpgFileMap: [],
+              ssgFileMap: [],
+              zqyjgFileMap: [],
+              jdwjFileMap: [],
+              kwjFileMap: [],
+              glwjFileMap: [],
+              caFileMap: [],
+              zbjbdFileMap: [],
+
+
+
+
+
+              // 调整处理人抽屉状态
                 drawerModal: false,
                 drawerTitle: '',
                 nodeList: [],
@@ -895,7 +990,6 @@
                 if(fileType === 'fbgbjbd'){
                     if(this.fbgbjbdFileId.search(',')){
                         this.fbgbjbdFileId=this.fbgbjbdFileId.replace(",","");
-                        console.log(this.fbgbjbdFileId);
                     }
                     window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.fbgbjbdFileId
                 }else if(fileType === 'xgd'){
@@ -979,6 +1073,16 @@
                     this.detailData = res
                 }, e => {})
             },
+          assemble(ids,names){
+            let list= new Array();
+            let idArray=ids.split(',');
+            let nameArray=names.split(',');
+            for(var i=0;i<idArray.length;i++){
+              list.push({id:idArray[i],name:nameArray[i]});
+            }
+
+            return list;
+          },
             getData() {
                 return new Promise((resolve, reject) => {
                     inboundLiaisonDetail({
@@ -987,6 +1091,8 @@
                     }).then(res => {
                         if (res) {
                             const processForm = JSON.parse(res.mesg)
+
+                          console.log("processFrom",processForm)
                             this.xgdFileId = processForm.xgd
                             this.fbgbjbdFileId = processForm.fbgbjbd
                             this.bpgFileId = processForm.bpg
@@ -998,8 +1104,27 @@
                             this.caFileId = processForm.ca
                             this.zbjbdFileId = processForm.zbjbd
                             this.getFormFieldList(processForm)
-                            console.log(processForm);
+
-                            console.log("processForm");
+                          this.xgdFileMap=this.assemble(processForm.xgd,processForm.xgdName);
+
+                          this.fbgbjbdFileMap=this.assemble(processForm.fbgbjbd,processForm.fbgbjbdName);
+                          // fbgbjbdFileMap: {},
+                          this.bpgFileMap=this.assemble(processForm.bpg,processForm.bpgName);
+                          // bpgFileMap: {},
+                          this.ssgFileMap=this.assemble(processForm.ssg,processForm.ssgName);
+                          // ssgFileMap: {},
+                          this.zqyjgFileMap=this.assemble(processForm.zqyjg,processForm.zqyjgName);
+                          // zqyjgFileMap: {},
+                          this.jdwjFileMap=this.assemble(processForm.jdwj,processForm.jdwjName);
+                          // jdwjFileMap: {},
+                          this.kwjFileMap=this.assemble(processForm.kwj,processForm.kwjName);
+                          // kwjFileMap: {},
+                          this.glwjFileMap=this.assemble(processForm.glwj,processForm.glwjName);
+                          // glwjFileMap: {},
+                          this.caFileMap=this.assemble(processForm.ca,processForm.caName);
+                          // caFileMap: {},
+                          this.zbjbdFileMap=this.assemble(processForm.zbjbd,processForm.zbjbdName);
+                          // zbjbdFileMap: {},
 
                         }
                     }).catch(e => {
@@ -1013,7 +1138,6 @@
                 this.$nextTick(() => {
                     this.form = JSON.parse(JSON.stringify(item))
                     this.defaultCheckedKeys = [this.form.standSystem]
-                    console.log(this.defaultCheckedKeys)
                     this.defaultCheckedKeys1 = [this.form.cycvppsbm]
                     this.defaultCheckedKeys2 = [this.form.kccvppsbm]
                     this.defaultCheckedKeys3 = [this.form.dybxh]
@@ -1082,7 +1206,6 @@
                         }, {
                             _this: this
                         }, res => {
-                            console.log(res);
                             if (res.success) {
                                 if(this.formTongGuo.approvalOpinion === '1'){
                                     this.$message.warning("驳回成功")

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

@@ -472,8 +472,8 @@
 <!--                  ></el-input>-->
 <!--                </el-form-item>-->
                 <el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
-                  <div v-if="form.glwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj')">
+                  <div v-if="form.glwjName" v-for="(value,index)  in this.glwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj',value.id)">
-                    {{ form.glwjName }}
+                    {{value.name}}
                   </div>
                   <div v-else>
                     - -
@@ -973,12 +973,9 @@ export default {
       }, e => {})
     },
     assemble(ids,names){
-        console.log("name",names)
-        console.log("id",ids)
         let list= new Array();
         let idArray=ids.split(',');
         let nameArray=names.split(',');
-        console.log("idarray",idArray);
         for(var i=0;i<idArray.length;i++){
           list.push({id:idArray[i],name:nameArray[i]});
         }
@@ -1007,7 +1004,6 @@ export default {
 
 
       this.xgdFileMap=this.assemble(processForm.xgd,processForm.xgdName);
-      console.log("xgdName",this.xgdFileMap);
 
       this.fbgbjbdFileMap=this.assemble(processForm.fbgbjbd,processForm.fbgbjbdName);
       // fbgbjbdFileMap: {},
@@ -1017,7 +1013,7 @@ export default {
       // ssgFileMap: {},
       this.zqyjgFileMap=this.assemble(processForm.zqyjg,processForm.zqyjgName);
       // zqyjgFileMap: {},
-      this.jdwjFileMap=this.assemble(processForm.jdwj,processForm.jdwj);
+      this.jdwjFileMap=this.assemble(processForm.jdwj,processForm.jdwjName);
       // jdwjFileMap: {},
       this.kwjFileMap=this.assemble(processForm.kwj,processForm.kwjName);
       // kwjFileMap: {},
@@ -1031,7 +1027,6 @@ export default {
 
 
 
-
             this.getFormFieldList(processForm)
           }
         }).catch(e => {
@@ -1044,8 +1039,7 @@ export default {
     getFormFieldList (item) {
       this.$nextTick(() => {
         this.form = JSON.parse(JSON.stringify(item))
-        console.log("this.form");
+        console.log("this.form",this.form);
-        console.log(this.form);
         this.defaultCheckedKeys = [this.form.standSystem]
         this.defaultCheckedKeys1 = [this.form.cycvppsbm]
         this.defaultCheckedKeys2 = [this.form.kccvppsbm]

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

@@ -968,8 +968,17 @@
                           v-model="form.glwjName"
                           clearable
                   ></el-input>
-                  <div v-if="form.glwjName">
+                  <div v-if="glwjFileList.length>0">
-                    {{ form.glwjName }}
+                    <!--                                        {{ form.fbgbjbdName }}-->
+                    <el-button
+                        type="primary"
+                        class="common-button-primary"
+                        size="mini"
+                        style="margin-left: 10px"
+                        @click="fileUpload('glwj')">
+                      <i class="el-icon-upload el-icon--right"></i>
+                      查看已上传的文件
+                    </el-button>
                   </div>
                   <div v-else>
                     <el-button
@@ -2249,6 +2258,9 @@ export default {
           case 'zqyjg':
             this.getFileList(value,this.zqyjgFileList);
             break;
+        case 'glwj':
+          this.getFileList(value,this.glwjFileList);
+          break;
           default: ;
       }
     },getFileList(fileIds,defaultFileList){

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

@@ -379,7 +379,6 @@ export default {
       } else {
         this.$message.warning('请选择要删除的数据')
       }
-
     },
     addModal() {
       var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);

src/pages/processCenter/pages/creatProcess/cywbbzzxd/step1.vue

@@ -0,0 +1,274 @@
+<!-- 加入标准化协会信息备案流程-->
+<template>
+  <div class="cywbbz-step1">
+    <ProcessHeader>
+      <template slot="proName">参与外部标准制修订信息提报流程</template>
+      <template slot="proNode">发起流程</template>
+    </ProcessHeader>
+    <div class="content">
+      <ProcessTitle>
+        <template slot="title">人员信息</template>
+      </ProcessTitle>
+      <div class="block" style="padding-top: 20px; height: 100%">
+        <el-timeline>
+          <el-form
+            ref="Form"
+            :model="roleForm"
+            :rules="roleFormRules"
+            class="label-input-form">
+            <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="prcCreateUserName" style="margin-bottom: 0">
+                  <h4>标准法规工程师</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.prcCreateUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.prcCreateUserName" placeholder="流程发起人"
+                              disabled></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="责任部门对接人选择责任人填写信息" placement="top"
+                              :color="roleForm.dockUser ? '#66b1ff' : ''" >
+              <el-card>
+                <el-form-item prop="dockUserName" style="margin-bottom: 0">
+                  <h4>责任部门对接人</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.dockUserName" placeholder="选择责任部门对接人"
+                              @click.native="choiceZRR('dockUser', '选择责任部门对接人', roleForm.dockUser)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="审批" placement="top"
+                              :color="roleForm.directorUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="directorUserName" style="margin-bottom: 0">
+                  <h4>标准法规部部长</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.directorUserName" placeholder="选择标准法规部部长"
+                              @click.native="choiceZRR('directorUser', '选择标准法规部部长', roleForm.directorUser)"></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+          </el-form>
+        </el-timeline>
+      </div>
+    </div>
+    <!--    多选择责任人-->
+<!--    <Role-tree-->
+<!--      is-title="选择责任部门对接人"-->
+<!--      :is-visible.sync="modalshowflag2"-->
+<!--      @checkedRole="checkedRole2"-->
+<!--      :nodeList="nodeList2"-->
+<!--    ></Role-tree>-->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="modalshowflag"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+    <ProcessFooter
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import ProcessFooter from "process/components/ProcessFooter";
+import { queryTaskFirst, saveTaskFirst } from "api/process";
+
+export default {
+  name: "cywbbzzxdStep1",
+  components: {
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter
+  },
+  data() {
+    return {
+      isSubmit: false,
+      saveLoading: false,
+      modalshowflag: false, // drawer开关
+      modalshowflag2: false,
+      nodeList2: [],
+      drawerTitle: "", //drawer标题
+      nodeList: [],
+      roleForm: {
+        prcCreateUserName: this.$store.getters.userInfo.userName,
+        prcCreateUser: this.$store.getters.userInfo.userId,
+        firstUserName: this.$store.getters.userInfo.userName,
+        firstUser: this.$store.getters.userInfo.userId,
+        dockUser: "",
+        directorUser: "",
+        dockUserName: "",
+        directorUserName: ""
+      },
+      roleFormRules: {
+        dockUserName: [
+          {required: true, message: "请选择责任部门对接人", trigger: "change"}
+        ],
+        directorUserName: [
+          {required: true, message: "请选择标准法规部部长", trigger: "change"}
+        ]
+      },
+    };
+  },
+  mounted() {
+    this.bpnId = this.$route.query.bpnId
+    if (this.bpnId !== undefined) {
+      this.getData()
+    }
+  },
+  methods:{
+    getData() {
+      queryTaskFirst({
+        bpnId: this.$route.query.bpnId
+      }).then(res => {
+        let mes = JSON.parse(res.mes)
+        this.roleForm = mes.roleForm
+      });
+    },
+    choiceZRR(type, title, id) {
+      this.nodeList = [];
+      this.nodeList.push(id);
+      this.type = type;
+      this.drawerTitle = title;
+      this.modalshowflag = true;
+    },
+    // choiceZRRS() {
+    //   this.nodeList2 = [];
+    //   if (this.roleForm.dockUser.length > 0) {
+    //     this.nodeList2 = this.roleForm.dockUser.split(",");
+    //   }
+    //   this.modalshowflag2 = true;
+    // },
+    checkedRole(data) {
+      if (this.type === "dockUser") {
+        this.roleForm.dockUser = data[0].id;
+        this.roleForm.dockUserName = data[0].name;
+      } else if (this.type === "directorUser") {
+        this.roleForm.directorUser = data[0].id;
+        this.roleForm.directorUserName = data[0].name;
+      }
+      this.modalshowflag = false;
+    },
+    // checkedRole2(data) {
+    //   var idList = "";
+    //   var nameList = "";
+    //   data.forEach(item => {
+    //     if (nameList.length > 0) {
+    //       nameList += ",";
+    //       idList += ",";
+    //     }
+    //     idList += item.id;
+    //     nameList += item.name;
+    //   });
+    //   this.roleForm.dockUser = idList;
+    //   this.roleForm.dockUserName = nameList;
+    // },
+    handleSubmit(){
+      var json = this.roleForm
+      this.$refs["Form"].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          this.$http.get("lawss/activiti/startProcess", {type: "14"}, {
+            _this: this
+          }, res => {
+            if (res.ok) {
+              this.$http.post("lawss/activiti/completeTask", {
+                taskIds: res.data,
+                userId: this.$store.getters.userInfo.userId,
+                json: JSON.stringify(json)
+              }, {
+                _this: this
+              }, res => {
+                if (res.success) {
+                  this.$message.success(res.message);
+                  this.$router.push("/processCenter");
+                }
+                this.isSubmit = false
+              });
+            }
+          });
+        } else {
+          return this.$message.warning("请完善人员信息");
+        }
+      });
+
+    },
+    handleSave(){
+      this.saveLoading = true;
+      let _formData = new FormData();
+      _formData.append("id", this.bpnId || "");
+      _formData.append("createUser", this.$store.getters.userInfo.userId);
+      _formData.append("createUserName", this.$store.getters.userInfo.userName);
+      _formData.append("prcType", "14");
+      _formData.append("json", JSON.stringify({
+        taskInfo: '责任部门对接人选择责任人',
+        roleForm: this.roleForm,
+      }));
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false;
+        this.$message.success("保存成功");
+        this.bpnId = res.result;
+      }).catch(e => {
+        this.saveLoading = false;
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.cywbbz-step1 {
+  height: 100%;
+  position: relative;
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .form-select{
+      display: flex;
+    }
+  }
+  .headerTabs {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    height: 52px;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+}
+</style>

src/pages/processCenter/pages/creatProcess/cywbbzzxd/step2.vue

@@ -0,0 +1,287 @@
+<!-- 加入标准化协会信息备案流程-->
+<template>
+  <div class="cywbbz-step2">
+    <ProcessHeader>
+      <template slot="proName">参与外部标准制修订信息提报流程</template>
+      <template slot="proNode">发起流程</template>
+    </ProcessHeader>
+    <div class="content">
+      <ProcessTitle>
+        <template slot="title">人员信息</template>
+      </ProcessTitle>
+      <div class="block" style="padding-top: 20px; height: 100%">
+        <el-timeline>
+          <el-form
+            ref="Form"
+            :model="roleForm"
+            :rules="roleFormRules"
+            class="label-input-form">
+            <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="prcCreateUserName" style="margin-bottom: 0">
+                  <h4>标准法规工程师</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.prcCreateUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.prcCreateUserName" placeholder="流程发起人"
+                              disabled></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="责任部门对接人选择责任人填写信息" placement="top"
+                              :color="roleForm.dockUser ? '#66b1ff' : ''" >
+              <el-card>
+                <el-form-item prop="dockUserName" style="margin-bottom: 0">
+                  <h4>责任部门对接人</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.dockUserName" placeholder="选择责任部门对接人"
+                              @click.native="choiceZRRS" disabled>
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="选择责任工程师填写信息" placement="top"
+                              :color="roleForm.workPeople ? '#66b1ff' : ''" >
+              <el-card>
+                <el-form-item prop="workPeopleName" style="margin-bottom: 0">
+                  <h4>责任工程师</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.workPeople" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.workPeopleName" placeholder="选择责任工程师"
+                              @click.native="choiceZRR('workPeople', '选择责任工程师', roleForm.workPeople)">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="审批" placement="top"
+                              :color="roleForm.directorUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="directorUserName" style="margin-bottom: 0">
+                  <h4>标准法规部部长</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.directorUserName" placeholder="选择标准法规部部长"
+                              @click.native="choiceZRR('directorUser', '选择标准法规部部长', roleForm.directorUser)" disabled></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+          </el-form>
+        </el-timeline>
+      </div>
+    </div>
+    <!--    多选择责任人-->
+    <Role-tree
+      is-title="选择责任部门对接人"
+      :is-visible.sync="modalshowflag2"
+      @checkedRole="checkedRole2"
+      :nodeList="nodeList2"
+    ></Role-tree>
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="modalshowflag"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+    <ProcessFooter
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import ProcessFooter from "process/components/ProcessFooter";
+import { inboundLiaisonDetail } from "api/process";
+
+export default {
+  name: "cywbbzzxdStep2",
+  components: {
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter
+  },
+  data() {
+    return {
+      isSubmit: false,
+      saveLoading: false,
+      modalshowflag: false, // drawer开关
+      modalshowflag2: false,
+      nodeList2: [],
+      drawerTitle: "", //drawer标题
+      nodeList: [],
+      roleForm: {
+        prcCreateUserName: this.$store.getters.userInfo.userName,
+        prcCreateUser: this.$store.getters.userInfo.userId,
+        dockUser: "",
+        directorUser: "",
+        workPeople: "",
+        dockUserName: "",
+        workPeopleName: "",
+        directorUserName: ""
+      },
+      roleFormRules: {
+        // dockUserName: [
+        //   {required: true, message: "请选择标准化员", trigger: "change"}
+        // ],
+        // workPeopleName: [
+        //   {required: true, message: '请选择责任工程师', trigger: "change"}
+        // ],
+        // directorUserName: [
+        //   {required: true, message: "请选择标准法规部部长", trigger: "change"}
+        // ]
+      },
+    };
+  },
+  mounted() {
+    this.getData();
+  },
+  methods:{
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      this.$nextTick(() => {
+        this.roleForm = item
+      });
+    },
+    choiceZRR(type, title, id) {
+      this.nodeList = [];
+      this.nodeList.push(id);
+      this.type = type;
+      this.drawerTitle = title;
+      this.modalshowflag = true;
+    },
+    choiceZRRS() {
+      this.nodeList2 = [];
+      if (this.roleForm.workPeople.length > 0) {
+        this.nodeList2 = this.roleForm.workPeople.split(",");
+      }
+      this.modalshowflag2 = true;
+    },
+    checkedRole(data) {
+      if (this.type === "dockUser") {
+        this.roleForm.dockUser = this.roleRow.id;
+        this.roleForm.dockUserName = this.roleRow.name;
+      } else if (this.type === "directorUser") {
+        this.roleForm.directorUser = data[0].id;
+        this.roleForm.directorUserName = data[0].name;
+      } else if(this.type === "workPeople"){
+        this.roleForm.workPeople = data[0].id;
+        this.roleForm.workPeopleName = data[0].name;
+      }
+      this.modalshowflag = false;
+    },
+    checkedRole2(data) {
+      var idList = "";
+      var nameList = "";
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ",";
+          idList += ",";
+        }
+        idList += item.id;
+        nameList += item.name;
+      });
+      this.roleForm.workPeople = idList;
+      this.roleForm.workPeopleName = nameList;
+    },
+    handleSubmit(){
+      if(this.roleForm.workPeople !== undefined){
+        var json = this.roleForm
+        this.$refs["Form"].validate((valid) => {
+          if (valid) {
+            this.isSubmit = true
+            this.$http.post("lawss/activiti/completeTask", {
+              taskIds: this.$route.query.taskIds,
+              userId: this.$store.getters.userInfo.userId,
+              json: JSON.stringify(json)
+            }, {
+              _this: this
+            }, res => {
+              if (res.success) {
+                this.$message.success(res.message);
+                this.$router.push("/processCenter");
+              }
+              this.isSubmit = false
+            });
+          } else {
+            return this.$message.warning("请完善人员信息");
+          }
+        });
+      }else{
+        this.$message.warning('请选择责任工程师')
+      }
+
+    },
+    handleSave(){
+
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.cywbbz-step2 {
+  height: 100%;
+  position: relative;
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .form-select{
+      display: flex;
+    }
+  }
+  .headerTabs {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    height: 52px;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+}
+</style>

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

@@ -0,0 +1,525 @@
+<!--  参与外部标准制修订流程-->
+<template>
+  <div class="wbbz-step1">
+    <ProcessHeader>
+      <template slot="proName">参与外部标准制修订信息提报流程</template>
+      <template slot="proNode">填写备案信息</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div>
+        <el-form
+          ref="wbbzForm"
+          :model="wbbzform"
+          :rules="formRules"
+          class="label-input-form"
+          label-width="210px"
+        >
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border" v-if="foldFormFlag">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.reportingUnit"
+                    placeholder="请输入提报单位"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准编号" prop="standNumber" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standNumber"
+                    placeholder="请输入标准编号"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="主持或参与" prop="hostOrTask" class="add-form-item ">
+                  <div class="form-select">
+                    <el-select v-model="wbbzform.hostOrTask" placeholder="请选择主持或参与">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </div>
+                </el-form-item>
+                <el-form-item label="参与人" prop="participants" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.participants"
+                    placeholder="请选择参与人"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准制定机构" prop="standMechanism" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standMechanism"
+                    placeholder="请选择标准制定机构"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="参与时间" prop="partakeTime" class="add-form-item form-item-disabled">
+                  <el-date-picker
+                    v-model="wbbzform.partakeTime"
+                    type="date"
+                    value-format="yyyy-MM-dd"
+                    placeholder="请选择入会时间">
+                  </el-date-picker>
+                </el-form-item>
+                <el-form-item label="标准名称" prop="standName" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standName"
+                    placeholder="请输入标准名称"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准类型" prop="standType" class="add-form-item ">
+                  <div class="form-select">
+                    <el-select v-model="wbbzform.standType" placeholder="请选择标准类型">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </div>
+                </el-form-item>
+                <el-form-item label="标准制修订" prop="standRevise" class="add-form-item ">
+                  <div class="form-select">
+                    <el-select v-model="wbbzform.standRevise" placeholder="请选择标准制修订">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </div>
+                </el-form-item>
+                <el-form-item label="标准(拟)发布时间" prop="releaseTime" class="add-form-item form-item-disabled">
+                  <el-date-picker
+                    v-model="wbbzform.releaseTime"
+                    type="date"
+                    value-format="yyyy-MM-dd"
+                    placeholder="请选择标准(拟)发布时间">
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'"
+                     @click="foldForm">{{ foldFormFlag ? "隐藏基础信息" : "展开基础信息" }}
+          </el-button>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">项目信息</template>
+        </ProcessTitle>
+        <div class="tableTitle">
+          <div class="tableButton">
+            <el-button plain class="common-button-primary" size="mini" @click="addProject">添加</el-button>
+            <el-button plain class="common-button-primary" size="mini" @click="deleteProject">批量删除</el-button>
+          </div>
+        </div>
+        <el-table border
+                  ref="selection"
+                  :data="participantsData"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                  @selection-change="handleSelectionChange1"
+                  row-key="id">
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column
+            prop="projectNumber"
+            label="项目编号"
+            align="center">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.projectNumber"
+                placeholder="请输入项目编号"
+              >
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="projectName"
+            label="项目名称"
+            align="center">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.projectName"
+                placeholder="请输入项目名称"
+              >
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="expenses"
+            label="费用支出项"
+            align="center">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.expenses"
+                placeholder="请输入费用支出项"
+              >
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="costBudget"
+            label="费用预算"
+            align="center">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.costBudget"
+                placeholder="请输入费用预算"
+              >
+              </el-input>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-save
+      show-submit
+      show-record
+      :recordLoading="recordLoading"
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @record="handleRecord"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import ProcessFooter from "process/components/ProcessFooter";
+import { inboundLiaisonDetail } from "api/process";
+
+export default {
+  name: "cywbbzzxdStep3",
+  components: {
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter
+  },
+  data() {
+    return {
+      //切换tab
+      active: "1",
+      foldFormFlag: true,
+      isSubmit: false,
+      recordLoading: false,
+      saveLoading: false,
+      loading: false,
+      detailData: [],  //审批历史信息
+      wbbzform: {
+        reportingUnit: "",
+        standNumber: "",
+        hostOrTask: "",
+        participants: "",
+        standMechanism: "",
+        partakeTime: "",
+        standName: "",
+        standType: "",
+        standRevise: "",
+        releaseTime: ""
+      },
+      formRules: {
+        reportingUnit: [
+          { required: true, message: "请输入提报单位", trigger: "change" }
+        ]
+      },
+      participantsData: [],
+      // participantsData: [{
+      //   projectNumber: '',
+      //   projectName: '',
+      //   expenses: '',
+      //   costBudget:'',
+      // }], //参与人表格信息
+      associationOptions: [{
+        value: "选项1",
+        label: "1"
+      }, {
+        value: "选项2",
+        label: "2"
+      }, {
+        value: "选项3",
+        label: "3"
+      }]
+    };
+  },
+  mounted() {
+    this.getData();
+    this.processTable();
+  },
+  methods: {
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      this.$nextTick(() => {
+        if(item.wbbzform !== undefined){
+          this.wbbzform = item.wbbzform
+          this.participantsData = item.participantsData
+        }else{
+          return
+        }
+      });
+    },
+    //审批历史信息
+    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 => {
+      });
+    },
+    handleTabs(type) {
+      this.active = type;
+    },
+    foldForm() {
+      this.foldFormFlag = !this.foldFormFlag;
+    },
+    handleSave() {
+    },
+    //不备案
+    handleRecord() {
+      let json = {
+        signFlag: '2',
+      };
+      this.$http.post("lawss/activiti/completeTask", {
+        taskIds: this.$route.query.taskIds,
+        userId: this.$store.getters.userInfo.userId,
+        json: JSON.stringify(json)
+      }, {
+        _this: this
+      }, res => {
+        if (res.success) {
+          this.$message.success(res.message);
+          this.$router.push("/processCenter");
+        }
+        this.isSubmit = false
+      });
+    },
+    handleSubmit() {
+      if (this.participantsData.length < 1) {
+        this.$message.warning("项目信息不能为空");
+      } else {
+        this.participantsData.forEach(item => {
+          if (item.projectNumber === undefined) {
+            this.$message.warning("请完善项目信息");
+          }
+        });
+        this.wbbzform.commentText = this.commentText;
+        let json = {
+          participantsData: this.participantsData,
+          wbbzform: this.wbbzform,
+          signFlag: '1',
+        };
+        this.$refs["wbbzForm"].validate((valid) => {
+          if (valid) {
+            this.$http.post("lawss/activiti/completeTask", {
+              taskIds: this.$route.query.taskIds,
+              userId: this.$store.getters.userInfo.userId,
+              json: JSON.stringify(json)
+            }, {
+              _this: this
+            }, res => {
+              if (res.success) {
+                this.$message.success(res.message);
+                this.$router.push("/processCenter");
+              }
+              this.isSubmit = false
+            });
+          } else {
+            return this.$message.warning("请完善基础信息");
+          }
+        });
+      }
+    },
+    //添加按鈕事件
+    addProject() {
+      var list = {
+        projectNumber: this.projectNumber,
+        projectName: this.projectName,
+        expenses: this.expenses,
+        costBudget: this.costBudget
+      };
+      this.participantsData.push(list);
+    },
+    //批量刪除按鈕事件
+    deleteProject() {
+
+    },
+    handleSelectionChange1(data) {
+
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.wbbz-step1 {
+  height: 100%;
+  position: relative;
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .form-select {
+      display: flex;
+    }
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .headerTabs {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    height: 52px;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+}
+</style>

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

@@ -0,0 +1,525 @@
+<!--  参与外部标准制修订流程-->
+<template>
+  <div class="wbbz-step1">
+    <ProcessHeader>
+      <template slot="proName">参与外部标准制修订信息提报流程</template>
+      <template slot="proNode">责任部门对接人审核</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div>
+        <el-form
+          ref="wbbzForm"
+          :model="wbbzform"
+          :rules="formRules"
+          class="label-input-form"
+          label-width="210px"
+        >
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border" v-if="foldFormFlag">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.reportingUnit"
+                    placeholder="请输入提报单位"
+                    readonly
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准编号" prop="standNumber" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standNumber"
+                    readonly
+                    placeholder="请输入标准编号"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="主持或参与" prop="hostOrTask" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.hostOrTask"
+                    readonly
+                    placeholder="请选择主持或参与"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="参与人" prop="participants" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.participants"
+                    readonly
+                    placeholder="请选择参与人"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准制定机构" prop="standMechanism" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standMechanism"
+                    placeholder="请选择标准制定机构"
+                    readonly
+                    clearable>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="参与时间" prop="partakeTime" class="add-form-item form-item-disabled">
+                  <el-input
+                    v-model="wbbzform.partakeTime"
+                    readonly
+                    placeholder="请选择参与时间"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准名称" prop="standName" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standName"
+                    placeholder="请输入标准名称"
+                    readonly
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准类型" prop="standType" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standType"
+                    readonly
+                    placeholder="请选择标准类型"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准制修订" prop="standRevise" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standRevise"
+                    readonly
+                    placeholder="请选择标准制修订"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准(拟)发布时间" prop="releaseTime" class="add-form-item form-item-disabled">
+                  <el-input
+                    v-model="wbbzform.releaseTime"
+                    readonly
+                    placeholder="请选择标准(拟)发布时间"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'"
+                     @click="foldForm">{{ foldFormFlag ? "隐藏基础信息" : "展开基础信息" }}
+          </el-button>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">项目信息</template>
+        </ProcessTitle>
+        <div class="tableTitle">
+          <div class="tableButton">
+          </div>
+        </div>
+        <el-table border
+                  ref="selection"
+                  :data="participantsData"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                  row-key="id">
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column
+            prop="projectNumber"
+            label="项目编号"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="projectName"
+            label="项目名称"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="expenses"
+            label="费用支出项"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="costBudget"
+            label="费用预算"
+            align="center">
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :submitLoading="isSubmit"
+      :transfer-loading="isTransfer"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedTransferRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import ProcessFooter from "process/components/ProcessFooter";
+import { changeAssigneeNew, inboundLiaisonDetail } from "api/process";
+
+export default {
+  name: "cywbbzzxdStep4",
+  components: {
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter
+  },
+  data() {
+    return {
+      //切换tab
+      active: "1",
+      foldFormFlag: true,
+      isSubmit: false,
+      recordLoading: false,
+      saveLoading: false,
+      loading: false,
+      drawerModal: false,
+      isTransfer: false,
+      drawerTitle: '',
+      detailData: [],  //审批历史信息
+      nodeList: [],
+      wbbzform: {
+        reportingUnit: "",
+        standNumber: "",
+        hostOrTask: "",
+        participants: "",
+        standMechanism: "",
+        partakeTime: "",
+        standName: "",
+        standType: "",
+        standRevise: "",
+        releaseTime: ""
+      },
+      formRules: {
+        reportingUnit: [
+          { required: true, message: "请输入提报单位", trigger: "change" }
+        ]
+      },
+      participantsData: [],
+      // participantsData: [{
+      //   projectNumber: '',
+      //   projectName: '',
+      //   expenses: '',
+      //   costBudget:'',
+      // }], //参与人表格信息
+      associationOptions: [{
+        value: "选项1",
+        label: "1"
+      }, {
+        value: "选项2",
+        label: "2"
+      }, {
+        value: "选项3",
+        label: "3"
+      }]
+    };
+  },
+  mounted() {
+    this.getData();
+    this.processTable();
+  },
+  methods: {
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.wbbzform = item.wbbzform
+        this.participantsData = item.participantsData
+      });
+    },
+    //审批历史信息
+    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 => {
+      });
+    },
+    handleTabs(type) {
+      this.active = type;
+    },
+    foldForm() {
+      this.foldFormFlag = !this.foldFormFlag;
+    },
+    handleSave() {
+    },
+    //驳回
+    beforeBack(){
+      if (this.participantsData.length < 1) {
+        this.$message.warning("项目信息不能为空");
+      } else {
+        this.participantsData.forEach(item => {
+          if (item.projectNumber === undefined) {
+            this.$message.warning("请完善项目信息");
+          }
+        });
+        this.wbbzform.commentText = this.commentText;
+        let json = {
+          participantsData: this.participantsData,
+          wbbzform: this.wbbzform,
+          signFlag: '2',
+        };
+        this.$refs["wbbzForm"].validate((valid) => {
+          if (valid) {
+            this.$http.post("lawss/activiti/completeTask", {
+              taskIds: this.$route.query.taskIds,
+              userId: this.$store.getters.userInfo.userId,
+              json: JSON.stringify(json)
+            }, {
+              _this: this
+            }, res => {
+              if (res.success) {
+                this.$message.success(res.message);
+                this.$router.push("/processCenter");
+              }
+              this.isSubmit = false
+            });
+          } else {
+            return this.$message.warning("请完善基础信息");
+          }
+        });
+      }
+    },
+    handleSubmit() {
+      this.isSubmit = true;
+      if (this.participantsData.length < 1) {
+        this.$message.warning("项目信息不能为空");
+      } else {
+        this.participantsData.forEach(item => {
+          if (item.projectNumber === undefined) {
+            this.$message.warning("请完善项目信息");
+          }
+        });
+        this.wbbzform.commentText = this.commentText;
+        let json = {
+          participantsData: this.participantsData,
+          wbbzform: this.wbbzform,
+          signFlag: '1',
+        };
+        this.$refs["wbbzForm"].validate((valid) => {
+          if (valid) {
+            this.$http.post("lawss/activiti/completeTask", {
+              taskIds: this.$route.query.taskIds,
+              userId: this.$store.getters.userInfo.userId,
+              json: JSON.stringify(json)
+            }, {
+              _this: this
+            }, res => {
+              if (res.success) {
+                this.$message.success(res.message);
+                this.$router.push("/processCenter");
+              }
+              this.isSubmit = false
+            });
+          } else {
+            return this.$message.warning("请完善基础信息");
+          }
+        });
+      }
+    },
+    //转办按钮
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    //确认转办
+    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)
+        }
+      })
+    },
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.wbbz-step1 {
+  height: 100%;
+  position: relative;
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .form-select {
+      display: flex;
+    }
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .headerTabs {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    height: 52px;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+}
+</style>

src/pages/processCenter/pages/creatProcess/cywbbzzxd/step5.vue

@@ -0,0 +1,525 @@
+<!--  参与外部标准制修订流程-->
+<template>
+  <div class="wbbz-step1">
+    <ProcessHeader>
+      <template slot="proName">参与外部标准制修订信息提报流程</template>
+      <template slot="proNode">标准法规工程师审核</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div>
+        <el-form
+          ref="wbbzForm"
+          :model="wbbzform"
+          :rules="formRules"
+          class="label-input-form"
+          label-width="210px"
+        >
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border" v-if="foldFormFlag">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.reportingUnit"
+                    placeholder="请输入提报单位"
+                    readonly
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准编号" prop="standNumber" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standNumber"
+                    readonly
+                    placeholder="请输入标准编号"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="主持或参与" prop="hostOrTask" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.hostOrTask"
+                    readonly
+                    placeholder="请选择主持或参与"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="参与人" prop="participants" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.participants"
+                    readonly
+                    placeholder="请选择参与人"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准制定机构" prop="standMechanism" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standMechanism"
+                    placeholder="请选择标准制定机构"
+                    readonly
+                    clearable>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="参与时间" prop="partakeTime" class="add-form-item form-item-disabled">
+                  <el-input
+                    v-model="wbbzform.partakeTime"
+                    readonly
+                    placeholder="请选择参与时间"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准名称" prop="standName" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standName"
+                    placeholder="请输入标准名称"
+                    readonly
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准类型" prop="standType" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standType"
+                    readonly
+                    placeholder="请选择标准类型"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准制修订" prop="standRevise" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standRevise"
+                    readonly
+                    placeholder="请选择标准制修订"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准(拟)发布时间" prop="releaseTime" class="add-form-item form-item-disabled">
+                  <el-input
+                    v-model="wbbzform.releaseTime"
+                    readonly
+                    placeholder="请选择标准(拟)发布时间"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'"
+                     @click="foldForm">{{ foldFormFlag ? "隐藏基础信息" : "展开基础信息" }}
+          </el-button>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">项目信息</template>
+        </ProcessTitle>
+        <div class="tableTitle">
+          <div class="tableButton">
+          </div>
+        </div>
+        <el-table border
+                  ref="selection"
+                  :data="participantsData"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                  row-key="id">
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column
+            prop="projectNumber"
+            label="项目编号"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="projectName"
+            label="项目名称"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="expenses"
+            label="费用支出项"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="costBudget"
+            label="费用预算"
+            align="center">
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :submitLoading="isSubmit"
+      :transfer-loading="isTransfer"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedTransferRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import ProcessFooter from "process/components/ProcessFooter";
+import { changeAssigneeNew, inboundLiaisonDetail } from "api/process";
+
+export default {
+  name: "cywbbzzxdStep5",
+  components: {
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter
+  },
+  data() {
+    return {
+      //切换tab
+      active: "1",
+      foldFormFlag: true,
+      isSubmit: false,
+      recordLoading: false,
+      saveLoading: false,
+      isTransfer: false,
+      loading: false,
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+      detailData: [],  //审批历史信息
+      wbbzform: {
+        reportingUnit: "",
+        standNumber: "",
+        hostOrTask: "",
+        participants: "",
+        standMechanism: "",
+        partakeTime: "",
+        standName: "",
+        standType: "",
+        standRevise: "",
+        releaseTime: ""
+      },
+      formRules: {
+        reportingUnit: [
+          { required: true, message: "请输入提报单位", trigger: "change" }
+        ]
+      },
+      participantsData: [],
+      // participantsData: [{
+      //   projectNumber: '',
+      //   projectName: '',
+      //   expenses: '',
+      //   costBudget:'',
+      // }], //参与人表格信息
+      associationOptions: [{
+        value: "选项1",
+        label: "1"
+      }, {
+        value: "选项2",
+        label: "2"
+      }, {
+        value: "选项3",
+        label: "3"
+      }]
+    };
+  },
+  mounted() {
+    this.getData();
+    this.processTable();
+  },
+  methods: {
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.wbbzform = item.wbbzform
+        this.participantsData = item.participantsData
+      });
+    },
+    //审批历史信息
+    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 => {
+      });
+    },
+    handleTabs(type) {
+      this.active = type;
+    },
+    foldForm() {
+      this.foldFormFlag = !this.foldFormFlag;
+    },
+    handleSave() {
+    },
+    //驳回
+    beforeBack(){
+      if (this.participantsData.length < 1) {
+        this.$message.warning("项目信息不能为空");
+      } else {
+        this.participantsData.forEach(item => {
+          if (item.projectNumber === undefined) {
+            this.$message.warning("请完善项目信息");
+          }
+        });
+        this.wbbzform.commentText = this.commentText;
+        let json = {
+          participantsData: this.participantsData,
+          wbbzform: this.wbbzform,
+          signFlag: '2',
+        };
+        this.$refs["wbbzForm"].validate((valid) => {
+          if (valid) {
+            this.$http.post("lawss/activiti/completeTask", {
+              taskIds: this.$route.query.taskIds,
+              userId: this.$store.getters.userInfo.userId,
+              json: JSON.stringify(json)
+            }, {
+              _this: this
+            }, res => {
+              if (res.success) {
+                this.$message.success(res.message);
+                this.$router.push("/processCenter");
+              }
+              this.isSubmit = false
+            });
+          } else {
+            return this.$message.warning("请完善基础信息");
+          }
+        });
+      }
+    },
+    handleSubmit() {
+      this.isSubmit = true
+      if (this.participantsData.length < 1) {
+        this.$message.warning("项目信息不能为空");
+      } else {
+        this.participantsData.forEach(item => {
+          if (item.projectNumber === undefined) {
+            this.$message.warning("请完善项目信息");
+          }
+        });
+        this.wbbzform.commentText = this.commentText;
+        let json = {
+          participantsData: this.participantsData,
+          wbbzform: this.wbbzform,
+          signFlag: '1',
+        };
+        this.$refs["wbbzForm"].validate((valid) => {
+          if (valid) {
+            this.$http.post("lawss/activiti/completeTask", {
+              taskIds: this.$route.query.taskIds,
+              userId: this.$store.getters.userInfo.userId,
+              json: JSON.stringify(json)
+            }, {
+              _this: this
+            }, res => {
+              if (res.success) {
+                this.$message.success(res.message);
+                this.$router.push("/processCenter");
+              }
+              this.isSubmit = false
+            });
+          } else {
+            return this.$message.warning("请完善基础信息");
+          }
+        });
+      }
+    },
+    //转办按钮
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    //确认转办
+    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)
+        }
+      })
+    },
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.wbbz-step1 {
+  height: 100%;
+  position: relative;
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .form-select {
+      display: flex;
+    }
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .headerTabs {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    height: 52px;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+}
+</style>

src/pages/processCenter/pages/creatProcess/cywbbzzxd/step6.vue

@@ -0,0 +1,525 @@
+<!--  参与外部标准制修订流程-->
+<template>
+  <div class="wbbz-step1">
+    <ProcessHeader>
+      <template slot="proName">参与外部标准制修订信息提报流程</template>
+      <template slot="proNode">标准法规部部长审核</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div>
+        <el-form
+          ref="wbbzForm"
+          :model="wbbzform"
+          :rules="formRules"
+          class="label-input-form"
+          label-width="210px"
+        >
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border" v-if="foldFormFlag">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.reportingUnit"
+                    placeholder="请输入提报单位"
+                    readonly
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准编号" prop="standNumber" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standNumber"
+                    readonly
+                    placeholder="请输入标准编号"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="主持或参与" prop="hostOrTask" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.hostOrTask"
+                    readonly
+                    placeholder="请选择主持或参与"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="参与人" prop="participants" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.participants"
+                    readonly
+                    placeholder="请选择参与人"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准制定机构" prop="standMechanism" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standMechanism"
+                    placeholder="请选择标准制定机构"
+                    readonly
+                    clearable>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="参与时间" prop="partakeTime" class="add-form-item form-item-disabled">
+                  <el-input
+                    v-model="wbbzform.partakeTime"
+                    readonly
+                    placeholder="请选择参与时间"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准名称" prop="standName" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standName"
+                    placeholder="请输入标准名称"
+                    readonly
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准类型" prop="standType" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standType"
+                    readonly
+                    placeholder="请选择标准类型"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准制修订" prop="standRevise" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.standRevise"
+                    readonly
+                    placeholder="请选择标准制修订"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="标准(拟)发布时间" prop="releaseTime" class="add-form-item form-item-disabled">
+                  <el-input
+                    v-model="wbbzform.releaseTime"
+                    readonly
+                    placeholder="请选择标准(拟)发布时间"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'"
+                     @click="foldForm">{{ foldFormFlag ? "隐藏基础信息" : "展开基础信息" }}
+          </el-button>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">项目信息</template>
+        </ProcessTitle>
+        <div class="tableTitle">
+          <div class="tableButton">
+          </div>
+        </div>
+        <el-table border
+                  ref="selection"
+                  :data="participantsData"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                  row-key="id">
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column
+            prop="projectNumber"
+            label="项目编号"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="projectName"
+            label="项目名称"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="expenses"
+            label="费用支出项"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="costBudget"
+            label="费用预算"
+            align="center">
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <div class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :submitLoading="isSubmit"
+      :transfer-loading="isTransfer"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedTransferRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import ProcessFooter from "process/components/ProcessFooter";
+import { changeAssigneeNew, inboundLiaisonDetail } from "api/process";
+
+export default {
+  name: "cywbbzzxdStep6",
+  components: {
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter
+  },
+  data() {
+    return {
+      //切换tab
+      active: "1",
+      foldFormFlag: true,
+      isSubmit: false,
+      recordLoading: false,
+      saveLoading: false,
+      isTransfer: false,
+      loading: false,
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+      detailData: [],  //审批历史信息
+      wbbzform: {
+        reportingUnit: "",
+        standNumber: "",
+        hostOrTask: "",
+        participants: "",
+        standMechanism: "",
+        partakeTime: "",
+        standName: "",
+        standType: "",
+        standRevise: "",
+        releaseTime: ""
+      },
+      formRules: {
+        reportingUnit: [
+          { required: true, message: "请输入提报单位", trigger: "change" }
+        ]
+      },
+      participantsData: [],
+      // participantsData: [{
+      //   projectNumber: '',
+      //   projectName: '',
+      //   expenses: '',
+      //   costBudget:'',
+      // }], //参与人表格信息
+      associationOptions: [{
+        value: "选项1",
+        label: "1"
+      }, {
+        value: "选项2",
+        label: "2"
+      }, {
+        value: "选项3",
+        label: "3"
+      }]
+    };
+  },
+  mounted() {
+    this.getData();
+    this.processTable();
+  },
+  methods: {
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.wbbzform = item.wbbzform
+        this.participantsData = item.participantsData
+      });
+    },
+    //审批历史信息
+    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 => {
+      });
+    },
+    handleTabs(type) {
+      this.active = type;
+    },
+    foldForm() {
+      this.foldFormFlag = !this.foldFormFlag;
+    },
+    handleSave() {
+    },
+    //驳回
+    beforeBack(){
+      if (this.participantsData.length < 1) {
+        this.$message.warning("项目信息不能为空");
+      } else {
+        this.participantsData.forEach(item => {
+          if (item.projectNumber === undefined) {
+            this.$message.warning("请完善项目信息");
+          }
+        });
+        this.wbbzform.commentText = this.commentText;
+        let json = {
+          participantsData: this.participantsData,
+          wbbzform: this.wbbzform,
+          bzFlag: '2',
+        };
+        this.$refs["wbbzForm"].validate((valid) => {
+          if (valid) {
+            this.$http.post("lawss/activiti/completeTask", {
+              taskIds: this.$route.query.taskIds,
+              userId: this.$store.getters.userInfo.userId,
+              json: JSON.stringify(json)
+            }, {
+              _this: this
+            }, res => {
+              if (res.success) {
+                this.$message.success(res.message);
+                this.$router.push("/processCenter");
+              }
+              this.isSubmit = false
+            });
+          } else {
+            return this.$message.warning("请完善基础信息");
+          }
+        });
+      }
+    },
+    handleSubmit() {
+      this.isSubmit = true
+      if (this.participantsData.length < 1) {
+        this.$message.warning("项目信息不能为空");
+      } else {
+        this.participantsData.forEach(item => {
+          if (item.projectNumber === undefined) {
+            this.$message.warning("请完善项目信息");
+          }
+        });
+        this.wbbzform.commentText = this.commentText;
+        let json = {
+          participantsData: this.participantsData,
+          wbbzform: this.wbbzform,
+          bzFlag: '1',
+        };
+        this.$refs["wbbzForm"].validate((valid) => {
+          if (valid) {
+            this.$http.post("lawss/activiti/completeTask", {
+              taskIds: this.$route.query.taskIds,
+              userId: this.$store.getters.userInfo.userId,
+              json: JSON.stringify(json)
+            }, {
+              _this: this
+            }, res => {
+              if (res.success) {
+                this.$message.success(res.message);
+                this.$router.push("/processCenter");
+              }
+              this.isSubmit = false
+            });
+          } else {
+            return this.$message.warning("请完善基础信息");
+          }
+        });
+      }
+    },
+    //转办按钮
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    //确认转办
+    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)
+        }
+      })
+    },
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.wbbz-step1 {
+  height: 100%;
+  position: relative;
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .form-select {
+      display: flex;
+    }
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+
+  .headerTabs {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    height: 52px;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+}
+</style>

src/pages/processCenter/pages/creatProcess/jrbzhxh/step1.vue

@@ -0,0 +1,273 @@
+<!-- 加入标准化协会信息备案流程-->
+<template>
+  <div class="jrbzhxh-step1">
+    <ProcessHeader>
+      <template slot="proName">加入标准化协会信息备案流程</template>
+      <template slot="proNode">发起流程</template>
+    </ProcessHeader>
+    <div class="content">
+      <ProcessTitle>
+        <template slot="title">人员信息</template>
+      </ProcessTitle>
+      <div class="block" style="padding-top: 20px; height: 100%">
+        <el-timeline>
+          <el-form
+            ref="Form"
+            :model="roleForm"
+            :rules="roleFormRules"
+            class="label-input-form">
+            <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="prcCreateUserName" style="margin-bottom: 0">
+                  <h4>标准法规工程师</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.prcCreateUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.prcCreateUserName" placeholder="流程发起人"
+                              disabled></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="选择标准化员进行入会信息填报" placement="top"
+                              :color="roleForm.dockUser ? '#66b1ff' : ''" >
+              <el-card>
+                <el-form-item prop="dockUserName" style="margin-bottom: 0">
+                  <h4>标准化员</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.dockUserName" placeholder="选择标准化员"
+                              @click.native="choiceZRRS">
+                    </el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+            <el-timeline-item timestamp="审批" placement="top"
+                              :color="roleForm.directorUser ? '#66b1ff' : ''">
+              <el-card>
+                <el-form-item prop="directorUserName" style="margin-bottom: 0">
+                  <h4>标准法规部部长</h4>
+                  <div style="margin-top: 10px;width: 300px;">
+                    <el-input v-model="roleForm.directorUser" style="display: none;"></el-input>
+                    <el-input v-model="roleForm.directorUserName" placeholder="选择标准法规部部长"
+                              @click.native="choiceZRR('directorUser', '选择标准法规部部长', roleForm.directorUser)"></el-input>
+                  </div>
+                </el-form-item>
+              </el-card>
+            </el-timeline-item>
+          </el-form>
+        </el-timeline>
+      </div>
+    </div>
+    <!--    多选择责任人-->
+    <Role-tree
+      is-title="选择责任部门对接人"
+      :is-visible.sync="modalshowflag2"
+      @checkedRole="checkedRole2"
+      :nodeList="nodeList2"
+    ></Role-tree>
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="modalshowflag"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+    <ProcessFooter
+      show-save
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import ProcessFooter from "process/components/ProcessFooter";
+import { queryTaskFirst, saveTaskFirst } from "api/process";
+
+export default {
+  name: "jrbzhxhStep1",
+  components: {
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter
+  },
+  data() {
+    return {
+      isSubmit: false,
+      saveLoading: false,
+      modalshowflag: false, // drawer开关
+      modalshowflag2: false,
+      nodeList2: [],
+      drawerTitle: "", //drawer标题
+      nodeList: [],
+      roleForm: {
+        prcCreateUserName: this.$store.getters.userInfo.userName,
+        prcCreateUser: this.$store.getters.userInfo.userId,
+        dockUser: "",
+        directorUser: "",
+        dockUserName: "",
+        directorUserName: ""
+      },
+      roleFormRules: {
+        dockUserName: [
+          {required: true, message: "请选择标准化员", trigger: "change"}
+        ],
+        directorUserName: [
+          {required: true, message: "请选择标准法规部部长", trigger: "change"}
+        ]
+      },
+    };
+  },
+  mounted() {
+    this.bpnId = this.$route.query.bpnId
+    if (this.bpnId !== undefined) {
+      this.getData()
+    }
+  },
+  methods:{
+    getData() {
+      queryTaskFirst({
+        bpnId: this.$route.query.bpnId
+      }).then(res => {
+        let mes = JSON.parse(res.mes)
+        this.roleForm = mes.roleForm
+      });
+    },
+
+    choiceZRR(type, title, id) {
+      this.nodeList = [];
+      this.nodeList.push(id);
+      this.type = type;
+      this.drawerTitle = title;
+      this.modalshowflag = true;
+    },
+    choiceZRRS() {
+      this.nodeList2 = [];
+      if (this.roleForm.dockUser.length > 0) {
+        this.nodeList2 = this.roleForm.dockUser.split(",");
+      }
+      this.modalshowflag2 = true;
+    },
+    checkedRole(data) {
+      if (this.type === "dockUser") {
+        this.roleForm.dockUser = data[0].id;
+        this.roleForm.dockUserName = data[0].name;
+      } else if (this.type === "directorUser") {
+        this.roleForm.directorUser = data[0].id;
+        this.roleForm.directorUserName = data[0].name;
+      }
+      this.modalshowflag = false;
+    },
+    checkedRole2(data) {
+      var idList = "";
+      var nameList = "";
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ",";
+          idList += ",";
+        }
+        idList += item.id;
+        nameList += item.name;
+      });
+      this.roleForm.dockUser = idList;
+      this.roleForm.dockUserName = nameList;
+    },
+    handleSubmit(){
+      var json = this.roleForm
+      this.$refs["Form"].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          this.$http.get("lawss/activiti/startProcess", {type: "15"}, {
+            _this: this
+          }, res => {
+            if (res.ok) {
+              this.$http.post("lawss/activiti/completeTask", {
+                taskIds: res.data,
+                userId: this.$store.getters.userInfo.userId,
+                json: JSON.stringify(json)
+              }, {
+                _this: this
+              }, res => {
+                if (res.success) {
+                  this.$message.success(res.message);
+                  this.$router.push("/processCenter");
+                }
+                this.isSubmit = false
+              });
+            }
+          });
+        } else {
+          return this.$message.warning("请完善人员信息");
+        }
+      });
+
+    },
+    handleSave(){
+      this.saveLoading = true;
+      let _formData = new FormData();
+      _formData.append("id", this.bpnId || "");
+      _formData.append("createUser", this.$store.getters.userInfo.userId);
+      _formData.append("createUserName", this.$store.getters.userInfo.userName);
+      _formData.append("prcType", "15");
+      _formData.append("json", JSON.stringify({
+        taskInfo: '备案任务下发',
+        roleForm: this.roleForm,
+      }));
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false;
+        this.$message.success("保存成功");
+        this.bpnId = res.result;
+      }).catch(e => {
+        this.saveLoading = false;
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.jrbzhxh-step1 {
+  height: 100%;
+  position: relative;
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .form-select{
+      display: flex;
+    }
+  }
+  .headerTabs {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    height: 52px;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+}
+</style>

src/pages/processCenter/pages/creatProcess/jrbzhxh/step2.vue

@@ -0,0 +1,755 @@
+<!--  加入标准化协会信息备案流程-->
+<template>
+  <div class="jrbzhxh-step2">
+    <ProcessHeader>
+      <template slot="proName">加入标准化协会信息备案流程</template>
+      <template slot="proNode">入会信息填报</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div>
+        <el-form
+          ref="wbbzForm"
+          :model="wbbzform"
+          :rules="formRules"
+          class="label-input-form"
+          label-width="210px"
+        >
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border" v-if="foldFormFlag">
+            <el-row :gutter="24">
+              <el-col :gutter="24">
+                <el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.reportingUnit"
+                    placeholder="请输入提报单位"
+                    clearable>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="协会名称" prop="associationName" class="add-form-item ">
+                  <div class="form-select">
+                    <el-select v-model="wbbzform.associationName" placeholder="请选择协会名称">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                    <el-select v-model="wbbzform.committee" placeholder="请选择分标委">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                    <el-select v-model="wbbzform.workingGroup" placeholder="请选择工作组">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </div>
+                </el-form-item>
+                <el-form-item label="人员角色" prop="personnelRole" class="add-form-item ">
+                  <div class="form-select">
+                    <el-select v-model="wbbzform.personnelRole" placeholder="请选择会员角色">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                    <el-date-picker
+                      v-model="wbbzform.membershipTime"
+                      type="date"
+                      value-format="yyyy-MM-dd"
+                      placeholder="请选择入会时间">
+                    </el-date-picker>
+                  </div>
+                </el-form-item>
+                <el-form-item label="证书" prop="fileName" class="add-form-item form-item-disabled">
+                  <div>
+                    <el-upload
+                      :action="uploadFileListPath"
+                      show-file-list
+                      :file-list="fileInfoList"
+                      name="file"
+                      accept=".PDF, .pdf, .doc, .DOC, .docx, .DOCX, .xls, .xlsx, .ppt, .pptx, .PPT, .PPTX, .JPG, .JPEG, .PNG, .jpg, .jpeg, .png"
+                      :on-remove="delFileInfo"
+                      :on-success="uploadBackSuccess"
+                      :before-upload="beforeUpload"
+                    >
+                      <el-button class="common-button-default" size="mini">
+                        点击上传
+                      </el-button>
+                    </el-upload>
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">参与人信息</template>
+        </ProcessTitle>
+        <div class="tableTitle">
+          <div class="tableButton">
+            <el-button plain class="common-button-primary" size="mini" @click="addPeople">添加</el-button>
+            <el-button plain class="common-button-primary" size="mini" @click="deletePeople">批量删除</el-button>
+          </div>
+        </div>
+        <el-table border
+                  ref="selection"
+                  :data="participantsData"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                  @selection-change="handleSelectionChange1"
+                  row-key="id">
+          <el-table-column type="selection" width="55" align="center"/>
+          <el-table-column
+            prop="workPeople"
+            label="参与人"
+            width="150"
+            align="center">
+            <template slot-scope="scope">
+              <el-input  v-model="scope.row.workPeopleId" style="display: none;" readonly/>
+              <el-input  v-model="scope.row.workPeople" placeholder="请选择分发责任人"
+                        @click.native="choiceZRRS(scope.row, scope.$index)" readonly/>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="duties"
+            label="职务"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="institutionName"
+            label="所在部门"
+            width="200"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="email"
+            label="联系方式"
+            width="350"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="tenure"
+            label="任期"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="account"
+            label="账户"
+            width="200"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="password"
+            label="密码"
+            width="350"
+            align="center">
+          </el-table-column>
+        </el-table>
+        <ProcessTitle>
+          <template slot="title">协会信息</template>
+        </ProcessTitle>
+        <div class="tableTitle">
+          <div class="tableButton">
+            <el-button plain class="common-button-primary" size="mini" @click="addSociety">添加</el-button>
+            <el-button plain class="common-button-primary" size="mini" @click="deleteSociety">批量删除</el-button>
+          </div>
+        </div>
+        <el-table border
+                  ref="selection"
+                  :data="associationData"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                  @selection-change="handleSelectionChange2"
+                  row-key="id">
+          <el-table-column type="selection" width="55" align="center"/>
+          <el-table-column
+            prop="contactPerson"
+            label="协会联络人"
+            align="center">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.contactPerson"
+                clearable
+                placeholder="请输入协会联络人">
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="telephone"
+            label="电话"
+            align="center">
+            <template slot-scope="scope">
+              <el-input
+                clearable
+                v-model="scope.row.telephone"
+                placeholder="请输入电话">
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="mailbox"
+            label="邮箱"
+            align="center">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.mailbox"
+                clearable
+                placeholder="请输入邮箱">
+              </el-input>
+            </template>
+          </el-table-column>
+        </el-table>
+      </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 class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-save
+      show-submit
+      show-record
+      :recordLoading="recordLoading"
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @record="handleRecord"
+      @save="handleSave"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="modalshowflag"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import ProcessFooter from "process/components/ProcessFooter";
+import { inboundLiaisonDetail, queryTaskFirst, saveTaskFirst, saveTaskForPub } from "api/process";
+
+export default {
+  name: "jrbzhxhStep2",
+  components: {
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter
+  },
+  data() {
+    return {
+      //切换tab
+      active: "1",
+      commentText: '', // 意见
+      foldFormFlag: true,
+      isSubmit: false,
+      saveLoading: false,
+      recordLoading: false,
+      loading: false,
+      modalshowflag: false,
+      drawerTitle: '',
+      nodeList: [],
+      uploadFileListPath: "api/att/attFile/upload", // 上传的地址
+      fileInfoList: [], // 上传的附件
+      fileName:'',
+      userId: this.$store.getters.userInfo.userId,
+      taskIds: this.$route.query.taskIds,
+      dlFlag: '', // 1为通过 0为不通过
+      wbbzform: {
+        reportingUnit:'',
+        associationName: '',
+        committee:'',
+        workingGroup:'',
+        personnelRole:'',
+        membershipTime:'',
+        fileName:'',
+        participantsData: [{
+          name: '', //参与人
+          duties: '', //职务
+          institutionName: '', //所在部门
+          email: '', //联系方式
+          tenure:'', //任期
+          account:'', //账户
+          password:'', //密码
+        }],
+        associationData: [{
+          contactPerson: '', //协议联络人
+          telephone: '',  //电话
+          mailbox:'', //邮箱
+        }],
+      },
+      selectList2: [],
+      selectList1: [],
+      formRules: {
+        reportingUnit: [
+          { required: true, message: "请输入提报单位", trigger: "blur" }
+        ],
+      },
+      participantsData: [], //参与人表格信息
+      associationData: [], //协会表格信息
+      detailData: [], //审批历史信息
+      selectedId: "",
+      associationOptions: [{
+        value: '选项1',
+        label: '1'
+      }, {
+        value: '选项2',
+        label: '2'
+      },{
+        value: '选项3',
+        label: '3'
+      }],
+    };
+  },
+  methods: {
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res;
+      }, e => {
+      });
+    },
+    getDatas() {
+      queryTaskFirst({
+        bpnId: this.$route.query.bpnId
+      }).then(res => {
+        let mes = JSON.parse(res.mes);
+        console.log(mes);
+        this.wbbzform = mes.form
+        this.associationData = mes.form.associationData
+        this.getFileInfo();
+        this.processTable();
+      });
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    // 请求上传的文件信息
+    getFileInfo() {
+      this.$http.get("att/attFile/getMultiFileInfos", {
+        fileIds: this.fileIds
+      }, {
+        _this: this
+      }, res => {
+        this.$nextTick(() => {
+          res.data.map(item => {
+            // 赋值要回显的上传文件内容
+            this.fileList.push({
+              name: item.oldFileName,
+              uid: item.uid,
+              status: item.status,
+              id: item.id
+            });
+          });
+        });
+      }, e => {
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        if(!item.directorUser){
+          this.wbbzform = JSON.parse(JSON.stringify(item));
+          this.associationData = item.associationData
+          this.participantsData = item.participantsData
+        }else{
+
+        }
+      });
+    },
+    choiceZRRS(row, index) {
+        this.selectedId = index;
+        this.drawerTitle = "选择责任人";
+        this.nodeList = [];
+        this.zrIndex = index;
+        this.nodeList.push(row);
+        this.modalshowflag = true;
+      },
+    checkedRole(data){
+      if(this.participantsData.length > 1){
+        let parList = data
+        this.participantsData.forEach(item =>{
+          parList.forEach(items => {
+            if(items.name === item.workPeople){
+                this.$message.warning('请勿重复添加参与人')
+                return
+            }else{
+              console.log(items);
+            }
+          })
+        })
+      }else{
+        this.participantsData = data
+        this.participantsData.forEach(item => {
+          this.$set(item, "workPeople", item.name)
+        });
+        this.participantsData = JSON.parse(JSON.stringify(this.participantsData));
+      }
+    },
+
+    handleTabs(type) {
+      this.active = type;
+    },
+    foldForm() {
+      this.foldFormFlag = !this.foldFormFlag
+    },
+    //不备案
+    handleRecord(){
+      this.recordLoading = true
+      this.dlFlag = '0',
+      this.wbbzform.commentText = this.commentText;
+      this.wbbzform.participantsData = this.participantsData
+      this.wbbzform.associationData = this.associationData
+      var json = JSON.stringify( this.wbbzform)
+      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.recordLoading = false
+      }, e => {
+
+      });
+    },
+    //流程保存
+    handleSave() {
+      this.saveLoading = true
+      this.wbbzform.fileName = this.fileInfoList
+      let _formData = new FormData()
+      _formData.append('taskIds', this.taskIds)
+      _formData.append('json', JSON.stringify({
+        roleList: this.roleForm,
+        wbbzform: this.wbbzform,
+      }))
+      saveTaskForPub(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    //流程提交
+    handleSubmit() {
+      this.isSubmit = true
+      this.wbbzform.dlFlag = '1',
+      this.wbbzform.fileName = this.fileInfoList
+      this.wbbzform.passUser = this.$store.getters.userInfo.userId,
+      this.wbbzform.commentText = this.commentText;
+      this.wbbzform.participantsData = this.participantsData
+      this.wbbzform.associationData = this.associationData
+      var json = JSON.stringify( this.wbbzform)
+      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 => {
+
+      });
+    },
+    handleSelectionChange1(data){
+      for (let i = 0; i < data.length; i++){
+        this.selectList1.push(data[i].account)
+      }
+    },
+    handleSelectionChange2(data){
+      for (let i = 0; i < data.length; i++){
+        this.selectList2.push(data[i].id)
+      }
+    },
+    //添加参与人信息
+    addPeople(){
+      var list =[]
+      this.participantsData.push(list)
+    },
+    //批量删除参与人信息
+    deletePeople(){
+      if(this.selectList1.length < 1){
+        this.$message.warning('请选择一条数据进行删除')
+      }else{
+        this.$confirm('您确认删除这些数据？', '提示', {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.selectList1.map(item => {
+            let index;
+            index = this.participantsData.findIndex(items => {
+              return items.account === item;
+            });
+            if (index > -1) {
+              this.participantsData.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.selectList1 = [];
+        }).catch(() => {
+        });
+      }
+    },
+    //添加协会信息
+    addSociety(){
+      var list = {
+        contactPerson: this.contactPerson,
+        telephone: this.telephone,
+        mailbox: this.mailbox,
+      }
+      this.associationData.push(list)
+    },
+    //批量删除协会信息
+    deleteSociety(){
+
+    },
+    // 删除上传的文件
+    delFileInfo(file, fileList) {
+      this.fileInfoList.forEach((item, index) => {
+        if (item.name === file.name || item.id === file.id ) {
+          this.fileInfoList.splice(index,1)
+        }
+      })
+    },
+    // 上传文件成功回调
+    uploadBackSuccess(res, file, fileList) {
+      if (res.ok) {
+        this.fileInfoList.push(res.data)
+        this.$message.success("上传成功");
+      } else {
+        this.$message.error(res.message);
+        fileList.pop();
+      }
+    },
+    // 上传之前钩子
+    beforeUpload(file) {
+      console.log(file);
+      var filename = file.name;
+      var index1 = filename.lastIndexOf(".");
+      var index2 = filename.length;
+      var fileSuffix = filename.substring(index1, index2);
+      //把后缀转大写
+      if (fileSuffix !== undefined && fileSuffix !== null) {
+        fileSuffix = fileSuffix.toUpperCase();
+      }
+      // 判断上传文件格式
+      if (fileSuffix === ".PDF" || fileSuffix === ".DOC" || fileSuffix === ".DOCX" || fileSuffix === ".PPT"
+        || fileSuffix === ".PPTX" || fileSuffix === ".XLS" || fileSuffix === ".XLSX"
+        || fileSuffix === ".PNG" || fileSuffix === ".JPG" || fileSuffix === ".JPEG") {
+        return true;
+      } else {
+        this.$message.error("文件" + file.name + "格式不正确，请上传pdf、doc、docx、ppt、pptx、xls、xlsx、png、jpg、jpeg等文件");
+        return false;
+      }
+      // 判断文件上传大小
+      if (file.size / 1024 / 1024 > 300) {
+        this.$message.warning("文件" + file.name + "大小不能超过300M");
+        return false;
+      }
+      return true;
+    },
+  },
+  mounted() {
+    this.bpnId = this.$route.query.bpnId
+    if (this.bpnId !== undefined) {
+      this.getDatas()
+    }
+    this.getData()
+    this.processTable()
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.jrbzhxh-step2 {
+  height: 100%;
+  position: relative;
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .form-select{
+      display: flex;
+    }
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+  .headerTabs {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    height: 52px;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+}
+</style>

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

@@ -0,0 +1,682 @@
+<!--  加入标准化协会信息备案流程-->
+<template>
+  <div class="jrbzhxh-step3">
+    <ProcessHeader>
+      <template slot="proName">加入标准化协会信息备案流程</template>
+      <template slot="proNode">标准法规工程师审核</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div>
+        <el-form
+          ref="wbbzForm"
+          :model="wbbzform"
+          :rules="formRules"
+          class="label-input-form"
+          label-width="210px"
+        >
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border" v-if="foldFormFlag">
+            <el-row :gutter="24">
+              <el-col :gutter="24">
+                <el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.reportingUnit"
+                    placeholder="请输入提报单位"
+                    readonly>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="协会名称" prop="associationName" class="add-form-item ">
+                  <div class="form-select">
+                    <el-select v-model="wbbzform.associationName" placeholder="请选择协会名称">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                    <el-select v-model="wbbzform.committee" placeholder="请选择分标委">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                    <el-select v-model="wbbzform.workingGroup" placeholder="请选择工作组">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </div>
+                </el-form-item>
+                <el-form-item label="人员角色" prop="personnelRole" class="add-form-item ">
+                  <div class="form-select">
+                    <el-select v-model="wbbzform.personnelRole" placeholder="请选择会员角色">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                    <el-date-picker
+                      v-model="wbbzform.membershipTime"
+                      type="date"
+                      placeholder="请选择入会时间">
+                    </el-date-picker>
+                  </div>
+                </el-form-item>
+                <el-form-item label="证书" prop="fileName" class="add-form-item form-item-disabled">
+                  <div class="file-box" v-if="fileList.length > 0">
+                    <p v-for="item in fileList"
+                       :key="item.id"> {{ item.name }}
+                      <i
+                        title="下载"
+                        @click="downloadFile(item.id)"
+                        class="icon-download"
+                        v-btn-permission="''"
+                      />
+                      <i
+                        title="下载带水印"
+                        @click="downloadFileByWater(item.id, item.name)"
+                        class="icon-download2"
+                        v-btn-permission="''"
+                      />
+                    </p>
+                  </div>
+                  <div v-else>
+                    暂无数据
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-button style="width: 100%" :icon=" foldFormFlag ? 'el-icon-caret-top': 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">参与人信息</template>
+        </ProcessTitle>
+        <div class="tableTitle">
+          <div class="tableButton">
+<!--            <el-button plain class="common-button-primary" size="mini" @click="addPeople">添加</el-button>-->
+<!--            <el-button plain class="common-button-primary" size="mini" @click="deletePeople">批量删除</el-button>-->
+          </div>
+        </div>
+        <el-table border
+                  ref="selection"
+                  :data="participantsData"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                  row-key="id">
+          <el-table-column type="selection" width="55" align="center"/>
+          <el-table-column
+            prop="workPeople"
+            label="参与人"
+            width="150"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="duties"
+            label="职务"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="institutionName"
+            label="所在部门"
+            width="200"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="email"
+            label="联系方式"
+            width="350"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="tenure"
+            label="任期"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="account"
+            label="账户"
+            width="200"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="password"
+            label="密码"
+            width="350"
+            align="center">
+          </el-table-column>
+        </el-table>
+        <ProcessTitle>
+          <template slot="title">协会信息</template>
+        </ProcessTitle>
+        <div class="tableTitle">
+          <div class="tableButton">
+            <!--            <el-button plain class="common-button-primary" size="mini" @click="addPeople">添加</el-button>-->
+            <!--            <el-button plain class="common-button-primary" size="mini" @click="deletePeople">批量删除</el-button>-->
+          </div>
+        </div>
+        <el-table border
+                  ref="selection"
+                  :data="associationData"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                  row-key="id">
+          <el-table-column type="selection" width="55" align="center"/>
+          <el-table-column
+            prop="contactPerson"
+            label="协会联络人"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="telephone"
+            label="电话"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="mailbox"
+            label="邮箱"
+            align="center">
+          </el-table-column>
+        </el-table>
+      </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 class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :submitLoading="isSubmit"
+      :transfer-loading="isTransfer"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="modalshowflag"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedTransferRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import ProcessFooter from "process/components/ProcessFooter";
+import { changeAssigneeNew,inboundLiaisonDetail } from "api/process";
+
+export default {
+  name: "jrbzhxhStep3",
+  components: {
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter
+  },
+  data() {
+    return {
+      //切换tab
+      active: "1",
+      foldFormFlag: true,
+      isSubmit: false,
+      isTransfer: false,
+      saveLoading: false,
+      loading: false,
+      modalshowflag: false,
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+      fileList:[],
+      commentText: '',
+      uploadFileListPath: "api/att/attFile/upload", // 上传的地址
+      fileInfoList: [], // 上传的附件
+      userId: this.$store.getters.userInfo.userId,
+      taskIds: this.$route.query.taskIds,
+      signFlag:'',
+      wbbzform: {
+        reportingUnit:'',
+        associationName: '',
+        committee:'',
+        workingGroup:'',
+        personnelRole:'',
+        membershipTime:'',
+        userId: this.$store.getters.userInfo.userId,
+        taskIds: this.$route.query.taskIds,
+        pId: this.$route.query.prcId,
+        participantsData: [{
+          name: '', //参与人
+          duties: '', //职务
+          institutionName: '', //所在部门
+          email: '', //联系方式
+          tenure:'', //任期
+          account:'', //账户
+          password:'', //密码
+        }],
+        associationData: [{
+          contactPerson: '', //协议联络人
+          telephone: '',  //电话
+          mailbox:'', //邮箱
+        }],
+      },
+      selectList2: [],
+      selectList1: [],
+      formRules: {},
+      participantsData: [], //参与人表格信息
+      associationData: [], //协会表格信息
+      detailData: [], //审批历史信息
+      selectedId: "",
+      associationOptions: [{
+        value: '选项1',
+        label: '1'
+      }, {
+        value: '选项2',
+        label: '2'
+      },{
+        value: '选项3',
+        label: '3'
+      }],
+    };
+  },
+  methods: {
+    //确认转办
+    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)
+        }
+      })
+    },
+    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 => {
+      });
+    },
+
+    choiceZRRS(row, index) {
+      this.selectedId = index;
+      this.drawerTitle = "选择责任人";
+      this.nodeList = [];
+      this.zrIndex = index;
+      this.nodeList.push(row);
+      this.modalshowflag = true;
+    },
+    checkedRole(data) {
+      if (this.participantsData.length > 1) {
+        let parList = data
+        this.participantsData.forEach(item => {
+          parList.forEach(items => {
+            if (items.name === item.workPeople) {
+              this.$message.warning('请勿重复添加参与人')
+              return
+            } else {
+              console.log(items);
+            }
+          })
+        })
+      } else {
+        this.participantsData = data
+        this.participantsData.forEach(item => {
+          this.$set(item, "workPeople", item.name)
+        });
+        this.participantsData = JSON.parse(JSON.stringify(this.participantsData));
+      }
+    },
+
+    handleTabs(type) {
+      this.active = type;
+    },
+    foldForm() {
+      this.foldFormFlag = !this.foldFormFlag
+    },
+    //不备案
+    handleRecord() {
+
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.wbbzform = JSON.parse(JSON.stringify(item));
+        this.associationData = item.associationData
+        this.participantsData = item.participantsData
+        item.fileName.forEach(itemId => {
+          this.fileIds = itemId.id
+          this.getFileInfo();
+        });
+      });
+    },
+    // 请求上传的文件信息
+    getFileInfo() {
+      this.$http.get("att/attFile/getMultiFileInfos", {
+        fileIds: this.fileIds
+      }, {
+        _this: this
+      }, res => {
+        this.$nextTick(() => {
+          res.data.map(item => {
+            // 赋值要回显的上传文件内容
+            this.fileList.push({
+              name: item.oldFileName,
+              uid: item.uid,
+              status: item.status,
+              id: item.id
+            });
+          });
+        });
+      }, e => {
+      });
+    },
+    /**
+     * @Description: 点击下载
+     */
+    downloadFile(attId) {
+      if (attId != null && attId !== "") {
+        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+      } else {
+        this.$message.error("请选择要下载的文件");
+      }
+    },
+    downloadFileByWater(attId, fileSuffix) {
+      let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf(".") + 1);
+      if (fileExtension !== "pdf" && fileExtension !== "PDF") {
+        this.$message.error("水印下载仅支持PDF,pdf格式文件");
+      } else {
+        if (attId != null && attId !== "") {
+          window.location.href = "/api/att/attFile/downloadFileForSarWaterMark?fileId=" + attId;
+        } else {
+          this.$message.error("请选择要下载的文件");
+        }
+      }
+    },
+    //流程转办
+    handleTransfer(){
+        this.drawerModal = true
+        this.drawerTitle = '转办处理人'
+        this.selectPeople = row
+    },
+    //流程提交
+    handleSubmit() {
+      this.isSubmit = true
+      this.wbbzform.signFlag = '1',
+      this.wbbzform.passUser = this.$store.getters.userInfo.userId,
+      this.wbbzform.commentText = this.commentText;
+      this.wbbzform.participantsData = this.participantsData
+      this.wbbzform.associationData = this.associationData
+      var json = JSON.stringify( this.wbbzform)
+      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(){
+      this.isSubmit = true
+      this.wbbzform.signFlag = '0',
+      this.wbbzform.passUser = this.$store.getters.userInfo.userId,
+      this.wbbzform.commentText = this.commentText;
+      this.wbbzform.participantsData = this.participantsData
+      this.wbbzform.associationData = this.associationData
+      var json = JSON.stringify( this.wbbzform)
+      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 => {
+
+      });
+    },
+  },
+  mounted() {
+     this.getData()
+     this.processTable()
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.jrbzhxh-step3 {
+  height: 100%;
+  position: relative;
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .form-select{
+      display: flex;
+    }
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+  p {
+    & > a {
+      cursor: pointer;
+    }
+
+    & > i {
+      display: inline-block;
+      margin-left: 3px;
+      width: 18px;
+      height: 16px;
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      background-position: center center;
+      vertical-align: sub;
+      cursor: pointer;
+    }
+
+    .icon-download {
+      background-image: url("~assets/images/shangqi/img/download.png");
+    }
+
+    .icon-download2 {
+      background-image: url("~assets/images/shangqi/img/download2.png");
+    }
+  }
+  .headerTabs {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    height: 52px;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+}
+</style>

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

@@ -0,0 +1,682 @@
+<!--  加入标准化协会信息备案流程-->
+<template>
+  <div class="jrbzhxh-step3">
+    <ProcessHeader>
+      <template slot="proName">加入标准化协会信息备案流程</template>
+      <template slot="proNode">标准法规部部长审核</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div>
+        <el-form
+          ref="wbbzForm"
+          :model="wbbzform"
+          :rules="formRules"
+          class="label-input-form"
+          label-width="210px"
+        >
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border" v-if="foldFormFlag">
+            <el-row :gutter="24">
+              <el-col :gutter="24">
+                <el-form-item label="提报单位" prop="reportingUnit" class="add-form-item ">
+                  <el-input
+                    v-model="wbbzform.reportingUnit"
+                    placeholder="请输入提报单位"
+                    readonly>
+                  </el-input>
+                </el-form-item>
+                <el-form-item label="协会名称" prop="associationName" class="add-form-item ">
+                  <div class="form-select">
+                    <el-select v-model="wbbzform.associationName" placeholder="请选择协会名称">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                    <el-select v-model="wbbzform.committee" placeholder="请选择分标委">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                    <el-select v-model="wbbzform.workingGroup" placeholder="请选择工作组">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </div>
+                </el-form-item>
+                <el-form-item label="人员角色" prop="personnelRole" class="add-form-item ">
+                  <div class="form-select">
+                    <el-select v-model="wbbzform.personnelRole" placeholder="请选择会员角色">
+                      <el-option
+                        v-for="item in associationOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                      </el-option>
+                    </el-select>
+                    <el-date-picker
+                      v-model="wbbzform.membershipTime"
+                      type="date"
+                      placeholder="请选择入会时间">
+                    </el-date-picker>
+                  </div>
+                </el-form-item>
+                <el-form-item label="证书" prop="fileName" class="add-form-item form-item-disabled">
+                  <div class="file-box" v-if="fileList.length > 0">
+                    <p v-for="item in fileList"
+                       :key="item.id"> {{ item.name }}
+                      <i
+                        title="下载"
+                        @click="downloadFile(item.id)"
+                        class="icon-download"
+                        v-btn-permission="''"
+                      />
+                      <i
+                        title="下载带水印"
+                        @click="downloadFileByWater(item.id, item.name)"
+                        class="icon-download2"
+                        v-btn-permission="''"
+                      />
+                    </p>
+                  </div>
+                  <div v-else>
+                    暂无数据
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <el-button style="width: 100%" :icon=" foldFormFlag ? 'el-icon-caret-top': 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">参与人信息</template>
+        </ProcessTitle>
+        <div class="tableTitle">
+          <div class="tableButton">
+            <!--            <el-button plain class="common-button-primary" size="mini" @click="addPeople">添加</el-button>-->
+            <!--            <el-button plain class="common-button-primary" size="mini" @click="deletePeople">批量删除</el-button>-->
+          </div>
+        </div>
+        <el-table border
+                  ref="selection"
+                  :data="participantsData"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                  row-key="id">
+          <el-table-column type="selection" width="55" align="center"/>
+          <el-table-column
+            prop="workPeople"
+            label="参与人"
+            width="150"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="duties"
+            label="职务"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="institutionName"
+            label="所在部门"
+            width="200"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="email"
+            label="联系方式"
+            width="350"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="tenure"
+            label="任期"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="account"
+            label="账户"
+            width="200"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="password"
+            label="密码"
+            width="350"
+            align="center">
+          </el-table-column>
+        </el-table>
+        <ProcessTitle>
+          <template slot="title">协会信息</template>
+        </ProcessTitle>
+        <div class="tableTitle">
+          <div class="tableButton">
+            <!--            <el-button plain class="common-button-primary" size="mini" @click="addPeople">添加</el-button>-->
+            <!--            <el-button plain class="common-button-primary" size="mini" @click="deletePeople">批量删除</el-button>-->
+          </div>
+        </div>
+        <el-table border
+                  ref="selection"
+                  :data="associationData"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                  row-key="id">
+          <el-table-column type="selection" width="55" align="center"/>
+          <el-table-column
+            prop="contactPerson"
+            label="协会联络人"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="telephone"
+            label="电话"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="mailbox"
+            label="邮箱"
+            align="center">
+          </el-table-column>
+        </el-table>
+      </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 class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :submitLoading="isSubmit"
+      :transfer-loading="isTransfer"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="modalshowflag"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedTransferRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import ProcessFooter from "process/components/ProcessFooter";
+import { changeAssigneeNew,inboundLiaisonDetail } from "api/process";
+
+export default {
+  name: "jrbzhxhStep4",
+  components: {
+    ProcessHeader,
+    ProcessTitle,
+    ProcessFooter
+  },
+  data() {
+    return {
+      //切换tab
+      active: "1",
+      foldFormFlag: true,
+      isSubmit: false,
+      isTransfer: false,
+      saveLoading: false,
+      loading: false,
+      modalshowflag: false,
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+      fileList:[],
+      uploadFileListPath: "api/att/attFile/upload", // 上传的地址
+      fileInfoList: [], // 上传的附件
+      userId: this.$store.getters.userInfo.userId,
+      taskIds: this.$route.query.taskIds,
+      bzFlag:'',
+      wbbzform: {
+        reportingUnit:'',
+        associationName: '',
+        committee:'',
+        workingGroup:'',
+        personnelRole:'',
+        membershipTime:'',
+        userId: this.$store.getters.userInfo.userId,
+        taskIds: this.$route.query.taskIds,
+        pId: this.$route.query.prcId,
+        participantsData: [{
+          name: '', //参与人
+          duties: '', //职务
+          institutionName: '', //所在部门
+          email: '', //联系方式
+          tenure:'', //任期
+          account:'', //账户
+          password:'', //密码
+        }],
+        associationData: [{
+          contactPerson: '', //协议联络人
+          telephone: '',  //电话
+          mailbox:'', //邮箱
+        }],
+      },
+      selectList2: [],
+      commentText: '',
+      selectList1: [],
+      formRules: {},
+      participantsData: [], //参与人表格信息
+      associationData: [], //协会表格信息
+      detailData: [], //审批历史信息
+      selectedId: "",
+      associationOptions: [{
+        value: '选项1',
+        label: '1'
+      }, {
+        value: '选项2',
+        label: '2'
+      },{
+        value: '选项3',
+        label: '3'
+      }],
+    };
+  },
+  methods: {
+    //确认转办
+    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)
+        }
+      })
+    },
+    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 => {
+      });
+    },
+
+    choiceZRRS(row, index) {
+      this.selectedId = index;
+      this.drawerTitle = "选择责任人";
+      this.nodeList = [];
+      this.zrIndex = index;
+      this.nodeList.push(row);
+      this.modalshowflag = true;
+    },
+    checkedRole(data) {
+      if (this.participantsData.length > 1) {
+        let parList = data
+        this.participantsData.forEach(item => {
+          parList.forEach(items => {
+            if (items.name === item.workPeople) {
+              this.$message.warning('请勿重复添加参与人')
+              return
+            } else {
+              console.log(items);
+            }
+          })
+        })
+      } else {
+        this.participantsData = data
+        this.participantsData.forEach(item => {
+          this.$set(item, "workPeople", item.name)
+        });
+        this.participantsData = JSON.parse(JSON.stringify(this.participantsData));
+      }
+    },
+
+    handleTabs(type) {
+      this.active = type;
+    },
+    foldForm() {
+      this.foldFormFlag = !this.foldFormFlag
+    },
+    //不备案
+    handleRecord() {
+
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.wbbzform = JSON.parse(JSON.stringify(item));
+        this.associationData = item.associationData
+        this.participantsData = item.participantsData
+        item.fileName.forEach(itemId => {
+          this.fileIds = itemId.id
+          this.getFileInfo();
+        });
+      });
+    },
+    // 请求上传的文件信息
+    getFileInfo() {
+      this.$http.get("att/attFile/getMultiFileInfos", {
+        fileIds: this.fileIds
+      }, {
+        _this: this
+      }, res => {
+        this.$nextTick(() => {
+          res.data.map(item => {
+            // 赋值要回显的上传文件内容
+            this.fileList.push({
+              name: item.oldFileName,
+              uid: item.uid,
+              status: item.status,
+              id: item.id
+            });
+          });
+        });
+      }, e => {
+      });
+    },
+    /**
+     * @Description: 点击下载
+     */
+    downloadFile(attId) {
+      if (attId != null && attId !== "") {
+        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+      } else {
+        this.$message.error("请选择要下载的文件");
+      }
+    },
+    downloadFileByWater(attId, fileSuffix) {
+      let fileExtension = fileSuffix.substring(fileSuffix.lastIndexOf(".") + 1);
+      if (fileExtension !== "pdf" && fileExtension !== "PDF") {
+        this.$message.error("水印下载仅支持PDF,pdf格式文件");
+      } else {
+        if (attId != null && attId !== "") {
+          window.location.href = "/api/att/attFile/downloadFileForSarWaterMark?fileId=" + attId;
+        } else {
+          this.$message.error("请选择要下载的文件");
+        }
+      }
+    },
+    //流程转办
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    //流程提交
+    handleSubmit() {
+      this.isSubmit = true
+      this.wbbzform.bzFlag = '1',
+      this.wbbzform.passUser = this.$store.getters.userInfo.userId,
+      this.wbbzform.commentText = this.commentText;
+      this.wbbzform.participantsData = this.participantsData
+      this.wbbzform.associationData = this.associationData
+      var json = JSON.stringify( this.wbbzform)
+      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(){
+      this.isSubmit = true
+      this.wbbzform.bzFlag = '2',
+      this.wbbzform.passUser = this.$store.getters.userInfo.userId,
+      this.wbbzform.commentText = this.commentText;
+      this.wbbzform.participantsData = this.participantsData
+      this.wbbzform.associationData = this.associationData
+      var json = JSON.stringify( this.wbbzform)
+      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 => {
+
+      });
+    },
+  },
+  mounted() {
+    this.getData()
+    this.processTable()
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.jrbzhxh-step3 {
+  height: 100%;
+  position: relative;
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+    .form-select{
+      display: flex;
+    }
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+  p {
+    & > a {
+      cursor: pointer;
+    }
+
+    & > i {
+      display: inline-block;
+      margin-left: 3px;
+      width: 18px;
+      height: 16px;
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      background-position: center center;
+      vertical-align: sub;
+      cursor: pointer;
+    }
+
+    .icon-download {
+      background-image: url("~assets/images/shangqi/img/download.png");
+    }
+
+    .icon-download2 {
+      background-image: url("~assets/images/shangqi/img/download2.png");
+    }
+  }
+  .headerTabs {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    height: 52px;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+}
+</style>

src/pages/processCenter/pages/creatProcess/wbsm/step1.vue

@@ -24,42 +24,64 @@
             :data="dataList"
             border
             ref="entryTable"
-            height="49%"
+            height="90%"
             @selection-change="selectedDelete"
             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 prop="standSerialNumber" label="标准号" show-overflow-tooltip align="center">
+            <el-table-column
+              prop="code"
+              width="180px"
+              align="center"
+              label="标准号">
               <template slot-scope="scope">
-                <a  class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSerialNumber }}</a>
+                <a v-if="scope.row.standYear" class="table-jump"
+                   @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                    scope.row.standNumber
+                  }}-{{ scope.row.standYear }}</a>
+                <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
+                  {{ scope.row.standNumber }}</a>
               </template>
             </el-table-column>
-            <el-table-column prop="standName" align="center" show-overflow-tooltip label="标准名称">
+            <el-table-column
+              prop="standName"
+              label="标准名称"
+              align="center"
+            >
               <template slot-scope="scope">
                 <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
               </template>
             </el-table-column>
-            <el-table-column prop="productName" label="标准类别" align="center" show-overflow-tooltip>
+            <el-table-column prop="standSortShow" label="标准类别" align="center" show-overflow-tooltip>
-              <template>
-                <el-select v-model="dataList.productName" placeholder="请选择标准类别">
-                  <el-option
-                    v-for="item in standOptions"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                  </el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column prop="itemsNum" label="推荐署名人及单位" align="center"/>
-            <el-table-column prop="itemsName" label="署名人所在单位" align="center"/>
-            <el-table-column prop="planCloseTime" label="推荐署名原因" align="center">
               <template slot-scope="scope">
-                <el-input></el-input>
+                <a>{{ scope.row.standSortShow }}</a>
+              </template>
+            </el-table-column>
+
+            <el-table-column prop="workPeople" label="推荐署名人及单位" align="center">
+              <template slot-scope="scope">
+                <el-input  v-model="scope.row.workPeopleId" style="display: none;" readonly/>
+                <el-input  v-model="scope.row.workPeople" placeholder="请选择推荐署名人及单位"
+                           @click.native="choiceZRRS(scope.row, scope.$index)" readonly/>
+              </template>
+            </el-table-column>
+            <el-table-column prop="reason" label="推荐署名原因" align="center">
+              <template slot-scope="scope">
+                <el-input
+                  v-model="scope.row.reason"
+                  placeholder="请填写推荐署名原因"
+                ></el-input>
+              </template>
+            </el-table-column>
+            <el-table-column prop="expenses" label="费用" align="center">
+              <template slot-scope="scope">
+                <el-input
+                  v-model="scope.row.expenses"
+                  placeholder="请填写费用"
+                ></el-input>
               </template>
             </el-table-column>
-            <el-table-column prop="itemsNum" label="费用" align="center"/>
           </el-table>
       </div>
       <el-collapse accordion>
@@ -70,7 +92,7 @@
               :rows="3"
               resize="none"
               placeholder="请输入意见"
-              v-model="textarea">
+              v-model="commentText">
             </el-input>
           </div>
         </el-collapse-item>
@@ -104,7 +126,7 @@
                   <div style="margin-top: 10px;width: 300px;">
                     <el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
                     <el-input v-model="roleForm.dockUserName" placeholder="选择署名人领导"
-                              @click.native="choiceZRR('dockUser'), '选择署名人领导', roleForm.dockUser">
+                              @click.native="choiceZRR('dockUser', '选择署名人领导', roleForm.dockUser)">
                     </el-input>
                   </div>
                 </el-form-item>
@@ -118,7 +140,7 @@
                   <div style="margin-top: 10px;width: 300px;">
                     <el-input v-model="roleForm.ministerUser" style="display: none;"></el-input>
                     <el-input v-model="roleForm.ministerUserName" placeholder="选择标准法规部部长"
-                              @click.native="choiceZRR('ministerUser'), '选择标准法规部部长', roleForm.ministerUser" ></el-input>
+                              @click.native="choiceZRR('ministerUser', '选择标准法规部部长', roleForm.ministerUser)"></el-input>
                   </div>
                 </el-form-item>
               </el-card>
@@ -153,6 +175,151 @@
         </el-timeline>
       </div>
     </div>
+    <!--    添加标准抽屉-->
+    <el-drawer
+      title="添加标准"
+      :visible.sync="standModel"
+      size="900px"
+      custom-class="demo-drawer"
+    >
+      <div class="demo-drawer-content">
+        <div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0">
+          <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
+            <div class="left">
+              <el-form :modal="standardSearch" :inline="true" class="label-input-form"
+                       style="margin-left:10px">
+                <el-form-item label="类型" class="search-item search-item-last">
+                  <el-select
+                    @change="typeChange"
+                    v-model="standardSearch.standType"
+                    placeholder="请选择"
+                    filterable
+                  >
+                    <el-option
+                      v-for="item in standardTypeOptions"
+                      :value="item.value"
+                      :key="item.value"
+                      :label="item.label"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="标准号/标准名称" class="search-item search-item-last">
+                  <el-input
+                    v-model="standardSearch.standNumber"
+                    placeholder="请输入标准号或标准名称"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item class="search-item btn-box">
+                  <el-button
+                    type="primary"
+                    class="common-button-primary"
+                    size="small"
+                    v-btn-permission="''"
+                    @click="getStandDataBtn">
+                    查询
+                  </el-button>
+                </el-form-item>
+                <el-form-item class="search-item btn-box">
+                  <el-button
+                    class="common-button-default"
+                    size="small"
+                    v-btn-permission="''"
+                    @click="clearStandSearch">清空
+                  </el-button>
+                </el-form-item>
+              </el-form>
+            </div>
+            <el-table
+              :data="standardData"
+              tooltip-effect="dark"
+              style="width: 100%"
+              border
+              ref="table"
+              height="90%"
+              :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+              @selection-change="selectThree"
+            >
+              <el-table-column
+                type="selection"
+                width="55"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="code"
+                align="center"
+                label="标准号">
+                <template slot-scope="scope">
+                  <a v-if="scope.row.standYear" class="table-jump"
+                     @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                      scope.row.standNumber
+                    }}-{{ scope.row.standYear }}</a>
+                  <a v-else @click="handlePreview(scope.row)" class="table-jump">{{
+                      scope.row.standSortShow
+                    }}
+                    {{ 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="issueTime"
+                align="center"
+                label="发布日期">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.issueTime ? $moment(scope.row.issueTime).format("YYYY-MM-DD") : "" }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                prop="XCXSSRQ"
+                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
+                show-overflow-tooltip
+                prop="ZCCSSRQ"
+                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
+                show-overflow-tooltip
+                prop="textStatus"
+                align="center"
+                label="文本状态">
+                <template slot-scope="scope">
+                  <span>{{ textStatusMap[scope.row.textStatus] }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <pagination
+            :page="pageNo"
+            :pageSize="pageSizeNo"
+            :total="totalNo"
+            @pageChange="pageChangeNo"
+            @pageSizeChange="pageSizeChangeNo"
+          />
+        </div>
+      </div>
+      <div class="demo-drawer-footer">
+        <el-button size="mini" @click="cancelStand">取消</el-button>
+        <el-button type="primary" size="mini" @click="okStand">添加</el-button>
+      </div>
+    </el-drawer>
     <ProcessFooter
       show-save
       show-submit
@@ -176,12 +343,12 @@
 import ProcessHeader from '../../components/ProcessHeader'
 import ProcessFooter from '../../components/ProcessFooter'
 import ProcessTitle from '../../components/ProcessTitle'
-import { startProcess, completeTask, saveTaskFirst, queryTaskFirst } from '@/api/process.js'
+import { startProcess, completeTask, saveTaskFirst, queryTaskFirst, inboundLiaisonDetail } from "@/api/process.js";
 export default {
   name: "wbsmStep1",
   data() {
     return {
-      textarea: '', // 意见
+      commentText: '', // 意见
       active: '1', // 默认显示
       isSubmit: false,
       saveLoading: false,
@@ -190,11 +357,40 @@ export default {
       deleteDataList: [],
       drawerTitle: "", //drawer标题
       modalshowflag: false, // 选择人员drawer开关
+      standModel: false, //添加标准抽屉
+      zrIndex: "",
       nodeList: [],     //存放人员信息数组
       standOptions: [], //标准类别
+      standardData:[],
+      pageNo: 1,
+      totalNo: 0,
+      pageSizeNo: this.$store.getters.userInfo.configContent,
+      standardTypeOptions: [
+        {
+          value: "INLAND",
+          label: "国内标准法规",
+          item: "INLAND"
+        },
+        {
+          value: "FOREIGN",
+          label: "海外标准法规",
+          item: "FOREIGN"
+        }
+      ],
+      textStatusMap: {},// 文本状态id与name对应
+      standList:[],
+      //查询添加标准相关数据
+      standardSearch: {
+        standType: "",
+        standNumber: "",
+        pageNo: 1,
+        pageSizeNo: this.$store.getters.userInfo.configContent
+      },
       roleForm: {
         prcCreateUserName: this.$store.getters.userInfo.userName,
         prcCreateUser: this.$store.getters.userInfo.userId,
+        passUserName: this.$store.getters.userInfo.userName,
+        passUser: this.$store.getters.userInfo.userId,
         dockUser: "",
         ministerUser: "" ,
         directorUser: "",
@@ -227,27 +423,101 @@ export default {
     ProcessTitle
   },
   mounted() {
+    this.bpnId = this.$route.query.bpnId
+    if (this.bpnId !== undefined) {
+      this.getDatas()
+    }
+    this.getStandData()
+    this.getData()
     //从数据库中查询下拉框数据
     this.$http.get('sys/dictype/getDicTypeListCode', '',{
       _this:this
     },res =>{
      this.standOptions = res.data.STANDCLASSIFY
+      this.standStateOptions = res.data.WBZTCLASS; // 文本状态
+      this.setMap(this.standStateOptions);
     }, e => {
     })
   },
   methods: {
+    getDatas(){
+      queryTaskFirst({
+        bpnId: this.$route.query.bpnId
+      }).then(res => {
+        let mes = JSON.parse(res.mes)
+        this.roleForm = mes.roleForm
+        this.dataList = mes.dataList
+        this.commentText = mes.commentText
+      });
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.dataList = item.dataList
+        this.roleForm = item.roleForm
+      });
+    },
     //点击新增事件
     addList() {
+      this.standModel = true
     },
     // 批量删除按钮table，选择数据
-    selectedDelete(val) {
+    selectedDelete(data) {
-      this.deleteDataList = []
+      this.deleteDataList = data
-      for (let i = 0; i < val.length; i++) {
+      // this.deleteDataList = []
-        this.deleteDataList.push(val[i].id);
+      // for (let i = 0; i < val.length; i++) {
-      }
+      //   this.deleteDataList.push(val[i].id);
+      // }
     },
     // 点击批量删除事件
     deleteList() {
+      if(this.deleteDataList.length < 1){
+        this.$message.warning('请选择需要删除的数据')
+      }else{
+        this.$confirm('您确认删除这些数据？', '提示', {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.deleteDataList.map(item => {
+            let index;
+            index = this.dataList.findIndex(items => {
+              return items.id === item.id;
+            });
+            if (index > -1) {
+              this.dataList.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.deleteDataList = [];
+        }).catch(() => {
+        });
+      }
+    },
+    // 将文本状态的id与name对应
+    setMap(data) {
+      data.forEach(item => {
+        this.$set(this.textStatusMap, item.value, item.label);
+      });
     },
     // 点击查看
     handlePreview (item) {
@@ -264,7 +534,97 @@ export default {
     handleTabs(name) {
       this.active = name
     },
+    //添加标准select的改变
+    selectThree(data) {
+      this.standList = data;
+    },
+    choiceZRRS(row, index) {
+      this.drawerTitle = "选择责任人";
+      this.nodeList = [];
+      this.zrIndex = index;
+      this.nodeList.push(row);
+      this.modalshowflag = true;
+    },
+    typeChange(type) {
+      this.standardSearch.standType = type;
+    },
+    //添加标准取消事件
+    cancelStand() {
+      this.standModel = false;
+    },
+    //添加标准确定事件
+    okStand() {
+      this.getStandData()
+      if(this.standList.length < 1){
+        this.$message.warning('请选择需要添加的数据')
+      }else{
+        let exits = [];
+        this.standList.map(item => {
+          let newStand = false;
+          for (let itemKey of this.dataList) {
+            if (item.id == itemKey.id) {
+              newStand = true;
+              break;
+            }
+          }
+          if (newStand) {
+            this.$message.warning("请勿重复添加数据");
+          } else {
+            this.$set(item, "workPeople", '');
+            this.$set(item, "reason", '');
+            this.$set(item, "expenses", '');
+            this.dataList.push(item);
+            exits.push(item.id);
+          }
+        });
+        this.standardData = [];
+        this.standModel = false;
+      }
+    },
+    pageChangeNo(page) {
+      this.pageNo = page;
+      this.getStandData();
+    },
+    pageSizeChangeNo(pageSize) {
+      this.pageSizeNo = this.$store.getters.userInfo.configContent;
+      this.getStandData();
 
+    },
+    clearStandSearch() {
+      this.standardSearch = {
+        standType: "",
+        standNumber: ""
+      };
+      this.getStandData();
+    },
+    getStandDataBtn(){
+      this.pageNo =1;
+      this.getStandData();
+    },
+    //查询项目下的标准
+    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 => {
+      });
+    },
     // 保存按钮
     handleSave() {
       this.saveLoading = true
@@ -272,7 +632,7 @@ export default {
       _formData.append('id', this.bpnId || '')
       _formData.append('createUser', this.$store.getters.userInfo.userId)
       _formData.append('createUserName', this.$store.getters.userInfo.userName)
-      _formData.append('prcType', '8')
+      _formData.append('prcType', '16')
       _formData.append('json', JSON.stringify({
         roleForm: this.roleForm,
         dataList: this.dataList,
@@ -288,6 +648,84 @@ export default {
     },
     // 提交按钮
     handleSubmit() {
+      if(this.$route.query.prcNum === undefined){
+        if (this.dataList.length < 1) {
+          this.$message.warning("标准不能为空");
+        } else {
+          this.dataList.forEach(item => {
+            if( item.workPeople === ''){
+              this.$message.warning('请选择推荐署名人及单位')
+            }
+          })
+          let json = {
+            commentText: this.commentText,
+            roleForm: this.roleForm,
+            dataList: this.dataList,
+          }
+          this.$refs["Form"].validate((valid) => {
+            if (valid) {
+              this.isSubmit = true
+              this.$http.get("lawss/activiti/startProcess", {type: "16"}, {
+                _this: this
+              }, res => {
+                if (res.ok) {
+                  this.$http.post("lawss/activiti/completeTask", {
+                    taskIds: res.data,
+                    userId: this.$store.getters.userInfo.userId,
+                    json: JSON.stringify(json)
+                  }, {
+                    _this: this
+                  }, res => {
+                    if (res.success) {
+                      this.$message.success(res.message);
+                      this.$router.push("/processCenter");
+                    }
+                    this.isSubmit = false
+                  });
+                }
+              });
+            } else {
+              return this.$message.warning("请完善人员信息");
+            }
+          });
+        }
+      }else{
+        if (this.dataList.length < 1) {
+          this.$message.warning("标准不能为空");
+        } else {
+          this.dataList.forEach(item => {
+            if( item.workPeople === ''){
+              this.$message.warning('请选择推荐署名人及单位')
+            }
+          })
+          let json = {
+            commentText: this.commentText,
+            roleForm: this.roleForm,
+            dataList: this.dataList,
+          }
+          this.$refs["Form"].validate((valid) => {
+            if (valid) {
+              this.isSubmit = true
+              this.$http.post("lawss/activiti/completeTask", {
+                taskIds: this.$route.query.taskIds,
+                userId: this.$store.getters.userInfo.userId,
+                json: JSON.stringify(json)
+              }, {
+                _this: this
+              }, res => {
+                if (res.success) {
+                  this.$message.success(res.message);
+                  this.$router.push("/processCenter");
+                }
+                this.isSubmit = false
+              });
+            } else {
+              return this.$message.warning("请完善人员信息");
+            }
+          });
+        }
+      }
+
     },
     // 流程阶段负责人选择
     choiceZRR(type, title, id) {
@@ -310,6 +748,11 @@ export default {
       }else if(this.type === 'president'){
         this.roleForm.president = data[0].id;
         this.roleForm.presidentName = data[0].name;
+      }else{
+        const newRow = JSON.parse(JSON.stringify(this.dataList[this.zrIndex]));
+        newRow.workPeopleId = data[0].id;
+        newRow.workPeople = data[0].name + '(' + data[0].institutionName + ')';
+        this.$set(this.dataList, this.zrIndex, newRow);
       }
       this.modalshowflag = false;
     },

src/pages/processCenter/pages/creatProcess/wbsm/step2.vue

@@ -2,7 +2,7 @@
   <div class="wfhxzgStep2">
     <ProcessHeader toggle>
       <template slot="proName">外部署名推荐审批流程</template>
-      <template slot="proNode">署名人领导审批流程</template>
+      <template slot="proNode">署名人领导会签</template>
     </ProcessHeader>
     <div class="headerTabs">
       <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -17,42 +17,46 @@
           :data="dataList"
           border
           ref="entryTable"
-          height="49%"
+          height="90%"
-          @selection-change="selectedDelete"
           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 prop="standSerialNumber" label="标准号" show-overflow-tooltip align="center">
+          <el-table-column
+            prop="code"
+            width="180px"
+            align="center"
+            label="标准号">
             <template slot-scope="scope">
-              <a  class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSerialNumber }}</a>
+              <a v-if="scope.row.standYear" class="table-jump"
+                 @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                  scope.row.standNumber
+                }}-{{ scope.row.standYear }}</a>
+              <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
+                {{ scope.row.standNumber }}</a>
             </template>
           </el-table-column>
-          <el-table-column prop="standName" align="center" show-overflow-tooltip label="标准名称">
+          <el-table-column
+            prop="standName"
+            label="标准名称"
+            align="center"
+          >
             <template slot-scope="scope">
               <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
             </template>
           </el-table-column>
-          <el-table-column prop="productName" label="标准类别" align="center" show-overflow-tooltip>
+          <el-table-column prop="standSortShow" label="标准类别" align="center" show-overflow-tooltip>
-<!--            <template>-->
-<!--              <el-select v-model="dataList.productName" placeholder="请选择标准类别">-->
-<!--                <el-option-->
-<!--                  v-for="item in standOptions"-->
-<!--                  :key="item.value"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value">-->
-<!--                </el-option>-->
-<!--              </el-select>-->
-<!--            </template>-->
-          </el-table-column>
-          <el-table-column prop="itemsNum" label="推荐署名人及单位" align="center"/>
-          <el-table-column prop="itemsName" label="署名人所在单位" align="center"/>
-          <el-table-column prop="planCloseTime" label="推荐署名原因" align="center">
             <template slot-scope="scope">
-              <el-input></el-input>
+              <a>{{ scope.row.standSortShow }}</a>
             </template>
           </el-table-column>
-          <el-table-column prop="itemsNum" label="费用" align="center"/>
+
+          <el-table-column prop="workPeople" label="推荐署名人及单位" align="center">
+          </el-table-column>
+          <el-table-column prop="reason" label="推荐署名原因" align="center">
+          </el-table-column>
+          <el-table-column prop="expenses" label="费用" align="center">
+          </el-table-column>
         </el-table>
       </div>
       <el-collapse accordion>
@@ -63,7 +67,7 @@
               :rows="3"
               resize="none"
               placeholder="请输入意见"
-              v-model="textarea">
+              v-model="commentText">
             </el-input>
           </div>
         </el-collapse-item>
@@ -137,14 +141,15 @@
       </div>
     </div>
     <ProcessFooter
-      show-save
+      show-back
-      show-submit
       show-transfer
+      show-submit
       :submitLoading="isSubmit"
+      :transfer-loading="isTransfer"
       :saveLoading="saveLoading"
-      :transferLoading="turnLoading"
+      :approval="true"
-      @transfer="handleTurnTo"
+      @back="beforeBack"
-      @save="handleSave"
+      @transfer="handleTransfer"
       @submit="handleSubmit"
     >
     </ProcessFooter>
@@ -155,6 +160,14 @@
       :nodeList="nodeList"
       @checkedRole="drawerCheck"
     />
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedTransferRole"
+      :nodeList="nodeList"
+    ></Role-tree>
   </div>
 </template>
 
@@ -172,8 +185,9 @@ export default {
       passInfo: 0,
       detailData: [],
       loading: false,
-      textarea: '', // 意见
+      commentText: '', // 意见
       title: '', // 新增编辑抽屉标题
+      isTransfer: false,
       ListModel: false, // 新增编辑抽屉开关
       taskIds: this.$route.query.taskIds,
       pId: this.$route.query.prcId,
@@ -188,6 +202,7 @@ export default {
       isSubmit: false,
       saveLoading: false,
       turnLoading: false,
+      drawerModal: false,
       dataList: [],
       endDataList: [],
       lastDataList: [],
@@ -240,6 +255,26 @@ export default {
     }
   },
   methods: {
+    //确认转办
+    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)
+        }
+      })
+    },
     processTable() {
       this.$http.get("lawss/activiti/get_list_by_instance", {
         prcNum: this.$route.query.prcNum,
@@ -254,26 +289,28 @@ export default {
       })
     },
     getData() {
-      const params = {
+      return new Promise((resolve, reject) => {
-        taskIds: this.taskIds,
+        inboundLiaisonDetail({
-        pId: this.pId,
+          taskIds: this.$route.query.taskIds,
-        // standId: '', // 标准号/名称
+          pId: this.$route.query.prcId
-        // productName: '', // 项目名称
+        }).then(res => {
-        // responsibleUnit: '' // 责任部门
+          if (res) {
-      }
+            const processForm = JSON.parse(res.mesg);
-      inboundLiaisonDetail(params).then(res => {
+            this.getFormFieldList(processForm);
-        const processForm = JSON.parse(res.mesg)
+          }
-        this.getFormFieldList(processForm)
+        }).catch(e => {
-      })
+        });
+      });
     },
-    getFormFieldList (item) {
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
       this.$nextTick(() => {
-        if (item.passInfo !== undefined) {
+        this.dataList = item.dataList
-          this.passInfo = JSON.parse(JSON.stringify(item)).passInfo
+        this.roleForm = item.roleForm
-        }
+      });
-        this.dataList = JSON.parse(JSON.stringify(item)).standardInfoList
-        this.textarea = JSON.parse(JSON.stringify(item)).commentText
-      })
     },
     // 批量选择分发责任人
     dutyEngineerList(id) {
@@ -327,50 +364,57 @@ export default {
     // 提交按钮
     handleSubmit() {
       this.isSubmit = true
-      let zqa = new Map();
+      let son = {
-      for (let lastDataListElement of this.dataList) {
+        signFlag: '1',
-        let a = zqa.get(lastDataListElement.dutyPeopleInfoId)
+        commentText: this.commentText,
-        if( a == null){
+        dataList: this.dataList,
-          a = {
+        roleForm: this.roleForm
-            id: lastDataListElement.dutyPeopleInfoId,
-            name: lastDataListElement.dutyPeopleInfo,
-            standardInfoList: []
-          }
-        }
-        a.standardInfoList.push(lastDataListElement);
-        zqa.set(a.id, a);
       }
-      let list = [];
+      var json = JSON.stringify(son)
-      for(let item of zqa) {
+      this.$http.post("lawss/activiti/completeTask", {
-        list.push(item[1])
+        taskIds: this.taskIds,
-      }
+        userId: this.userId,
-      let json = {
+        json: json
-        dockUserList: list,
+      }, {
-        passInfo: this.passInfo
+        _this: this
-      }
+      }, res => {
-      let flag=false
+        if (res.success) {
-      this.dataList.forEach(item => {
+          this.$message.success(res.message);
-        if (item.dutyPeopleInfo === '') {
-          flag=true
-          this.isSubmit = false
-        }
-      })
-      if(flag)return this.$message.warning('请选择分发负责人填入')
-      const params = new FormData();
-      params.set('json', JSON.stringify(json))
-      params.set('userId', this.$store.getters.userInfo.userId)
-      params.set('taskIds', this.taskIds)
-      completeTask(params).then(res => {
-        if(res.success === true) {
-          this.$message.success('提交成功')
           this.$router.push("/processCenter");
         }
         this.isSubmit = false
-      }).catch(e => {
+      }, e => {
-        this.isSubmit = false
+      });
-      })
+    },
+    //驳回按钮
+    beforeBack(){
+      let son = {
+        signFlag: '2',
+        commentText: this.commentText,
+        dataList: this.dataList,
+        roleForm: this.roleForm
+      }
+      var json = JSON.stringify(son)
+      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 => {
+      });
+    },
+    //转办按钮
+    handleTransfer(){
+        this.drawerModal = true
+        this.drawerTitle = '转办处理人'
+        this.selectPeople = row
     },
-
     // 流程阶段负责人选择
     choiceZRR (type, title, id) {
       this.nodeList = []
@@ -415,30 +459,6 @@ export default {
       }
       this.modalshowflag = false
     },
-    //查询按钮
-    /*getTableByPage({ standId, productName, responsibleUnit }) {//多条件和模糊查询
-        this.realList = this.dataList.filter(item => {
-          let matchId = true; // 标准号 筛选
-          let matchName = true; // 项目名称 筛选
-          let matchUnit = true; // 部门 筛选
-
-          if (standId) {
-            const keysId = standId
-              .toUpperCase() // 转大写
-              .replace(' ', '') // 删掉空格
-              .split('') // 切割成 单个字
-            matchId = keysId.every(key => item.standId.toUpperCase().includes(key));
-          }
-          if (productName) {
-            matchName = item.productName === productName;
-          }
-          if (responsibleUnit) {
-            matchUnit = item.responsibleUnit === responsibleUnit;
-          }
-          return matchId && matchName && matchUnit;
-        })
-        this.dataList = this.realList
-      },*/
     // 点击查看
     handlePreview (item) {
       let routeUrl = this.$router.resolve({

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

@@ -0,0 +1,539 @@
+<template>
+  <div class="wfhxzgStep2">
+    <ProcessHeader toggle>
+      <template slot="proName">外部署名推荐审批流程</template>
+      <template slot="proNode">标准法规部部长审核</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <el-table
+          :data="dataList"
+          border
+          ref="entryTable"
+          height="90%"
+          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
+            prop="code"
+            width="180px"
+            align="center"
+            label="标准号">
+            <template slot-scope="scope">
+              <a v-if="scope.row.standYear" class="table-jump"
+                 @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                  scope.row.standNumber
+                }}-{{ scope.row.standYear }}</a>
+              <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
+                {{ scope.row.standNumber }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="standName"
+            label="标准名称"
+            align="center"
+          >
+            <template slot-scope="scope">
+              <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column prop="standSortShow" label="标准类别" align="center" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <a>{{ scope.row.standSortShow }}</a>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="workPeople" label="推荐署名人及单位" align="center">
+          </el-table-column>
+          <el-table-column prop="reason" label="推荐署名原因" align="center">
+          </el-table-column>
+          <el-table-column prop="expenses" label="费用" align="center">
+          </el-table-column>
+        </el-table>
+      </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 class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :submitLoading="isSubmit"
+      :transfer-loading="isTransfer"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      :is-title="drawerTitle"
+      check-box
+      :is-visible.sync="modalshowflag"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedTransferRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import { roleTreeData } from "@/api/unqualProcess.js"
+import {completeTask, inboundLiaisonDetail, saveinboundTask, saveTaskForPub, changeAssigneeNew} from "@/api/process.js"
+
+export default {
+  name: "wbsmStep3",
+  data() {
+    return {
+      passInfo: 0,
+      detailData: [],
+      loading: false,
+      commentText: '', // 意见
+      title: '', // 新增编辑抽屉标题
+      isTransfer: false,
+      ListModel: false, // 新增编辑抽屉开关
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      userId: this.$route.query.taskAssignee,
+      nonSearch: {
+        standSerialNumber: '',
+        standId: '', // 标准号/名称
+        productName: '', // 项目名称
+        responsibleUnit: '' // 责任部门
+      },
+      active: '1', // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      turnLoading: false,
+      drawerModal: false,
+      dataList: [],
+      endDataList: [],
+      lastDataList: [],
+      // 新增选择分发责任人数组
+      multipleSelection: [],
+      // 当前页数
+      pageNo: 1,
+      total: 0,
+      myLoading: false,
+      // 责任部门
+      zNodesSItem: [],
+      clearSelection: false,
+      nodeList: [],
+      drawerTitle: '', //drawer标题
+      modalshowflag: false, // drawer开关
+      roleForm: {
+        dutyUserInfo: [],
+        dutyUserInfoName: [],
+        dutyPeopleInfo: '',
+        dutyPeople: ''
+      },
+      rowDutyPeople: {},
+      props:  { label: 'name', children: 'children', value: 'id', multiple: true, disabled: false },
+      dutyUserCaseData: [],
+      roleFormRules: {},
+      treeData: [], // 人员数据
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+    }
+  },
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  created() {
+    this.processTable();
+    this.getData();
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  watch: {
+    nonSearch(val) {
+      this.nonSearch = val
+    }
+  },
+  methods: {
+    //确认转办
+    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)
+        }
+      })
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.dataList = item.dataList
+        this.roleForm = item.roleForm
+      });
+    },
+    // 批量选择分发责任人
+    dutyEngineerList(id) {
+      if (this.multipleSelection.length === 0) {
+        this.$message.warning("请选择至少一条数据进行分发责任人");
+      } else {
+        this.nodeList = []
+        this.nodeList.push(id)
+        this.modalshowflag = true
+      }
+    },
+    // 每行选择负责人点击操作
+    clickOpen(val, id) {
+      this.$refs.multipleTable.clearSelection()
+      this.rowDutyPeople = val
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.modalshowflag = true
+    },
+    // 选择勾选项的集合
+    handleSelectionChange(value) {
+      this.multipleSelection = value
+    },
+    handleTabs(name) {
+      this.active = name
+    },
+
+    // 转办按钮
+    handleTurnTo() {
+      this.modalshowflag = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 保存按钮
+    handleSave() {
+      this.saveLoading = true
+      let _formData = new FormData()
+      _formData.append('taskIds', this.taskIds)
+      _formData.append('json', JSON.stringify({
+        // roleForm: this.roleForm,
+        standardInfoList: this.dataList,
+        commentText: this.commentText
+      }))
+      saveTaskForPub(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      this.isSubmit = true
+      let son = {
+        signFlag: '1',
+        commentText: this.commentText,
+        dataList: this.dataList,
+        roleForm: this.roleForm
+      }
+      var json = JSON.stringify(son)
+      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(){
+      let son = {
+        signFlag: '2',
+        commentText: this.commentText,
+        dataList: this.dataList,
+        roleForm: this.roleForm
+      }
+      var json = JSON.stringify(son)
+      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 => {
+      });
+    },
+    //转办按钮
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    // 流程阶段负责人选择
+    choiceZRR (type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.type = type
+      this.drawerTitle = title
+      this.modalshowflag = true
+    },
+    drawerCheck (data) {
+      if (this.drawerTitle === '转办处理人') {
+        this.turnLoading = true
+        changeAssigneeNew({
+          taskId: this.taskIds, // 任务id
+          assignee: data[0].id, // 被委托人
+          userId: this.userId, // 委托人
+          pId: this.pId // 流程实例
+        }).then(res =>{
+          if (res.success) {
+            this.turnLoading = false
+            this.$message.success('调整成功')
+            this.$router.push("/processCenter")
+          } else {
+            this.$message.warning(res.message)
+          }
+        })
+      } else {
+        this.roleRow = data[0]
+        // 选取负责人时的操作
+        if (this.multipleSelection.length === 0) {
+          this.rowDutyPeople.dutyPeopleInfo = this.roleRow.name
+          this.rowDutyPeople.dutyPeopleInfoId = this.roleRow.id
+        }else {
+          this.multipleSelection.forEach(item => {
+            item.dutyPeopleInfo = this.roleRow.name
+            item.dutyPeopleInfoId = this.roleRow.id
+          })
+          this.$refs.multipleTable.clearSelection()
+        }
+        this.lastDataList = this.dataList
+        // 选取流程信息完成
+        // this.roleForm.dutyUserInfoName = this.roleRow.name
+      }
+      this.modalshowflag = false
+    },
+    // 点击查看
+    handlePreview (item) {
+      let routeUrl = this.$router.resolve({
+        name: 'OtherStandardDetails',
+        params: {
+          id: item.standId,
+          // pageType: 'FOREIGN_STAND'
+          pageType: item.standType + '_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    // 清空 查询条件
+    clearAllSearch () {
+      this.nonSearch = {
+        standId: '',
+        standSerialNumber: '',
+        productName: '',
+        responsibleUnit: ''
+      }
+      this.getData()
+    },
+    // 分页事件
+    pageChange (page) {
+      this.pageNo = page
+      this.getTableByPage()
+    },
+    pageSizeChange () {
+      this.getTableByPage()
+    },
+  }
+}
+</script>
+
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.wfhxzgStep2 {
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  position: relative;
+  height: 100%;
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+  }
+}
+</style>

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

@@ -0,0 +1,539 @@
+<template>
+  <div class="wfhxzgStep2">
+    <ProcessHeader toggle>
+      <template slot="proName">外部署名推荐审批流程</template>
+      <template slot="proNode">技术管理中心主任审核</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <el-table
+          :data="dataList"
+          border
+          ref="entryTable"
+          height="90%"
+          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
+            prop="code"
+            width="180px"
+            align="center"
+            label="标准号">
+            <template slot-scope="scope">
+              <a v-if="scope.row.standYear" class="table-jump"
+                 @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                  scope.row.standNumber
+                }}-{{ scope.row.standYear }}</a>
+              <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
+                {{ scope.row.standNumber }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="standName"
+            label="标准名称"
+            align="center"
+          >
+            <template slot-scope="scope">
+              <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column prop="standSortShow" label="标准类别" align="center" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <a>{{ scope.row.standSortShow }}</a>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="workPeople" label="推荐署名人及单位" align="center">
+          </el-table-column>
+          <el-table-column prop="reason" label="推荐署名原因" align="center">
+          </el-table-column>
+          <el-table-column prop="expenses" label="费用" align="center">
+          </el-table-column>
+        </el-table>
+      </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 class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :submitLoading="isSubmit"
+      :transfer-loading="isTransfer"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      :is-title="drawerTitle"
+      check-box
+      :is-visible.sync="modalshowflag"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedTransferRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import { roleTreeData } from "@/api/unqualProcess.js"
+import {completeTask, inboundLiaisonDetail, saveinboundTask, saveTaskForPub, changeAssigneeNew} from "@/api/process.js"
+
+export default {
+  name: "wbsmStep4",
+  data() {
+    return {
+      passInfo: 0,
+      detailData: [],
+      loading: false,
+      commentText: '', // 意见
+      title: '', // 新增编辑抽屉标题
+      isTransfer: false,
+      ListModel: false, // 新增编辑抽屉开关
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      userId: this.$route.query.taskAssignee,
+      nonSearch: {
+        standSerialNumber: '',
+        standId: '', // 标准号/名称
+        productName: '', // 项目名称
+        responsibleUnit: '' // 责任部门
+      },
+      active: '1', // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      turnLoading: false,
+      drawerModal: false,
+      dataList: [],
+      endDataList: [],
+      lastDataList: [],
+      // 新增选择分发责任人数组
+      multipleSelection: [],
+      // 当前页数
+      pageNo: 1,
+      total: 0,
+      myLoading: false,
+      // 责任部门
+      zNodesSItem: [],
+      clearSelection: false,
+      nodeList: [],
+      drawerTitle: '', //drawer标题
+      modalshowflag: false, // drawer开关
+      roleForm: {
+        dutyUserInfo: [],
+        dutyUserInfoName: [],
+        dutyPeopleInfo: '',
+        dutyPeople: ''
+      },
+      rowDutyPeople: {},
+      props:  { label: 'name', children: 'children', value: 'id', multiple: true, disabled: false },
+      dutyUserCaseData: [],
+      roleFormRules: {},
+      treeData: [], // 人员数据
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+    }
+  },
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  created() {
+    this.processTable();
+    this.getData();
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  watch: {
+    nonSearch(val) {
+      this.nonSearch = val
+    }
+  },
+  methods: {
+    //确认转办
+    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)
+        }
+      })
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.dataList = item.dataList
+        this.roleForm = item.roleForm
+      });
+    },
+    // 批量选择分发责任人
+    dutyEngineerList(id) {
+      if (this.multipleSelection.length === 0) {
+        this.$message.warning("请选择至少一条数据进行分发责任人");
+      } else {
+        this.nodeList = []
+        this.nodeList.push(id)
+        this.modalshowflag = true
+      }
+    },
+    // 每行选择负责人点击操作
+    clickOpen(val, id) {
+      this.$refs.multipleTable.clearSelection()
+      this.rowDutyPeople = val
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.modalshowflag = true
+    },
+    // 选择勾选项的集合
+    handleSelectionChange(value) {
+      this.multipleSelection = value
+    },
+    handleTabs(name) {
+      this.active = name
+    },
+
+    // 转办按钮
+    handleTurnTo() {
+      this.modalshowflag = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 保存按钮
+    handleSave() {
+      this.saveLoading = true
+      let _formData = new FormData()
+      _formData.append('taskIds', this.taskIds)
+      _formData.append('json', JSON.stringify({
+        // roleForm: this.roleForm,
+        standardInfoList: this.dataList,
+        commentText: this.commentText
+      }))
+      saveTaskForPub(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      this.isSubmit = true
+      let son = {
+        signFlag: '1',
+        commentText: this.commentText,
+        dataList: this.dataList,
+        roleForm: this.roleForm
+      }
+      var json = JSON.stringify(son)
+      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(){
+      let son = {
+        signFlag: '2',
+        commentText: this.commentText,
+        dataList: this.dataList,
+        roleForm: this.roleForm
+      }
+      var json = JSON.stringify(son)
+      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 => {
+      });
+    },
+    //转办按钮
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    // 流程阶段负责人选择
+    choiceZRR (type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.type = type
+      this.drawerTitle = title
+      this.modalshowflag = true
+    },
+    drawerCheck (data) {
+      if (this.drawerTitle === '转办处理人') {
+        this.turnLoading = true
+        changeAssigneeNew({
+          taskId: this.taskIds, // 任务id
+          assignee: data[0].id, // 被委托人
+          userId: this.userId, // 委托人
+          pId: this.pId // 流程实例
+        }).then(res =>{
+          if (res.success) {
+            this.turnLoading = false
+            this.$message.success('调整成功')
+            this.$router.push("/processCenter")
+          } else {
+            this.$message.warning(res.message)
+          }
+        })
+      } else {
+        this.roleRow = data[0]
+        // 选取负责人时的操作
+        if (this.multipleSelection.length === 0) {
+          this.rowDutyPeople.dutyPeopleInfo = this.roleRow.name
+          this.rowDutyPeople.dutyPeopleInfoId = this.roleRow.id
+        }else {
+          this.multipleSelection.forEach(item => {
+            item.dutyPeopleInfo = this.roleRow.name
+            item.dutyPeopleInfoId = this.roleRow.id
+          })
+          this.$refs.multipleTable.clearSelection()
+        }
+        this.lastDataList = this.dataList
+        // 选取流程信息完成
+        // this.roleForm.dutyUserInfoName = this.roleRow.name
+      }
+      this.modalshowflag = false
+    },
+    // 点击查看
+    handlePreview (item) {
+      let routeUrl = this.$router.resolve({
+        name: 'OtherStandardDetails',
+        params: {
+          id: item.standId,
+          // pageType: 'FOREIGN_STAND'
+          pageType: item.standType + '_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    // 清空 查询条件
+    clearAllSearch () {
+      this.nonSearch = {
+        standId: '',
+        standSerialNumber: '',
+        productName: '',
+        responsibleUnit: ''
+      }
+      this.getData()
+    },
+    // 分页事件
+    pageChange (page) {
+      this.pageNo = page
+      this.getTableByPage()
+    },
+    pageSizeChange () {
+      this.getTableByPage()
+    },
+  }
+}
+</script>
+
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.wfhxzgStep2 {
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  position: relative;
+  height: 100%;
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/wbsm/step5.vue

@@ -0,0 +1,539 @@
+<template>
+  <div class="wfhxzgStep2">
+    <ProcessHeader toggle>
+      <template slot="proName">外部署名推荐审批流程</template>
+      <template slot="proNode">工程研究总院院长/FU/BU/SBU领导审批</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto;">
+        <ProcessTitle>
+          <template slot="title">基础信息</template>
+        </ProcessTitle>
+        <el-table
+          :data="dataList"
+          border
+          ref="entryTable"
+          height="90%"
+          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
+            prop="code"
+            width="180px"
+            align="center"
+            label="标准号">
+            <template slot-scope="scope">
+              <a v-if="scope.row.standYear" class="table-jump"
+                 @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                  scope.row.standNumber
+                }}-{{ scope.row.standYear }}</a>
+              <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
+                {{ scope.row.standNumber }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="standName"
+            label="标准名称"
+            align="center"
+          >
+            <template slot-scope="scope">
+              <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+            </template>
+          </el-table-column>
+          <el-table-column prop="standSortShow" label="标准类别" align="center" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <a>{{ scope.row.standSortShow }}</a>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="workPeople" label="推荐署名人及单位" align="center">
+          </el-table-column>
+          <el-table-column prop="reason" label="推荐署名原因" align="center">
+          </el-table-column>
+          <el-table-column prop="expenses" label="费用" align="center">
+          </el-table-column>
+        </el-table>
+      </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 class="content" v-show="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="流程信息"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <ProcessFooter
+      show-back
+      show-transfer
+      show-submit
+      :submitLoading="isSubmit"
+      :transfer-loading="isTransfer"
+      :saveLoading="saveLoading"
+      :approval="true"
+      @back="beforeBack"
+      @transfer="handleTransfer"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <Role-tree
+      :is-title="drawerTitle"
+      check-box
+      :is-visible.sync="modalshowflag"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedTransferRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import { roleTreeData } from "@/api/unqualProcess.js"
+import {completeTask, inboundLiaisonDetail, saveinboundTask, saveTaskForPub, changeAssigneeNew} from "@/api/process.js"
+
+export default {
+  name: "wbsmStep5",
+  data() {
+    return {
+      passInfo: 0,
+      detailData: [],
+      loading: false,
+      commentText: '', // 意见
+      title: '', // 新增编辑抽屉标题
+      isTransfer: false,
+      ListModel: false, // 新增编辑抽屉开关
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      userId: this.$route.query.taskAssignee,
+      nonSearch: {
+        standSerialNumber: '',
+        standId: '', // 标准号/名称
+        productName: '', // 项目名称
+        responsibleUnit: '' // 责任部门
+      },
+      active: '1', // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      turnLoading: false,
+      drawerModal: false,
+      dataList: [],
+      endDataList: [],
+      lastDataList: [],
+      // 新增选择分发责任人数组
+      multipleSelection: [],
+      // 当前页数
+      pageNo: 1,
+      total: 0,
+      myLoading: false,
+      // 责任部门
+      zNodesSItem: [],
+      clearSelection: false,
+      nodeList: [],
+      drawerTitle: '', //drawer标题
+      modalshowflag: false, // drawer开关
+      roleForm: {
+        dutyUserInfo: [],
+        dutyUserInfoName: [],
+        dutyPeopleInfo: '',
+        dutyPeople: ''
+      },
+      rowDutyPeople: {},
+      props:  { label: 'name', children: 'children', value: 'id', multiple: true, disabled: false },
+      dutyUserCaseData: [],
+      roleFormRules: {},
+      treeData: [], // 人员数据
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+    }
+  },
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  created() {
+    this.processTable();
+    this.getData();
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  },
+  watch: {
+    nonSearch(val) {
+      this.nonSearch = val
+    }
+  },
+  methods: {
+    //确认转办
+    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)
+        }
+      })
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.dataList = item.dataList
+        this.roleForm = item.roleForm
+      });
+    },
+    // 批量选择分发责任人
+    dutyEngineerList(id) {
+      if (this.multipleSelection.length === 0) {
+        this.$message.warning("请选择至少一条数据进行分发责任人");
+      } else {
+        this.nodeList = []
+        this.nodeList.push(id)
+        this.modalshowflag = true
+      }
+    },
+    // 每行选择负责人点击操作
+    clickOpen(val, id) {
+      this.$refs.multipleTable.clearSelection()
+      this.rowDutyPeople = val
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.modalshowflag = true
+    },
+    // 选择勾选项的集合
+    handleSelectionChange(value) {
+      this.multipleSelection = value
+    },
+    handleTabs(name) {
+      this.active = name
+    },
+
+    // 转办按钮
+    handleTurnTo() {
+      this.modalshowflag = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 保存按钮
+    handleSave() {
+      this.saveLoading = true
+      let _formData = new FormData()
+      _formData.append('taskIds', this.taskIds)
+      _formData.append('json', JSON.stringify({
+        // roleForm: this.roleForm,
+        standardInfoList: this.dataList,
+        commentText: this.commentText
+      }))
+      saveTaskForPub(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    // 提交按钮
+    handleSubmit() {
+      this.isSubmit = true
+      let son = {
+        yzFlag: '1',
+        commentText: this.commentText,
+        dataList: this.dataList,
+        roleForm: this.roleForm
+      }
+      var json = JSON.stringify(son)
+      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(){
+      let son = {
+        yzFlag: '2',
+        commentText: this.commentText,
+        dataList: this.dataList,
+        roleForm: this.roleForm
+      }
+      var json = JSON.stringify(son)
+      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 => {
+      });
+    },
+    //转办按钮
+    handleTransfer(){
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+      this.selectPeople = row
+    },
+    // 流程阶段负责人选择
+    choiceZRR (type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.type = type
+      this.drawerTitle = title
+      this.modalshowflag = true
+    },
+    drawerCheck (data) {
+      if (this.drawerTitle === '转办处理人') {
+        this.turnLoading = true
+        changeAssigneeNew({
+          taskId: this.taskIds, // 任务id
+          assignee: data[0].id, // 被委托人
+          userId: this.userId, // 委托人
+          pId: this.pId // 流程实例
+        }).then(res =>{
+          if (res.success) {
+            this.turnLoading = false
+            this.$message.success('调整成功')
+            this.$router.push("/processCenter")
+          } else {
+            this.$message.warning(res.message)
+          }
+        })
+      } else {
+        this.roleRow = data[0]
+        // 选取负责人时的操作
+        if (this.multipleSelection.length === 0) {
+          this.rowDutyPeople.dutyPeopleInfo = this.roleRow.name
+          this.rowDutyPeople.dutyPeopleInfoId = this.roleRow.id
+        }else {
+          this.multipleSelection.forEach(item => {
+            item.dutyPeopleInfo = this.roleRow.name
+            item.dutyPeopleInfoId = this.roleRow.id
+          })
+          this.$refs.multipleTable.clearSelection()
+        }
+        this.lastDataList = this.dataList
+        // 选取流程信息完成
+        // this.roleForm.dutyUserInfoName = this.roleRow.name
+      }
+      this.modalshowflag = false
+    },
+    // 点击查看
+    handlePreview (item) {
+      let routeUrl = this.$router.resolve({
+        name: 'OtherStandardDetails',
+        params: {
+          id: item.standId,
+          // pageType: 'FOREIGN_STAND'
+          pageType: item.standType + '_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    // 清空 查询条件
+    clearAllSearch () {
+      this.nonSearch = {
+        standId: '',
+        standSerialNumber: '',
+        productName: '',
+        responsibleUnit: ''
+      }
+      this.getData()
+    },
+    // 分页事件
+    pageChange (page) {
+      this.pageNo = page
+      this.getTableByPage()
+    },
+    pageSizeChange () {
+      this.getTableByPage()
+    },
+  }
+}
+</script>
+
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+.wfhxzgStep2 {
+  /deep/.el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+  position: relative;
+  height: 100%;
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+  .content-center {
+    padding: 10px 0px 10px 10px;
+  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+  }
+}
+</style>

src/pages/processCenter/pages/creatProcess/xmpg/step1.vue

@@ -919,7 +919,7 @@ export default {
       this.getStandData();
     },
     pageChangeNo(page) {
-      this.pageNO = page;
+        this.pageNo = page;
       this.getProductData();
     },
     pageSizeChangeNo(pageSize) {

src/pages/processCenter/pages/creatProcess/zcch/step1-1.vue

@@ -0,0 +1,917 @@
+<template>
+    <div class="zcch-step1-1">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题参会发起流程</template>
+            <template slot="proNode">发起流程</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+            <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        :rules="formRules"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.content"
+                                            placeholder="请输入课题主要研究内容"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.price"
+                                            placeholder="请输入参会费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            v-model="rhform.time2"
+                                            value-format="yyyy-MM-ddHH:mm:ss"
+                                            type="datetime"
+                                            placeholder="请选择参会时间">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.place"
+                                            placeholder="请输入参会地点"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.Company"
+                                            placeholder="请输入承办单位"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            style="display: none;"
+                                            v-model="rhform.modelNameList"
+                                            clearable
+                                    ></el-input>
+                                    <div v-if="rhform.modelList.length > 0" class="fileClass" style="display: flex;">
+                                        <div v-for="(item, index) in rhform.modelList" :key="index" @click="fileUpload" style="margin-right: 5px;">
+                                            {{ item.name }}
+                                        </div>
+                                    </div>
+                                    <div v-else>
+                                        <el-button
+                                                type="primary"
+                                                class="common-button-primary"
+                                                @click="fileUpload"
+                                                size="mini">
+                                            点击上传
+                                        </el-button>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <div class="action-bar">
+                    <el-button type="primary" class="common-button-primary add-button" size="mini" @click="add1">
+                        添加
+                    </el-button>
+                    <el-button type="primary" :disabled="!idList1.length > 0" class="common-button-primary add-button" size="mini" @click="addDelete1">
+                        批量删除
+                    </el-button>
+                </div>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          @selection-change="handleSelectionChange1"
+                          row-key="id">
+                    <el-table-column type="selection" width="55" align="center"/>
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.ContactPerson"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <div class="action-bar">
+                    <el-button type="primary" class="common-button-primary add-button" size="mini" @click="add2">
+                        添加
+                    </el-button>
+                    <el-button :disabled="!idList2.length > 0" type="primary" class="common-button-primary add-button" size="mini" @click="addDelete2">
+                        批量删除
+                    </el-button>
+                </div>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          @selection-change="handleSelectionChange2"
+                          row-key="id">
+                    <el-table-column type="selection" width="55" align="center"/>
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Sindex"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Member"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Department"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Identity"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="250"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0" class="fileClass">
+                                <div v-for="(item, index) in scope.row.data" :key="index" @click="fileUpload2(scope.$index)" style="margin-right: 5px;">
+                                    {{ item.name }}
+                                </div>
+                            </div>
+                            <div v-else>
+                                <el-button
+                                        type="primary"
+                                        class="common-button-primary"
+                                        @click="fileUpload2(scope.$index)"
+                                        size="mini">
+                                    点击上传
+                                </el-button>
+                            </div>
+                        </template>
+                    </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>
+        <div class="content" v-show="active === '2'">
+            <div class="block" style="padding-top: 20px;">
+                <el-timeline>
+                    <el-form
+                            ref="Form"
+                            :model="roleForm"
+                            :rules="roleFormRules"
+                            class="label-input-form">
+                        <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="revisionId" style="margin-bottom: 0">
+                                    <h4>流程发起人</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.revisionId" style="display: none;"/>
+                                        <el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.ministerId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="ministerIdName" style="margin-bottom: 0">
+                                    <h4>法规认证部部长</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.ministerId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.ministerIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('ministerId', '选择法规认证部部长', roleForm.ministerId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="presidentIdName" style="margin-bottom: 0">
+                                    <h4>公司副总</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.presidentId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.presidentIdName" placeholder="选择公司副总" @click.native="choiceZRR('presidentId', '选择公司副总', roleForm.presidentId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                    </el-form>
+                </el-timeline>
+            </div>
+        </div>
+        <ProcessFooter
+                show-save
+                show-submit
+                :submitLoading="isSubmit"
+                :saveLoading="saveLoading"
+                @save="handleSave"
+                @submit="handleSubmit"
+        >
+        </ProcessFooter>
+        <el-dialog width='400px' :visible.sync="fileMadel" title="上传会议通知">
+            <el-upload
+                    v-if="fileMadel"
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess"
+                    :on-remove="importFileRemove"
+                    :show-file-list="true"
+                    :file-list="fileList1"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <el-dialog width='400px' :visible.sync="fileMadel2" title="上传资料">
+            <el-upload
+                    v-if="fileMadel2"
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile2"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess2"
+                    :on-remove="importFileRemove2"
+                    :show-file-list="true"
+                    :file-list="fileList"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <Role-tree
+                check-box
+                :is-title="drawerTitle"
+                :is-visible.sync="modalshowflag"
+                @checkedRole="checkedRole"
+                :nodeList="nodeList"
+        ></Role-tree>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import { saveTaskFirst,inboundLiaisonDetail,queryTaskFirst } from "api/process";
+
+    export default {
+        name: "zcchStep1-1",
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        data() {
+            return {
+                commentText: '',
+                isSubmit: false,
+                saveLoading: false,
+                active: "1", //默认显示
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    time2: '',
+                    place: '',
+                    Company: '',
+                    modelNameList: '',
+                    modelList: []
+                },
+                formRules: {
+                    title: [
+                        { required: true, message: '请输入课题名称', trigger: 'blur' },
+                    ],
+                    content: [
+                        { required: true, message: '请输入主要议题', trigger: 'blur' },
+                    ],
+                    price: [
+                        { required: true, message: '请输入费用', trigger: 'blur' },
+                    ],
+                    time: [
+                        { required: true, message: '请选择课题研究周期', trigger: 'change' },
+                    ],
+                    time2: [
+                        { required: true, message: '请选择参会时间', trigger: 'change' },
+                    ],
+                    place: [
+                        { required: true, message: '请输入参会地点', trigger: 'blur' },
+                    ],
+                    Company: [
+                        { required: true, message: '请输入承办单位', trigger: 'blur' },
+                    ],
+                    modelNameList: [
+                        { required: true, message: '请上传课题组通知', trigger: 'blur' },
+                    ]
+                },
+                foldFormFlag: true,
+                data1: [],
+                data2: [],
+                roleForm: {
+                    revisionId: this.$store.getters.userInfo.userId,
+                    revisionIdName: this.$store.getters.userInfo.userName,
+                    ministerId: '',
+                    ministerIdName: '',
+                    presidentId: '',
+                    presidentIdName: '',
+                },
+                roleFormRules: {
+                    ministerIdName: [
+                        {required: true, message: '请选择法规认证部部长', trigger: 'change'},
+                    ],
+                    inspectorIdName: [
+                        {required: true, message: '请选择法规认证部总监', trigger: 'change'},
+                    ],
+                    presidentIdName: [
+                        {required: true, message: '请选择公司副总', trigger: 'change'},
+                    ]
+                },
+                fileMadel: false,
+                fileMadel2: false,
+                fileUrl:  'api/att/attFile/upload',
+                idList1: [],
+                idList2: [],
+                fileIndex: '',
+                fileList: [],
+                fileList1: [],
+                nodeList: [],
+                type: '',
+                drawerTitle: '',
+                modalshowflag: false,
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+            }
+        },
+        methods: {
+            getData() {
+                if (this.$route.query.bpnId) {
+                    queryTaskFirst({
+                        bpnId: this.$route.query.bpnId
+                    }).then(res => {
+                        let mes = JSON.parse(res.mes)
+                        this.rhform = mes.form
+                        this.data1 = mes.data1
+                        this.data2 = mes.data2
+                        this.roleForm = mes.roleForm
+                        this.commentText = mes.commentText
+                    })
+                } else {
+                    return new Promise((resolve, reject) => {
+                        inboundLiaisonDetail({
+                            taskIds: this.taskIds,
+                            pId: this.pId
+                        }).then(res => {
+                            let data = JSON.parse(res.mesg)
+                            this.json = data
+                            this.data1 = data.data1
+                            this.data2 = data.data2
+                            this.rhform.commentText = data.commentText
+                            this.rhform.content = data.content
+                            this.rhform.price = data.price
+                            this.rhform.time = data.time
+                            this.rhform.title = data.title
+                            this.rhform.Company = data.Company
+                            this.rhform.place = data.place
+                            this.rhform.time2 = data.time2
+                            this.rhform.modelList = data.modelList
+                            this.rhform.modelNameList = data.modelNameList
+                            this.roleForm.ministerId = data.ministerId
+                            this.roleForm.ministerIdName = data.ministerIdName
+                            this.roleForm.presidentId = data.presidentId
+                            this.roleForm.presidentIdName = data.presidentIdName
+                        }).catch(e => {
+                        })
+                    })
+                }
+            },
+            add1() {
+                var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+                var json = {
+                    ContactPerson: '',
+                    Company: '',
+                    Telephone: '',
+                    Email: '',
+                    id: id
+                }
+                this.data1.push(json)
+            },
+            add2() {
+                var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+                var json = {
+                    Sindex: '',
+                    Member: '',
+                    Company: '',
+                    Email: '',
+                    id: id,
+                    Department: '',
+                    Telephone: '',
+                    Identity: '',
+                    dataName: '',
+                    data: [],
+                }
+                this.data2.push(json)
+            },
+            addDelete1() {
+                if (this.idList1.length > 0) {
+                    this.$confirm('删除选中数据, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        for (let a = 0; a < this.data1.length; a++) {
+                            this.idList1.forEach(item => {
+                                if (this.data1[a].id === item) {
+                                    this.data1.splice(a, 1)
+                                }
+                            })
+                        }
+                    }).catch(() => {
+                        this.$message({
+                            type: 'info',
+                            message: '已取消删除'
+                        });
+                    });
+                } else {
+                    this.$message.warning('请选择要删除的数据')
+                }
+            },
+            addDelete2() {
+                if (this.idList2.length > 0) {
+                    this.$confirm('删除选中数据, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        for (let a = 0; a < this.data2.length; a++) {
+                            this.idList2.forEach(item => {
+                                if (this.data2[a].id === item) {
+                                    this.data2.splice(a, 1)
+                                }
+                            })
+                        }
+                    }).catch(() => {
+                        this.$message({
+                            type: 'info',
+                            message: '已取消删除'
+                        });
+                    });
+                } else {
+                    this.$message.warning('请选择要删除的数据')
+                }
+            },
+            // 导入按钮 上传之前的钩子
+            beginImportFile(file) {
+                var filename = file.name
+                var index1 = filename.lastIndexOf('.')
+                var index2 = filename.length
+                var fileSuffix = filename.substring(index1, index2)
+                // const fileSuffix = file.name.split('.')[1] // 后缀名
+                // 判断上传文件格式
+                if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
+                    return false
+                }
+                // 判断文件上传大小
+                // eslint-disable-next-line no-unreachable
+                if (file.size / 1024 / 1024 <= 200) {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '大小不超过200M')
+                    return false
+                }
+                return true
+            },
+            importFileSuccess(response, file) {
+                if (response.ok) {
+                    this.rhform.modelList.push(response.data)
+                    let list = ''
+                    this.rhform.modelList.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.rhform.modelNameList = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove(file, fileList) {
+                let list = ''
+                this.rhform.modelList = []
+                fileList.forEach(item => {
+                    this.rhform.modelList.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.rhform.modelNameList = list
+            },
+            importFileSuccess2(response, file) {
+                if (response.ok) {
+                    this.data2[this.fileIndex].data.push(response.data)
+                    let list = ''
+                    this.data2[this.fileIndex].data.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.data2[this.fileIndex].dataName = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove2(file, fileList) {
+                let list = ''
+                this.data2[this.fileIndex].data = []
+                fileList.forEach(item => {
+                    this.data2[this.fileIndex].data.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.data2[this.fileIndex].dataName = list
+            },
+            fileUpload() {
+                this.fileList1 = this.rhform.modelList
+                this.fileMadel = true
+            },
+            fileUpload2(index) {
+                this.fileIndex = index
+                this.fileList = this.data2[this.fileIndex].data
+                this.fileMadel2 = true
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            handleSave() {
+            }, // 保存事件
+            handleSubmit() {
+                this.$refs['rhForm'].validate((valid) => {
+                    if (valid) {
+                        if (this.data1.length) {
+                            if (this.data2.length) {
+                                let ContactPerson = 0,Company = 0,Telephone = 0,Email = 0,Sindex = 0,Member = 0,Telephone2 = 0,Email2 = 0, Company2 = 0,Department = 0,Identity = 0
+                                this.data1.forEach((item, index) =>{
+                                    if (!item.ContactPerson) {
+                                        ContactPerson++
+                                    } else if (!item.Company) {
+                                        Company++
+                                    } else if (!item.Telephone) {
+                                        Telephone++
+                                    } else if (!item.Email) {
+                                        Email++
+                                    }
+                                })
+                                this.data2.forEach((item, index) =>{
+                                    if (!item.Sindex) {
+                                        Sindex++
+                                    } else if (!item.Member) {
+                                        Member++
+                                    } else if (!item.Telephone) {
+                                        Telephone2++
+                                    } else if (!item.Email) {
+                                        Email2++
+                                    } else if (!item.Company) {
+                                        Company2++
+                                    } else if (!item.Department) {
+                                        Department++
+                                    } else if (!item.Identity) {
+                                        Identity++
+                                    }
+                                })
+                                if (ContactPerson > 0) {
+                                    return this.$message.warning('请输入联络人')
+                                } else if (Company > 0) {
+                                    return this.$message.warning('请输入课题组联络人单位')
+                                } else if (Telephone > 0) {
+                                    return this.$message.warning('请输入课题组联络人电话')
+                                } else if (Email > 0) {
+                                    return this.$message.warning('请输入课题组联络人邮箱')
+                                } else if (Sindex > 0) {
+                                    return this.$message.warning('请输入工作组排名顺序')
+                                } else if (Member > 0) {
+                                    return this.$message.warning('请输入我司成员')
+                                } else if (Telephone2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员电话')
+                                } else if (Email2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员油邮箱')
+                                } else if (Company2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员单位')
+                                } else if (Department > 0) {
+                                    return this.$message.warning('请输入内部参与人员部门')
+                                } else if (Identity > 0) {
+                                    return this.$message.warning('请输入内部参与人员身份')
+                                } else {
+                                    this.$refs['Form'].validate((valid) => {
+                                        if (valid) {
+                                            this.isSubmit = true
+                                            this.$http.get('lawss/activiti/startProcess', {
+                                                type: '18'
+                                            }, {}, res => {
+                                                if (res.ok) {
+                                                    var json = Object.assign(this.rhform, this.roleForm)
+                                                    json.commentText = this.commentText
+                                                    json.data1 = this.data1
+                                                    json.data2 = this.data2
+                                                    this.$http.post('lawss/activiti/completeTask', {
+                                                        json: JSON.stringify(json),
+                                                        taskId: res.data,
+                                                        userId: this.$store.getters.userInfo.userId
+                                                    }, {}, res => {
+                                                        if (res.success) {
+                                                            this.$message.success('流程发起成功')
+                                                            this.$router.push('/processCenter')
+                                                            this.isSubmit = false
+                                                        } else {
+                                                            this.$message.warning('流程启动失败')
+                                                            this.isSubmit = false
+                                                        }
+                                                    })
+                                                } else {
+                                                    this.$message.warning('流程启动失败')
+                                                    this.isSubmit = false
+                                                }
+                                            })
+                                        } else {
+                                            return this.$message.warning('请完善人员信息')
+                                        }
+                                    })
+                                }
+                            } else {
+                                return this.$message.warning('请添加集团内部参与人员')
+                            }
+                        } else {
+                            return this.$message.warning('请添加课题组人员')
+                        }
+                    } else {
+                        return this.$message.warning('请完善基础信息')
+                    }
+                })
+            }, // 提交事件
+            handleSelectionChange1(val) {
+                this.idList1 = []
+                val.forEach(item => {
+                    this.idList1.push(item.id)
+                })
+            }, // table1选中change事件
+            handleSelectionChange2(val) {
+                this.idList2 = []
+                val.forEach(item => {
+                    this.idList2.push(item.id)
+                })
+            }, // table2选中change事件
+            choiceZRR(type, title, id) {
+                this.nodeList = []
+                this.nodeList.push(id)
+                this.type = type
+                this.drawerTitle = title
+                this.modalshowflag = true
+            }, // 点击人员input事件
+            checkedRole(data) {
+                if (this.type === 'ministerId') {
+                    this.roleForm.ministerId = data[0].id
+                    this.roleForm.ministerIdName = data[0].name
+                } else if (this.type === 'inspectorId') {
+                    this.roleForm.inspectorId = data[0].id
+                    this.roleForm.inspectorIdName = data[0].name
+                } else if (this.type === 'presidentId') {
+                    this.roleForm.presidentId = data[0].id
+                    this.roleForm.presidentIdName = data[0].name
+                }
+            }, // 选择人员确认事件
+        },
+        mounted() {
+            this.getData()
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+
+    .zcch-step1-1 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>
+
+

src/pages/processCenter/pages/creatProcess/zcch/step1.vue

@@ -1,18 +1,825 @@
 <template>
     <div class="zcch-step1">
-        <div>政策参会</div>
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题参会发起流程</template>
+            <template slot="proNode">发起流程</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+            <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        :rules="formRules"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.content"
+                                            placeholder="请输入课题主要研究内容"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.price"
+                                            placeholder="请输入参会费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            v-model="rhform.time2"
+                                            value-format="yyyy-MM-dd HH:mm:ss"
+                                            type="datetime"
+                                            placeholder="请选择参会时间">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.place"
+                                            placeholder="请输入参会地点"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.Company"
+                                            placeholder="请输入承办单位"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            style="display: none;"
+                                            v-model="rhform.modelNameList"
+                                            clearable
+                                    ></el-input>
+                                    <div v-if="rhform.modelList.length > 0" class="fileClass" style="display: flex;">
+                                        <div v-for="(item, index) in rhform.modelList" :key="index" @click="fileUpload" style="margin-right: 5px;">
+                                            {{ item.name }}
+                                        </div>
+                                    </div>
+                                    <div v-else>
+                                        <el-button
+                                                type="primary"
+                                                class="common-button-primary"
+                                                @click="fileUpload"
+                                                size="mini">
+                                            点击上传
+                                        </el-button>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <div class="action-bar">
+                    <el-button type="primary" class="common-button-primary add-button" size="mini" @click="add1">
+                        添加
+                    </el-button>
+                    <el-button type="primary" :disabled="!idList1.length > 0" class="common-button-primary add-button" size="mini" @click="addDelete1">
+                        批量删除
+                    </el-button>
+                </div>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          @selection-change="handleSelectionChange1"
+                          row-key="id">
+                    <el-table-column type="selection" width="55" align="center"/>
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.ContactPerson"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <div class="action-bar">
+                    <el-button type="primary" class="common-button-primary add-button" size="mini" @click="add2">
+                        添加
+                    </el-button>
+                    <el-button :disabled="!idList2.length > 0" type="primary" class="common-button-primary add-button" size="mini" @click="addDelete2">
+                        批量删除
+                    </el-button>
+                </div>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          @selection-change="handleSelectionChange2"
+                          row-key="id">
+                    <el-table-column type="selection" width="55" align="center"/>
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Sindex"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Member"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Department"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Identity"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="250"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0" class="fileClass">
+                                <div v-for="(item, index) in scope.row.data" :key="index" @click="fileUpload2(scope.$index)" style="margin-right: 5px;">
+                                    {{ item.name }}
+                                </div>
+                            </div>
+                            <div v-else>
+                                <el-button
+                                        type="primary"
+                                        class="common-button-primary"
+                                        @click="fileUpload2(scope.$index)"
+                                        size="mini">
+                                    点击上传
+                                </el-button>
+                            </div>
+                        </template>
+                    </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>
+        <div class="content" v-show="active === '2'">
+            <div class="block" style="padding-top: 20px;">
+                <el-timeline>
+                    <el-form
+                            ref="Form"
+                            :model="roleForm"
+                            :rules="roleFormRules"
+                            class="label-input-form">
+                        <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="revisionId" style="margin-bottom: 0">
+                                    <h4>流程发起人</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.revisionId" style="display: none;"/>
+                                        <el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.ministerId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="ministerIdName" style="margin-bottom: 0">
+                                    <h4>法规认证部部长</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.ministerId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.ministerIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('ministerId', '选择法规认证部部长', roleForm.ministerId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="presidentIdName" style="margin-bottom: 0">
+                                    <h4>公司副总</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.presidentId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.presidentIdName" placeholder="选择公司副总" @click.native="choiceZRR('presidentId', '选择公司副总', roleForm.presidentId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                    </el-form>
+                </el-timeline>
+            </div>
+        </div>
+        <ProcessFooter
+                show-save
+                show-submit
+                :submitLoading="isSubmit"
+                :saveLoading="saveLoading"
+                @save="handleSave"
+                @submit="handleSubmit"
+        >
+        </ProcessFooter>
+        <el-dialog width='400px' :visible.sync="fileMadel" title="上传会议通知">
+            <el-upload
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess"
+                    :on-remove="importFileRemove"
+                    :show-file-list="true"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <el-dialog width='400px' :visible.sync="fileMadel2" title="上传资料">
+            <el-upload
+                    v-if="fileMadel2"
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile2"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess2"
+                    :on-remove="importFileRemove2"
+                    :show-file-list="true"
+                    :file-list="fileList"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <Role-tree
+                check-box
+                :is-title="drawerTitle"
+                :is-visible.sync="modalshowflag"
+                @checkedRole="checkedRole"
+                :nodeList="nodeList"
+        ></Role-tree>
     </div>
 </template>
 
 <script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import { saveTaskFirst } from "api/process";
 
     export default {
         name: "zcchStep1",
-        components: {},
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
         data() {
-            return {}
+            return {
+                commentText: '',
+                isSubmit: false,
+                saveLoading: false,
+                active: "1", //默认显示
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    time2: '',
+                    place: '',
+                    Company: '',
+                    modelNameList: '',
+                    modelList: []
+                },
+                formRules: {
+                    title: [
+                        { required: true, message: '请输入课题名称', trigger: 'blur' },
+                    ],
+                    content: [
+                        { required: true, message: '请输入主要议题', trigger: 'blur' },
+                    ],
+                    price: [
+                        { required: true, message: '请输入费用', trigger: 'blur' },
+                    ],
+                    time: [
+                        { required: true, message: '请选择课题研究周期', trigger: 'change' },
+                    ],
+                    time2: [
+                        { required: true, message: '请选择参会时间', trigger: 'change' },
+                    ],
+                    place: [
+                        { required: true, message: '请输入参会地点', trigger: 'blur' },
+                    ],
+                    Company: [
+                        { required: true, message: '请输入承办单位', trigger: 'blur' },
+                    ],
+                    modelNameList: [
+                        { required: true, message: '请上传课题组通知', trigger: 'blur' },
+                    ]
+                },
+                foldFormFlag: true,
+                data1: [],
+                data2: [],
+                roleForm: {
+                    revisionId: this.$store.getters.userInfo.userId,
+                    revisionIdName: this.$store.getters.userInfo.userName,
+                    ministerId: '',
+                    ministerIdName: '',
+                    presidentId: '',
+                    presidentIdName: '',
+                },
+                roleFormRules: {
+                    ministerIdName: [
+                        {required: true, message: '请选择法规认证部部长', trigger: 'change'},
+                    ],
+                    inspectorIdName: [
+                        {required: true, message: '请选择法规认证部总监', trigger: 'change'},
+                    ],
+                    presidentIdName: [
+                        {required: true, message: '请选择公司副总', trigger: 'change'},
+                    ]
+                },
+                fileMadel: false,
+                fileMadel2: false,
+                fileUrl:  'api/att/attFile/upload',
+                idList1: [],
+                idList2: [],
+                fileIndex: '',
+                fileList: [],
+                nodeList: [],
+                type: '',
+                drawerTitle: '',
+                modalshowflag: false,
+            }
+        },
+        methods: {
+            add1() {
+                var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+                var json = {
+                    ContactPerson: '',
+                    Company: '',
+                    Telephone: '',
+                    Email: '',
+                    id: id
+                }
+                this.data1.push(json)
+            },
+            add2() {
+                var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+                var json = {
+                    Sindex: '',
+                    Member: '',
+                    Company: '',
+                    Email: '',
+                    id: id,
+                    Department: '',
+                    Telephone: '',
+                    Identity: '',
+                    dataName: '',
+                    data: [],
+                }
+                this.data2.push(json)
+            },
+            addDelete1() {
+                if (this.idList1.length > 0) {
+                    this.$confirm('删除选中数据, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        for (let a = 0; a < this.data1.length; a++) {
+                            this.idList1.forEach(item => {
+                                if (this.data1[a].id === item) {
+                                    this.data1.splice(a, 1)
+                                }
+                            })
+                        }
+                    }).catch(() => {
+                        this.$message({
+                            type: 'info',
+                            message: '已取消删除'
+                        });
+                    });
+                } else {
+                    this.$message.warning('请选择要删除的数据')
+                }
+            },
+            addDelete2() {
+                if (this.idList2.length > 0) {
+                    this.$confirm('删除选中数据, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        for (let a = 0; a < this.data2.length; a++) {
+                            this.idList2.forEach(item => {
+                                if (this.data2[a].id === item) {
+                                    this.data2.splice(a, 1)
+                                }
+                            })
+                        }
+                    }).catch(() => {
+                        this.$message({
+                            type: 'info',
+                            message: '已取消删除'
+                        });
+                    });
+                } else {
+                    this.$message.warning('请选择要删除的数据')
+                }
+            },
+            // 导入按钮 上传之前的钩子
+            beginImportFile(file) {
+                var filename = file.name
+                var index1 = filename.lastIndexOf('.')
+                var index2 = filename.length
+                var fileSuffix = filename.substring(index1, index2)
+                // const fileSuffix = file.name.split('.')[1] // 后缀名
+                // 判断上传文件格式
+                if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
+                    return false
+                }
+                // 判断文件上传大小
+                // eslint-disable-next-line no-unreachable
+                if (file.size / 1024 / 1024 <= 200) {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '大小不超过200M')
+                    return false
+                }
+                return true
+            },
+            importFileSuccess(response, file) {
+                if (response.ok) {
+                    this.rhform.modelList.push(response.data)
+                    let list = ''
+                    this.rhform.modelList.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.rhform.modelNameList = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove(file, fileList) {
+                let list = ''
+                this.rhform.modelList = []
+                fileList.forEach(item => {
+                    this.rhform.modelList.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.rhform.modelNameList = list
+            },
+            importFileSuccess2(response, file) {
+                if (response.ok) {
+                    this.data2[this.fileIndex].data.push(response.data)
+                    let list = ''
+                    this.data2[this.fileIndex].data.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.data2[this.fileIndex].dataName = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove2(file, fileList) {
+                let list = ''
+                this.data2[this.fileIndex].data = []
+                fileList.forEach(item => {
+                    this.data2[this.fileIndex].data.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.data2[this.fileIndex].dataName = list
+            },
+            fileUpload() {
+                this.fileMadel = true
+            },
+            fileUpload2(index) {
+                this.fileIndex = index
+                this.fileList = this.data2[this.fileIndex].data
+                this.fileMadel2 = true
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            handleSave() {
+                this.saveLoading = true
+                let _formData = new FormData()
+                _formData.append('id', this.bpnId || '')
+                _formData.append('createUser', this.$store.getters.userInfo.userId)
+                _formData.append('createUserName', this.$store.getters.userInfo.userName)
+                _formData.append('prcType', '18')
+                _formData.append('json', JSON.stringify({
+                    form: this.rhform,
+                    roleForm: this.roleForm,
+                    commentText: this.commentText,
+                    data1: this.data1,
+                    data2: this.data2
+                }))
+                saveTaskFirst(_formData).then(res => {
+                    this.saveLoading = false
+                    this.$message.success('保存成功')
+                    this.bpnId = res.result
+                }).catch(e => {
+                    this.saveLoading = false
+                })
+            }, // 保存事件
+            handleSubmit() {
+                this.$refs['rhForm'].validate((valid) => {
+                    if (valid) {
+                        if (this.data1.length) {
+                            if (this.data2.length) {
+                                let ContactPerson = 0,Company = 0,Telephone = 0,Email = 0,Sindex = 0,Member = 0,Telephone2 = 0,Email2 = 0, Company2 = 0,Department = 0,Identity = 0
+                                this.data1.forEach((item, index) =>{
+                                    if (!item.ContactPerson) {
+                                        ContactPerson++
+                                    } else if (!item.Company) {
+                                        Company++
+                                    } else if (!item.Telephone) {
+                                        Telephone++
+                                    } else if (!item.Email) {
+                                        Email++
+                                    }
+                                })
+                                this.data2.forEach((item, index) =>{
+                                    if (!item.Sindex) {
+                                        Sindex++
+                                    } else if (!item.Member) {
+                                        Member++
+                                    } else if (!item.Telephone) {
+                                        Telephone2++
+                                    } else if (!item.Email) {
+                                        Email2++
+                                    } else if (!item.Company) {
+                                        Company2++
+                                    } else if (!item.Department) {
+                                        Department++
+                                    } else if (!item.Identity) {
+                                        Identity++
+                                    }
+                                })
+                                if (ContactPerson > 0) {
+                                    return this.$message.warning('请输入联络人')
+                                } else if (Company > 0) {
+                                    return this.$message.warning('请输入课题组联络人单位')
+                                } else if (Telephone > 0) {
+                                    return this.$message.warning('请输入课题组联络人电话')
+                                } else if (Email > 0) {
+                                    return this.$message.warning('请输入课题组联络人邮箱')
+                                } else if (Sindex > 0) {
+                                    return this.$message.warning('请输入工作组排名顺序')
+                                } else if (Member > 0) {
+                                    return this.$message.warning('请输入我司成员')
+                                } else if (Telephone2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员电话')
+                                } else if (Email2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员油邮箱')
+                                } else if (Company2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员单位')
+                                } else if (Department > 0) {
+                                    return this.$message.warning('请输入内部参与人员部门')
+                                } else if (Identity > 0) {
+                                    return this.$message.warning('请输入内部参与人员身份')
+                                } else {
+                                    this.$refs['Form'].validate((valid) => {
+                                        if (valid) {
+                                            this.isSubmit = true
+                                            this.$http.get('lawss/activiti/startProcess', {
+                                                type: '18'
+                                            }, {}, res => {
+                                                if (res.ok) {
+                                                    var json = Object.assign(this.rhform, this.roleForm)
+                                                    json.commentText = this.commentText
+                                                    json.data1 = this.data1
+                                                    json.data2 = this.data2
+                                                    this.$http.post('lawss/activiti/completeTask', {
+                                                        json: JSON.stringify(json),
+                                                        taskId: res.data,
+                                                        userId: this.$store.getters.userInfo.userId
+                                                    }, {}, res => {
+                                                        if (res.success) {
+                                                            this.$message.success('流程发起成功')
+                                                            this.$router.push('/processCenter')
+                                                            this.isSubmit = false
+                                                        } else {
+                                                            this.$message.warning('流程启动失败')
+                                                            this.isSubmit = false
+                                                        }
+                                                    })
+                                                } else {
+                                                    this.$message.warning('流程启动失败')
+                                                    this.isSubmit = false
+                                                }
+                                            })
+                                        } else {
+                                            return this.$message.warning('请完善人员信息')
+                                        }
+                                    })
+                                }
+                            } else {
+                                return this.$message.warning('请添加集团内部参与人员')
+                            }
+                        } else {
+                            return this.$message.warning('请添加课题组人员')
+                        }
+                    } else {
+                        return this.$message.warning('请完善基础信息')
+                    }
+                })
+            }, // 提交事件
+            handleSelectionChange1(val) {
+                this.idList1 = []
+                val.forEach(item => {
+                    this.idList1.push(item.id)
+                })
+            }, // table1选中change事件
+            handleSelectionChange2(val) {
+                this.idList2 = []
+                val.forEach(item => {
+                    this.idList2.push(item.id)
+                })
+            }, // table2选中change事件
+            choiceZRR(type, title, id) {
+                this.nodeList = []
+                this.nodeList.push(id)
+                this.type = type
+                this.drawerTitle = title
+                this.modalshowflag = true
+            }, // 点击人员input事件
+            checkedRole(data) {
+                if (this.type === 'ministerId') {
+                    this.roleForm.ministerId = data[0].id
+                    this.roleForm.ministerIdName = data[0].name
+                } else if (this.type === 'inspectorId') {
+                    this.roleForm.inspectorId = data[0].id
+                    this.roleForm.inspectorIdName = data[0].name
+                } else if (this.type === 'presidentId') {
+                    this.roleForm.presidentId = data[0].id
+                    this.roleForm.presidentIdName = data[0].name
+                }
+            }, // 选择人员确认事件
         },
-        methods: {},
         mounted() {}
     };
 </script>
@@ -20,7 +827,62 @@
 <style lang="less" scoped>
     @import '~@/assets/styles/style';
 
-    .zcch-step1 {}
+    .zcch-step1 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
 </style>
 
 

src/pages/processCenter/pages/creatProcess/zcch/step2.vue

@@ -0,0 +1,434 @@
+<template>
+    <div class="zcch-step2">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题参会发起流程</template>
+            <template slot="proNode">法规部部长审批</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem active">基础信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.content"
+                                            placeholder="请输入课题主要研究内容"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.price"
+                                            placeholder="请输入参会费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time2"
+                                            value-format="yyyy-MM-ddHH:mm:ss"
+                                            type="datetime"
+                                            placeholder="请选择参会时间">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.place"
+                                            placeholder="请输入参会地点"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.Company"
+                                            placeholder="请输入承办单位"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <div style="display: flex;">
+                                        <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="250"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0">
+                                <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
+                            </div>
+                            <div v-else>
+                                - -
+                            </div>
+                        </template>
+                    </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>
+        <ProcessFooter
+                show-submit
+                show-back
+                approval
+                @back="handleSubmitNo"
+                :submitLoading="isSubmit"
+                @submit="handleSubmit"
+                submitBTNText="同意"
+        >
+        </ProcessFooter>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
+
+    export default {
+        name: "zcchStep2",
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        data() {
+            return {
+                commentText: '',
+                isSubmit: false,
+                saveLoading: false,
+                active: "1", //默认显示
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    time2: '',
+                    place: '',
+                    Company: '',
+                    modelNameList: '',
+                    modelList: []
+                },
+                foldFormFlag: true,
+                data1: [],
+                data2: [],
+                roleForm: {
+                    revisionId: this.$store.getters.userInfo.userId,
+                    revisionIdName: this.$store.getters.userInfo.userName,
+                    ministerId: '',
+                    ministerIdName: '',
+                    presidentId: '',
+                    presidentIdName: '',
+                },
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+            }
+        },
+        methods: {
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.json = data
+                        this.data1 = data.data1
+                        this.data2 = data.data2
+                        this.rhform.commentText = data.commentText
+                        this.rhform.content = data.content
+                        this.rhform.price = data.price
+                        this.rhform.time = data.time
+                        this.rhform.title = data.title
+                        this.rhform.modelList = data.modelList
+                        this.rhform.time2 = data.time2
+                        this.rhform.place = data.place
+                        this.rhform.Company = data.Company
+                    }).catch(e => {
+                    })
+                })
+            },
+            updataFj (item) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            handleSave() {
+            }, // 保存事件
+            handleSubmit() {
+                let fgfbz
+                this.$confirm('是否继续审批?', '提示', {
+                    confirmButtonText: '继续审批',
+                    cancelButtonText: '结束流程',
+                    type: 'warning'
+                }).then(() => {
+                    fgfbz = 1
+                    this.isSubmit = true
+                    var json = this.json
+                    json.fgfbz = fgfbz
+                    json.commentText = this.commentText
+                    this.$http.post('lawss/activiti/completeTask', {
+                        json: JSON.stringify(json),
+                        taskId: this.taskIds,
+                        userId: this.$store.getters.userInfo.userId
+                    }, {}, res => {
+                        if (res.success) {
+                            this.$message.success('提交成功')
+                            this.$router.push('/processCenter')
+                        }
+                        this.isSubmit = false
+                    })
+                }).catch(() => {
+                    fgfbz = 2
+                    this.isSubmit = true
+                    var json = this.json
+                    json.fgfbz = fgfbz
+                    json.commentText = this.commentText
+                    this.$http.post('lawss/activiti/completeTask', {
+                        json: JSON.stringify(json),
+                        taskId: this.taskIds,
+                        userId: this.$store.getters.userInfo.userId
+                    }, {}, res => {
+                        if (res.success) {
+                            this.$message.success('提交成功')
+                            this.$router.push('/processCenter')
+                        }
+                        this.isSubmit = false
+                    })
+                });
+            }, // 提交事件
+            handleSubmitNo() {
+                if (this.commentText) {
+                    this.isSubmit = true
+                    var json = this.json
+                    json.fgfbz = 0
+                    json.commentText = this.commentText
+                    this.$http.post('lawss/activiti/completeTask', {
+                        json: JSON.stringify(json),
+                        taskId: this.taskIds,
+                        userId: this.$store.getters.userInfo.userId
+                    }, {}, res => {
+                        if (res.success) {
+                            this.$message.success('驳回成功')
+                            this.$router.push('/processCenter')
+                        }
+                        this.isSubmit = false
+                    })
+                } else {
+                    this.$message.warning('请输入反馈意见')
+                }
+            },
+        },
+        mounted() {
+            this.getData()
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+
+    .zcch-step2 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>
+
+

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

@@ -0,0 +1,409 @@
+<template>
+    <div class="zcch-step3">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题参会发起流程</template>
+            <template slot="proNode">公司副总审批</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem active">基础信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.content"
+                                            placeholder="请输入课题主要研究内容"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.price"
+                                            placeholder="请输入参会费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            value-format="yyyy-MM-ddHH:mm:ss"
+                                            v-model="rhform.time2"
+                                            type="datetime"
+                                            placeholder="请选择参会时间">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.place"
+                                            placeholder="请输入参会地点"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.Company"
+                                            placeholder="请输入承办单位"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <div style="display: flex;">
+                                        <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="250"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0">
+                                <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
+                            </div>
+                            <div v-else>
+                                - -
+                            </div>
+                        </template>
+                    </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>
+        <ProcessFooter
+                show-submit
+                show-back
+                approval
+                @back="handleSubmitNo"
+                :submitLoading="isSubmit"
+                @submit="handleSubmit"
+                submitBTNText="同意"
+        >
+        </ProcessFooter>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
+
+    export default {
+        name: "zcchStep3",
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        data() {
+            return {
+                commentText: '',
+                isSubmit: false,
+                saveLoading: false,
+                active: "1", //默认显示
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    time2: '',
+                    place: '',
+                    Company: '',
+                    modelNameList: '',
+                    modelList: []
+                },
+                foldFormFlag: true,
+                data1: [],
+                data2: [],
+                roleForm: {
+                    revisionId: this.$store.getters.userInfo.userId,
+                    revisionIdName: this.$store.getters.userInfo.userName,
+                    ministerId: '',
+                    ministerIdName: '',
+                    presidentId: '',
+                    presidentIdName: '',
+                },
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+            }
+        },
+        methods: {
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.json = data
+                        this.data1 = data.data1
+                        this.data2 = data.data2
+                        this.rhform.commentText = data.commentText
+                        this.rhform.content = data.content
+                        this.rhform.price = data.price
+                        this.rhform.time = data.time
+                        this.rhform.title = data.title
+                        this.rhform.modelList = data.modelList
+                        this.rhform.time2 = data.time2
+                        this.rhform.place = data.place
+                        this.rhform.Company = data.Company
+                    }).catch(e => {
+                    })
+                })
+            },
+            updataFj (item) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            handleSave() {
+            }, // 保存事件
+            handleSubmit() {
+                this.isSubmit = true
+                var json = this.json
+                json.gsfz = 1
+                json.commentText = this.commentText
+                this.$http.post('lawss/activiti/completeTask', {
+                    json: JSON.stringify(json),
+                    taskId: this.taskIds,
+                    userId: this.$store.getters.userInfo.userId
+                }, {}, res => {
+                    if (res.success) {
+                        this.$message.success('提交成功')
+                        this.$router.push('/processCenter')
+                    }
+                    this.isSubmit = false
+                })
+            }, // 提交事件
+            handleSubmitNo() {
+                if (this.commentText) {
+                    this.isSubmit = true
+                    var json = this.json
+                    json.gsfz = 0
+                    json.commentText = this.commentText
+                    this.$http.post('lawss/activiti/completeTask', {
+                        json: JSON.stringify(json),
+                        taskId: this.taskIds,
+                        userId: this.$store.getters.userInfo.userId
+                    }, {}, res => {
+                        if (res.success) {
+                            this.$message.success('驳回成功')
+                            this.$router.push('/processCenter')
+                        }
+                        this.isSubmit = false
+                    })
+                } else {
+                    this.$message.warning('请输入反馈意见')
+                }
+            },
+        },
+        mounted() {
+            this.getData()
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+
+    .zcch-step3 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>
+
+

src/pages/processCenter/pages/creatProcess/zchh/step1.vue

@@ -1,26 +1,634 @@
 <template>
     <div class="zchh-step1">
-        <div>政策会后</div>
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题会后发起流程</template>
+            <template slot="proNode">发起流程</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+            <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.content"
+                                            placeholder="请输入课题主要研究内容"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.price"
+                                            placeholder="请输入参会费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time2"
+                                            value-format="yyyy-MM-ddHH:mm:ss"
+                                            type="datetime"
+                                            placeholder="请选择参会时间">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.place"
+                                            placeholder="请输入参会地点"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.Company"
+                                            placeholder="请输入承办单位"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <div style="display: flex;">
+                                        <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">会后信息</template>
+                </ProcessTitle>
+                <el-form
+                        ref="hhForm"
+                        :model="hhform"
+                        :rules="formRules"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <el-row :gutter="24">
+                        <el-col :span="24">
+                            <el-form-item label="会议总结" prop="title2" class="add-form-item form-item-disabled">
+                                <el-input
+                                        v-model="hhform.title2"
+                                        placeholder="请输入会议总结"
+                                        clearable
+                                ></el-input>
+                            </el-form-item>
+                            <el-form-item label="会议资料" prop="modelNameList2" class="add-form-item form-item-disabled">
+                                <el-input
+                                        disabled
+                                        style="display: none;"
+                                        v-model="hhform.modelNameList2"
+                                        clearable
+                                ></el-input>
+                                <div v-if="hhform.modelList2.length > 0" class="fileClass" style="display: flex;">
+                                    <div v-for="(item, index) in hhform.modelList2" :key="index" @click="fileUpload" style="margin-right: 5px;">
+                                        {{ item.name }}
+                                    </div>
+                                </div>
+                                <div v-else>
+                                    <el-button
+                                            type="primary"
+                                            class="common-button-primary"
+                                            @click="fileUpload"
+                                            size="mini">
+                                        点击上传
+                                    </el-button>
+                                </div>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="250"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0">
+                                <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
+                            </div>
+                            <div v-else>
+                                - -
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="info"
+                            label="是否参会"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-select v-model="scope.row.info" placeholder="请选择">
+                                <el-option label="是" value="1"></el-option>
+                                <el-option label="否" value="0"></el-option>
+                            </el-select>
+                        </template>
+                    </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>
+        <div class="content" v-show="active === '2'">
+            <div class="block" style="padding-top: 20px;">
+                <el-timeline>
+                    <el-form
+                            ref="Form"
+                            :model="roleForm"
+                            :rules="roleFormRules"
+                            class="label-input-form">
+                        <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="revisionId" style="margin-bottom: 0">
+                                    <h4>流程发起人</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.revisionId" style="display: none;"/>
+                                        <el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.approvalId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="approvalIdName" style="margin-bottom: 0">
+                                    <h4>法规认证部部长</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.approvalId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.approvalIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('approvalId', '选择法规认证部部长', roleForm.approvalId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                    </el-form>
+                </el-timeline>
+            </div>
+        </div>
+        <ProcessFooter
+                show-submit
+                :submitLoading="isSubmit"
+                :saveLoading="saveLoading"
+                @submit="handleSubmit"
+        >
+        </ProcessFooter>
+        <el-dialog width='400px' :visible.sync="fileMadel" title="上传会议资料">
+            <el-upload
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess"
+                    :on-remove="importFileRemove"
+                    :show-file-list="true"
+                    :file-list="fileList"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <Role-tree
+                check-box
+                :is-title="drawerTitle"
+                :is-visible.sync="modalshowflag"
+                @checkedRole="checkedRole"
+                :nodeList="nodeList"
+        ></Role-tree>
     </div>
 </template>
 
 <script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
 
     export default {
         name: "zchhStep1",
-        components: {},
+        components: {
-        data() {
+            ProcessHeader,
-            return {}
+            ProcessFooter,
+            ProcessTitle
         },
-        methods: {},
+        data() {
-        mounted() {}
+            return {
+                fileList: [],
+                commentText: '',
+                isSubmit: false,
+                saveLoading: false,
+                active: "1", //默认显示
+                hhform: {
+                    title2: '',
+                    modelNameList2: '',
+                    modelList2: []
+                },
+                formRules: {
+                    title2: [
+                        { required: true, message: '请输入会议总结', trigger: 'blur' },
+                    ],
+                    modelNameList2: [
+                        { required: true, message: '请上传课题组通知', trigger: 'blur' },
+                    ]
+                },
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    time2: '',
+                    place: '',
+                    Company: '',
+                    modelNameList: '',
+                    modelList: []
+                },
+                foldFormFlag: true,
+                data1: [],
+                data2: [],
+                roleForm: {
+                    revisionId: this.$store.getters.userInfo.userId,
+                    revisionIdName: this.$store.getters.userInfo.userName,
+                    approvalId: '',
+                    approvalIdName: '',
+                },
+                roleFormRules: {
+                    approvalIdName: [
+                        {required: true, message: '请选择法规认证部部长', trigger: 'change'},
+                    ],
+                },
+                fileMadel: false,
+                fileUrl:  'api/att/attFile/upload',
+                nodeList: [],
+                type: '',
+                drawerTitle: '',
+                modalshowflag: false,
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+            }
+        },
+        methods: {
+            updataFj (item) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
+            },
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.json = data
+                        this.data1 = data.data1
+                        this.data2 = data.data2
+                        this.rhform.commentText = data.commentText
+                        this.rhform.content = data.content
+                        this.rhform.price = data.price
+                        this.rhform.time = data.time
+                        this.rhform.title = data.title
+                        this.rhform.Company = data.Company
+                        this.rhform.place = data.place
+                        this.rhform.time2 = data.time2
+                        this.rhform.modelList = data.modelList
+                        this.rhform.modelNameList = data.modelNameList
+                        this.hhform.title2 = data.title2 || ''
+                        this.hhform.modelList2 = data.modelList2 || []
+                        this.hhform.modelNameList2 = data.modelNameList2 || ''
+                        this.roleForm.approvalId = data.approvalId
+                        this.roleForm.approvalIdName = data.approvalIdName
+                    }).catch(e => {
+                    })
+                })
+            },
+            // 导入按钮 上传之前的钩子
+            beginImportFile(file) {
+                var filename = file.name
+                var index1 = filename.lastIndexOf('.')
+                var index2 = filename.length
+                var fileSuffix = filename.substring(index1, index2)
+                // const fileSuffix = file.name.split('.')[1] // 后缀名
+                // 判断上传文件格式
+                if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
+                    return false
+                }
+                // 判断文件上传大小
+                // eslint-disable-next-line no-unreachable
+                if (file.size / 1024 / 1024 <= 200) {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '大小不超过200M')
+                    return false
+                }
+                return true
+            },
+            importFileSuccess(response, file) {
+                if (response.ok) {
+                    this.hhform.modelList2.push(response.data)
+                    let list = ''
+                    this.hhform.modelList2.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.hhform.modelNameList2 = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove(file, fileList) {
+                let list = ''
+                this.hhform.modelList2 = []
+                fileList.forEach(item => {
+                    this.hhform.modelList2.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.hhform.modelNameList2 = list
+            },
+            fileUpload() {
+                this.fileList = this.hhform.modelList2
+                this.fileMadel = true
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            handleSubmit() {
+                this.$refs['hhForm'].validate((valid) => {
+                    if (valid) {
+                        let info = 0
+                        this.data2.forEach((item, index) =>{
+                            if (!item.info) {
+                                info++
+                            }
+                        })
+                        if (info > 0) {
+                            return this.$message.warning('请选择是否参会')
+                        } else{
+                            this.$refs['Form'].validate((valid) => {
+                                if (valid) {
+                                    this.isSubmit = true
+                                    var json = Object.assign(this.rhform, this.roleForm, this.hhform)
+                                    json.commentText = this.commentText
+                                    json.data1 = this.data1
+                                    json.data2 = this.data2
+                                    this.$http.post('lawss/activiti/completeTask', {
+                                        json: JSON.stringify(json),
+                                        taskId: this.taskIds,
+                                        userId: this.$store.getters.userInfo.userId
+                                    }, {}, res => {
+                                        if (res.success) {
+                                            this.$message.success('流程发起成功')
+                                            this.$router.push('/processCenter')
+                                            this.isSubmit = false
+                                        } else {
+                                            this.$message.warning('流程启动失败')
+                                            this.isSubmit = false
+                                        }
+                                    })
+                                } else {
+                                    return this.$message.warning('请完善人员信息')
+                                }
+                            })
+                        }
+                    } else {
+                        return this.$message.warning('请完善会后信息')
+                    }
+                })
+            }, // 提交事件
+            choiceZRR(type, title, id) {
+                this.nodeList = []
+                this.nodeList.push(id)
+                this.type = type
+                this.drawerTitle = title
+                this.modalshowflag = true
+            }, // 点击人员input事件
+            checkedRole(data) {
+                if (this.type === 'approvalId') {
+                    this.roleForm.approvalId = data[0].id
+                    this.roleForm.approvalIdName = data[0].name
+                }
+            }, // 选择人员确认事件
+        },
+        mounted() {
+            this.getData()
+        }
     };
 </script>
 
 <style lang="less" scoped>
     @import '~@/assets/styles/style';
 
-    .zchh-step1 {}
+    .zchh-step1 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
 </style>
 
 

src/pages/processCenter/pages/creatProcess/zchh/step2.vue

@@ -0,0 +1,474 @@
+<template>
+    <div class="zchh-step2">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题会后发起流程</template>
+            <template slot="proNode">发起流程</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem active" >基础信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题主要研究内容" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.content"
+                                            placeholder="请输入课题主要研究内容"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.price"
+                                            placeholder="请输入参会费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="参会时间" prop="time2" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time2"
+                                            value-format="yyyy-MM-ddHH:mm:ss"
+                                            type="datetime"
+                                            placeholder="请选择参会时间">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="参会地点" prop="place" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.place"
+                                            placeholder="请输入参会地点"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="承办单位" prop="Company" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.Company"
+                                            placeholder="请输入承办单位"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="会议通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <div style="display: flex;">
+                                        <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">会后信息</template>
+                </ProcessTitle>
+                <el-form
+                        ref="hhForm"
+                        :model="hhform"
+                        :rules="formRules"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <el-row :gutter="24">
+                        <el-col :span="24">
+                            <el-form-item label="会议总结" prop="title2" class="add-form-item form-item-disabled">
+                                <el-input
+                                        disabled
+                                        v-model="hhform.title2"
+                                        placeholder="请输入会议总结"
+                                        clearable
+                                ></el-input>
+                            </el-form-item>
+                            <el-form-item label="会议资料" prop="modelNameList2" class="add-form-item form-item-disabled">
+                                <div style="display: flex;">
+                                    <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in hhform.modelList2" :key="index">{{ item.name }}</div>
+                                </div>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="250"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0">
+                                <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
+                            </div>
+                            <div v-else>
+                                - -
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="info"
+                            label="是否参会"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div>
+                                {{ scope.row.info === '1' ? '是': '否' }}
+                            </div>
+                        </template>
+                    </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>
+        <ProcessFooter
+                show-submit
+                show-back
+                approval
+                @back="handleSubmitNo"
+                :submitLoading="isSubmit"
+                @submit="handleSubmit"
+                submitBTNText="同意"
+        >
+        </ProcessFooter>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import { saveTaskFirst,inboundLiaisonDetail } from "api/process";
+
+    export default {
+        name: "zchhStep2",
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        data() {
+            return {
+                commentText: '',
+                isSubmit: false,
+                saveLoading: false,
+                active: "1", //默认显示
+                hhform: {
+                    title2: '',
+                    modelNameList2: '',
+                    modelList2: []
+                },
+                formRules: {
+                    title2: [
+                        { required: true, message: '请输入会议总结', trigger: 'blur' },
+                    ],
+                    modelNameList2: [
+                        { required: true, message: '请上传课题组通知', trigger: 'blur' },
+                    ]
+                },
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    time2: '',
+                    place: '',
+                    Company: '',
+                    modelNameList: '',
+                    modelList: []
+                },
+                foldFormFlag: true,
+                data1: [],
+                data2: [],
+                roleForm: {
+                    revisionId: this.$store.getters.userInfo.userId,
+                    revisionIdName: this.$store.getters.userInfo.userName,
+                    approvalId: '',
+                    approvalIdName: '',
+                },
+                roleFormRules: {
+                    approvalIdName: [
+                        {required: true, message: '请选择法规认证部部长', trigger: 'change'},
+                    ],
+                },
+                fileMadel: false,
+                fileUrl:  'api/att/attFile/upload',
+                nodeList: [],
+                type: '',
+                drawerTitle: '',
+                modalshowflag: false,
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+            }
+        },
+        methods: {
+            updataFj (item) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
+            },
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.json = data
+                        this.data1 = data.data1
+                        this.data2 = data.data2
+                        this.rhform.commentText = data.commentText
+                        this.rhform.content = data.content
+                        this.rhform.price = data.price
+                        this.rhform.time = data.time
+                        this.rhform.title = data.title
+                        this.rhform.Company = data.Company
+                        this.rhform.place = data.place
+                        this.rhform.time2 = data.time2
+                        this.rhform.modelList = data.modelList
+                        this.rhform.modelNameList = data.modelNameList
+                        this.hhform.title2 = data.title2 || ''
+                        this.hhform.modelList2 = data.modelList2 || []
+                        this.hhform.modelNameList2 = data.modelNameList2 || ''
+                        this.roleForm.approvalId = data.approvalId
+                        this.roleForm.approvalIdName = data.approvalIdName
+                    }).catch(e => {
+                    })
+                })
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            handleSubmit() {
+                this.isSubmit = true
+                var json = this.json
+                json.shyFlag = 1
+                json.commentText = this.commentText
+                this.$http.post('lawss/activiti/completeTask', {
+                    json: JSON.stringify(json),
+                    taskId: this.taskIds,
+                    userId: this.$store.getters.userInfo.userId
+                }, {}, res => {
+                    if (res.success) {
+                        this.$message.success('提交成功')
+                        this.$router.push('/processCenter')
+                    }
+                    this.isSubmit = false
+                })
+            }, // 提交事件
+            handleSubmitNo() {
+                if (this.commentText) {
+                    this.isSubmit = true
+                    var json = this.json
+                    json.shyFlag = 0
+                    json.commentText = this.commentText
+                    this.$http.post('lawss/activiti/completeTask', {
+                        json: JSON.stringify(json),
+                        taskId: this.taskIds,
+                        userId: this.$store.getters.userInfo.userId
+                    }, {}, res => {
+                        if (res.success) {
+                            this.$message.success('驳回成功')
+                            this.$router.push('/processCenter')
+                        }
+                        this.isSubmit = false
+                    })
+                } else {
+                    this.$message.warning('请输入反馈意见')
+                }
+            },
+        },
+        mounted() {
+            this.getData()
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+
+    .zchh-step2 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>
+
+

src/pages/processCenter/pages/creatProcess/zcrh/step1-1.vue

@@ -0,0 +1,894 @@
+<template>
+    <div class="zcrh-step1">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题入会发起流程</template>
+            <template slot="proNode">发起流程</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+            <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        :rules="formRules"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.content"
+                                            placeholder="请输入主要议题"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="rhform.price"
+                                            placeholder="请输入费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            style="display: none;"
+                                            v-model="rhform.modelNameList"
+                                            clearable
+                                    ></el-input>
+                                    <div v-if="rhform.modelList.length > 0" class="fileClass" style="display: flex;">
+                                        <div v-for="(item, index) in rhform.modelList" :key="index" @click="fileUpload" style="margin-right: 5px;">
+                                            {{ item.name }}
+                                        </div>
+                                    </div>
+                                    <div v-else>
+                                        <el-button
+                                                type="primary"
+                                                class="common-button-primary"
+                                                @click="fileUpload"
+                                                size="mini">
+                                            点击上传
+                                        </el-button>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <div class="action-bar">
+                    <el-button type="primary" class="common-button-primary add-button" size="mini" @click="add1">
+                        添加
+                    </el-button>
+                    <el-button type="primary" :disabled="!idList1.length > 0" class="common-button-primary add-button" size="mini" @click="addDelete1">
+                        批量删除
+                    </el-button>
+                </div>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          @selection-change="handleSelectionChange1"
+                          row-key="id">
+                    <el-table-column type="selection" width="55" align="center"/>
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.ContactPerson"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <div class="action-bar">
+                    <el-button type="primary" class="common-button-primary add-button" size="mini" @click="add2">
+                        添加
+                    </el-button>
+                    <el-button :disabled="!idList2.length > 0" type="primary" class="common-button-primary add-button" size="mini" @click="addDelete2">
+                        批量删除
+                    </el-button>
+                </div>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          @selection-change="handleSelectionChange2"
+                          row-key="id">
+                    <el-table-column type="selection" width="55" align="center"/>
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Sindex"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Member"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Department"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Identity"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="250"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0" class="fileClass">
+                                <div v-for="(item, index) in scope.row.data" :key="index" @click="fileUpload2(scope.$index)" style="margin-right: 5px;">
+                                    {{ item.name }}
+                                </div>
+                            </div>
+                            <div v-else>
+                                <el-button
+                                        type="primary"
+                                        class="common-button-primary"
+                                        @click="fileUpload2(scope.$index)"
+                                        size="mini">
+                                    点击上传
+                                </el-button>
+                            </div>
+                        </template>
+                    </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>
+        <div class="content" v-show="active === '2'">
+            <div class="block" style="padding-top: 20px;">
+                <el-timeline>
+                    <el-form
+                            ref="Form"
+                            :model="roleForm"
+                            :rules="roleFormRules"
+                            class="label-input-form">
+                        <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="revisionId" style="margin-bottom: 0">
+                                    <h4>流程发起人</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.revisionId" style="display: none;"/>
+                                        <el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.ministerId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="ministerIdName" style="margin-bottom: 0">
+                                    <h4>法规认证部部长</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.ministerId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.ministerIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('ministerId', '选择法规认证部部长', roleForm.ministerId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="inspectorIdName" style="margin-bottom: 0">
+                                    <h4>法规认证部副总监</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.inspectorId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.inspectorIdName" placeholder="选择法规认证部副总监" @click.native="choiceZRR('inspectorId', '选择法规认证部副总监', roleForm.inspectorId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="presidentIdName" style="margin-bottom: 0">
+                                    <h4>公司副总</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.presidentId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.presidentIdName" placeholder="选择公司副总" @click.native="choiceZRR('presidentId', '选择公司副总', roleForm.presidentId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                    </el-form>
+                </el-timeline>
+            </div>
+        </div>
+        <ProcessFooter
+                show-save
+                show-submit
+                :submitLoading="isSubmit"
+                :saveLoading="saveLoading"
+                @save="handleSave"
+                @submit="handleSubmit"
+        >
+        </ProcessFooter>
+        <el-dialog width='400px' :visible.sync="fileMadel" title="上传课题组通知">
+            <el-upload
+                    v-if="fileMadel"
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess"
+                    :on-remove="importFileRemove"
+                    :show-file-list="true"
+                    :file-list="fileList1"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <el-dialog width='400px' :visible.sync="fileMadel2" title="上传资料">
+            <el-upload
+                    v-if="fileMadel2"
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile2"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess2"
+                    :on-remove="importFileRemove2"
+                    :show-file-list="true"
+                    :file-list="fileList"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <Role-tree
+                check-box
+                :is-title="drawerTitle"
+                :is-visible.sync="modalshowflag"
+                @checkedRole="checkedRole"
+                :nodeList="nodeList"
+        ></Role-tree>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import { saveTaskFirst,inboundLiaisonDetail,queryTaskFirst } from "api/process";
+
+    export default {
+        name: "zcrhStep1",
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        data() {
+            return {
+                commentText: '',
+                isSubmit: false,
+                saveLoading: false,
+                active: "1", //默认显示
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    modelNameList: '',
+                    modelList: []
+                },
+                formRules: {
+                    title: [
+                        { required: true, message: '请输入课题名称', trigger: 'blur' },
+                    ],
+                    content: [
+                        { required: true, message: '请输入主要议题', trigger: 'blur' },
+                    ],
+                    price: [
+                        { required: true, message: '请输入费用', trigger: 'blur' },
+                    ],
+                    time: [
+                        { required: true, message: '请选择课题研究周期', trigger: 'change' },
+                    ],
+                    modelNameList: [
+                        { required: true, message: '请上传课题组通知', trigger: 'blur' },
+                    ]
+                },
+                foldFormFlag: true,
+                data1: [],
+                data2: [],
+                roleForm: {
+                    revisionId: this.$store.getters.userInfo.userId,
+                    revisionIdName: this.$store.getters.userInfo.userName,
+                    ministerId: '',
+                    ministerIdName: '',
+                    inspectorId: '',
+                    inspectorIdName: '',
+                    presidentId: '',
+                    presidentIdName: '',
+                },
+                roleFormRules: {
+                    ministerIdName: [
+                        {required: true, message: '请选择法规认证部部长', trigger: 'change'},
+                    ],
+                    inspectorIdName: [
+                        {required: true, message: '请选择法规认证部总监', trigger: 'change'},
+                    ],
+                    presidentIdName: [
+                        {required: true, message: '请选择公司副总', trigger: 'change'},
+                    ]
+                },
+                fileMadel: false,
+                fileMadel2: false,
+                fileUrl:  'api/att/attFile/upload',
+                idList1: [],
+                idList2: [],
+                fileIndex: '',
+                fileList: [],
+                fileList1: [],
+                nodeList: [],
+                type: '',
+                drawerTitle: '',
+                modalshowflag: false,
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+            }
+        },
+        methods: {
+            getData() {
+                if (this.$route.query.bpnId) {
+                    queryTaskFirst({
+                        bpnId: this.$route.query.bpnId
+                    }).then(res => {
+                        let mes = JSON.parse(res.mes)
+                        this.rhform = mes.form
+                        this.data1 = mes.data1
+                        this.data2 = mes.data2
+                        this.roleForm = mes.roleForm
+                        this.commentText = mes.commentText
+                    })
+                } else {
+                    return new Promise((resolve, reject) => {
+                        inboundLiaisonDetail({
+                            taskIds: this.taskIds,
+                            pId: this.pId
+                        }).then(res => {
+                            let data = JSON.parse(res.mesg)
+                            this.json = data
+                            this.data1 = data.data1
+                            this.data2 = data.data2
+                            this.rhform.commentText = data.commentText
+                            this.rhform.content = data.content
+                            this.rhform.price = data.price
+                            this.rhform.time = data.time
+                            this.rhform.title = data.title
+                            this.rhform.modelList = data.modelList
+                            this.rhform.modelNameList = data.modelNameList
+                            this.roleForm.inspectorId = data.inspectorId
+                            this.roleForm.inspectorIdName = data.inspectorIdName
+                            this.roleForm.ministerId = data.ministerId
+                            this.roleForm.ministerIdName = data.ministerIdName
+                            this.roleForm.presidentId = data.presidentId
+                            this.roleForm.presidentIdName = data.presidentIdName
+                        }).catch(e => {
+                        })
+                    })
+                }
+            },
+            add1() {
+                var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+                var json = {
+                    ContactPerson: '',
+                    Company: '',
+                    Telephone: '',
+                    Email: '',
+                    id: id
+                }
+                this.data1.push(json)
+            },
+            add2() {
+                var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+                var json = {
+                    Sindex: '',
+                    Member: '',
+                    Company: '',
+                    Email: '',
+                    id: id,
+                    Department: '',
+                    Telephone: '',
+                    Identity: '',
+                    dataName: '',
+                    data: [],
+                }
+                this.data2.push(json)
+            },
+            addDelete1() {
+                if (this.idList1.length > 0) {
+                    this.$confirm('删除选中数据, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        for (let a = 0; a < this.data1.length; a++) {
+                            this.idList1.forEach(item => {
+                                if (this.data1[a].id === item) {
+                                    this.data1.splice(a, 1)
+                                }
+                            })
+                        }
+                    }).catch(() => {
+                        this.$message({
+                            type: 'info',
+                            message: '已取消删除'
+                        });
+                    });
+                } else {
+                    this.$message.warning('请选择要删除的数据')
+                }
+            },
+            addDelete2() {
+                if (this.idList2.length > 0) {
+                    this.$confirm('删除选中数据, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        for (let a = 0; a < this.data2.length; a++) {
+                            this.idList2.forEach(item => {
+                                if (this.data2[a].id === item) {
+                                    this.data2.splice(a, 1)
+                                }
+                            })
+                        }
+                    }).catch(() => {
+                        this.$message({
+                            type: 'info',
+                            message: '已取消删除'
+                        });
+                    });
+                } else {
+                    this.$message.warning('请选择要删除的数据')
+                }
+            },
+            // 导入按钮 上传之前的钩子
+            beginImportFile(file) {
+                var filename = file.name
+                var index1 = filename.lastIndexOf('.')
+                var index2 = filename.length
+                var fileSuffix = filename.substring(index1, index2)
+                // const fileSuffix = file.name.split('.')[1] // 后缀名
+                // 判断上传文件格式
+                if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
+                    return false
+                }
+                // 判断文件上传大小
+                // eslint-disable-next-line no-unreachable
+                if (file.size / 1024 / 1024 <= 200) {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '大小不超过200M')
+                    return false
+                }
+                return true
+            },
+            importFileSuccess(response, file) {
+                if (response.ok) {
+                    this.rhform.modelList.push(response.data)
+                    let list = ''
+                    this.rhform.modelList.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.rhform.modelNameList = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove(file, fileList) {
+                let list = ''
+                this.rhform.modelList = []
+                fileList.forEach(item => {
+                    this.rhform.modelList.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.rhform.modelNameList = list
+            },
+            importFileSuccess2(response, file) {
+                if (response.ok) {
+                    this.data2[this.fileIndex].data.push(response.data)
+                    let list = ''
+                    this.data2[this.fileIndex].data.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.data2[this.fileIndex].dataName = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove2(file, fileList) {
+                let list = ''
+                this.data2[this.fileIndex].data = []
+                fileList.forEach(item => {
+                    this.data2[this.fileIndex].data.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.data2[this.fileIndex].dataName = list
+            },
+            fileUpload() {
+                this.fileList1 = this.rhform.modelList
+                this.fileMadel = true
+            },
+            fileUpload2(index) {
+                this.fileIndex = index
+                this.fileList = this.data2[this.fileIndex].data
+                this.fileMadel2 = true
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            handleSave() {
+            }, // 保存事件
+            handleSubmit() {
+                this.$refs['rhForm'].validate((valid) => {
+                    if (valid) {
+                        if (this.data1.length) {
+                            if (this.data2.length) {
+                                let ContactPerson = 0,Company = 0,Telephone = 0,Email = 0,Sindex = 0,Member = 0,Telephone2 = 0,Email2 = 0, Company2 = 0,Department = 0,Identity = 0
+                                this.data1.forEach((item, index) =>{
+                                    if (!item.ContactPerson) {
+                                        ContactPerson++
+                                    } else if (!item.Company) {
+                                        Company++
+                                    } else if (!item.Telephone) {
+                                        Telephone++
+                                    } else if (!item.Email) {
+                                        Email++
+                                    }
+                                })
+                                this.data2.forEach((item, index) =>{
+                                    if (!item.Sindex) {
+                                        Sindex++
+                                    } else if (!item.Member) {
+                                        Member++
+                                    } else if (!item.Telephone) {
+                                        Telephone2++
+                                    } else if (!item.Email) {
+                                        Email2++
+                                    } else if (!item.Company) {
+                                        Company2++
+                                    } else if (!item.Department) {
+                                        Department++
+                                    } else if (!item.Identity) {
+                                        Identity++
+                                    }
+                                })
+                                if (ContactPerson > 0) {
+                                    return this.$message.warning('请输入联络人')
+                                } else if (Company > 0) {
+                                    return this.$message.warning('请输入课题组联络人单位')
+                                } else if (Telephone > 0) {
+                                    return this.$message.warning('请输入课题组联络人电话')
+                                } else if (Email > 0) {
+                                    return this.$message.warning('请输入课题组联络人邮箱')
+                                } else if (Sindex > 0) {
+                                    return this.$message.warning('请输入工作组排名顺序')
+                                } else if (Member > 0) {
+                                    return this.$message.warning('请输入我司成员')
+                                } else if (Telephone2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员电话')
+                                } else if (Email2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员油邮箱')
+                                } else if (Company2 > 0) {
+                                    return this.$message.warning('请输入内部参与人员单位')
+                                } else if (Department > 0) {
+                                    return this.$message.warning('请输入内部参与人员部门')
+                                } else if (Identity > 0) {
+                                    return this.$message.warning('请输入内部参与人员身份')
+                                } else {
+                                    this.$refs['Form'].validate((valid) => {
+                                        if (valid) {
+                                            this.isSubmit = true
+                                            this.$http.get('lawss/activiti/startProcess', {
+                                                type: '17'
+                                            }, {}, res => {
+                                                if (res.ok) {
+                                                    var json = Object.assign(this.rhform, this.roleForm)
+                                                    json.commentText = this.commentText
+                                                    json.data1 = this.data1
+                                                    json.data2 = this.data2
+                                                    this.$http.post('lawss/activiti/completeTask', {
+                                                        json: JSON.stringify(json),
+                                                        taskId: res.data,
+                                                        userId: this.$store.getters.userInfo.userId
+                                                    }, {}, res => {
+                                                        if (res.success) {
+                                                            this.$message.success('流程发起成功')
+                                                            this.$router.push('/processCenter')
+                                                            this.isSubmit = false
+                                                        } else {
+                                                            this.$message.warning('流程启动失败')
+                                                            this.isSubmit = false
+                                                        }
+                                                    })
+                                                } else {
+                                                    this.$message.warning('流程启动失败')
+                                                    this.isSubmit = false
+                                                }
+                                            })
+                                        } else {
+                                            return this.$message.warning('请完善人员信息')
+                                        }
+                                    })
+                                }
+                            } else {
+                                return this.$message.warning('请添加集团内部参与人员')
+                            }
+                        } else {
+                            return this.$message.warning('请添加课题组人员')
+                        }
+                    } else {
+                        return this.$message.warning('请完善基础信息')
+                    }
+                })
+            }, // 提交事件
+            handleSelectionChange1(val) {
+                this.idList1 = []
+                val.forEach(item => {
+                    this.idList1.push(item.id)
+                })
+            }, // table1选中change事件
+            handleSelectionChange2(val) {
+                this.idList2 = []
+                val.forEach(item => {
+                    this.idList2.push(item.id)
+                })
+            }, // table2选中change事件
+            choiceZRR(type, title, id) {
+                this.nodeList = []
+                this.nodeList.push(id)
+                this.type = type
+                this.drawerTitle = title
+                this.modalshowflag = true
+            }, // 点击人员input事件
+            checkedRole(data) {
+                if (this.type === 'ministerId') {
+                    this.roleForm.ministerId = data[0].id
+                    this.roleForm.ministerIdName = data[0].name
+                } else if (this.type === 'inspectorId') {
+                    this.roleForm.inspectorId = data[0].id
+                    this.roleForm.inspectorIdName = data[0].name
+                } else if (this.type === 'presidentId') {
+                    this.roleForm.presidentId = data[0].id
+                    this.roleForm.presidentIdName = data[0].name
+                }
+            }, // 选择人员确认事件
+        },
+        mounted() {
+            this.getData()
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+    .zcrh-step1 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>
+
+

src/pages/processCenter/pages/creatProcess/zcrh/step1.vue

@@ -11,7 +11,7 @@
         <div class="content" v-show="active === '1'">
             <div style="flex: auto; overflow: auto;">
                 <el-form
-                        ref="qdqrForm"
+                        ref="rhForm"
                         :model="rhform"
                         :rules="formRules"
                         class="label-input-form"
@@ -44,10 +44,32 @@
                                             clearable
                                     ></el-input>
                                 </el-form-item>
+                                <el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            style="display: none;"
+                                            v-model="rhform.modelNameList"
+                                            clearable
+                                    ></el-input>
+                                    <div v-if="rhform.modelList.length > 0" class="fileClass" style="display: flex;">
+                                        <div v-for="(item, index) in rhform.modelList" :key="index" @click="fileUpload" style="margin-right: 5px;">
+                                            {{ item.name }}
+                                        </div>
+                                    </div>
+                                    <div v-else>
+                                        <el-button
+                                                type="primary"
+                                                class="common-button-primary"
+                                                @click="fileUpload"
+                                                size="mini">
+                                            点击上传
+                                        </el-button>
+                                    </div>
+                                </el-form-item>
                                 <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
                                     <el-date-picker
                                             v-model="rhform.time"
-                                            type="daterange"
+                                            type="datetimerange"
                                             range-separator="至"
                                             start-placeholder="开始日期"
                                             end-placeholder="结束日期">
@@ -56,11 +78,19 @@
                             </el-col>
                         </el-row>
                     </div>
-                    <el-button style="width: 100%" icon="el-icon-caret-top" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
                 </el-form>
                 <ProcessTitle>
-                    <template slot="title">外部信息</template>
+                    <template slot="title">课题组联系方式</template>
                 </ProcessTitle>
+                <div class="action-bar">
+                    <el-button type="primary" class="common-button-primary add-button" size="mini" @click="add1">
+                        添加
+                    </el-button>
+                    <el-button type="primary" :disabled="!idList1.length > 0" class="common-button-primary add-button" size="mini" @click="addDelete1">
+                        批量删除
+                    </el-button>
+                </div>
                 <el-table border
                           ref="selection"
                           :data="data1"
@@ -72,31 +102,52 @@
                           row-key="id">
                     <el-table-column type="selection" width="55" align="center"/>
                     <el-table-column
-                            prop="itemsNum"
+                            prop="ContactPerson"
                             label="联络人"
                             width="150"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.ContactPerson"></el-input>
+                        </template>
                     </el-table-column>
                     <el-table-column
-                            prop="itemsName"
+                            prop="Company"
                             label="单位"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
+                        </template>
                     </el-table-column>
                     <el-table-column
-                            prop="itermsConditions"
+                            prop="Telephone"
                             label="电话"
                             width="200"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
+                        </template>
                     </el-table-column>
                     <el-table-column
+                            prop="Email"
                             label="邮箱"
                             width="350"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
+                        </template>
                     </el-table-column>
                 </el-table>
                 <ProcessTitle>
-                    <template slot="title">内部信息</template>
+                    <template slot="title">集团内部参与人员</template>
                 </ProcessTitle>
+                <div class="action-bar">
+                    <el-button type="primary" class="common-button-primary add-button" size="mini" @click="add2">
+                        添加
+                    </el-button>
+                    <el-button :disabled="!idList2.length > 0" type="primary" class="common-button-primary add-button" size="mini" @click="addDelete2">
+                        批量删除
+                    </el-button>
+                </div>
                 <el-table border
                           ref="selection"
                           :data="data2"
@@ -108,52 +159,160 @@
                           row-key="id">
                     <el-table-column type="selection" width="55" align="center"/>
                     <el-table-column
-                            prop="itemsNum"
+                            prop="Sindex"
                             label="我司在工作组排名顺序"
                             width="170"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Sindex"></el-input>
+                        </template>
                     </el-table-column>
                     <el-table-column
-                            prop="itemsName"
+                            prop="Member"
                             label="我司成员"
                             width="150"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Member"></el-input>
+                        </template>
                     </el-table-column>
                     <el-table-column
-                            prop="itermsConditions"
+                            prop="Company"
                             label="单位"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Company"></el-input>
+                        </template>
                     </el-table-column>
                     <el-table-column
+                            prop="Department"
                             label="部门"
                             width="150"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Department"></el-input>
+                        </template>
                     </el-table-column>
                     <el-table-column
+                            prop="Telephone"
                             label="电话"
                             width="200"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Telephone"></el-input>
+                        </template>
                     </el-table-column>
                     <el-table-column
+                            prop="Email"
                             label="邮箱"
                             width="300"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Email"></el-input>
+                        </template>
                     </el-table-column>
                     <el-table-column
+                            prop="Identity"
                             label="身份"
                             width="150"
                             align="center">
+                        <template slot-scope="scope">
+                            <el-input style="margin: 10px 0;" v-model="scope.row.Identity"></el-input>
+                        </template>
                     </el-table-column>
                     <el-table-column
+                            prop="data"
                             label="资料"
-                            width="200"
+                            width="250"
                             align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0" class="fileClass">
+                                <div v-for="(item, index) in scope.row.data" :key="index" @click="fileUpload2(scope.$index)" style="margin-right: 5px;">
+                                    {{ item.name }}
+                                </div>
+                            </div>
+                            <div v-else>
+                                <el-button
+                                        type="primary"
+                                        class="common-button-primary"
+                                        @click="fileUpload2(scope.$index)"
+                                        size="mini">
+                                    点击上传
+                                </el-button>
+                            </div>
+                        </template>
                     </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>
         <div class="content" v-show="active === '2'">
-            2
+            <div class="block" style="padding-top: 20px;">
+                <el-timeline>
+                    <el-form
+                            ref="Form"
+                            :model="roleForm"
+                            :rules="roleFormRules"
+                            class="label-input-form">
+                        <el-timeline-item timestamp="发起流程" placement="top" :color="roleForm.applyUserId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="revisionId" style="margin-bottom: 0">
+                                    <h4>流程发起人</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.revisionId" style="display: none;"/>
+                                        <el-input v-model="roleForm.revisionIdName" placeholder="流程发起人" disabled/>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.ministerId ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="ministerIdName" style="margin-bottom: 0">
+                                    <h4>法规认证部部长</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.ministerId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.ministerIdName" placeholder="选择法规认证部部长" @click.native="choiceZRR('ministerId', '选择法规认证部部长', roleForm.ministerId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="inspectorIdName" style="margin-bottom: 0">
+                                    <h4>法规认证部副总监</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.inspectorId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.inspectorIdName" placeholder="选择法规认证部副总监" @click.native="choiceZRR('inspectorId', '选择法规认证部副总监', roleForm.inspectorId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="审批" placement="top" :color="roleForm.presidentUser ? '#66b1ff' : ''">
+                            <el-card>
+                                <el-form-item prop="presidentIdName" style="margin-bottom: 0">
+                                    <h4>公司副总</h4>
+                                    <div style="margin-top: 10px;width: 300px;">
+                                        <el-input v-model="roleForm.presidentId" style="display: none;"></el-input>
+                                        <el-input v-model="roleForm.presidentIdName" placeholder="选择公司副总" @click.native="choiceZRR('presidentId', '选择公司副总', roleForm.presidentId)"></el-input>
+                                    </div>
+                                </el-form-item>
+                            </el-card>
+                        </el-timeline-item>
+                    </el-form>
+                </el-timeline>
+            </div>
         </div>
         <ProcessFooter
                 show-save
@@ -164,6 +323,55 @@
                 @submit="handleSubmit"
         >
         </ProcessFooter>
+        <el-dialog width='400px' :visible.sync="fileMadel" title="上传课题组通知">
+            <el-upload
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess"
+                    :on-remove="importFileRemove"
+                    :show-file-list="true"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <el-dialog width='400px' :visible.sync="fileMadel2" title="上传资料">
+            <el-upload
+                    v-if="fileMadel2"
+                    multiple
+                    class="upload-demo"
+                    drag
+                    :action="fileUrl"
+                    ref="importfile2"
+                    name="file"
+                    accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
+                    :before-upload="beginImportFile"
+                    :on-success="importFileSuccess2"
+                    :on-remove="importFileRemove2"
+                    :show-file-list="true"
+                    :file-list="fileList"
+            >
+                <div style="padding: 20px 0">
+                    <i class="el-icon-upload" style="color: #3399ff"></i>
+                    <p>点击或拖拽上传文件</p>
+                </div>
+            </el-upload>
+        </el-dialog>
+        <Role-tree
+                check-box
+                :is-title="drawerTitle"
+                :is-visible.sync="modalshowflag"
+                @checkedRole="checkedRole"
+                :nodeList="nodeList"
+        ></Role-tree>
     </div>
 </template>
 
@@ -182,6 +390,7 @@
         },
         data() {
             return {
+                commentText: '',
                 isSubmit: false,
                 saveLoading: false,
                 active: "1", //默认显示
@@ -189,27 +398,406 @@
                     title: '',
                     content: '',
                     price: '',
-                    time: ''
+                    time: '',
+                    modelNameList: '',
+                    modelList: []
+                },
+                formRules: {
+                    title: [
+                        { required: true, message: '请输入课题名称', trigger: 'blur' },
+                    ],
+                    content: [
+                        { required: true, message: '请输入主要议题', trigger: 'blur' },
+                    ],
+                    price: [
+                        { required: true, message: '请输入费用', trigger: 'blur' },
+                    ],
+                    time: [
+                        { required: true, message: '请选择课题研究周期', trigger: 'change' },
+                    ],
+                    modelNameList: [
+                        { required: true, message: '请上传课题组通知', trigger: 'blur' },
+                    ]
                 },
-                formRules: {},
                 foldFormFlag: true,
                 data1: [],
                 data2: [],
+                roleForm: {
+                    revisionId: this.$store.getters.userInfo.userId,
+                    revisionIdName: this.$store.getters.userInfo.userName,
+                    ministerId: '',
+                    ministerIdName: '',
+                    inspectorId: '',
+                    inspectorIdName: '',
+                    presidentId: '',
+                    presidentIdName: '',
+                },
+                roleFormRules: {
+                    ministerIdName: [
+                        {required: true, message: '请选择法规认证部部长', trigger: 'change'},
+                    ],
+                    inspectorIdName: [
+                        {required: true, message: '请选择法规认证部总监', trigger: 'change'},
+                    ],
+                    presidentIdName: [
+                        {required: true, message: '请选择公司副总', trigger: 'change'},
+                    ]
+                },
+                fileMadel: false,
+                fileMadel2: false,
+                fileUrl:  'api/att/attFile/upload',
+                idList1: [],
+                idList2: [],
+                fileIndex: '',
+                fileList: [],
+                nodeList: [],
+                type: '',
+                drawerTitle: '',
+                modalshowflag: false,
             }
         },
         methods: {
+            add1() {
+                var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+                var json = {
+                    ContactPerson: '',
+                    Company: '',
+                    Telephone: '',
+                    Email: '',
+                    id: id
+                }
+                this.data1.push(json)
+            },
+            add2() {
+                var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+                var json = {
+                    Sindex: '',
+                    Member: '',
+                    Company: '',
+                    Email: '',
+                    id: id,
+                    Department: '',
+                    Telephone: '',
+                    Identity: '',
+                    dataName: '',
+                    data: [],
+                }
+                this.data2.push(json)
+            },
+            addDelete1() {
+                if (this.idList1.length > 0) {
+                    this.$confirm('删除选中数据, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        for (let a = 0; a < this.data1.length; a++) {
+                            this.idList1.forEach(item => {
+                                if (this.data1[a].id === item) {
+                                    this.data1.splice(a, 1)
+                                }
+                            })
+                        }
+                    }).catch(() => {
+                        this.$message({
+                            type: 'info',
+                            message: '已取消删除'
+                        });
+                    });
+                } else {
+                    this.$message.warning('请选择要删除的数据')
+                }
+            },
+            addDelete2() {
+                if (this.idList2.length > 0) {
+                    this.$confirm('删除选中数据, 是否继续?', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        for (let a = 0; a < this.data2.length; a++) {
+                            this.idList2.forEach(item => {
+                                if (this.data2[a].id === item) {
+                                    this.data2.splice(a, 1)
+                                }
+                            })
+                        }
+                    }).catch(() => {
+                        this.$message({
+                            type: 'info',
+                            message: '已取消删除'
+                        });
+                    });
+                } else {
+                    this.$message.warning('请选择要删除的数据')
+                }
+            },
+            // 导入按钮 上传之前的钩子
+            beginImportFile(file) {
+                var filename = file.name
+                var index1 = filename.lastIndexOf('.')
+                var index2 = filename.length
+                var fileSuffix = filename.substring(index1, index2)
+                // const fileSuffix = file.name.split('.')[1] // 后缀名
+                // 判断上传文件格式
+                if (fileSuffix === '.ppt' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.PPT' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '格式不正确，请上传PPT,DOCX,XLS文件')
+                    return false
+                }
+                // 判断文件上传大小
+                // eslint-disable-next-line no-unreachable
+                if (file.size / 1024 / 1024 <= 200) {
+                    return true
+                } else {
+                    this.$message.error('文件' + file.name + '大小不超过200M')
+                    return false
+                }
+                return true
+            },
+            importFileSuccess(response, file) {
+                if (response.ok) {
+                    this.rhform.modelList.push(response.data)
+                    let list = ''
+                    this.rhform.modelList.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.rhform.modelNameList = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove(file, fileList) {
+                let list = ''
+                this.rhform.modelList = []
+                fileList.forEach(item => {
+                    this.rhform.modelList.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.rhform.modelNameList = list
+            },
+            importFileSuccess2(response, file) {
+                if (response.ok) {
+                    this.data2[this.fileIndex].data.push(response.data)
+                    let list = ''
+                    this.data2[this.fileIndex].data.forEach(item => {
+                        if (list.length > 0) {
+                            list += ','
+                            list += item.name
+                        } else {
+                            list+= item.name
+                        }
+                    })
+                    this.data2[this.fileIndex].dataName = list
+                    this.$message({
+                        showClose: true,
+                        message: response.message,
+                        type: 'success'
+                    })
+                } else {
+                    this.$message.error('程序异常，上传失败')
+                }
+            },
+            importFileRemove2(file, fileList) {
+                let list = ''
+                this.data2[this.fileIndex].data = []
+                fileList.forEach(item => {
+                    this.data2[this.fileIndex].data.push(item)
+                    if (list.length > 0) {
+                        list += ','
+                        list += item.name
+                    } else {
+                        list+= item.name
+                    }
+                })
+                this.data2[this.fileIndex].dataName = list
+            },
+            fileUpload() {
+                this.fileMadel = true
+            },
+            fileUpload2(index) {
+                this.fileIndex = index
+                this.fileList = this.data2[this.fileIndex].data
+                this.fileMadel2 = true
+            },
             handleTabs(type) {
                 this.active = type;
-            },
+            }, // 切换tabs
             foldForm() {
                 this.foldFormFlag = !this.foldFormFlag
-            },
+            }, // 基础信息显隐
-            handleSave() {},
+            handleSave() {
+                this.saveLoading = true
+                let _formData = new FormData()
+                _formData.append('id', this.bpnId || '')
+                _formData.append('createUser', this.$store.getters.userInfo.userId)
+                _formData.append('createUserName', this.$store.getters.userInfo.userName)
+                _formData.append('prcType', '17')
+                _formData.append('json', JSON.stringify({
+                    form: this.rhform,
+                    roleForm: this.roleForm,
+                    commentText: this.commentText,
+                    data1: this.data1,
+                    data2: this.data2
+                }))
+                saveTaskFirst(_formData).then(res => {
+                    this.saveLoading = false
+                    this.$message.success('保存成功')
+                    this.bpnId = res.result
+                }).catch(e => {
+                    this.saveLoading = false
+                })
+            }, // 保存事件
             handleSubmit() {
-                console.log(this.rhform);
+                this.$refs['rhForm'].validate((valid) => {
-            },
+                        if (valid) {
-            handleSelectionChange1() {},
+                            if (this.data1.length) {
-            handleSelectionChange2() {}
+                                if (this.data2.length) {
+                                    let ContactPerson = 0,Company = 0,Telephone = 0,Email = 0,Sindex = 0,Member = 0,Telephone2 = 0,Email2 = 0, Company2 = 0,Department = 0,Identity = 0
+                                    this.data1.forEach((item, index) =>{
+                                        if (!item.ContactPerson) {
+                                            ContactPerson++
+                                        } else if (!item.Company) {
+                                            Company++
+                                        } else if (!item.Telephone) {
+                                            Telephone++
+                                        } else if (!item.Email) {
+                                            Email++
+                                        }
+                                    })
+                                    this.data2.forEach((item, index) =>{
+                                        if (!item.Sindex) {
+                                            Sindex++
+                                        } else if (!item.Member) {
+                                            Member++
+                                        } else if (!item.Telephone) {
+                                            Telephone2++
+                                        } else if (!item.Email) {
+                                            Email2++
+                                        } else if (!item.Company) {
+                                            Company2++
+                                        } else if (!item.Department) {
+                                            Department++
+                                        } else if (!item.Identity) {
+                                            Identity++
+                                        }
+                                    })
+                                    if (ContactPerson > 0) {
+                                        return this.$message.warning('请输入联络人')
+                                    } else if (Company > 0) {
+                                        return this.$message.warning('请输入课题组联络人单位')
+                                    } else if (Telephone > 0) {
+                                        return this.$message.warning('请输入课题组联络人电话')
+                                    } else if (Email > 0) {
+                                        return this.$message.warning('请输入课题组联络人邮箱')
+                                    } else if (Sindex > 0) {
+                                        return this.$message.warning('请输入工作组排名顺序')
+                                    } else if (Member > 0) {
+                                        return this.$message.warning('请输入我司成员')
+                                    } else if (Telephone2 > 0) {
+                                        return this.$message.warning('请输入内部参与人员电话')
+                                    } else if (Email2 > 0) {
+                                        return this.$message.warning('请输入内部参与人员油邮箱')
+                                    } else if (Company2 > 0) {
+                                        return this.$message.warning('请输入内部参与人员单位')
+                                    } else if (Department > 0) {
+                                        return this.$message.warning('请输入内部参与人员部门')
+                                    } else if (Identity > 0) {
+                                        return this.$message.warning('请输入内部参与人员身份')
+                                    } else {
+                                        this.$refs['Form'].validate((valid) => {
+                                            if (valid) {
+                                                this.isSubmit = true
+                                                this.$http.get('lawss/activiti/startProcess', {
+                                                    type: '17'
+                                                }, {}, res => {
+                                                    if (res.ok) {
+                                                        var json = Object.assign(this.rhform, this.roleForm)
+                                                        json.commentText = this.commentText
+                                                        json.data1 = this.data1
+                                                        json.data2 = this.data2
+                                                        this.$http.post('lawss/activiti/completeTask', {
+                                                            json: JSON.stringify(json),
+                                                            taskId: res.data,
+                                                            userId: this.$store.getters.userInfo.userId
+                                                        }, {}, res => {
+                                                            if (res.success) {
+                                                                this.$message.success('流程发起成功')
+                                                                this.$router.push('/processCenter')
+                                                                this.isSubmit = false
+                                                            } else {
+                                                                this.$message.warning('流程启动失败')
+                                                                this.isSubmit = false
+                                                            }
+                                                        })
+                                                    } else {
+                                                        this.$message.warning('流程启动失败')
+                                                        this.isSubmit = false
+                                                    }
+                                                })
+                                            } else {
+                                                return this.$message.warning('请完善人员信息')
+                                            }
+                                        })
+                                    }
+                                } else {
+                                    return this.$message.warning('请添加集团内部参与人员')
+                                }
+                            } else {
+                                return this.$message.warning('请添加课题组人员')
+                            }
+                        } else {
+                            return this.$message.warning('请完善基础信息')
+                        }
+                })
+            }, // 提交事件
+            handleSelectionChange1(val) {
+                this.idList1 = []
+                val.forEach(item => {
+                    this.idList1.push(item.id)
+                })
+            }, // table1选中change事件
+            handleSelectionChange2(val) {
+                this.idList2 = []
+                val.forEach(item => {
+                    this.idList2.push(item.id)
+                })
+            }, // table2选中change事件
+            choiceZRR(type, title, id) {
+                this.nodeList = []
+                this.nodeList.push(id)
+                this.type = type
+                this.drawerTitle = title
+                this.modalshowflag = true
+            }, // 点击人员input事件
+            checkedRole(data) {
+                if (this.type === 'ministerId') {
+                    this.roleForm.ministerId = data[0].id
+                    this.roleForm.ministerIdName = data[0].name
+                } else if (this.type === 'inspectorId') {
+                    this.roleForm.inspectorId = data[0].id
+                    this.roleForm.inspectorIdName = data[0].name
+                } else if (this.type === 'presidentId') {
+                    this.roleForm.presidentId = data[0].id
+                    this.roleForm.presidentIdName = data[0].name
+                }
+            }, // 选择人员确认事件
         },
         mounted() {}
     };
@@ -263,6 +851,15 @@
                 background: #E6A23C;
             }
         }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
     }
 </style>
 

src/pages/processCenter/pages/creatProcess/zcrh/step2.vue

@@ -0,0 +1,364 @@
+<template>
+    <div class="zcrh-step2">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题入会流程</template>
+            <template slot="proNode">法规部部长审批</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem active">基础信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.content"
+                                            placeholder="请输入主要议题"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.price"
+                                            placeholder="请输入费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <div style="display: flex;">
+                                        <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="250"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0">
+                                <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
+                            </div>
+                            <div v-else>
+                                - -
+                            </div>
+                        </template>
+                    </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>
+        <ProcessFooter
+                show-submit
+                show-back
+                approval
+                @back="handleSubmitNo"
+                :submitLoading="isSubmit"
+                @submit="handleSubmit"
+                submitBTNText="同意"
+        >
+        </ProcessFooter>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import {inboundLiaisonDetail} from 'api/process'
+
+    export default {
+        name: "zcrhStep2",
+        data() {
+            return {
+                json: {},
+                isSubmit: false,
+                foldFormFlag: true,
+                commentText: '',
+                active: '1',
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+                data1: [],
+                data2: [],
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    modelList: []
+                }
+            }
+        },
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            handleSubmit() {
+                this.isSubmit = true
+                var json = this.json
+                json.fgfbz = 1
+                json.commentText = this.commentText
+                this.$http.post('lawss/activiti/completeTask', {
+                    json: JSON.stringify(json),
+                    taskId: this.taskIds,
+                    userId: this.$store.getters.userInfo.userId
+                }, {}, res => {
+                    if (res.success) {
+                        this.$message.success('提交成功')
+                        this.$router.push('/processCenter')
+                    }
+                    this.isSubmit = false
+                })
+            },
+            handleSubmitNo() {
+                if (this.commentText) {
+                    this.isSubmit = true
+                    var json = this.json
+                    json.fgfbz = 0
+                    json.commentText = this.commentText
+                    this.$http.post('lawss/activiti/completeTask', {
+                        json: JSON.stringify(json),
+                        taskId: this.taskIds,
+                        userId: this.$store.getters.userInfo.userId
+                    }, {}, res => {
+                        if (res.success) {
+                            this.$message.success('驳回成功')
+                            this.$router.push('/processCenter')
+                        }
+                        this.isSubmit = false
+                    })
+                } else {
+                    this.$message.warning('请输入反馈意见')
+                }
+            },
+            updataFj (item) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.json = data
+                        this.data1 = data.data1
+                        this.data2 = data.data2
+                        this.rhform.commentText = data.commentText
+                        this.rhform.content = data.content
+                        this.rhform.price = data.price
+                        this.rhform.time = data.time
+                        this.rhform.title = data.title
+                        this.rhform.modelList = data.modelList
+                    }).catch(e => {
+                    })
+                })
+            },
+        },
+        mounted () {
+            this.getData()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+    .zcrh-step2 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>

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

@@ -0,0 +1,364 @@
+<template>
+    <div class="zcrh-step3">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题入会流程</template>
+            <template slot="proNode">法规认证部副总监审批</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem active">基础信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.content"
+                                            placeholder="请输入主要议题"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.price"
+                                            placeholder="请输入费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <div style="display: flex;">
+                                        <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="250"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0">
+                                <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
+                            </div>
+                            <div v-else>
+                                - -
+                            </div>
+                        </template>
+                    </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>
+        <ProcessFooter
+                show-submit
+                show-back
+                approval
+                @back="handleSubmitNo"
+                :submitLoading="isSubmit"
+                @submit="handleSubmit"
+                submitBTNText="同意"
+        >
+        </ProcessFooter>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import {inboundLiaisonDetail} from 'api/process'
+
+    export default {
+        name: "zcrhStep3",
+        data() {
+            return {
+                json: {},
+                isSubmit: false,
+                foldFormFlag: true,
+                commentText: '',
+                active: '1',
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+                data1: [],
+                data2: [],
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    modelList: []
+                }
+            }
+        },
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            handleSubmit() {
+                this.isSubmit = true
+                var json = this.json
+                json.fgfzj = 1
+                json.commentText = this.commentText
+                this.$http.post('lawss/activiti/completeTask', {
+                    json: JSON.stringify(json),
+                    taskId: this.taskIds,
+                    userId: this.$store.getters.userInfo.userId
+                }, {}, res => {
+                    if (res.success) {
+                        this.$message.success('提交成功')
+                        this.$router.push('/processCenter')
+                    }
+                    this.isSubmit = false
+                })
+            },
+            handleSubmitNo() {
+                if (this.commentText) {
+                    this.isSubmit = true
+                    var json = this.json
+                    json.fgfzj = 0
+                    json.commentText = this.commentText
+                    this.$http.post('lawss/activiti/completeTask', {
+                        json: JSON.stringify(json),
+                        taskId: this.taskIds,
+                        userId: this.$store.getters.userInfo.userId
+                    }, {}, res => {
+                        if (res.success) {
+                            this.$message.success('驳回成功')
+                            this.$router.push('/processCenter')
+                        }
+                        this.isSubmit = false
+                    })
+                } else {
+                    this.$message.warning('请输入反馈意见')
+                }
+            },
+            updataFj (item) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.json = data
+                        this.data1 = data.data1
+                        this.data2 = data.data2
+                        this.rhform.commentText = data.commentText
+                        this.rhform.content = data.content
+                        this.rhform.price = data.price
+                        this.rhform.time = data.time
+                        this.rhform.title = data.title
+                        this.rhform.modelList = data.modelList
+                    }).catch(e => {
+                    })
+                })
+            },
+        },
+        mounted () {
+            this.getData()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+    .zcrh-step3 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>

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

@@ -0,0 +1,364 @@
+<template>
+    <div class="zcrh-step4">
+        <ProcessHeader toggle>
+            <template slot="proName">政策课题入会流程</template>
+            <template slot="proNode">公司副总审批</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem active">基础信息</div>
+        </div>
+        <div class="content" v-show="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="rhForm"
+                        :model="rhform"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border" v-if="foldFormFlag">
+                        <el-row :gutter="24">
+                            <el-col :span="24">
+                                <el-form-item label="课题名称" prop="title" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.title"
+                                            placeholder="请输入课题名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="主要议题" prop="content" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.content"
+                                            placeholder="请输入主要议题"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="费用" prop="price" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            disabled
+                                            v-model="rhform.price"
+                                            placeholder="请输入费用"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="课题组通知" prop="modelNameList" class="add-form-item form-item-disabled">
+                                    <div style="display: flex;">
+                                        <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in rhform.modelList" :key="index">{{ item.name }}</div>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="课题研究周期" prop="time" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            disabled
+                                            v-model="rhform.time"
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
+                </el-form>
+                <ProcessTitle>
+                    <template slot="title">课题组联系方式</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data1"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="ContactPerson"
+                            label="联络人"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="350"
+                            align="center">
+                    </el-table-column>
+                </el-table>
+                <ProcessTitle>
+                    <template slot="title">集团内部参与人员</template>
+                </ProcessTitle>
+                <el-table border
+                          ref="selection"
+                          :data="data2"
+                          tooltip-effect="dark"
+                          style="width: 100%;"
+                          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                          row-key="id">
+                    <el-table-column
+                            prop="Sindex"
+                            label="我司在工作组排名顺序"
+                            width="170"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Member"
+                            label="我司成员"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Company"
+                            label="单位"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Department"
+                            label="部门"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Telephone"
+                            label="电话"
+                            width="200"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Email"
+                            label="邮箱"
+                            width="300"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="Identity"
+                            label="身份"
+                            width="150"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="data"
+                            label="资料"
+                            width="250"
+                            align="center">
+                        <template slot-scope="scope">
+                            <div v-if="scope.row.data.length > 0">
+                                <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;padding-left: 10px" v-for="(item, index) in scope.row.data" :key="index">{{ item.name }}</div>
+                            </div>
+                            <div v-else>
+                                - -
+                            </div>
+                        </template>
+                    </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>
+        <ProcessFooter
+                show-submit
+                show-back
+                approval
+                @back="handleSubmitNo"
+                :submitLoading="isSubmit"
+                @submit="handleSubmit"
+                submitBTNText="同意"
+        >
+        </ProcessFooter>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import {inboundLiaisonDetail} from 'api/process'
+
+    export default {
+        name: "zcrhStep4",
+        data() {
+            return {
+                json: {},
+                isSubmit: false,
+                foldFormFlag: true,
+                commentText: '',
+                active: '1',
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+                data1: [],
+                data2: [],
+                rhform: {
+                    title: '',
+                    content: '',
+                    price: '',
+                    time: '',
+                    modelList: []
+                }
+            }
+        },
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle
+        },
+        methods: {
+            handleSubmit() {
+                this.isSubmit = true
+                var json = this.json
+                json.gsfz = 1
+                json.commentText = this.commentText
+                this.$http.post('lawss/activiti/completeTask', {
+                    json: JSON.stringify(json),
+                    taskId: this.taskIds,
+                    userId: this.$store.getters.userInfo.userId
+                }, {}, res => {
+                    if (res.success) {
+                        this.$message.success('提交成功')
+                        this.$router.push('/processCenter')
+                    }
+                    this.isSubmit = false
+                })
+            },
+            handleSubmitNo() {
+                if (this.commentText) {
+                    this.isSubmit = true
+                    var json = this.json
+                    json.gsfz = 0
+                    json.commentText = this.commentText
+                    this.$http.post('lawss/activiti/completeTask', {
+                        json: JSON.stringify(json),
+                        taskId: this.taskIds,
+                        userId: this.$store.getters.userInfo.userId
+                    }, {}, res => {
+                        if (res.success) {
+                            this.$message.success('驳回成功')
+                            this.$router.push('/processCenter')
+                        }
+                        this.isSubmit = false
+                    })
+                } else {
+                    this.$message.warning('请输入反馈意见')
+                }
+            },
+            updataFj (item) {
+                window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
+            },
+            handleTabs(type) {
+                this.active = type;
+            }, // 切换tabs
+            foldForm() {
+                this.foldFormFlag = !this.foldFormFlag
+            }, // 基础信息显隐
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        let data = JSON.parse(res.mesg)
+                        this.json = data
+                        this.data1 = data.data1
+                        this.data2 = data.data2
+                        this.rhform.commentText = data.commentText
+                        this.rhform.content = data.content
+                        this.rhform.price = data.price
+                        this.rhform.time = data.time
+                        this.rhform.title = data.title
+                        this.rhform.modelList = data.modelList
+                    }).catch(e => {
+                    })
+                })
+            },
+        },
+        mounted () {
+            this.getData()
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+    .zcrh-step4 {
+        position: relative;
+        height: 100%;
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .label-input-form {
+            .add-form-item {
+                /deep/.el-form-item__content {
+                    .el-date-editor {
+                        width: 400px;
+                    }
+                }
+            }
+        }
+    }
+</style>

src/pages/processCenter/pages/creatProcess/zcrk/step5.vue

@@ -0,0 +1,985 @@
+<template>
+    <div class="bzrkStep2">
+        <!--        标准入库流程-->
+        <ProcessHeader toggle>
+            <template slot="proName">标准入库流程</template>
+            <template slot="proNode">流程数据信息</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+            <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+<!--            <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>-->
+        </div>
+        <div class="content" v-if="active === '1'">
+            <div style="flex: auto; overflow: auto;">
+                <el-form
+                        ref="qbkwForm"
+                        :model="form"
+                        class="label-input-form"
+                        label-width="210px"
+                >
+                    <ProcessTitle>
+                        <template slot="title">基础信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border">
+                        <el-row :gutter="24">
+                            <el-col :span="12">
+                                <el-form-item label="政策分类" prop="lawsType" class="add-form-item form-item-disabled">
+                                    <el-select v-model="form.lawsType" filterable clearable disabled>
+                                        <el-option
+                                                v-for="item in lawsTypeOptions"
+                                                placeholder="请选择政策分类"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item label="中文名称" prop="lawsName" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.lawsName" disabled
+                                            placeholder="请输入中文名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item  label="发文日期" prop="issueTime" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            v-model="form.issueTime" disabled
+                                            type="date"
+                                            placeholder="请选择发文日期"
+                                            value-format="yyyy-MM-dd">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="征集意见周期" prop="commentCycleDate" class="add-form-item form-item-disabled">
+                                    <el-date-picker
+                                            v-model="commentCycleDate"
+                                            disabled
+                                            type="datetimerange"
+                                            range-separator="至"
+                                            start-placeholder="开始日期"
+                                            end-placeholder="结束日期"
+                                            value-format="yyyy-MM-dd">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item  label="文本状态" prop="lawsTextState" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.lawsTextState" disabled placeholder="请选择文本状态">
+                                        <el-option
+                                                v-for="item in lawsTextStateOptions"
+                                                placeholder="请选择"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item  label="适用区域" prop="lawsSyqy" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.lawsSyqy" disabled multiple placeholder="请选择适用区域">
+                                        <el-option
+                                                v-for="item in lawsSyqyOptions"
+                                                placeholder="请选择适用区域"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item  label="政策文号" prop="lawsNo" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model.number="form.lawsNo" disabled
+                                            placeholder="请输入政策文号"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item  label="信息简报" prop="lawsBulletin" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model.number="form.lawsBulletin" disabled
+                                            placeholder="请输入信息简报"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item  label="备注" prop="lawsRemark" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model.number="form.lawsRemark" disabled
+                                            placeholder="请输入备注"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <!--                              <el-form-item label="国家/地区" prop="country" class="add-form-item form-item-disabled">-->
+                                <!--                                <el-select :popper-append-to-body="false" v-model="form.country" multiple  placeholder="国家/地区">-->
+                                <!--                                  <el-option-->
+                                <!--                                      v-for="item in countryOptions"-->
+                                <!--                                      placeholder="请选择"-->
+                                <!--                                      :key="item.value"-->
+                                <!--                                      :value="item.value"-->
+                                <!--                                      :label="item.label"-->
+                                <!--                                  ></el-option>-->
+                                <!--                                </el-select>-->
+                                <!--                              </el-form-item>-->
+                                <el-form-item label="政策编号" prop="lawsNumber" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.lawsNumber" disabled
+                                            placeholder="请输入政策编号"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="英文名称" prop="lawsEnName" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.lawsEnName" disabled
+                                            placeholder="请输入英文名称"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <!--                                <el-form-item class="add-form-item form-item-disabled" style="margin-left: -210px">-->
+                                <!--                                    <el-button-->
+                                <!--                                            type="primary"-->
+                                <!--                                            :loading="loadSarStandard"-->
+                                <!--                                            @click="handleSearchStandard">-->
+                                <!--                                        根据类别、编号、中英文名称查询-->
+                                <!--                                    </el-button>-->
+                                <!--                                </el-form-item>-->
+                                <el-form-item  label="发文单位" prop="issueCompany" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.issueCompany" disabled
+                                            placeholder="请输入发文单位"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item  label="是否纳入认证清单" prop="isRelateAccess" class="add-form-item form-item-disabled">
+                                    <el-radio-group v-model="form.isRelateAccess" disabled>
+                                        <el-radio label="1">是</el-radio>
+                                        <el-radio label="2">否</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                                <el-form-item  label="年度" prop="lawsYear" class="add-form-item form-item-disabled">
+                                    <el-select v-model="form.lawsYear" filterable clearable disabled>
+                                        <el-option
+                                                v-for="item in lawsYearOptions"
+                                                placeholder="请选择年度"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item  label="适用车型" prop="lawsSyqy" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.lawsSyqy" disabled multiple placeholder="请选择适用车型">
+                                        <el-option
+                                                v-for="item in lawsSyqyOptions"
+                                                placeholder="请选择适用车型"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item  label="福田转发通知文号" prop="lawsNotisyncNum" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.lawsNotisyncNum" disabled
+                                            placeholder="请输入福田转发通知文号"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item  label="标签" prop="lawsLabel" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.lawsLabel" disabled multiple placeholder="请选择标签">
+                                        <el-option
+                                                v-for="item in lawsLabelOptions"
+                                                placeholder="请选择标签"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <ProcessTitle>
+                        <template slot="title">实施日期</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border">
+                        <el-row :gutter="24">
+                            <el-col :span="12">
+                                <el-form-item label="实施日期(标准文本)" prop="SSRQLAWS" class="add-form-item form-item-disabled">
+                                    <el-date-picker disabled
+                                                    v-model="form.SSRQLAWS"
+                                                    type="date"
+                                                    placeholder="请选择标准实施日期(标准文本)"
+                                                    value-format="yyyy-MM-dd">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <el-form-item label="在产车实施日期(标准文本)" prop="ZCXSSRQLAWS" class="add-form-item form-item-disabled">
+                                    <el-date-picker disabled
+                                                    v-model="form.ZCXSSRQLAWS"
+                                                    type="date"
+                                                    placeholder="请选择在产车实施日期(标准文本)"
+                                                    value-format="yyyy-MM-dd">
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="新车型实施日期(标准文本)" prop="XCXSSRQLAWS" class="add-form-item form-item-disabled">
+                                    <el-date-picker disabled
+                                                    v-model="form.XCXSSRQLAWS"
+                                                    type="date"
+                                                    placeholder="请选择新车型实施日期(标准文本"
+                                                    value-format="yyyy-MM-dd">
+                                    </el-date-picker>
+                                </el-form-item>
+                                <!--                                <el-form-item label="实施日期(国际)" prop="ssrqgj" class="add-form-item form-item-disabled">-->
+                                <!--                                    <el-date-picker-->
+                                <!--                                            v-model="form.ssrqgj"-->
+                                <!--                                            type="date"-->
+                                <!--                                            placeholder="请选择实施日期(国际)"-->
+                                <!--                                            value-format="yyyy-MM-dd">-->
+                                <!--                                    </el-date-picker>-->
+                                <!--                                </el-form-item>-->
+                                <!--                                <el-form-item label="新车型实施日期(国际)" prop="xcxssrqgj" class="add-form-item form-item-disabled">-->
+                                <!--                                    <el-date-picker-->
+                                <!--                                            v-model="form.xcxssrqgj"-->
+                                <!--                                            type="date"-->
+                                <!--                                            placeholder="请选择新车型实施日期(国家)"-->
+                                <!--                                            value-format="yyyy-MM-dd">-->
+                                <!--                                    </el-date-picker>-->
+                                <!--                                </el-form-item>-->
+                                <!--                                <el-form-item label="在产车实施日期(国际)" prop="zccssrqgj" class="add-form-item form-item-disabled">-->
+                                <!--                                    <el-date-picker-->
+                                <!--                                            v-model="form.zccssrqgj"-->
+                                <!--                                            type="date"-->
+                                <!--                                            placeholder="请选择在产车实施日期(国家)"-->
+                                <!--                                            value-format="yyyy-MM-dd">-->
+                                <!--                                    </el-date-picker>-->
+                                <!--                                </el-form-item>-->
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <ProcessTitle>
+                        <template slot="title">文本信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border">
+                        <el-row :gutter="24">
+                            <el-col :span="12">
+                                <el-form-item v-if="form.standInData === '0'" label="政策文本" prop="ZCWBLAWSName" class="add-form-item form-item-disabled">
+                                    <div  v-if="ZCWBLAWSFileMap.length>0" v-for="(value,index)  in this.ZCWBLAWSFileMap" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile('ZCWBLAWS',value.id)">
+                                        <!-- {{ value.name }} -->
+                                        {{value.name}}
+                                    </div>
+                                    <div v-else>
+                                        - -
+                                    </div>
+                                </el-form-item>
+                                <el-form-item label="解读文件" prop="JDWJLAWSName" class="add-form-item form-item-disabled">
+                                    <div v-if="JDWJLAWSFileMap.length>0" v-for="(value,index)  in this.JDWJLAWSFileMap" :key="index"  style="cursor: pointer;color: #00b7ee" @click="downloadFile('JDWJLAWS',value.id)">
+                                        {{value.name}}
+                                    </div>
+                                    <div v-else>
+                                        - -
+                                    </div>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item v-if="form.standInData === '1'" label="过程文本" prop="GCWBLAWSName" class="add-form-item form-item-disabled">
+                                    <div v-if="GCWBLAWSFileMap.length>0" v-for="(value,index)  in this.GCWBLAWSFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('GCWBLAWS',value.id)">
+                                        {{value.name}}
+                                    </div>
+                                    <div v-else>
+                                        - -
+                                    </div>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <ProcessTitle>
+                        <template slot="title">适用范围</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border">
+                        <el-row :gutter="24">
+                            <el-col :span="12">
+                                <el-form-item label="发布机构" prop="FBJGLAWS" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.FBJGLAWS" disabled
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                                <el-form-item label="投稿人" prop="TGRLAWS" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.TGRLAWS" disabled placeholder="请选择责任部门" multiple>
+                                        <el-option
+                                                v-for="item in TGRLAWSOptions"
+                                                placeholder="请选择"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item label="能源类型" prop="NYLXLAWS" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.NYLXLAWS" disabled placeholder="请选择能源类型" multiple>
+                                        <el-option
+                                                v-for="item in NYLXLAWSOptions"
+                                                placeholder="请选择"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item label="责任部门" prop="ZRBMLAWS" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.ZRBMLAWS" disabled placeholder="请选择责任部门" multiple>
+                                        <el-option
+                                                v-for="item in ZRBMLAWSOptions"
+                                                placeholder="请选择"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="我司参与深度" prop="CYSDLAWS" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.CYSDLAWS" disabled placeholder="请选择我司参与深度">
+                                        <el-option
+                                                v-for="item in CYSDLAWSOptions"
+                                                placeholder="请选择"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item label="投稿单位" prop="TGDWLAWS" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.TGDWLAWS" disabled placeholder="请选择投稿单位" multiple>
+                                        <el-option
+                                                v-for="item in TGDWLAWSOptions"
+                                                placeholder="请选择"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item label="适用认证" prop="YYRZLAWS" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.YYRZLAWS" disabled placeholder="请选择适用认证" multiple>
+                                        <el-option
+                                                v-for="item in YYRZLAWSOptions"
+                                                placeholder="请选择"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item label="责任工程师" prop="ZRGCSLAWS" class="add-form-item form-item-disabled">
+                                    <el-select :popper-append-to-body="false" v-model="form.ZRGCSLAWS" disabled placeholder="请选择责任工程师" multiple>
+                                        <el-option
+                                                v-for="item in ZRGCSLAWSOptions"
+                                                placeholder="请选择"
+                                                :key="item.value"
+                                                :value="item.value"
+                                                :label="item.label"
+                                        ></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                    <ProcessTitle>
+                        <template slot="title">关联信息</template>
+                    </ProcessTitle>
+                    <div class="prc-content-border">
+                        <el-row :gutter="24">
+                            <el-col :span="12">
+                                <el-form-item label="代替文件号" prop="DTWJHLAWS" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.DTWJHLAWS" disabled
+                                            placeholder="请输入代替标准号"
+                                            clearable
+                                    ></el-input>
+                                    <!--                                    <el-button-->
+                                    <!--                                            type="primary"-->
+                                    <!--                                            class="common-button-primary"-->
+                                    <!--                                            size="mini"-->
+                                    <!--                                            style="position:absolute;top: 10px;right: 0;"-->
+                                    <!--                                            @click="selectLaws('dtbjh'),config.attrName = '代替标准号'"-->
+                                    <!--                                    >{{'手动查找'}}</el-button>-->
+                                </el-form-item>
+                                <el-form-item label="引用标准&政策" prop="YYBZZCLAWS" class="add-form-item form-item-disabled">
+                                    <el-input
+                                            v-model="form.YYBZZCLAWS" disabled
+                                            placeholder="请输入引用标准&政策"
+                                            clearable
+                                    ></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
+                                    <div v-if="GLWJLAWSFileMap.length>0" v-for="(value,index)  in this.GLWJLAWSFileMap" :key="index"  style="cursor: pointer;color: #00b7ee" @click="downloadFile('GLWJLAWS',value.id)">
+                                        {{value.name}}
+                                    </div>
+                                    <div v-else>
+                                        - -
+                                    </div>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </el-form>
+            </div>
+            <div>
+<!--                <el-collapse accordion>-->
+<!--                    <el-collapse-item title="意见填写">-->
+<!--                        <div style="margin: 10px 0;">-->
+<!--                            <el-select v-model="approvalOpinion" placeholder="请审批" style="margin-bottom: 20px;">-->
+<!--                                <el-option label="驳回" value="1"></el-option>-->
+<!--                                <el-option label="通过" value="0"></el-option>-->
+<!--                            </el-select>-->
+<!--                            <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-if="active === '2'">
+            <div class="block" style="padding-top: 20px;">
+                <el-timeline>
+                    <el-timeline-item timestamp="发起流程" placement="top" :color="user1 ? '#66b1ff' : ''">
+                        <el-card>
+                            <h4>流程发起人</h4>
+                            <div style="margin-top: 10px;width: 300px;">
+                                <el-input v-model="user1" placeholder="流程发起人"></el-input>
+                            </div>
+                        </el-card>
+                    </el-timeline-item>
+                    <el-timeline-item timestamp="选择责任人" placement="top" :color="user2 ? '#66b1ff' : ''">
+                        <el-card>
+                            <h4>责任人</h4>
+                            <div style="margin-top: 10px;width: 300px;">
+                                <el-input v-model="user2" placeholder="选择责任人">
+                                </el-input></div>
+                        </el-card>
+                    </el-timeline-item>
+                    <el-timeline-item timestamp="填写意见" placement="top" :color="user3 ? '#66b1ff' : ''">
+                        <el-card>
+                            <h4>责任人</h4>
+                            <div style="margin-top: 10px;width: 300px;">
+                                <el-input v-model="user3" placeholder="责任人"></el-input>
+                            </div>
+                        </el-card>
+                    </el-timeline-item>
+                    <el-timeline-item timestamp="意见汇总并发起会签" placement="top" :color="user4 ? '#66b1ff' : ''">
+                        <el-card>
+                            <h4>标准法规工程师</h4>
+                            <div style="margin-top: 10px;width: 300px;">
+                                <el-input v-model="user4" placeholder="标准法规工程师"></el-input>
+                            </div>
+                        </el-card>
+                    </el-timeline-item>
+                    <el-timeline-item timestamp="审核" placement="top" :color="user5 ? '#66b1ff' : ''">
+                        <el-card>
+                            <h4>责任对接人，标准法规部部门负责人</h4>
+                            <div style="margin-top: 10px;width: 300px;">
+                                <el-input v-model="user5" placeholder="责任对接人，标准法规部部门负责人"></el-input>
+                            </div>
+                        </el-card>
+                    </el-timeline-item>
+                </el-timeline>
+            </div>
+        </div>
+        <div class="content" v-if="active === '3'">
+          <div class="flow-list">
+            <el-table
+                height="100%"
+                ref="selection"
+                :data="detailData"
+                tooltip-effect="dark"
+                style="width: 100%"
+                border
+                row-key="id"
+                :no-data-text="listNoDataText"
+                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+            >
+<!--              <el-table-column-->
+<!--                  type="selection"-->
+<!--                  width="55"-->
+<!--                  align="center">-->
+<!--              </el-table-column>-->
+              <el-table-column
+                  prop="name"
+                  label="任务步骤"
+                  align="center"
+                  sortable="custom"
+              >
+              </el-table-column>
+              <el-table-column
+                  prop="assignee"
+                  label="任务受理人"
+                  align="center"
+                  sortable="custom"
+              >
+              </el-table-column>
+              <el-table-column
+                  prop="createTime"
+                  label="创建时间"
+                  sortable="custom"
+                  align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                  prop="endTime"
+                  label="完成时间"
+                  align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                  prop="comment"
+                  label="审批意见"
+                  align="center">
+                <template slot-scope="scope">
+            <span>{{scope.row.commentText}}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                  prop="completeFlag"
+                  label="状态"
+                  align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.endTime ? '已完成' : '未完成'}}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+            <loading :loading="loading">流程列表加载中</loading>
+          </div>
+        </div>
+<!--        <ProcessFooter-->
+<!--                show-save-->
+<!--                show-submit-->
+<!--                :submitLoading="isSubmit"-->
+<!--                :saveLoading="saveLoading"-->
+<!--                @save="handleSave"-->
+<!--                @submit="handleSubmit"-->
+<!--        >-->
+<!--        </ProcessFooter>-->
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from '../../components/ProcessHeader'
+    import ProcessFooter from '../../components/ProcessFooter'
+    import ProcessTitle from '../../components/ProcessTitle'
+    import {inboundLiaisonDetail,processCreateStand} from 'api/process'
+    import TreeSelect from '@/components/treeSelect/treeSelect.vue';
+
+    export default {
+        name: "zcrkStep5",
+        data () {
+            return {
+              xgdFileId: '',
+              fbgbjbdFileId: '',
+              bpgFileId: '',
+              ssgFileId: '',
+              zqyjgFileId: '',
+              jdwjFileId: '',
+              kwjFileId: '',
+              glwjFileId: '',
+              caFileId: '',
+              zbjbdFileId:'',
+              // 当前流程类型(1待办/2已办)
+              processType: 1,
+                detailData: [],
+                userId:this.$store.getters.userInfo.userId,
+                taskIds: this.$route.query.taskIds,
+                pId: this.$route.query.prcId,
+                approvalOpinion: '', // 通过/驳回
+                commentText: '', // 意见
+                title: '', // 新增编辑抽屉标题
+                ListModel: false, // 新增编辑抽屉开关
+                active: '1', // 默认显示
+                isSubmit: false,
+                saveLoading: false,
+                defaultProps: {
+                    children: 'children',
+                    label: 'menuName'
+                },
+                nodeKey: 'id',
+                defaultCheckedKeys: [],
+                commentCycleDate:'',
+                form: {
+                    // 基础信息
+                    textStatus: '', // 文本状态
+                    standYear: '', // 标准年份
+                    standInData: '0', // 标准类型
+                    standSort: '', // 标准类别
+                    standNumber: '', // 标准编号
+                    standNature: '', // 标准性质
+                    standEnName: '', // 英文名称
+                    standName: '', // 中文名称
+                    signFlag: '1', // 是否需要会签
+                    issueTime: '', // 发布时间
+                    isRelateAccess: '', // 是否纳入认证清单
+                    standSystem: '',// 标准体系
+                    gxhbq: '', // 标签
+                    // 实施日期
+                    ssrq: '', // 实施日期(标准文本)
+                    xcxssrq: '', // 新车型实施日期(标准文本)
+                    zccssrq: '', // 在产车实施日期(标准文本)
+                    ssrqgj: '', // 实施日期(国际)
+                    xcxssrqgj: '', // 新车型实施日期(国际)
+                    zccssrqgj: '', // 在产车实施日期(国际)
+                    // 文本信息
+                    ca: '', // 草案
+                    fbgbjbd: '', // 发布稿
+                    xgd: '', // 修改单
+                    bpg: '', // 报批稿
+                    ssg: '', // 送审稿
+                    zqyjg: '', // 征求意见稿
+                    jdwj: '', // 解读文件
+                    zbjbd: '', // 增补件
+                    kwj: '', // 勘误件
+                    // 适用范围
+                    txlb: '', // 体系类别
+                    gkdw: '', // 归口管理部门
+                    fbjg: '', // 起草单位
+                    wssmr: '', // 我司署名人
+                    cysd: '', // 我司参与深度
+                    cllx: '', // 适用车型
+                    nylx: '',// 能源类型
+                    sycpx: '',// 适用产品线
+                    syrz: '', // 适用认证
+                    zrbm: '', // 责任部门
+                    zrgcs: '', // 责任工程师
+                    cycvppsbm: '', // 关联模块--乘用车VPPS编码
+                    cycvppscn: '', // 关联模块--乘用车vpps中文名称
+                    kccvppsbm: '', // 关联模块--卡车VPPS编码
+                    kccvppscn: '', // 关联模块--卡车vpps中文名称
+                    dybxh: '', // 模块结构单元变型号
+                    dymc: '', // 模块结构单元名称
+                    // 关联信息
+                    dtbjh: '', // 代替标准号
+                    cbbh: '', // 采标编号
+                    cbcd: '', // 采标程度
+                    yybj: '', // 引用标准
+                    byybj: '', // 被引用标准
+                    glwj: '', // 关联文件
+                    xglc: '', // 相关流程
+                    chjl: '', // 参会记录
+                    //流程信息
+                    prcNum:'',
+                    commentText:'',
+                    prcName:'',
+                    standType: '',
+                }, // 标准信息
+                standSortOptions: [], // 标准类别
+                standNatureOptions: [], // 标准性质
+                standStateOptions: [], // 文本状态
+                standSystemOptions: [], // 标准体系
+                applyArcticOptions: [], // 适用车型
+                categoryOptions: [], // 能源类型
+                 gkglbmOptions: [], // 归口管理部门
+                cbcdOptions: [], // 采标程度
+                applyAuthOptions: [], // 适用认证
+                cysdOptions: [], // 我司参与深度
+                sycpxOptions: [], // 适用产品线
+                zrbmOptions: [], // 责任部门
+                zrgcsOptions: [], // 责任工程师
+                txlbOptions: [], // 体系类别
+              qcdwOption: [], // 起草单位
+                data: [], // 标准列表数据
+                ListForm: {}, // 新增数据
+                lawsTypeOptions: [],
+                lawsTextStateOptions: [],
+                lawsSyqyOptions: [],
+                lawsSycxOptions: [],
+                lawsYearOptions: [],
+                lawsLabelOptions: [],
+                CYSDLAWSOptions: [],
+                TGRLAWSOptions: [],
+                TGDWLAWSOptions: [],
+                NYLXLAWSOptions: [],
+                YYRZLAWSOptions: [],
+                ZRBMLAWSOptions: [],
+                ZRGCSLAWSOptions: [],
+                ZCWBLAWSFileId: '',
+                GCWBLAWSFileId: '',
+                JDWJLAWSFileId: '',
+                GLWJLAWSFileId:'',
+                ZCWBLAWSFileMap: [],
+                GCWBLAWSFileMap: [],
+                JDWJLAWSFileMap: [],
+                GLWJLAWSFileMap: [],
+                user1: '',
+                user2: '',
+                user3: '',
+                user4: '',
+                user5: '',
+                // 流程路由信息
+                prcNum : this.$route.query.prcNum,
+                prcName : this.$route.query.prcName,
+            }
+        },
+        components: {
+            ProcessHeader,
+            ProcessFooter,
+            ProcessTitle,
+            TreeSelect
+        },
+      computed: {
+        listNoDataText () {
+          return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
+        },
+      },
+        methods: {
+          downloadFile (fileType) {
+              if(fileType === 'ZCWBLAWS'){
+                  window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.ZCWBLAWSFileId
+              }else if(fileType === 'GCWBLAWS'){
+                  window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.GCWBLAWSFileId
+              }else if(fileType === 'JDWJLAWS'){
+                  window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.JDWJLAWSFileId
+              }else if(fileType === 'GLWJLAWS'){
+                  window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.GLWJLAWSFileId
+              }
+          },
+            popoverHide (checkedIds, checkedData) {
+                console.log(checkedIds);
+                console.log(checkedData);
+                this.form.standSystem = checkedData.id
+                console.log(this.sarStandardsInfoEO.standSystem);
+            },
+          processTable () {
+            this.$http.get('lawss/activiti/get_list_by_instance', {
+              prcNum: this.$route.query.prcNum,
+              sortWord: this.shunxu ? this.paixu : '',
+              shunxu: this.shunxu
+            }, {
+              loading: 'loading',
+              _this: this
+            }, res => {
+              this.detailData = res
+            }, e => {})
+          },
+            getData() {
+                return new Promise((resolve, reject) => {
+                    inboundLiaisonDetail({
+                        taskIds: this.taskIds,
+                        pId: this.pId
+                    }).then(res => {
+                        if (res) {
+                          const processForm = JSON.parse(res.mesg)
+                            const dateArr = []
+                            if(processForm.commentCycleStart && processForm.commentCycleEnd){
+                                dateArr[0] = processForm.commentCycleStart
+                                dateArr[1] = processForm.commentCycleEnd
+                                this.commentCycleDate = dateArr
+                            }
+                          this.xgdFileId = processForm.xgd
+                          this.fbgbjbdFileId = processForm.fbgbjbd
+                          this.bpgFileId = processForm.bpg
+                          this.ssgFileId = processForm.ssg
+                          this.zqyjgFileId = processForm.zqyjg
+                          this.jdwjFileId = processForm.jdwj
+                          this.kwjFileId = processForm.kwj
+                          this.glwjFileId = processForm.glwj
+                          this.caFileId = processForm.ca
+                          this.zbjbdFileId = processForm.zbjbd
+                          this.form.standYear = processForm.standYear
+                          this.form.standSystem = processForm.standSystem
+                          this.form.kccvppsbm = processForm.kccvppsbm
+                          this.form.cycvppsbm = processForm.cycvppsbm
+                          this.form.dybxh = processForm.dybxh
+
+                          this.ZCWBLAWSFileId = processForm.ZCWBLAWS
+                          this.GCWBLAWSFileId = processForm.GCWBLAWS
+                          this.JDWJLAWSFileId = processForm.JDWJLAWS
+                          this.GLWJLAWSFileId = processForm.GLWJLAWS
+
+                          this.getFormFieldList(processForm)
+
+                          this.ZCWBLAWSFileMap=this.assemble(processForm.ZCWBLAWS,processForm.ZCWBLAWSName);
+
+                          this.GCWBLAWSFileMap=this.assemble(processForm.GCWBLAWS,processForm.GCWBLAWSName);
+
+                          this.JDWJLAWSFileMap=this.assemble(processForm.JDWJLAWS,processForm.JDWJLAWSName);
+
+                          this.GLWJLAWSFileMap=this.assemble(processForm.GLWJLAWS,processForm.GLWJLAWSName);
+                        }
+                    }).catch(e => {
+                    })
+                })
+            },
+            /**
+             * @description: 动态表单读取
+             */
+            getFormFieldList (item) {
+                this.$nextTick(() => {
+                    this.form = JSON.parse(JSON.stringify(item))
+                    this.defaultCheckedKeys = [this.form.standSystem];
+                    this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
+                    this.form.prcNum = this.prcNum
+                    this.form.prcName = this.prcName
+                    this.form['id'] = item.id
+                })
+            },
+            closeDrawer() {
+                this.ListModel = false
+            },
+            OkDrawer() {
+                this.ListModel = false
+                var item = {
+                    remarks: '123'
+                }
+                this.data.push(item)
+            },
+            addList() {
+                this.title = '新增标准'
+                this.ListModel = true
+            },
+            handleTabs(name) {
+                this.active = name
+            },
+            handleSave() {},
+            handleSubmit() {
+                this.form.commentText = this.commentText
+                this.form.approvalOpinion = this.approvalOpinion
+                const json = JSON.stringify(this.form);
+                console.log(json)
+                this.$http.post('lawss/activiti/completeTask', {
+                    taskIds: this.taskIds,
+                    userId : this.userId,
+                    json: json
+                }, {
+                    _this: this
+                }, res => {
+                    console.log(res);
+                    if (res.success) {
+                        this.processCreateStand(json)
+                      // 流程提交之后，应该流转至待办任务页面
+                      this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+                    }
+                })
+            },
+
+            /**
+             * @description: 流程入库
+             * @date: 2020-11-18 21:47:58
+             * @auth: chenxiaoxi
+             */
+            processCreateStand(json) {
+                const _formData = new FormData()
+                _formData.append('infoJson', json)
+                processCreateStand(_formData).then(res => {
+                    if (res.result === '操作成功' || res.data === '入库成功') {
+                        this.$message.success(res.data)
+                        setTimeout(() => {
+                            this.$router.push({
+                                name: 'ProcessCenter'
+                            })
+                        }, 100)
+                    } else {
+                        this.$message.warning(res.message)
+                    }
+                })
+            },
+        },
+        mounted () {
+            this.getData()
+          this.processTable()
+            this.$http.get('sys/dictype/getDicTypeListCode', '', {
+                _this: this
+            }, res => {
+                this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
+                this.standNatureOptions = res.data.SARPROPERTY // 标准性质
+                this.standStateOptions = res.data.WBZTCLASS // 文本状态
+                this.standSystemOptions = res.data.BZTXCLASS // 标准体系
+                this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
+                this.categoryOptions = res.data.NYLXCLASS // 能源类型
+                this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
+                this.cysdOptions = res.data.WSCYSD // 我司参与深度
+                this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
+                this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
+                this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+                this.txlbOptions = res.data.TXLBCLASS // 体系类别
+                this.qcdwOption = res.data.QCDW // 体系类别
+                this.gkglbmOptions = res.data.GKGLBM // 归口管理部门
+                this.cbcdOptions = res.data.DEGREESTANDARD // 采标程度
+                this.lawsTypeOptions = res.data.lawsType
+                this.lawsTextStateOptions = res.data.lawsTextState
+                this.lawsSyqyOptions = res.data.lawsSyqy
+                this.lawsSycxOptions = res.data.lawsSycx
+                this.lawsYearOptions = res.data.lawsYear
+                this.lawsLabelOptions = res.data.lawsLabel
+                this.CYSDLAWSOptions = res.data.CYSDLAWS
+                this.TGRLAWSOptions = res.data.TGRLAWS
+                this.TGDWLAWSOptions = res.data.TGDWLAWS
+                this.NYLXLAWSOptions = res.data.NYLXLAWS
+                this.YYRZLAWSOptions = res.data.YYRZLAWS
+                this.ZRBMLAWSOptions = res.data.ZRBMLAWS
+                this.ZRGCSLAWSOptions = res.data.ZRGCSLAWS
+            })
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+    .bzrkStep2 {
+        /deep/.el-drawer__container {
+            .prc-content-border {
+                border: none;
+                padding: 0 20px 0;
+            }
+        }
+        position: relative;
+        height: 100%;
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+    }
+</style>

src/pages/processCenter/pages/newProcess/index.vue

@@ -142,9 +142,24 @@
             </div>
           </el-card>
         </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'7d81e0afa045f8ba8911bcf984b64675'">
+        <el-col :span="size ? 6 : 8" v-btn-permission="''">
           <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('15')">
+            <div class="card-box" @click="handleCreateProcess('laws1')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策入库流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="size ? 6 : 8" v-btn-permission="'2e3f4c0aaf77629755533255f1335801'">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('17')">
               <div class="card-top">
                 <div class="card-top-left">
                   <img :src="getImg(Math.floor(Math.random() * 6))">
@@ -157,9 +172,9 @@
             </div>
           </el-card>
         </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'7128980e23ca7726ef92aad579ac7cb1'">
+        <el-col :span="size ? 6 : 8" v-btn-permission="'d415c764036a02559976b41b9dfe2cf1'">
           <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('16')">
+            <div class="card-box" @click="handleCreateProcess('18')">
               <div class="card-top">
                 <div class="card-top-left">
                   <img :src="getImg(Math.floor(Math.random() * 6))">
@@ -174,13 +189,13 @@
         </el-col>
         <el-col :span="size ? 6 : 8">
           <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('17')">
+            <div class="card-box" @click="handleCreateProcess('16')">
               <div class="card-top">
                 <div class="card-top-left">
                   <img :src="getImg(Math.floor(Math.random() * 6))">
                 </div>
                 <div class="card-top-right">
-                  <div class="card-top-right-text">政策课题会后流程</div>
+                  <div class="card-top-right-text">外部署名推荐审批流程</div>
                   <div class="card-top-right-line"></div>
                 </div>
               </div>
@@ -189,13 +204,58 @@
         </el-col>
         <el-col :span="size ? 6 : 8">
           <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('18')">
+            <div class="card-box" @click="handleCreateProcess('15')">
               <div class="card-top">
                 <div class="card-top-left">
                   <img :src="getImg(Math.floor(Math.random() * 6))">
                 </div>
                 <div class="card-top-right">
-                  <div class="card-top-right-text">外部署名推荐审批流程</div>
+                  <div class="card-top-right-text">加入标准化协会信息提报流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="size ? 6 : 8">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('14')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">参与外部标准制修订信息提报流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="size ? 6 : 8">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('20')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部标准化协会入会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="size ? 6 : 8">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('21')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部标准化协会参会流程</div>
                   <div class="card-top-right-line"></div>
                 </div>
               </div>
@@ -280,6 +340,12 @@ export default {
             name: 'bzdyStep1'
           })
           break
+        case 'laws1':
+          // 政策入库流程
+          this.$router.push({
+            name: 'zcrkStep1'
+          })
+          break
         case '1':
           // 标准入库流程
           this.$router.push({
@@ -353,29 +419,54 @@ export default {
             })
             break
         case '15':
+        case '17':
           //政策课题入会流程
           this.$router.push({
             name: 'zcrhStep1'
           })
           break
-        case '16':
+        case '18':
           //政策课题参会流程
           this.$router.push({
             name: 'zcchStep1'
           })
           break
-        case '17':
+        case '19':
           //政策课题会后流程
           this.$router.push({
             name: 'zchhStep1'
           })
           break
-        case '18':
+        case '16':
           //外部署名推荐审批流程
           this.$router.push({
             name: 'wbsmStep1'
           })
           break
+        case '15':
+          //加入标准化协会信息提报流程
+          this.$router.push({
+            name: 'jrbzhxhStep1'
+          })
+          break
+        case '14':
+          //参与外部标准制修订信息提报流程
+          this.$router.push({
+            name: 'cywbbzzxdStep1'
+          })
+          break
+        // 外部标准化协会入会流程
+        case '20':
+          this.$router.push({
+            name: 'bzrhStep1'
+          })
+          break
+        // 外部标准化协会参会流程
+        case '21':
+          this.$router.push({
+            name: 'bzchStep1'
+          })
+          break
       }
     },
     checkPermission(permissionIdArray) {

src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue

@@ -283,7 +283,6 @@ export default {
     dealWith (row) { // 办理
       this.setHandleInfo(JSON.stringify(row))
       const prcType = row.prcType
-      console.log('286',row)
       switch(prcType) {
         case '1':
           if (row.taskInfo === '标准法规业务经理审批') {
@@ -870,200 +869,6 @@ export default {
             })
           }
           break
-        case 'laws2':
-          if (row.taskInfo === '责任对接人进行任务下发') {
-            this.$router.push({
-              name: 'zczqyjStep2',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          } else if(row.taskInfo === '责任人(责任工程师)填写意见'){
-            this.$router.push({
-              name: 'zczqyjStep3',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '责任对接人审核'){
-            this.$router.push({
-              name: 'zczqyjStep4',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '法规工程师单条审核'){
-            this.$router.push({
-              name: 'zczqyjStep5',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '法规工程师修订'){
-            this.$router.push({
-              name: 'zczqyjStep6',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '法规认证部长审核'){
-            this.$router.push({
-              name: 'zczqyjStep7',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '法规认证部副总监审核'){
-            this.$router.push({
-              name: 'zczqyjStep8',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '法规认证部总监批准'){
-            this.$router.push({
-              name: 'zczqyjStep9',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          break
-        case 'laws3':
-          if (row.taskInfo === '法规认证部长批准') {
-            this.$router.push({
-              name: 'zdrzbzORzchgxxmscStep2',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          } else if(row.taskInfo === '法规认证部副总监批准'){
-            this.$router.push({
-              name: 'zdrzbzORzchgxxmscStep3',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '责任部门领导任务下发'){
-            this.$router.push({
-              name: 'zdrzbzORzchgxxmscStep4',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '责任人反馈情况'){
-            this.$router.push({
-              name: 'zdrzbzORzchgxxmscStep5-1',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '责任部门领导批准'){
-            this.$router.push({
-              name: 'zdrzbzORzchgxxmscStep6',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '法规管理员审核'){
-            this.$router.push({
-              name: 'zdrzbzORzchgxxmscStep7-1',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '法规认证部长审定'){
-            this.$router.push({
-              name: 'zdrzbzORzchgxxmscStep8',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          else if(row.taskInfo === '法规认证部副总监批准'){
-            this.$router.push({
-              name: 'zdrzbzORzchgxxmscStep9',
-              query: {
-                taskIds: row.taskIds,
-                prcId: row.prcId,
-                prcNum: row.prcNum,
-                prcName: row.prcName,
-                prcType: row.prcType
-              }
-            })
-          }
-          break
       }
     },
     ...mapMutations(['setProcess', 'setHandleInfo']),

src/pages/processCenter/pages/processList/tabComponents/taskDraft/index.vue

@@ -389,6 +389,135 @@ export default {
             }
           })
           break
+        case '17':
+          this.$router.push({
+            name: 'zcrhStep1-1',
+            query: {
+              type: '17',
+              processName: '政策课题入会流程',
+              bpnId: id
+            }
+          })
+          break
+        case '18':
+          this.$router.push({
+            name: 'zcchStep1-1',
+            query: {
+              type: '18',
+              processName: '政策课题参会流程',
+              bpnId: id
+            }
+          })
+          break
+        case '14':
+          this.$router.push({
+            name: 'cywbbzzxdStep1',
+            query: {
+              type: '14',
+              processName: '参与外部标准制修订信息提报流程',
+              bpnId: id
+            }
+          })
+          break
+        case '15':
+          if(mes !== null && mes.taskInfo !== null){
+            if (mes.taskInfo === '备案任务下发') {
+              this.$router.push({
+                name: 'jrbzhxhStep1',
+                query: {
+                  type: '15',
+                  processName: '加入标准化协会信息提报流程',
+                  bpnId: id,
+                  verifySarStandard: true,
+                }
+              })
+            }else if(mes.taskInfo === '入会信息填报'){
+              this.$router.push({
+                name: 'jrbzhxhStep2',
+                query: {
+                  type: '15',
+                  processName: '加入标准化协会信息提报流程',
+                  bpnId: id,
+                }
+              })
+            }
+            }else{
+            this.$router.push({
+              name: 'jrbzhxhStep1',
+              query: {
+                type: '15',
+                processName: '加入标准化协会信息提报流程',
+                bpnId: id
+              }
+            })
+            }
+          break
+        case '16':
+          this.$router.push({
+            name: 'wbsmStep1',
+            query: {
+              type: '16',
+              processName: '外部署名推荐审批流程',
+              bpnId: id
+            }
+          })
+          break
+        case '20':
+          this.$router.push({
+            name: 'bzrhStep1',
+            query: {
+              type: '20',
+              processName: '外部标准化协会入会流程',
+              bpnId: id
+            }
+          })
+          break
+              // 标准入库、
+        case 'laws1':
+          if(mes !== null && mes.taskInfo !== null){
+            if (mes.taskInfo === '申请人发起') {
+              this.$router.push({
+                name: 'zcrkStep1',
+                query: {
+                  type: '1',
+                  processName: '申请人发起流程',
+                  bpnId: id,
+                  verifySarStandard: true,
+                }
+              })
+            }else if(mes.taskInfo === '申请人重新发起'){
+              this.$router.push({
+                name: 'zcrkStep3',
+                query: {
+                  type: '1',
+                  processName: '申请人发起流程',
+                  bpnId: id,
+                  verifySarStandard: true,
+                }
+              })
+            }
+          }else {
+            this.$router.push({
+              name: 'zcrkStep3',
+              query: {
+                type: '1',
+                processName: '申请人发起流程',
+                bpnId: id,
+                verifySarStandard: true,
+              }
+            })
+          }
+          break
+        case '21':
+          this.$router.push({
+            name: 'bzchStep1',
+            query: {
+              type: '21',
+              processName: '外部标准化协会参会流程',
+              bpnId: id
+            }
+          })
+          break
       }
     },
     ...mapMutations(['setProcess', 'setHandleInfo']),

src/pages/regulatoryRepository/foreignRegulationsDatabase/js/foreignRegulationsDatabase.js

@@ -36,6 +36,8 @@ export default {
   },
   data () {
     return {
+      filterText: '', // 企业标准库过滤
+      treeList: [],
       visibleOrgTable: false,
       orgTableVal: '',
       orgTableValName: '',

src/pages/searchCenter/pages/advancedSearch.vue

@@ -39,9 +39,9 @@
                 <el-radio label="INLAND_STAND">
                   <span>{{ $t("m.standAll") }}</span>
                 </el-radio>
-<!--                <el-radio label="INLAND_LAWS">-->
+                <el-radio label="INLAND_LAWS">
-<!--                  <span>{{ $t("m.lawsAll") }}</span>-->
+                  <span>{{ $t("m.lawsAll") }}</span>
-<!--                </el-radio>-->
+                </el-radio>
                 <el-radio label="BUSINESS_STAND">
                   <span>{{ $t("m.enterpriseStandard") }}</span>
                 </el-radio>
@@ -402,28 +402,35 @@
               <el-form :model="standForm" ref="standForm" label-position="right" label-width="150px">
                 <el-row type="flex" justify="space-around" class="code-row-bg">
                   <el-col :span="12">
-                    <el-form-item label="政策分类" prop="nameShow">
+                    <el-form-item label="政策分类" prop="lawsType">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据政策分类查找"
+                      <el-select v-model="standForm.lawsType" filterable clearable @keyup.enter.native="btnSearch">
-                                @keyup.enter.native="btnSearch"></el-input>
+                        <el-option
+                                v-for="item in lawsTypeOptions"
+                                placeholder="请选择"
+                                :key="item.value"
+                                :value="item.value"
+                                :label="item.label"
+                        ></el-option>
+                      </el-select>
                     </el-form-item>
                   </el-col>
                   <el-col :span="12">
-                    <el-form-item label="政策编号" prop="numberShow">
+                    <el-form-item label="政策编号" prop="lawsNumber">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据政策编号查找"
+                      <el-input v-model="standForm.lawsNumber" clearable placeholder="根据政策编号查找"
                                 @keyup.enter.native="btnSearch"></el-input>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row type="flex" justify="space-around" class="code-row-bg">
                   <el-col :span="12">
-                    <el-form-item label="中文名称" prop="nameShow">
+                    <el-form-item label="中文名称" prop="lawsName">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据中文名称查找"
+                      <el-input v-model="standForm.lawsName" clearable placeholder="根据中文名称查找"
                                 @keyup.enter.native="btnSearch"></el-input>
                     </el-form-item>
                   </el-col>
                   <el-col :span="12">
-                    <el-form-item label="英文名称" prop="numberShow">
+                    <el-form-item label="英文名称" prop="lawsEnName">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据英文名称查找"
+                      <el-input v-model="standForm.lawsEnName" clearable placeholder="根据英文名称查找"
                                 @keyup.enter.native="btnSearch"></el-input>
                     </el-form-item>
                   </el-col>
@@ -436,156 +443,255 @@
                     </el-form-item>
                   </el-col>
                   <el-col :span="12">
-                    <el-form-item label="发文日期" prop="numberShow">
+                    <el-form-item label="发文日期" prop="issueTime">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据发文日期查找"
+                      <el-datePicker v-model="standForm.issueTime"
-                                @keyup.enter.native="btnSearch"></el-input>
+                                     @keyup.enter.native="btnSearch"
+                                     :editable="false"
+                                     placeholder="请选择发文日期"
+                                     value-format="yyyy-MM-dd"
+                                     clearable></el-datePicker>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row type="flex" justify="space-around" class="code-row-bg">
                   <el-col :span="12">
                     <el-form-item label="发文单位" prop="nameShow">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据发文单位查找"
+                      <el-input v-model="standForm.issueCompany" clearable placeholder="根据发文单位查找"
                                 @keyup.enter.native="btnSearch"></el-input>
                     </el-form-item>
                   </el-col>
                   <el-col :span="12">
-                    <el-form-item label="征集意见周期" prop="numberShow">
+                    <el-form-item label="征集意见周期" prop="commentCycleDate">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据征集意见周期查找"
+                        <el-date-picker
+                                v-model="commentCycleDate"
+                                @keyup.enter.native="btnSearch"
+                                type="datetimerange"
+                                :picker-options="pickerOptions"
+                                range-separator="至"
+                                start-placeholder="开始日期"
+                                end-placeholder="结束日期"
+                                value-format="yyyy-MM-dd">
+                        </el-date-picker>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row type="flex" justify="space-around" class="code-row-bg">
+                  <el-col :span="12">
+                    <el-form-item label="文本状态" prop="lawsTextState">
+                      <el-select v-model="standForm.lawsTextState"
+                                 @keyup.enter.native="btnSearch"
+                                 placeholder="请选择文本状态"
+                                 clearable>
+                        <el-option
+                                v-for="opt in lawsTextStateOptions"
+                                :key="opt.value"
+                                :value="opt.value === undefined ? '' :opt.value" :label="opt.label"
+                        >
+                          {{ opt.label }}
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="适用区域" prop="lawsSyqy">
+                      <el-select v-model="standForm.lawsSyqy" filterable clearable @keyup.enter.native="btnSearch">
+                        <el-option
+                                v-for="item in lawsSyqyOptions"
+                                placeholder="请选择"
+                                :key="item.value"
+                                :value="item.value"
+                                :label="item.label"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row type="flex" justify="space-around" class="code-row-bg">
+                  <el-col :span="12">
+                    <el-form-item label="适用车型" prop="lawsSycx">
+                      <el-select v-model="standForm.lawsSycx" filterable clearable @keyup.enter.native="btnSearch">
+                        <el-option
+                                v-for="item in lawsSycxOptions"
+                                placeholder="请选择"
+                                :key="item.value"
+                                :value="item.value"
+                                :label="item.label"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="是否纳入标准清单" prop="isRelateAccess">
+                      <el-select v-model="standForm.isRelateAccess" @keyup.enter.native="btnSearch">
+                        <el-option value="1" label="是" key="1"></el-option>
+                        <el-option value="2" label="否" key="2"></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row type="flex" justify="space-around" class="code-row-bg">
+                  <el-col :span="12">
+                    <el-form-item label="年度" prop="lawsYear">
+                      <el-select v-model="standForm.lawsYear" filterable clearable @keyup.enter.native="btnSearch">
+                        <el-option
+                                v-for="item in lawsYearOptions"
+                                placeholder="请选择"
+                                :key="item.value"
+                                :value="item.value"
+                                :label="item.label"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="福田转发通知文号" prop="lawsNotisyncNum">
+                      <el-input v-model="standForm.lawsNotisyncNum" clearable placeholder="根据福田转发通知文号查找"
                                 @keyup.enter.native="btnSearch"></el-input>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row type="flex" justify="space-around" class="code-row-bg">
                   <el-col :span="12">
-                    <el-form-item label="文本状态" prop="nameShow">
+                    <el-form-item label="信息简报" prop="lawsBulletin">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据文本状态查找"
+                      <el-input v-model="standForm.lawsBulletin" clearable placeholder="根据信息简报查找"
                                 @keyup.enter.native="btnSearch"></el-input>
                     </el-form-item>
                   </el-col>
                   <el-col :span="12">
-                    <el-form-item label="适用区域" prop="numberShow">
+                    <el-form-item label="实施日期" prop="SSRQLAWS">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据适用区域查找"
+                      <el-datePicker v-model="standForm.SSRQLAWS"
-                                @keyup.enter.native="btnSearch"></el-input>
+                                     @keyup.enter.native="btnSearch"
-                    </el-form-item>
+                                     :editable="false"
-                  </el-col>
+                                     placeholder="请选择实施日期"
-                </el-row>
+                                     value-format="yyyy-MM-dd"
-                <el-row type="flex" justify="space-around" class="code-row-bg">
+                                     clearable></el-datePicker>
-                  <el-col :span="12">
-                    <el-form-item label="适用车型" prop="nameShow">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据适用车型查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="是否纳入标准清单" prop="numberShow">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据是否纳入标准清单查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row type="flex" justify="space-around" class="code-row-bg">
-                  <el-col :span="12">
-                    <el-form-item label="年度" prop="nameShow">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据年度查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="福田转发通知文号" prop="numberShow">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据福田转发通知文号查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row type="flex" justify="space-around" class="code-row-bg">
-                  <el-col :span="12">
-                    <el-form-item label="信息简报" prop="nameShow">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据信息简报查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="实施日期" prop="numberShow">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据实施日期查找"
-                                @keyup.enter.native="btnSearch"></el-input>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row type="flex" justify="space-around" class="code-row-bg">
                   <el-col :span="12">
                     <el-form-item label="新车型实施日期" prop="nameShow">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据新车型实施日期查找"
+                      <el-datePicker v-model="standForm.XCXSSRQLAWS"
-                                @keyup.enter.native="btnSearch"></el-input>
+                                     @keyup.enter.native="btnSearch"
+                                     :editable="false"
+                                     placeholder="请选择新车型实施日期"
+                                     value-format="yyyy-MM-dd"
+                                     clearable></el-datePicker>
                     </el-form-item>
                   </el-col>
                   <el-col :span="12">
                     <el-form-item label="在产车实施日期" prop="numberShow">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据在产车实施日期查找"
+                      <el-datePicker v-model="standForm.ZCXSSRQLAWS"
+                                     @keyup.enter.native="btnSearch"
+                                     :editable="false"
+                                     placeholder="请选择在产车实施日期"
+                                     value-format="yyyy-MM-dd"
+                                     clearable></el-datePicker>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row type="flex" justify="space-around" class="code-row-bg">
+                  <el-col :span="12">
+                    <el-form-item label="我司参与深度" prop="CYSDLAWS">
+                      <el-select v-model="standForm.CYSDLAWS" filterable clearable @keyup.enter.native="btnSearch">
+                        <el-option
+                                v-for="item in CYSDLAWSOptions"
+                                placeholder="请选择"
+                                :key="item.value"
+                                :value="item.value"
+                                :label="item.label"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="投稿人" prop="TGRLAWS">
+                      <el-select v-model="standForm.TGRLAWS" filterable clearable @keyup.enter.native="btnSearch">
+                        <el-option
+                                v-for="item in TGRLAWSOptions"
+                                placeholder="请选择"
+                                :key="item.value"
+                                :value="item.value"
+                                :label="item.label"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row type="flex" justify="space-around" class="code-row-bg">
+                  <el-col :span="12">
+                    <el-form-item label="投稿单位" prop="TGDWLAWS">
+                      <el-select v-model="standForm.TGDWLAWS" filterable clearable @keyup.enter.native="btnSearch">
+                        <el-option
+                                v-for="item in TGDWLAWSOptions"
+                                placeholder="请选择"
+                                :key="item.value"
+                                :value="item.value"
+                                :label="item.label"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="适用认证" prop="YYRZLAWS">
+                      <el-select v-model="standForm.YYRZLAWS" filterable clearable @keyup.enter.native="btnSearch">
+                        <el-option
+                                v-for="item in YYRZLAWSOptions"
+                                placeholder="请选择"
+                                :key="item.value"
+                                :value="item.value"
+                                :label="item.label"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row type="flex" justify="space-around" class="code-row-bg">
+                  <el-col :span="12">
+                    <el-form-item label="责任部门" prop="ZRBMLAWS">
+                      <el-select v-model="standForm.ZRBMLAWS" filterable clearable @keyup.enter.native="btnSearch">
+                        <el-option
+                                v-for="item in ZRBMLAWSOptions"
+                                placeholder="请选择"
+                                :key="item.value"
+                                :value="item.value"
+                                :label="item.label"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="责任工程师" prop="ZRGCSLAWS">
+                      <el-select v-model="standForm.ZRGCSLAWS" filterable clearable @keyup.enter.native="btnSearch">
+                        <el-option
+                                v-for="item in ZRGCSLAWSOptions"
+                                placeholder="请选择"
+                                :key="item.value"
+                                :value="item.value"
+                                :label="item.label"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row type="flex" justify="space-around" class="code-row-bg">
+                  <el-col :span="12">
+                    <el-form-item label="代替文件号" prop="DTWJHLAWS">
+                      <el-input v-model="standForm.DTWJHLAWS" clearable placeholder="根据代替文件号查找"
+                                @keyup.enter.native="btnSearch"></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="被代替文件号" prop="BDTWJHLAWS">
+                      <el-input v-model="standForm.BDTWJHLAWS" clearable placeholder="根据被代替文件号查找"
                                 @keyup.enter.native="btnSearch"></el-input>
                     </el-form-item>
                   </el-col>
                 </el-row>
                 <el-row type="flex" justify="space-around" class="code-row-bg">
                   <el-col :span="12">
-                    <el-form-item label="我司参与深度" prop="nameShow">
+                    <el-form-item label="引用标准&政策" prop="YYBZZCLAWS">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据我司参与深度查找"
+                      <el-input v-model="standForm.YYBZZCLAWS" clearable placeholder="根据引用标准&政策查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="投稿人" prop="numberShow">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据投稿人查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row type="flex" justify="space-around" class="code-row-bg">
-                  <el-col :span="12">
-                    <el-form-item label="投稿单位" prop="nameShow">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据投稿单位查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="适用认证" prop="numberShow">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据适用认证查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row type="flex" justify="space-around" class="code-row-bg">
-                  <el-col :span="12">
-                    <el-form-item label="责任部门" prop="nameShow">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据责任部门查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="责任工程师" prop="numberShow">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据责任工程师查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row type="flex" justify="space-around" class="code-row-bg">
-                  <el-col :span="12">
-                    <el-form-item label="代替文件号" prop="nameShow">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据代替文件号查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="被代替文件号" prop="numberShow">
-                      <el-input v-model="standForm.numberShow" clearable placeholder="根据被代替文件号查找"
-                                @keyup.enter.native="btnSearch"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row type="flex" justify="space-around" class="code-row-bg">
-                  <el-col :span="12">
-                    <el-form-item label="引用标准&政策" prop="nameShow">
-                      <el-input v-model="standForm.nameShow" clearable placeholder="根据引用标准&政策查找"
                                 @keyup.enter.native="btnSearch"></el-input>
                     </el-form-item>
                   </el-col>
@@ -891,12 +997,11 @@
                 </el-table-column>
                 <el-table-column
                   align="center"
-                  :label="selectIndex === 'INLAND_STAND' ? this.$t('m.standNumber') : (this.selectIndex === 'INLAND_LAWS' ? this.$t('m.documentNumber') : this.$t('m.enterpriseStandardNumber'))"
+                  :label="selectIndex === 'INLAND_STAND' ? this.$t('m.standNumber') : (this.selectIndex === 'INLAND_LAWS' ? '政策编号' : this.$t('m.enterpriseStandardNumber'))"
                   show-overflow-tooltip
                 >
                   <template slot-scope="scope">
-                    <span style="margin-left: 10px" @click="judgeRolePermiOnSar(scope.row, 1)">{{ scope.row.numbershow
+                    <span style="margin-left: 10px" @click="judgeRolePermiOnSar(scope.row, 1)">{{ selectIndex === 'INLAND_LAWS' ? scope.row.lawsNumber : scope.row.numbershow}}</span>
-                      }}</span>
                   </template>
                 </el-table-column>
                 <el-table-column
@@ -963,11 +1068,11 @@
                 </el-table-column>
                 <el-table-column
                   align="center"
-                  :label="selectIndex === 'INLAND_STAND' ? '标准名称' : (this.selectIndex === 'INLAND_LAWS' ? '文件名称' : '企业标准名称')"
+                  :label="selectIndex === 'INLAND_STAND' ? '标准名称' : (this.selectIndex === 'INLAND_LAWS' ? '中文名称' : '企业标准名称')"
                   show-overflow-tooltip
                 >
                   <template slot-scope="scope">
-                    <span style="margin-left: 10px" @click="judgeRolePermiOnSar(scope.row, 1)">{{ scope.row.nameshow
+                    <span style="margin-left: 10px" @click="judgeRolePermiOnSar(scope.row, 1)">{{ selectIndex === 'INLAND_LAWS' ? scope.row.lawsName : scope.row.nameshow
                       }}</span>
                   </template>
                 </el-table-column>
@@ -985,11 +1090,11 @@
                 </el-table-column>
                 <el-table-column
                   align="center"
-                  :label="$t('m.putTime')"
+                  :label="selectIndex === 'INLAND_LAWS' ? '新车实施日期' :$t('m.putTime')"
                   width="130">
                   <template slot-scope="scope">
                     <div v-if="selectIndex === 'INLAND_STAND' ? (scope.row.SSRQ !== null && scope.row.SSRQ !== undefined && scope.row.SSRQ !== '') : (scope.row.putTime !== null && scope.row.putTime !== undefined && scope.row.putTime !== '')">
-                      {{ $dateFormat(new Date(selectIndex === 'INLAND_STAND' ? scope.row.SSRQ : scope.row.putTime), "yyyy-MM-dd") }}
+                      {{ $dateFormat(new Date(selectIndex === 'INLAND_STAND' ? scope.row.SSRQ : (selectIndex === 'INLAND_LAWS' ? scope.row.XCXSSRQLAWS : scope.row.putTime)), "yyyy-MM-dd") }}
                     </div>
                     <div v-else></div>
                   </template>
@@ -999,9 +1104,9 @@
                   width="180"
                   :label="selectIndex === 'INLAND_STAND' ? '文本状态' : (this.selectIndex === 'INLAND_LAWS' ? '文件状态' : '文本状态')">
                   <template slot-scope="scope">
-                      <div :style="selectIndex === 'BUSINESS_STAND' ? (scope.row.textStatusBussName === '参考' ? 'color: #E6A23C;' :
+                      <div :style="selectIndex === 'BUSINESS_STAND' || selectIndex === 'INLAND_LAWS' ? (scope.row.textStatusBussName === '参考' ? 'color: #E6A23C;' :
-                      (scope.row.textStatusBussName === '作废' || scope.row.textStatusBussName === '被代替' ? 'color: #F56C6C;' : '')) : ''">
+                      (scope.row.textStatusBussName === '作废' || scope.row.lawsTextStateName === '作废' || scope.row.textStatusBussName === '被代替' ? 'color: #F56C6C;' : '')) : ''">
-                      {{ selectIndex === 'INLAND_STAND' ? scope.row.textStatusName : (selectIndex === 'INLAND_LAWS' ? scope.row.textStatusLawsName : scope.row.textStatusBussName) }}
+                      {{ selectIndex === 'INLAND_STAND' ? scope.row.textStatusName : (selectIndex === 'INLAND_LAWS' ? scope.row.lawsTextStateName : scope.row.textStatusBussName) }}
                     </div>
                   </template>
                 </el-table-column>
@@ -1142,6 +1247,33 @@ export default {
   },
   data() {
     return {
+      pickerOptions: {
+        shortcuts: [{
+          text: '最近一周',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近一个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近三个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+            picker.$emit('pick', [start, end]);
+          }
+        }]
+      },
       tableLoading: false,
       // 分享抽屉状态
       saveRoleBuss: [],
@@ -1205,6 +1337,7 @@ export default {
       // 国内标准检索条件
       regionOptions: [], // 区域
       partsOptions: [], // 关联零部件
+      commentCycleDate:'',
       standForm: {
         region: "",
         isHigh:'stand',
@@ -1327,6 +1460,46 @@ export default {
         glwj: '', // 关联文件
         xglc: '', // 相关流程
         chjl: '', // 参会记录
+        lawsType: '',
+        lawsNumber: '',
+        lawsName: '',
+        lawsEnName: '',
+        lawsNo: '',
+        issueTime: '',
+        issueCompany: '',
+        commentCycleStart: '',
+        commentCycleEnd: '',
+        lawsTextState: '',
+        lawsSyqy: '',
+        lawsSycx: '',
+        isRelateAccess: '',
+        lawsYear: '',
+        lawsNotisyncNum: '',
+        lawsBulletin: '',
+        lawsLabel: '',
+        lawsRemark: '',
+        SSRQLAWS:'',
+        XCXSSRQLAWS:'',
+        ZCXSSRQLAWS:'',
+        // 文本信息
+        ZCWBLAWS:'',
+        GCWBLAWS:'',
+        JDWJLAWS:'',
+        // 适用范围
+        FBJGLAWS: '',
+        CYSDLAWS: '',
+        TGRLAWS: '',
+        TGDWLAWS: '',
+        NYLXLAWS: '',
+        YYRZLAWS: '',
+        ZRBMLAWS: '',
+        ZRGCSLAWS: '',
+        DTWJHLAWS: '',
+        BDTWJHLAWS: '',
+        YYBZZCLAWS: '',
+        XGLC: '',
+        CHJLLAWS: '',
+        GLWJLAWS: '',
       },
       // 国家/地区
       countryOptions: [],
@@ -1348,6 +1521,19 @@ export default {
       qcrOptions:[],//起草人下拉框
       nylxOptions:[],//能源类型下拉框
       syrzOptions:[],//适用认证下拉框
+      lawsTypeOptions: [],
+      lawsTextStateOptions: [],
+      lawsSyqyOptions: [],
+      lawsSycxOptions: [],
+      lawsYearOptions: [],
+      lawsLabelOptions: [],
+      CYSDLAWSOptions: [],
+      TGRLAWSOptions: [],
+      TGDWLAWSOptions: [],
+      NYLXLAWSOptions: [],
+      YYRZLAWSOptions: [],
+      ZRBMLAWSOptions: [],
+      ZRGCSLAWSOptions: [],
       // 我司署名人
       wssmrOptions: [],
       // 体系类别
@@ -1753,7 +1939,6 @@ export default {
       this.searchSarBykey();
     },
     judgeRolePermiOnSar(item, type) {
-      debugger
       let pagetype;
       if (type !== 5 && item.type === "msgdyinfo") {
         if (type === 2) {
@@ -1846,6 +2031,12 @@ export default {
             sarStandAttrObj[item.attrField] = nowStandForm[attrField]
         })
       nowStandForm['sarStandAttrEOStr'] = JSON.stringify(sarStandAttrObj).replace(/"/g, "'")
+
+      if(this.commentCycleDate && this.commentCycleDate.length === 2){
+        nowStandForm['commentCycleStart'] = this.commentCycleDate[0]
+        nowStandForm['commentCycleEnd'] = this.commentCycleDate[1]
+      }
+
       this.exportSearchInfo = nowStandForm;
       this.$http.post("search/searchCenter/searchSarBykey", nowStandForm, {
         _this: this,
@@ -1991,7 +2182,6 @@ export default {
     },
     // 查看 查看跳转详情页
     detailsStandardLaws(item) {
-      debugger
       let routername = "";
       let pagetype = "";
       if (item.type === "stand") {
@@ -2003,19 +2193,20 @@ export default {
               pagetype = "FOREIGN_STAND";
           }
       } else if (item.type === "laws") {
-        if (this.$hasPermission("9P2UTSAHZ3AHKDGAEY6V")) {
+        routername = "OtherLawsStandDetails";
-          routername = "OtherLawsDetails";
+        pagetype = "LAWS_STAND";
-          if (item.laws_type === "INLAND") {
+        // if (this.$hasPermission("9P2UTSAHZ3AHKDGAEY6V")) {
-            pagetype = "INLAND_LAWS";
+        //   if (item.laws_type === "INLAND") {
-          } else {
+        //     pagetype = "INLAND_LAWS";
-            pagetype = "FOREIGN_LAWS";
+        //   } else {
-          }
+        //     pagetype = "FOREIGN_LAWS";
-        } else {
+        //   }
-          this.$message({
+        // } else {
-            message: "无权访问",
+        //   this.$message({
-            type: "warning"
+        //     message: "无权访问",
-          });
+        //     type: "warning"
-        }
+        //   });
+        // }
       } else {
           routername = "OtherBussStandardDetails";
           pagetype = "BUSINESS_STAND ";
@@ -2255,7 +2446,7 @@ export default {
           }
         } else if (item.typeShow === "INLAND_LAWS" || item.typeShow === "FOREIGN_LAWS") {
           if (this.$hasPermission("9P2UTSAHZ3AHKDGAEY6V")) {
-            routername = "OtherLawsDetails";
+            routername = "OtherLawsStandDetails";
           } else {
             this.$message({
               message: "无权访问",
@@ -2483,6 +2674,19 @@ export default {
       this.qcdwOptions = res.data.QCDW // 起草单位
       this.qcrOptions = res.data.QCRBUSS // 起草人
       this.syrzOptions = res.data.SYRZCLASS // 适用认证
+      this.lawsTypeOptions = res.data.lawsType
+      this.lawsTextStateOptions = res.data.lawsTextState
+      this.lawsSyqyOptions = res.data.lawsSyqy
+      this.lawsSycxOptions = res.data.lawsSycx
+      this.lawsYearOptions = res.data.lawsYear
+      this.lawsLabelOptions = res.data.lawsLabel
+      this.CYSDLAWSOptions = res.data.CYSDLAWS
+      this.TGRLAWSOptions = res.data.TGRLAWS
+      this.TGDWLAWSOptions = res.data.TGDWLAWS
+      this.NYLXLAWSOptions = res.data.NYLXLAWS
+      this.YYRZLAWSOptions = res.data.YYRZLAWS
+      this.ZRBMLAWSOptions = res.data.ZRBMLAWS
+      this.ZRGCSLAWSOptions = res.data.ZRGCSLAWS
     }, e => {
     });
     // 根据资源类型过滤表头

src/pages/searchCenter/pages/standardSearch.vue

@@ -85,18 +85,18 @@
                                                 show-overflow-tooltip
                                                 v-if="selectIndex !== 'msgdyinfo'"
                                                 align="center"
-                                                :label="selectIndex === 'stand'|| 'bussstand'? $t('m.standNumber') : (selectIndex === 'laws' ? $t('m.documentNumber') : $t('m.enterpriseStandardNumber'))">
+                                                :label="(selectIndex === 'stand'||'bussstand') && selectIndex !== 'laws' ? $t('m.standNumber') : (selectIndex === 'laws' ? '政策编号' : $t('m.enterpriseStandardNumber'))">
                                             <template slot-scope="scope">
-                                                <a class="jumpColor" style="margin-left: 10px" @click="judgeRolePermiOnSar(scope.row, 1)">{{ scope.row.numbershow }}</a>
+                                                <a class="jumpColor" style="margin-left: 10px" @click="judgeRolePermiOnSar(scope.row, 1)">{{ selectIndex === 'laws' ? scope.row.lawsNumber :scope.row.numbershow }}</a>
                                             </template>
                                         </el-table-column>
                                         <el-table-column
                                                 show-overflow-tooltip
                                                 v-if="selectIndex !== 'msgdyinfo'"
                                                 align="center"
-                                                :label="selectIndex === 'stand'||'bussstand' ? $t('m.standName') : (selectIndex === 'laws' ? $t('m.fileName') : $t('m.enterpriseStandardName'))">
+                                                :label="(selectIndex === 'stand'||'bussstand') && selectIndex !== 'laws'  ? $t('m.standName') : (selectIndex === 'laws' ? '中文名称' : $t('m.enterpriseStandardName'))">
                                             <template slot-scope="scope">
-                                                <a class="jumpColor" style="margin-left: 10px" @click="judgeRolePermiOnSar(scope.row, 1)">{{ scope.row.nameshow }}</a>
+                                                <a class="jumpColor" style="margin-left: 10px" @click="judgeRolePermiOnSar(scope.row, 1)">{{ selectIndex === 'laws' ? scope.row.lawsName : scope.row.nameshow }}</a>
                                             </template>
                                         </el-table-column>
                                         <el-table-column
@@ -111,11 +111,12 @@
                                         </el-table-column>
                                         <el-table-column
                                                 align="center"
-                                                :label="$t('m.putTime')"
+                                                :label="(selectIndex === 'stand'||'bussstand') && selectIndex !== 'laws' ? $t('m.putTime') : '新车实施日期'"
                                                 width="130">
                                             <template slot-scope="scope">
-                                                <div v-if="selectIndex === 'stand' || selectIndex === 'bussstand' ? (scope.row.SSRQ !== null && scope.row.SSRQ !== undefined && scope.row.SSRQ !== '') : (scope.row.putTime !== null && scope.row.putTime !== undefined && scope.row.putTime !== '')">
+                                                <div v-if="selectIndex === 'stand' || selectIndex === 'bussstand' ? (scope.row.SSRQ !== null && scope.row.SSRQ !== undefined && scope.row.SSRQ !== '')
-                                                    {{ $dateFormat(new Date((selectIndex === 'stand' || (selectIndex === 'bussstand' && scope.row.standType === 'FOREIGN')) ? scope.row.SSRQ : scope.row.putTime), "yyyy-MM-dd") }}
+                                                 : (selectIndex === 'laws' ? scope.row.XCXSSRQLAWS : (scope.row.putTime !== null && scope.row.putTime !== undefined && scope.row.putTime !== ''))">
+                                                    {{ $dateFormat(new Date((selectIndex === 'stand' || (selectIndex === 'bussstand' && scope.row.standType === 'FOREIGN')) ? scope.row.SSRQ : (selectIndex === 'laws' ? scope.row.XCXSSRQLAWS :scope.row.putTime)), "yyyy-MM-dd") }}
                                                 </div>
                                                 <div v-else></div>
                                             </template>
@@ -126,10 +127,10 @@
                                                 :label="selectIndex === 'stand'||'bussstand' ? $t('m.standStateShow') : (selectIndex === 'laws' ? $t('m.fileStatus') : $t('m.enterpriseStandardStatus'))"
                                                 width="200">
                                             <template slot-scope="scope">
-                                                <span v-if="selectIndex === 'laws'">{{ getLawsState(scope.row.statecode) }}</span>
+<!--                                                <span v-if="selectIndex === 'laws'">{{ getLawsState(scope.row.statecode) }}</span>-->
-                                                <div v-else  :class="selectIndex === 'enterprise' ? (scope.row.textStatusBussName === '参考' ? 'yellowClass' :
+                                                <div :class="selectIndex === 'enterprise' || selectIndex === 'laws' ? (scope.row.textStatusBussName === '参考' ? 'yellowClass' :
-                                                (scope.row.textStatusBussName === '作废' || scope.row.textStatusBussName === '被代替' ? 'redClass' : '')) : ''">
+                                                (scope.row.textStatusBussName || scope.row.lawsTextStateName === '作废' || scope.row.textStatusBussName === '被代替' ? 'redClass' : '')) : ''">
-                                                {{ selectIndex === 'stand'|| (selectIndex === 'bussstand' && scope.row.standType === 'FOREIGN') ? scope.row.textStatusName : (selectIndex === 'laws' ? scope.row.textStatusLawsName : scope.row.textStatusBussName) }}</div>
+                                                {{ selectIndex === 'stand'|| (selectIndex === 'bussstand' && scope.row.standType === 'FOREIGN') ? scope.row.textStatusName : (selectIndex === 'laws' ? scope.row.lawsTextStateName : scope.row.textStatusBussName) }}</div>
                                             </template>
                                         </el-table-column>
                                         <el-table-column
@@ -368,7 +369,7 @@
                 seniortypeStand: ['selectIndex', 'standSort', 'category', 'nature', 'standState', 'applyArctic', 'applyAuth', 'CLLX', 'CBCD', 'ZRLX', 'CYSD'],
                 seniortypeBuss: ['selectIndex', 'country', 'standSort', 'category', 'nature', 'standState', 'textStatus', 'applyArctic', 'applyAuth', 'CLLX', 'CBCD', 'ZRLX', 'CYSD'],
                 // seniortypeLaws: ['selectIndex', 'country', 'SYCLLX', 'ZRLX', 'WSSFCY'], // 政策的适用车辆类型、我司是否参与 和 国内的字段不一样
-                seniortypeLaws: ['selectIndex', 'country', 'CLLX', 'ZRLX', 'CYSD'], // 政策的适用车辆类型、我司是否参与 和 国内的字段不一样
+                seniortypeLaws: ['selectIndex', 'lawsSyqy', 'lawsSycx', 'CYSDLAWS'], // 政策的适用车辆类型、我司是否参与 和 国内的字段不一样
                 seniortypeEnterprise : ['selectIndex','BUSSSTATE','ORGLIST'],
                 seniortypeMsg: ['selectIndex', 'module'],
                 // 检索选项
@@ -388,10 +389,10 @@
                                 label: '海外标准法规', // value没改
                                 value: 'bussstand'
                             },
-                            // {
+                            {
-                            //     label: '国内外政策',
+                                label: '国内外政策',
-                            //     value: 'laws'
+                                value: 'laws'
-                            // },
+                            },
                             {
                                 label: '企业标准',
                                 value: 'enterprise'
@@ -719,10 +720,10 @@
                                     label: '海外标准法规',
                                     value: 'bussstand'
                                 },
-                                // {
+                                {
-                                //     label: '国内外政策',
+                                    label: '国内外政策',
-                                //     value: 'laws'
+                                    value: 'laws'
-                                // },
+                                },
                                 {
                                     label: '企业标准',
                                     value: 'enterprise'
@@ -1042,6 +1043,18 @@
                                 case 'ORGLIST':
                                     option.title = '主起草部门'
                                     option.index = 15
+                                    break
+                                case 'lawsSyqy':
+                                    option.title = '适用区域'
+                                    option.index = 16
+                                    break
+                                case 'lawsSycx':
+                                    option.title = '适用车型'
+                                    option.index = 17
+                                    break
+                                case 'CYSDLAWS':
+                                    option.title = '我司参与深度'
+                                    option.index = 18
                             }
                             option.showOpenBtn = false
                             option.options = data[key]
@@ -1105,22 +1118,22 @@
                             break
                         //  国内外政策
                         case 'laws':
-                            filterOptions.country = originOptions.country
+                            filterOptions.lawsSyqy = originOptions.lawsSyqy
-                            filterOptions.country.title = '适用区域'
+                            filterOptions.lawsSyqy.title = '适用区域'
-                            filterOptions.country.index = 1
+                            filterOptions.lawsSyqy.index = 1
                             //  适用车辆类型
-                            filterOptions.CLLX = originOptions.CLLX
+                            filterOptions.lawsSycx = originOptions.lawsSycx
                             // filterOptions.SYCLLX = originOptions.CLLX
-                            filterOptions.CLLX.title = '适用车辆类型'
+                            filterOptions.lawsSycx.title = '适用车辆'
-                            filterOptions.CLLX.index = 2
+                            filterOptions.lawsSycx.index = 2
                             //  监管类型
-                            filterOptions.ZRLX = originOptions.ZRLX
+                            // filterOptions.ZRLX = originOptions.ZRLX
-                            filterOptions.ZRLX.title = '准入类型'
+                            // filterOptions.ZRLX.title = '准入类型'
-                            filterOptions.ZRLX.index = 3
+                            // filterOptions.ZRLX.index = 3
                             // 我司参与状态
-                            filterOptions.CYSD = originOptions.SHIFOU
+                            filterOptions.CYSDLAWS = originOptions.CYSDLAWS
-                            filterOptions.CYSD.title = '我司是否参与'
+                            filterOptions.CYSDLAWS.title = '我司是否参与'
-                            filterOptions.CYSD.index = 4
+                            filterOptions.CYSDLAWS.index = 3
                             break
                         //  海外标准法规
                         case 'bussstand':
@@ -1257,10 +1270,6 @@
                 let searchKeys = Object.keys(this.searchOptions)
                 for (let key in searchCondition) {
                     if (searchKeys.indexOf(key) !== -1) {
-                        if (condition.selectIndex === 'laws') {
-                            condition.SYCLLX = condition.CLLX
-                            condition.WSSFCY = condition.CYSD
-                        }
                         condition[key] = searchCondition[key].join(',') === 'all' ? '' : searchCondition[key].join(',')
                     }
                 }
@@ -1285,10 +1294,7 @@
                 }
                 // 查询为国内外政策时，改变查询参数名
                 if (condition.selectIndex === 'laws') {
-                    condition.SYCLLX = condition.CLLX
+                    condition.type = 'laws'
-                    condition.WSSFCY = condition.CYSD
-                    delete condition.CLLX
-                    delete condition.CYSD
                 }
                 if(condition.selectValue === undefined){
                     condition.selectValue = ''
@@ -2321,12 +2327,13 @@
                     //   }
                 } else if (item.type === 'laws') {
                     // if (this.$hasPermission('HK36LHK9444NPN8X634W')){
-                    routername = 'OtherLawsDetails'
+                    routername = 'OtherLawsStandDetails'
-                    if (item.lawsType === 'INLAND') {
+                    pagetype = 'LAWS_STAND'
-                        pagetype = 'INLAND_LAWS'
+                    // if (item.lawsType === 'INLAND') {
-                    } else {
+                    //     pagetype = 'INLAND_LAWS'
-                        pagetype = 'FOREIGN_LAWS'
+                    // } else {
-                    }
+                    //     pagetype = 'FOREIGN_LAWS'
+                    // }
                     // }else {
                     //   this.$message({
                     //     message: '无权访问',

src/router/index.js

@@ -871,6 +871,42 @@ const routes = [
           title: '标准入库流程'
         }
       },
+      {
+        path: '/zcrkStep1',
+        name: 'zcrkStep1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/zcrk/step1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '政策入库流程'
+        }
+      },
+      {
+        path: '/zcrkStep2',
+        name: 'zcrkStep2',
+        component: () => import('@/pages/processCenter/pages/creatProcess/zcrk/step2.vue'),
+        meta: {
+          requireAuth: true,
+          title: '政策入库流程'
+        }
+      },
+      {
+        path: '/zcrkStep3',
+        name: 'zcrkStep3',
+        component: () => import('@/pages/processCenter/pages/creatProcess/zcrk/step3.vue'),
+        meta: {
+          requireAuth: true,
+          title: '政策入库流程'
+        }
+      },
+      {
+        path: '/zcrkStep5',
+        name: 'zcrkStep5',
+        component: () => import('@/pages/processCenter/pages/creatProcess/zcrk/step5.vue'),
+        meta: {
+          requireAuth: true,
+          title: '政策入库流程'
+        }
+      },
       {
         path: '/bzdyStep1',
         name: 'bzdyStep1',
@@ -1150,6 +1186,42 @@ const routes = [
           title: '政策课题入会流程'
         }
       },
+      {
+        path: '/zcrhStep2',
+        name: 'zcrhStep2',
+        component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step2.vue'),
+        meta: {
+          requireAuth: true,
+          title: '政策课题入会流程'
+        }
+      },
+        {
+            path: '/zcrhStep3',
+            name: 'zcrhStep3',
+            component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step3.vue'),
+            meta: {
+                requireAuth: true,
+                title: '政策课题入会流程'
+            }
+        },
+        {
+            path: '/zcrhStep4',
+            name: 'zcrhStep4',
+            component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step4.vue'),
+            meta: {
+                requireAuth: true,
+                title: '政策课题入会流程'
+            }
+        },
+        {
+            path: '/zcrhStep1-1',
+            name: 'zcrhStep1-1',
+            component: () => import('@/pages/processCenter/pages/creatProcess/zcrh/step1-1.vue'),
+            meta: {
+                requireAuth: true,
+                title: '政策课题入会流程'
+            }
+        },
       {
         path: '/zcchStep1',
         name: 'zcchStep1',
@@ -1159,6 +1231,33 @@ const routes = [
           title: '政策课题参会流程'
         }
       },
+      {
+        path: '/zcchStep2',
+        name: 'zcchStep2',
+        component: () => import('@/pages/processCenter/pages/creatProcess/zcch/step2.vue'),
+        meta: {
+          requireAuth: true,
+          title: '政策课题参会流程'
+        }
+      },
+      {
+        path: '/zcchStep3',
+        name: 'zcchStep3',
+        component: () => import('@/pages/processCenter/pages/creatProcess/zcch/step3.vue'),
+        meta: {
+          requireAuth: true,
+          title: '政策课题参会流程'
+        }
+      },
+      {
+        path: '/zcchStep1-1',
+        name: 'zcchStep1-1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/zcch/step1-1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '政策课题参会流程'
+        }
+      },
       {
         path: '/zchhStep1',
         name: 'zchhStep1',
@@ -1168,6 +1267,15 @@ const routes = [
           title: '政策课题会后流程'
         }
       },
+      {
+        path: '/zchhStep2',
+        name: 'zchhStep2',
+        component: () => import('@/pages/processCenter/pages/creatProcess/zchh/step2.vue'),
+        meta: {
+          requireAuth: true,
+          title: '政策课题会后流程'
+        }
+      },
       {
         path: '/wbsmStep1',
         name: 'wbsmStep1',
@@ -1185,7 +1293,253 @@ const routes = [
           requireAuth: true,
           title: '外部署名推荐审批流程'
         }
-      }
+      },
+      {
+        path: '/wbsmStep3',
+        name: 'wbsmStep3',
+        component: () => import('@/pages/processCenter/pages/creatProcess/wbsm/step3.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部署名推荐审批流程'
+        }
+      },
+      {
+        path: '/wbsmStep4',
+        name: 'wbsmStep4',
+        component: () => import('@/pages/processCenter/pages/creatProcess/wbsm/step4.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部署名推荐审批流程'
+        }
+      },
+      {
+        path: '/wbsmStep5',
+        name: 'wbsmStep5',
+        component: () => import('@/pages/processCenter/pages/creatProcess/wbsm/step5.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部署名推荐审批流程'
+        }
+      },
+      {
+        path: '/cywbbzzxdStep1',
+        name: 'cywbbzzxdStep1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/cywbbzzxd/step1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '参与外部标准制修订信息提报流程'
+        }
+      },
+      {
+        path: '/cywbbzzxdStep2',
+        name: 'cywbbzzxdStep2',
+        component: () => import('@/pages/processCenter/pages/creatProcess/cywbbzzxd/step2.vue'),
+        meta: {
+          requireAuth: true,
+          title: '参与外部标准制修订信息提报流程'
+        }
+      },
+      {
+        path: '/cywbbzzxdStep3',
+        name: 'cywbbzzxdStep3',
+        component: () => import('@/pages/processCenter/pages/creatProcess/cywbbzzxd/step3.vue'),
+        meta: {
+          requireAuth: true,
+          title: '参与外部标准制修订信息提报流程'
+        }
+      },
+      {
+        path: '/cywbbzzxdStep4',
+        name: 'cywbbzzxdStep4',
+        component: () => import('@/pages/processCenter/pages/creatProcess/cywbbzzxd/step4.vue'),
+        meta: {
+          requireAuth: true,
+          title: '参与外部标准制修订信息提报流程'
+        }
+      },
+      {
+        path: '/cywbbzzxdStep5',
+        name: 'cywbbzzxdStep5',
+        component: () => import('@/pages/processCenter/pages/creatProcess/cywbbzzxd/step5.vue'),
+        meta: {
+          requireAuth: true,
+          title: '参与外部标准制修订信息提报流程'
+        }
+      },
+      {
+        path: '/cywbbzzxdStep6',
+        name: 'cywbbzzxdStep6',
+        component: () => import('@/pages/processCenter/pages/creatProcess/cywbbzzxd/step6.vue'),
+        meta: {
+          requireAuth: true,
+          title: '参与外部标准制修订信息提报流程'
+        }
+      },
+      {
+        path: '/jrbzhxhStep1',
+        name: 'jrbzhxhStep1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/jrbzhxh/step1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '加入标准化协会信息提报流程'
+        }
+      },
+      {
+        path: '/jrbzhxhStep3',
+        name: 'jrbzhxhStep3',
+        component: () => import('@/pages/processCenter/pages/creatProcess/jrbzhxh/step3.vue'),
+        meta: {
+          requireAuth: true,
+          title: '加入标准化协会信息提报流程'
+        }
+      },
+      {
+        path: '/jrbzhxhStep4',
+        name: 'jrbzhxhStep4',
+        component: () => import('@/pages/processCenter/pages/creatProcess/jrbzhxh/step4.vue'),
+        meta: {
+          requireAuth: true,
+          title: '加入标准化协会信息提报流程'
+        }
+      },
+      {
+        path: '/jrbzhxhStep2',
+        name: 'jrbzhxhStep2',
+        component: () => import('@/pages/processCenter/pages/creatProcess/jrbzhxh/step2.vue'),
+        meta: {
+          requireAuth: true,
+          title: '加入标准化协会信息提报流程'
+        }
+      },
+      // 外部标准化协会入会流程
+      {
+        path: '/bzrhStep1',
+        name: 'bzrhStep1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会入会流程（流程发起）'
+        }
+      },
+      {
+        path: '/bzrhStep2',
+        name: 'bzrhStep2',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step2.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会入会流程（选择代表）'
+        }
+      },
+      {
+        path: '/bzrhStep3',
+        name: 'bzrhStep3',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step3.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会入会流程（入选代表填写信息）'
+        }
+      },
+      {
+        path: '/bzrhStep4',
+        name: 'bzrhStep4',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step4.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会入会流程（责任负责人审批）'
+        }
+      },
+      {
+        path: '/bzrhStep5',
+        name: 'bzrhStep5',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step5.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会入会流程（修订）'
+        }
+      },
+      {
+        path: '/bzrhStep6',
+        name: 'bzrhStep6',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step6.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会入会流程（审批)'
+        }
+      },
+
+      // 外部标准化协会参会流程
+      {
+        path: '/bzchStep1',
+        name: 'bzchStep1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会参会流程（流程发起）'
+        }
+      },
+      {
+        path: '/bzchStep2',
+        name: 'bzchStep2',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step2.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会参会流程（选择入会代表）'
+        }
+      },
+      {
+        path: '/bzchStep3',
+        name: 'bzchStep3',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step3.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会参会流程（入会人确认）'
+        }
+      },
+      {
+        path: '/bzchStep4',
+        name: 'bzchStep4',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step4.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会参会流程（审批）'
+        }
+      },
+      {
+        path: '/bzchStep5',
+        name: 'bzchStep5',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step5.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会参会流程（修订）'
+        }
+      },
+      {
+        path: '/bzchStep6',
+        name: 'bzchStep6',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHy-ch/step6.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化协会参会流程（审定）'
+        }
+      },
+      {
+        path: '/bzhhStep1',
+        name: 'bzhhStep1',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHh-hh/step1.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化会后管理流程（流程发起）'
+        }
+      },
+      {
+        path: '/bzhhStep2',
+        name: 'bzhhStep2',
+        component: () => import('@/pages/processCenter/pages/creatProcess/bzhHh-hh/step2.vue'),
+        meta: {
+          requireAuth: true,
+          title: '外部标准化会后管理流程（审批）'
+        }
+      },
     ]
   },
   // 本地工具
@@ -1368,7 +1722,7 @@ const routes = [
           requireAuth: true,
           title: '技术要求清单管理'
         }
-      }
+      },
     ]
   },
   // 标准法规库
@@ -1624,7 +1978,7 @@ const routes = [
         meta: {
           requireAuth: true,
           title: '国内外政策',
-          menuId: '4DB4Y2H3NH'
+          menuId: 'ef02a3b0af9a4b3ede460456a9591ebc'
         }
       },
       {
@@ -2150,6 +2504,17 @@ const routes = [
           title: '企标详情'
         }
       },
+      {
+        path: '/otherLawsStandDetails/:id/:pageType',
+        name: 'OtherLawsStandDetails',
+        component: () =>
+          import('@/pages/details/otherLawsStandDetails'),
+        meta: {
+          requireAuth: true,
+          isBoolean: true,
+          title: '政策详情'
+        }
+      },
       {
         path: '/itemsDetails',
         name: 'itemsDetails',
@@ -2209,7 +2574,7 @@ const routes = [
     }
   },
   {
-    path: '/advancedSearch',
+    path: '/advancedSearch/:selectKey?/:searchValue?',
     name: 'AdvancedSearch',
     component: () =>
       import('@/pages/searchCenter/pages/advancedSearch'),
@@ -2219,6 +2584,17 @@ const routes = [
       menuId: 'K9BAYUPZBC'
     }
   },
+  // {
+  //   path: '/advancedSearch',
+  //   name: 'AdvancedSearch',
+  //   component: () =>
+  //     import('@/pages/searchCenter/pages/advancedSearch'),
+  //   meta: {
+  //     requireAuth: true,
+  //     title: '高级检索',
+  //     menuId: 'K9BAYUPZBC'
+  //   }
+  // },
   {
     path: '/customReport',
     name: 'CustomReport',

src/sysConfig/index.js

@@ -6,9 +6,9 @@
 // 服务器地址
 // const devIp = '39.98.140.126'
 // const devInterfacePORT = '10005'
-// const devIp = '192.168.10.248'
+const devIp = '192.168.10.50'
-const devIp = '62.234.136.153'
+// const devIp = '62.234.136.153'
-const devInterfacePORT = '8033'
+const devInterfacePORT = '9999'
 // 配置 idm 认证
 const ssoLogin = 'http://sso.foton.com.cn/oauth2.0/authorize?client_id=app_slrs&response_type=code&redirect_uri='
 // 配置 前端服务
@@ -37,8 +37,10 @@ const processPort = '17210'
 
  *****************************************************************/
 // 生产环境配置
-const prodIp = '10.100.5.117'
+const prodIp = '62.234.136.153'
-const prodInterfacePORT = '4202'
+const prodInterfacePORT = '8033'
+// const prodIp = 'slrs.foton.com.cn'
+// const prodInterfacePORT = ''
 
 // 判断环境
 const serverIP = process.env.NODE_ENV === 'production' ? prodIp : devIp