外部标准化协会会后管理流程

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

@@ -185,7 +185,7 @@
                 </el-button>
               </div>
               <el-table
-                calss="tel_table"
+                class="tel_table"
                 :data="rh_pageData.comityTel"
                 border
                 ref="entryTable"

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/processList/tabComponents/processCenter/index.vue

@@ -1196,7 +1196,7 @@ export default {
             })
           }
           break
-              // 政策会后流程
+
         case '21':
           if (row.taskInfo === '分委会主任/部门中心主任提名入会代表') {
             this.$router.push({
@@ -1293,6 +1293,18 @@ export default {
           }
 
           break
+        case '22':
+            this.$router.push({
+              name: 'bzhhStep2',
+              query:{
+                taskIds: row.taskIds,
+                prcId: row.prcId,
+                prcNum: row.prcNum,
+                prcName: row.prcName,
+                prcType: row.prcType
+              }
+            })
+          break
       }
     },
     ...mapMutations(['setProcess', 'setHandleInfo']),

src/router/index.js

@@ -1333,6 +1333,24 @@ const routes = [
           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: '外部标准化会后管理流程（审批）'
+        }
+      },
     ]
   },
   // 本地工具