From b868fc34f1b9a531d4b15d16c3cfc6cac035392e Mon Sep 17 00:00:00 2001
From: yanyizhou <2311759275@qq.com>
Date: Thu, 9 Dec 2021 15:03:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=BF=E7=AD=96=E5=BE=81=E6=B1=82=E6=84=8F?=
 =?UTF-8?q?=E8=A7=81=E6=B5=81=E7=A8=8B=20-=20=E5=AE=A1=E6=89=B9=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=20-=20=E6=89=8B=E6=9C=BA=E7=AB=AF=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/phone/zczqyj/step4.vue              | 457 +++++++++++++
 .../pages/phone/zczqyj/step5.vue              | 629 ++++++++++++++++++
 .../pages/phone/zczqyj/step6.vue              | 494 ++++++++++++++
 .../pages/phone/zczqyj/step7.vue              | 495 ++++++++++++++
 .../pages/phone/zczqyj/step8.vue              | 494 ++++++++++++++
 .../pages/phone/zczqyj/step9.vue              | 494 ++++++++++++++
 src/router/index.js                           |  60 ++
 7 files changed, 3123 insertions(+)
 create mode 100644 src/pages/processCenter/pages/phone/zczqyj/step4.vue
 create mode 100644 src/pages/processCenter/pages/phone/zczqyj/step5.vue
 create mode 100644 src/pages/processCenter/pages/phone/zczqyj/step6.vue
 create mode 100644 src/pages/processCenter/pages/phone/zczqyj/step7.vue
 create mode 100644 src/pages/processCenter/pages/phone/zczqyj/step8.vue
 create mode 100644 src/pages/processCenter/pages/phone/zczqyj/step9.vue

diff --git a/src/pages/processCenter/pages/phone/zczqyj/step4.vue b/src/pages/processCenter/pages/phone/zczqyj/step4.vue
new file mode 100644
index 000000000..9d74bfae8
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/zczqyj/step4.vue
@@ -0,0 +1,457 @@
+<template>
+  <div class="phoneZczqyjStep4">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">政策征求意见流程</template>
+      <template slot="proNode">责任对接人审核</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+          ref="zczqyjForm"
+          :model="form"
+          :rules="formRules"
+          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="24">
+                <el-form-item label="政策编号" prop="lawsNumber" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model="form.lawsNumber"
+                    placeholder="请输入政策编号"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="政策名称" prop="lawsName" class="add-form-item form-item-disabled">
+                  <el-input
+                      disabled
+                      v-model="form.lawsName"
+                      placeholder="请输入政策名称"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">征求意见列表</template>
+        </ProcessTitle>
+        <el-table
+          ref="multipleTable"
+          :data="data"
+          tooltip-effect="dark"
+          border
+          style="width: 100%; flex: auto;"
+          class="drag-table"
+          :default-sort = "{prop: 'chapterNumber', order: 'ascending'}"
+          :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}">
+          <el-table-column
+            type="index"
+            label="序号"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="chapterNumber"
+            align="center"
+            sortable
+            label="章条编号"
+            width="101px">
+          </el-table-column>
+          <el-table-column
+            prop="chapterName"
+            align="center"
+            label="章节名称"
+            width="200px">
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="commentText"
+            label="修改意见内容（包括理由或依据）">
+            <el-table-column
+              prop="oldText"
+              align="center"
+              label="修改前">
+            </el-table-column>
+            <el-table-column
+              prop="newText"
+              align="center"
+              label="修改后">
+            </el-table-column>
+            <el-table-column
+              prop="changeReason"
+              align="center"
+              label="修改理由">
+            </el-table-column>
+          </el-table-column>
+          <el-table-column
+              prop="reason"
+              align="center"
+              label="原因"
+              width="200px">
+          </el-table-column>
+          <el-table-column
+            prop="department"
+            align="center"
+            label="提出部门">
+          </el-table-column>
+          <el-table-column
+            prop="responUserName"
+            align="center"
+            label="提出人">
+          </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 === '2'">
+      <el-table
+        height="100%"
+        ref="selection"
+        :data="histortData"
+        tooltip-effect="dark"
+        style="width: 100%"
+        border
+        row-key="id"
+        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+        <el-table-column
+          prop="name"
+          label="任务步骤"
+          min-width="130"
+          align="center"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="assignee"
+          label="任务受理人"
+          min-width="130"
+          align="center"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="createTime"
+          label="创建时间"
+          min-width="130"
+          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"
+          min-width="130"
+          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>
+    </div>
+      <ProcessFooter
+              show-submit
+              :submitLoading="isSubmit"
+              :saveLoading="saveLoading"
+              show-transfer
+              @transfer="handleTransfer"
+              @save="handleSave"
+              @submit="handleSubmit"
+              show-back
+              @back="handleSubmitNo"
+              approval
+              submitBTNText="同意"
+      >
+      </ProcessFooter>
+      <Role-tree
+              check-box
+              is-title="转办处理人"
+              :is-visible.sync="drawerModal"
+              @checkedRole="checkedRole"
+      ></Role-tree>
+  </div>
+</template>
+
+<script>
+import { Dialog } from 'vant';
+import ProcessHeaderPhone from "process/components/ProcessHeaderPhone";
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import {inboundLiaisonDetail, processCreateStand,changeAssigneeNew} from 'api/process'
+import axios from "axios";
+
+
+export default {
+  name: "phoneZczqyjStep4",
+  data() {
+    return {
+        drawerModal: false,
+      histortData: [],
+      data: [],
+      commentText: '',
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      roleRow: {},
+      nodeList: [],
+      type: '',
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+      treeData: [], // 人员数据
+      modalshowflag: false, // drawer开关
+      drawerTitle: '', //drawer标题
+      textarea: '', // 意见
+      ListModel: false, // 新增编辑抽屉开关
+      active: '1', // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      form: {
+        lawsNumber: '', // 政策编号
+        lawsName: '', // 政策名称
+        endTime: '', // 结束日期
+        cname: '', // 名称
+        fjList: [],
+        fjListId: '',
+      },
+      formRules: {
+        responUserList: [
+          {required: true, message: '请选择责任人', trigger: 'change'},
+        ]
+      },
+      json: {}
+    }
+  },
+  components: {
+    ProcessHeaderPhone,
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  methods: {
+      handleTransfer() {
+          this.drawerModal = true
+      },
+      checkedRole (data) {
+          changeAssigneeNew({
+              taskId: this.$route.query.taskIds, // 任务id
+              userId:this.$store.getters.userInfo.userId, // 委托人
+              assignee: data[0].id, // 被委托人
+              pId: this.$route.query.prcId, // 流程实例
+          }).then(res => {
+              if (res.success) {
+                  this.drawerModal = false
+                  this.$message.success('调整成功')
+                  this.processNum()
+                  this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+              } else {
+                  this.$message.warning(res.message)
+              }
+          })
+      },
+      // 请求转换流程图
+      processNum (row) {
+          axios.request({
+              url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+              responseType: 'blob',
+              method: 'get',
+              params: {
+                  prcNum: this.$route.query.prcNum
+              }
+          }).then(res => {
+              this.processStep = window.URL.createObjectURL(res.data)
+          })
+      },
+    getHistoryData() {
+      this.$http.get('lawss/activiti/get_list_by_instance', {
+        prcNum: this.$route.query.prcNum,
+      }, {}, res => {
+        this.histortData = res
+      }, e => {
+      })
+    },
+    handleTabs(name) {
+      this.active = name
+    },
+    handleSave() {
+    },
+    handleSubmit() {
+      this.isSubmit = true
+      var json = this.json
+      //这个就是原来的actionFlag，用来表示流程是驳回还是同意
+      json.actionFlag = 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
+      })
+    },
+    handleSubmitNo() {
+      if (this.commentText) {
+        var json = this.json
+        //这个就是原来的actionFlag，用来表示流程是驳回还是同意
+        json.actionFlag = 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')
+          }
+        })
+      } else {
+        this.$message.warning('请输入反馈意见')
+      }
+
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.taskIds,
+          pId: this.pId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg)
+            this.getFormFieldList(processForm)
+          }
+          let data = JSON.parse(res.mesg)
+          this.form.fjList = data.fjList || data.form.fjList
+          this.form.fjListId = data.fjListId || data.form.fjListId
+          this.form.lawsNumber = data.lawsNumber || data.form.lawsNumber
+          this.form.lawsName = data.lawsName || data.form.lawsName
+          this.form.endTime = data.endTime || data.form.endTime
+          this.form.cname = data.cname || data.form.cname
+          this.json = data
+          this.data = data.info || data.data
+        }).catch(e => {
+        })
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      this.$nextTick(() => {
+        this.form = JSON.parse(JSON.stringify(item));
+        this.form.lawsNumber = item.form.lawsNumber
+        this.form.lawsName = item.form.lawsName
+      });
+    },
+  },
+  mounted() {
+    this.getHistoryData()
+    this.getData()
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.phoneZczqyjStep4 {
+  /deep/.van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+  .prc-content-border {
+    overflow: auto;
+  }
+  /deep/.prc-content-border .el-form-item__content {
+    width: 270px;
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 52px;
+    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 {
+    border-top: 1px solid #DCDFE6;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 52px;
+    height: calc(~'100% - 155px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step5.vue b/src/pages/processCenter/pages/phone/zczqyj/step5.vue
new file mode 100644
index 000000000..2416bc2b8
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/zczqyj/step5.vue
@@ -0,0 +1,629 @@
+<template>
+  <div class="phoneZczqyjStep5">
+    <!--    标准调研流程-->
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">政策征求意见流程</template>
+      <template slot="proNode">法规认证工程师单条批准</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+          ref="zczqyjForm"
+          :model="form"
+          :rules="formRules"
+          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="24">
+                <el-form-item label="政策编号" prop="lawsNumber" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model="form.lawsNumber"
+                    placeholder="请输入政策编号"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="政策名称" prop="lawsName" class="add-form-item form-item-disabled">
+                  <el-input
+                      disabled
+                      v-model="form.lawsName"
+                      placeholder="请输入政策名称"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">征求意见列表</template>
+        </ProcessTitle>
+        <div class="button-list">
+          <el-button type="primary"
+                     class="common-button-primary add-button"
+                     :disabled="acceptShow"
+                     @click="addModal"
+                     size="mini">新增
+          </el-button>
+          <el-button type="primary"
+                     class="common-button-primary add-button"
+                     @click="upload(data, '汇总单.xls')"
+                     size="mini">导出Excel
+          </el-button>
+<!--          <el-button type="primary"-->
+<!--                     class="common-button-primary add-button"-->
+<!--                     @click="upload(oldData, '上报意见.xls')"-->
+<!--                     size="mini">导出Word-->
+<!--          </el-button>-->
+        </div>
+        <el-table
+          ref="multipleTable"
+          :data="data"
+          tooltip-effect="dark"
+          border
+          style="width: 100%; flex: auto;"
+          class="drag-table"
+          :default-sort = "{prop: 'chapterNumber', order: 'ascending'}"
+          :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}">
+          <el-table-column
+            type="index"
+            label="序号"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="chapterNumber"
+            align="center"
+            sortable
+            label="章条编号"
+            width="101px">
+            <template slot-scope="scope">
+              <el-input style="margin: 10px 0;background-color: red" v-model="scope.row.chapterNumber" v-if="changeFlag && scope.row.chapterNumber === ''"></el-input>
+              <el-input style="margin: 10px 0;background-color: orange" v-model="scope.row.chapterNumber" v-else-if="changeFlag && scope.row.addFlag"></el-input>
+              <el-input style="margin: 10px 0;background-color: orange" v-model="scope.row.chapterNumber" v-else-if="changeFlag && !scope.row.addFlag" readonly></el-input>
+              <el-input style="margin: 10px 0;" v-model="scope.row.chapterNumber" v-else readonly></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="chapterName"
+            align="center"
+            width="200px"
+            label="章节名称">
+            <template slot-scope="scope">
+              <el-input style="margin: 10px 0;background-color: red" v-model="scope.row.chapterName" v-if="changeFlag && scope.row.chapterName === ''"></el-input>
+              <el-input style="margin: 10px 0;background-color: orange" v-model="scope.row.chapterName" v-else-if="changeFlag && scope.row.addFlag"></el-input>
+              <el-input style="margin: 10px 0;background-color: orange" v-model="scope.row.chapterName" v-else-if="changeFlag && !scope.row.addFlag" readonly></el-input>
+              <el-input style="margin: 10px 0;" v-model="scope.row.chapterName" v-else readonly></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="commentText"
+            align="center"
+            label="修改意见内容（包括理由或依据）">
+
+            <el-table-column
+              prop="oldText"
+              align="center"
+              label="修改前">
+              <template slot-scope="scope">
+                <el-input style="margin: 10px 0;background-color: red" v-model="scope.row.oldText" v-if="changeFlag && scope.row.oldText === ''"></el-input>
+                <el-input style="margin: 10px 0;background-color: #409eff" v-model="scope.row.oldText" v-else-if="changeFlag"></el-input>
+                <el-input style="margin: 10px 0;" v-model="scope.row.oldText" v-else readonly></el-input>
+              </template>
+            </el-table-column>
+
+            <el-table-column
+              prop="newText"
+              align="center"
+              label="修改后">
+              <template slot-scope="scope">
+                <el-input style="margin: 10px 0;background-color: red" v-model="scope.row.newText" v-if="changeFlag && scope.row.newText === ''"></el-input>
+                <el-input style="margin: 10px 0;background-color: #409eff" v-model="scope.row.newText" v-else-if="changeFlag"></el-input>
+                <el-input style="margin: 10px 0;" v-model="scope.row.newText" v-else readonly></el-input>
+              </template>
+            </el-table-column>
+
+            <el-table-column
+              prop="changeReason"
+              align="center"
+              label="修改理由">
+              <template slot-scope="scope">
+                <el-input style="margin: 10px 0;background-color: red" v-model="scope.row.changeReason" v-if="changeFlag && scope.row.changeReason === ''"></el-input>
+                <el-input style="margin: 10px 0;background-color: #409eff" v-model="scope.row.changeReason" v-else-if="changeFlag"></el-input>
+                <el-input style="margin: 10px 0;" v-model="scope.row.changeReason" v-else readonly></el-input>
+              </template>
+            </el-table-column>
+
+          </el-table-column>
+
+          <el-table-column
+              prop="reason"
+              align="center"
+              label="原因"
+              width="200px">
+            <template slot-scope="scope">
+              <el-input style="margin: 10px 0;background-color: red" v-model="scope.row.reason" v-if="changeFlag && scope.row.reason === ''"></el-input>
+              <el-input style="margin: 10px 0;background-color: #409eff" v-model="scope.row.reason" v-else-if="changeFlag"></el-input>
+              <el-input style="margin: 10px 0;" v-model="scope.row.reason" v-else readonly></el-input>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="department"
+            align="center"
+            label="提出部门">
+          </el-table-column>
+          <el-table-column
+            prop="responUserName"
+            align="center"
+            label="提出人">
+          </el-table-column>
+          <el-table-column
+            prop="operation"
+            align="center"
+            width="150px"
+            label="操作">
+            <template slot-scope="scope">
+              <el-button type="primary"
+                         class="common-button-primary add-button"
+                         @click="changeOpinion"
+                         size="mini">{{changeFlag?'完成':'修订'}}</el-button>
+              <el-button type="primary"
+                         class="common-button-primary add-button"
+                         @click="addDelete(scope.$index, scope.row)"
+                         size="mini">删除</el-button>
+              <div>{{ stateText(scope.row.state) }}</div>
+            </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 === '2'">
+      <el-table
+        height="100%"
+        ref="selection"
+        :data="histortData"
+        tooltip-effect="dark"
+        style="width: 100%"
+        border
+        row-key="id"
+        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+        <el-table-column
+          prop="name"
+          label="任务步骤"
+          align="center"
+          min-width="130"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="assignee"
+          label="任务受理人"
+          min-width="130"
+          align="center"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="createTime"
+          label="创建时间"
+          min-width="130"
+          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="完成时间"
+          min-width="130"
+          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>
+    </div>
+    <ProcessFooter
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+      show-back
+      @back="handleSubmitNo"
+      show-transfer
+      @transfer="handleTransfer"
+      approval
+      submitBTNText="同意"
+    >
+    </ProcessFooter>
+    <Role-tree
+            check-box
+            is-title="转办处理人"
+            :is-visible.sync="drawerModal"
+            @checkedRole="checkedRole"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import { Dialog } from 'vant';
+import ProcessHeaderPhone from "process/components/ProcessHeaderPhone";
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { inboundLiaisonDetail, processCreateStand, changeAssigneeNew } from "api/process";
+import axios from "axios";
+
+export default {
+  name: "phoneZczqyjStep5",
+  data() {
+    return {
+      //修订的标志
+      changeFlag:false,
+      acceptShow: false,
+      drawerModal: false,
+      histortData: [],
+      oldData: [],
+      data: [],
+      commentText: "",
+      oldText: "",
+      newText: "",
+      reason: "",
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      roleRow: {},
+      nodeList: [],
+      type: "",
+      defaultProps: {
+        children: "children",
+        label: "name"
+      },
+      treeData: [], // 人员数据
+      modalshowflag: false, // drawer开关
+      drawerTitle: "", //drawer标题
+      textarea: "", // 意见
+      ListModel: false, // 新增编辑抽屉开关
+      active: "1", // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      form: {
+        lawsNumber: '', // 政策编号
+        lawsName: '', // 政策名称
+        department: '',//提出部门
+        endTime: "", // 结束日期
+        cname: "", // 名称
+        fjList: [],
+        fjListId: '',
+      },
+      formRules: {
+        responUserList: [
+          {required: true, message: "请选择责任人", trigger: "change"}
+        ]
+      },
+      json: {}
+    };
+  },
+  components: {
+    ProcessHeader,
+    ProcessHeaderPhone,
+    ProcessFooter,
+    ProcessTitle
+  },
+  methods: {
+    changeOpinion() {
+      this.changeFlag = !this.changeFlag
+    },
+    addDelete(index, row) {
+      console.log('362',index, row);
+      this.$confirm('此操作将删除该数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.data.splice(index, 1)
+        this.$message({
+          type: 'success',
+          message: '删除成功!'
+        });
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        });
+      });
+      console.log('379',this.data)
+
+    },
+    addModal() {
+      console.log('318',this.form.form.department)
+      this.changeFlag = true
+      var id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
+      var json = {
+        chapterNumber: '',
+        chapterName: '',
+        commentText: '',
+        oldText: '',
+        newText: '',
+        changeReason: '',
+        reason: '',
+        department: this.form.form.department,
+        id: id,
+        responUserName: this.$store.getters.userInfo.userName,
+        responUser: this.$store.getters.userInfo.userId,
+        addFlag:true,
+        // department: this.$store.getters.userInfo.orgName
+      }
+      this.data.unshift(json)
+    },
+      handleTransfer() {
+          this.drawerModal = true
+      },
+      checkedRole (data) {
+          changeAssigneeNew({
+              taskId: this.$route.query.taskIds, // 任务id
+              userId:this.$store.getters.userInfo.userId, // 委托人
+              assignee: data[0].id, // 被委托人
+              pId: this.$route.query.prcId, // 流程实例
+          }).then(res => {
+              if (res.success) {
+                  this.drawerModal = false
+                  this.$message.success('调整成功')
+                  this.processNum()
+                  this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+              } else {
+                  this.$message.warning(res.message)
+              }
+          })
+      },
+      // 请求转换流程图
+      processNum (row) {
+          axios.request({
+              url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+              responseType: 'blob',
+              method: 'get',
+              params: {
+                  prcNum: this.$route.query.prcNum
+              }
+          }).then(res => {
+              this.processStep = window.URL.createObjectURL(res.data)
+          })
+      },
+    getHistoryData() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum
+      }, {}, res => {
+        this.histortData = res;
+      }, e => {
+      });
+    },
+    stateText(row) {
+      if (row === "1") {
+        return "上报";
+      } else if (row === "2") {
+        return "处理后上报";
+      }
+    },
+    upload(row, title) {
+      var params = {
+        columnName: {
+          chapterNumber: "章条编号",
+          chapterName: "章节名称",
+          commentText: "修改意见内容（包括理由或依据）",
+          oldText: "修改前",
+          newText: "修改后",
+          changeReason: "修改理由",
+          reason:"原因",
+          department: "提出部门",
+          responUserName: "提出人",
+        },
+        dataList: []
+      };
+      params.dataList = JSON.parse(JSON.stringify(row));
+      this.$http.downloadFile("/api/policy/activiti/exportExcel", params, title, res => {
+      });
+    },
+    handleTabs(name) {
+      this.active = name;
+    },
+    handleSave() {
+    },
+    handleSubmit() {
+      if (this.data.length < 1) {
+        this.$message.warning("请输入征求意见稿");
+      } else {
+        this.isSubmit = true;
+        var json = this.json;
+        json.actionFlag = 0;
+        json.commentText = this.commentText;
+        json.info = this.data
+        json.form = this.form
+        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.actionFlag = 1;
+        json.commentText = this.commentText;
+        this.$http.post("lawss/activiti/completeTask", {
+          json: JSON.stringify(json),
+          taskIds: 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("请输入反馈意见");
+      }
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.taskIds,
+          pId: this.pId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg)
+            this.getFormFieldList(processForm)
+          }
+          let data = JSON.parse(res.mesg);
+          this.form.department = data.form.department
+          console.log(this.form.department,'517')
+          // 给后端的选人信息
+          this.form.responUserAndInstitutionNameMap = data.form.responUserAndInstitutionNameMap
+          this.form.fjList = data.fjList || data.form.fjList
+          this.form.fjListId = data.fjListId || data.form.fjListId
+          this.form.lawsNumber = data.lawsNumber || data.form.lawsNumber
+          this.form.lawsName = data.lawsName || data.form.lawsName
+          this.form.endTime = data.endTime || data.form.endTime;
+          this.form.cname = data.cname || data.form.cname;
+          this.oldData = JSON.parse(JSON.stringify(data.info))
+          var arr = []
+          data.info.forEach(item => {
+            if (item.state != '3') {
+              arr.push(item)
+            }
+          })
+          // for (let i = 0; i < this.data.length; i++) {
+          //   this.data[i].department = data.department
+          // }
+          this.json = data
+          this.data = arr
+          this.oldData = data.oldinfo
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      this.$nextTick(() => {
+        this.form = JSON.parse(JSON.stringify(item));
+        this.form.lawsNumber = item.form.lawsNumber
+        this.form.lawsName = item.form.lawsName
+      });
+    },
+  },
+  mounted() {
+    this.getHistoryData();
+    this.getData();
+  }
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.phoneZczqyjStep5 {
+  /deep/.van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+  .prc-content-border {
+    overflow: auto;
+  }
+  /deep/.prc-content-border .el-form-item__content {
+    width: 270px;
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 52px;
+    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 {
+    border-top: 1px solid #DCDFE6;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 52px;
+    height: calc(~'100% - 155px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step6.vue b/src/pages/processCenter/pages/phone/zczqyj/step6.vue
new file mode 100644
index 000000000..0aa4816b4
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/zczqyj/step6.vue
@@ -0,0 +1,494 @@
+<template>
+  <div class="phoneZczqyjStep6">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">政策征求意见流程</template>
+      <template slot="proNode">法规认证工程师汇总修订</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+          ref="zczqyjForm"
+          :model="form"
+          :rules="formRules"
+          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="24">
+                <el-form-item label="政策编号" prop="lawsNumber" class="add-form-item form-item-disabled">
+                  <el-input
+                      disabled
+                      v-model="form.lawsNumber"
+                      placeholder="请输入政策编号"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="政策名称" prop="lawsName" class="add-form-item form-item-disabled">
+                  <el-input
+                      disabled
+                      v-model="form.lawsName"
+                      placeholder="请输入政策名称"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">征求意见列表</template>
+        </ProcessTitle>
+        <el-table
+          ref="multipleTable"
+          :data="data"
+          tooltip-effect="dark"
+          border
+          style="width: 100%; flex: auto;"
+          class="drag-table"
+          :default-sort = "{prop: 'chapterNumber', order: 'ascending'}"
+          :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}">
+          <el-table-column
+            type="index"
+            label="序号"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="chapterNumber"
+            align="center"
+            sortable
+            label="章条编号"
+            width="101px">
+          </el-table-column>
+          <el-table-column
+            prop="chapterName"
+            align="center"
+            width="200px"
+            label="章节名称">
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="commentText"
+            label="修改意见内容（包括理由或依据）">
+            <el-table-column
+              prop="oldText"
+              align="center"
+              label="修改前">
+            </el-table-column>
+            <el-table-column
+              prop="newText"
+              align="center"
+              label="修改后">
+            </el-table-column>
+            <el-table-column
+              prop="changeReason"
+              align="center"
+              label="修改理由">
+            </el-table-column>
+          </el-table-column>
+          <el-table-column
+              prop="reason"
+              align="center"
+              label="原因"
+              width="200px">
+          </el-table-column>
+          <el-table-column
+            prop="department"
+            align="center"
+            label="提出部门">
+          </el-table-column>
+          <el-table-column
+            prop="responUserName"
+            align="center"
+            label="提出人">
+          </el-table-column>
+<!--          <el-table-column-->
+<!--            prop="dealComment"-->
+<!--            align="center"-->
+<!--            label="处理意见">-->
+<!--            <template slot-scope="scope">-->
+<!--              <div>{{ stateText(scope.row.state) }}</div>-->
+<!--            </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 === '2'">
+      <el-table
+        height="100%"
+        ref="selection"
+        :data="histortData"
+        tooltip-effect="dark"
+        style="width: 100%"
+        border
+        row-key="id"
+        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+        <el-table-column
+          prop="name"
+          label="任务步骤"
+          min-width="130"
+          align="center"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="assignee"
+          min-width="130"
+          label="任务受理人"
+          align="center"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="createTime"
+          label="创建时间"
+          min-width="130"
+          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"
+          min-width="130"
+          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>
+    </div>
+    <ProcessFooter
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+      show-back
+      @back="handleSubmitNo"
+      approval
+      submitBTNText="同意"
+      show-transfer
+      @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <Role-tree
+            check-box
+            is-title="转办处理人"
+            :is-visible.sync="drawerModal"
+            @checkedRole="checkedRole"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import { Dialog } from 'vant';
+import ProcessHeaderPhone from "process/components/ProcessHeaderPhone";
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { inboundLiaisonDetail, processCreateStand, changeAssigneeNew } from "api/process";
+import axios from "axios";
+
+export default {
+  name: "phoneZczqyjStep6",
+  data() {
+    return {
+      drawerModal: false,
+      histortData: [],
+      oldData: [],
+      data: [],
+      commentText: "",
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      roleRow: {},
+      nodeList: [],
+      type: "",
+      defaultProps: {
+        children: "children",
+        label: "name"
+      },
+      treeData: [], // 人员数据
+      modalshowflag: false, // drawer开关
+      drawerTitle: "", //drawer标题
+      textarea: "", // 意见
+      ListModel: false, // 新增编辑抽屉开关
+      active: "1", // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      form: {
+        lawsNumber: '', // 政策编号
+        lawsName: '', // 政策名称
+        endTime: "", // 结束日期
+        cname: "", // 名称
+        fjList: [],
+        fjListId: '',
+      },
+      formRules: {
+        responUserList: [
+          {required: true, message: "请选择责任人", trigger: "change"}
+        ]
+      },
+      json: {}
+    };
+  },
+  components: {
+    ProcessHeader,
+    ProcessHeaderPhone,
+    ProcessFooter,
+    ProcessTitle
+  },
+  methods: {
+      handleTransfer() {
+          this.drawerModal = true
+      },
+      checkedRole (data) {
+          changeAssigneeNew({
+              taskId: this.$route.query.taskIds, // 任务id
+              userId:this.$store.getters.userInfo.userId, // 委托人
+              assignee: data[0].id, // 被委托人
+              pId: this.$route.query.prcId, // 流程实例
+          }).then(res => {
+              if (res.success) {
+                  this.drawerModal = false
+                  this.$message.success('调整成功')
+                  this.processNum()
+                  this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+              } else {
+                  this.$message.warning(res.message)
+              }
+          })
+      },
+      // 请求转换流程图
+      processNum (row) {
+          axios.request({
+              url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+              responseType: 'blob',
+              method: 'get',
+              params: {
+                  prcNum: this.$route.query.prcNum
+              }
+          }).then(res => {
+              this.processStep = window.URL.createObjectURL(res.data)
+          })
+      },
+    getHistoryData() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum
+      }, {}, res => {
+        this.histortData = res;
+      }, e => {
+      });
+    },
+    upload(row, title) {
+      var params = {
+        columnName: {
+          chapterNumber: "章条编号",
+          chapterName: "章节名称",
+          commentText: "修改意见内容（包括理由或依据）",
+          department: "提出部门",
+          responUserName: "提出人",
+          stateText: "处理意见"
+        },
+        dataList: []
+      };
+      params.dataList = JSON.parse(JSON.stringify(row));
+      params.dataList.forEach(item => {
+        if (item.state === "1") {
+          item.stateText = "上报";
+        } else if (item.state === "2") {
+          item.stateText = "处理后上报";
+        } else {
+          item.stateText = "不上报";
+        }
+      });
+      this.$http.downloadFile("/api/lawss/activiti/export_excel", params, title, res => {
+      });
+    },
+    stateText(row) {
+      if (row === "1") {
+        return "上报";
+      } else if (row === "2") {
+        return "处理后上报";
+      }
+    },
+    handleTabs(name) {
+      this.active = name;
+    },
+    handleSave() {
+    },
+    handleSubmit() {
+      if (this.data.length < 1) {
+        this.$message.warning("请输入征求意见搞");
+      } else {
+        this.isSubmit = true;
+        var json = this.json;
+        json.actionFlag = 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;
+        });
+      }
+    },
+    handleSubmitNo() {
+      if (this.commentText) {
+        this.isSubmit = true;
+        var json = this.json;
+        json.actionFlag = 1;
+        json.commentText = this.commentText;
+        this.$http.post("lawss/activiti/completeTask", {
+          json: JSON.stringify(json),
+          taskIds: 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("请输入反馈意见");
+      }
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.taskIds,
+          pId: this.pId
+        }).then(res => {
+          let data = JSON.parse(res.mesg)
+          this.form.fjList = data.fjList || data.form.fjList
+          this.form.fjListId = data.fjListId || data.form.fjListId
+          this.form.lawsNumber = data.lawsNumber || data.form.lawsNumber
+          this.form.lawsName = data.lawsName || data.form.lawsName
+          this.form.endTime = data.endTime || data.form.endTime;
+          this.form.cname = data.cname || data.form.cname;
+          this.oldData = JSON.parse(JSON.stringify(data.info))
+          var arr = []
+          data.info.forEach(item => {
+            if (item.state != '3') {
+              arr.push(item)
+            }
+          })
+          this.json = data
+          this.data = arr
+          this.oldData = data.oldinfo
+        }).catch(e => {
+        });
+      });
+    }
+  },
+  mounted() {
+    this.getHistoryData();
+    this.getData();
+  }
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.phoneZczqyjStep6 {
+  /deep/.van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+  .prc-content-border {
+    overflow: auto;
+  }
+  /deep/.prc-content-border .el-form-item__content {
+    width: 270px;
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 52px;
+    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 {
+    border-top: 1px solid #DCDFE6;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 52px;
+    height: calc(~'100% - 155px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step7.vue b/src/pages/processCenter/pages/phone/zczqyj/step7.vue
new file mode 100644
index 000000000..9824ca4a2
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/zczqyj/step7.vue
@@ -0,0 +1,495 @@
+<template>
+  <div class="phoneZczqyjStep7">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">政策征求意见流程</template>
+      <template slot="proNode">法规认证部部长审核</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+          ref="zczqyjForm"
+          :model="form"
+          :rules="formRules"
+          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="24">
+                <el-form-item label="政策编号" prop="lawsNumber" class="add-form-item form-item-disabled">
+                  <el-input
+                      disabled
+                      v-model="form.lawsNumber"
+                      placeholder="请输入政策编号"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="政策名称" prop="lawsName" class="add-form-item form-item-disabled">
+                  <el-input
+                      disabled
+                      v-model="form.lawsName"
+                      placeholder="请输入政策名称"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">征求意见列表</template>
+        </ProcessTitle>
+        <el-table
+          ref="multipleTable"
+          :data="data"
+          tooltip-effect="dark"
+          border
+          style="width: 100%; flex: auto;"
+          class="drag-table"
+          :default-sort = "{prop: 'chapterNumber', order: 'ascending'}"
+          :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}">
+          <el-table-column
+            type="index"
+            label="序号"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="chapterNumber"
+            align="center"
+            sortable
+            label="章条编号"
+            width="101px">
+          </el-table-column>
+          <el-table-column
+            prop="chapterName"
+            align="center"
+            width="200px"
+            label="章节名称">
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="commentText"
+            label="修改意见内容（包括理由或依据）">
+            <el-table-column
+              prop="oldText"
+              align="center"
+              label="修改前">
+            </el-table-column>
+            <el-table-column
+              prop="newText"
+              align="center"
+              label="修改后">
+            </el-table-column>
+            <el-table-column
+              prop="changeReason"
+              align="center"
+              label="修改理由">
+            </el-table-column>
+          </el-table-column>
+          <el-table-column
+              prop="reason"
+              align="center"
+              label="原因"
+              width="200px">
+          </el-table-column>
+          <el-table-column
+            prop="department"
+            align="center"
+            label="提出部门">
+          </el-table-column>
+          <el-table-column
+            prop="responUserName"
+            align="center"
+            label="提出人">
+          </el-table-column>
+<!--          <el-table-column-->
+<!--            prop="dealComment"-->
+<!--            align="center"-->
+<!--            label="处理意见">-->
+<!--            <template slot-scope="scope">-->
+<!--              <div>{{ stateText(scope.row.state) }}</div>-->
+<!--            </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 === '2'">
+      <el-table
+        height="100%"
+        ref="selection"
+        :data="histortData"
+        tooltip-effect="dark"
+        style="width: 100%"
+        border
+        row-key="id"
+        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+        <el-table-column
+          prop="name"
+          min-width="130"
+          label="任务步骤"
+          align="center"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="assignee"
+          label="任务受理人"
+          min-width="130"
+          align="center"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="createTime"
+          label="创建时间"
+          min-width="130"
+          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="完成时间"
+          min-width="130"
+          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>
+    </div>
+    <ProcessFooter
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+      show-back
+      @back="handleSubmitNo"
+      approval
+      submitBTNText="同意"
+      show-transfer
+      @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <Role-tree
+            check-box
+            is-title="转办处理人"
+            :is-visible.sync="drawerModal"
+            @checkedRole="checkedRole"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import { Dialog } from 'vant';
+import ProcessHeaderPhone from "process/components/ProcessHeaderPhone";
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { inboundLiaisonDetail, processCreateStand, changeAssigneeNew } from "api/process";
+import axios from "axios";
+
+
+export default {
+  name: "phoneZczqyjStep7",
+  data() {
+    return {
+      drawerModal: false,
+      histortData: [],
+      oldData: [],
+      data: [],
+      commentText: "",
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      roleRow: {},
+      nodeList: [],
+      type: "",
+      defaultProps: {
+        children: "children",
+        label: "name"
+      },
+      treeData: [], // 人员数据
+      modalshowflag: false, // drawer开关
+      drawerTitle: "", //drawer标题
+      textarea: "", // 意见
+      ListModel: false, // 新增编辑抽屉开关
+      active: "1", // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      form: {
+        lawsNumber: '', // 政策编号
+        lawsName: '', // 政策名称
+        endTime: "", // 结束日期
+        cname: "", // 名称
+        fjList: [],
+        fjListId: '',
+      },
+      formRules: {
+        responUserList: [
+          {required: true, message: "请选择责任人", trigger: "change"}
+        ]
+      },
+      json: {}
+    };
+  },
+  components: {
+    ProcessHeaderPhone,
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  methods: {
+      handleTransfer() {
+          this.drawerModal = true
+      },
+      checkedRole (data) {
+          changeAssigneeNew({
+              taskId: this.$route.query.taskIds, // 任务id
+              userId:this.$store.getters.userInfo.userId, // 委托人
+              assignee: data[0].id, // 被委托人
+              pId: this.$route.query.prcId, // 流程实例
+          }).then(res => {
+              if (res.success) {
+                  this.drawerModal = false
+                  this.$message.success('调整成功')
+                  this.processNum()
+                  this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+              } else {
+                  this.$message.warning(res.message)
+              }
+          })
+      },
+      // 请求转换流程图
+      processNum (row) {
+          axios.request({
+              url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+              responseType: 'blob',
+              method: 'get',
+              params: {
+                  prcNum: this.$route.query.prcNum
+              }
+          }).then(res => {
+              this.processStep = window.URL.createObjectURL(res.data)
+          })
+      },
+    getHistoryData() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum
+      }, {}, res => {
+        this.histortData = res;
+      }, e => {
+      });
+    },
+    upload(row, title) {
+      var params = {
+        columnName: {
+          chapterNumber: "章条编号",
+          chapterName: "章节名称",
+          commentText: "修改意见内容（包括理由或依据）",
+          department: "提出部门",
+          responUserName: "提出人",
+          stateText: "处理意见"
+        },
+        dataList: []
+      };
+      params.dataList = JSON.parse(JSON.stringify(row));
+      params.dataList.forEach(item => {
+        if (item.state === "1") {
+          item.stateText = "上报";
+        } else if (item.state === "2") {
+          item.stateText = "处理后上报";
+        } else {
+          item.stateText = "不上报";
+        }
+      });
+      this.$http.downloadFile("/api/lawss/activiti/export_excel", params, title, res => {
+      });
+    },
+    stateText(row) {
+      if (row === "1") {
+        return "上报";
+      } else if (row === "2") {
+        return "处理后上报";
+      }
+    },
+    handleTabs(name) {
+      this.active = name;
+    },
+    handleSave() {
+    },
+    handleSubmit() {
+      if (this.data.length < 1) {
+        this.$message.warning("请输入征求意见搞");
+      } else {
+        this.isSubmit = true;
+        var json = this.json;
+        json.actionFlag = 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;
+        });
+      }
+    },
+    handleSubmitNo() {
+      if (this.commentText) {
+        this.isSubmit = true;
+        var json = this.json;
+        json.actionFlag = 1;
+        json.commentText = this.commentText;
+        this.$http.post("lawss/activiti/completeTask", {
+          json: JSON.stringify(json),
+          taskIds: 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("请输入反馈意见");
+      }
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.taskIds,
+          pId: this.pId
+        }).then(res => {
+          let data = JSON.parse(res.mesg)
+          this.form.fjList = data.fjList || data.form.fjList
+          this.form.fjListId = data.fjListId || data.form.fjListId
+          this.form.lawsNumber = data.lawsNumber || data.form.lawsNumber
+          this.form.lawsName = data.lawsName || data.form.lawsName
+          this.form.endTime = data.endTime || data.form.endTime;
+          this.form.cname = data.cname || data.form.cname;
+          this.oldData = JSON.parse(JSON.stringify(data.info))
+          var arr = []
+          data.info.forEach(item => {
+            if (item.state != '3') {
+              arr.push(item)
+            }
+          })
+          this.json = data
+          this.data = arr
+          this.oldData = data.oldinfo
+        }).catch(e => {
+        });
+      });
+    }
+  },
+  mounted() {
+    this.getHistoryData();
+    this.getData();
+  }
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.phoneZczqyjStep7 {
+  /deep/.van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+  .prc-content-border {
+    overflow: auto;
+  }
+  /deep/.prc-content-border .el-form-item__content {
+    width: 270px;
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 52px;
+    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 {
+    border-top: 1px solid #DCDFE6;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 52px;
+    height: calc(~'100% - 155px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step8.vue b/src/pages/processCenter/pages/phone/zczqyj/step8.vue
new file mode 100644
index 000000000..92afa1e9d
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/zczqyj/step8.vue
@@ -0,0 +1,494 @@
+<template>
+  <div class="phoneZczqyjStep8">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">政策征求意见流程</template>
+      <template slot="proNode">法规认证部副总监审核</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+          ref="zczqyjForm"
+          :model="form"
+          :rules="formRules"
+          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="24">
+                <el-form-item label="政策编号" prop="lawsNumber" class="add-form-item form-item-disabled">
+                  <el-input
+                      disabled
+                      v-model="form.lawsNumber"
+                      placeholder="请输入政策编号"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="政策名称" prop="lawsName" class="add-form-item form-item-disabled">
+                  <el-input
+                      disabled
+                      v-model="form.lawsName"
+                      placeholder="请输入政策名称"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">征求意见列表</template>
+        </ProcessTitle>
+        <el-table
+          ref="multipleTable"
+          :data="data"
+          tooltip-effect="dark"
+          border
+          style="width: 100%; flex: auto;"
+          class="drag-table"
+          :default-sort = "{prop: 'chapterNumber', order: 'ascending'}"
+          :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}">
+          <el-table-column
+            type="index"
+            label="序号"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="chapterNumber"
+            align="center"
+            sortable
+            label="章条编号"
+            width="101px">
+          </el-table-column>
+          <el-table-column
+            prop="chapterName"
+            align="center"
+            width="200px"
+            label="章节名称">
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="commentText"
+            label="修改意见内容（包括理由或依据）">
+            <el-table-column
+              prop="oldText"
+              align="center"
+              label="修改前">
+            </el-table-column>
+            <el-table-column
+              prop="newText"
+              align="center"
+              label="修改后">
+            </el-table-column>
+            <el-table-column
+              prop="changeReason"
+              align="center"
+              label="修改理由">
+            </el-table-column>
+          </el-table-column>
+          <el-table-column
+              prop="reason"
+              align="center"
+              label="原因"
+              width="200px">
+          </el-table-column>
+          <el-table-column
+            prop="department"
+            align="center"
+            label="提出部门">
+          </el-table-column>
+          <el-table-column
+            prop="responUserName"
+            align="center"
+            label="提出人">
+          </el-table-column>
+<!--          <el-table-column-->
+<!--            prop="dealComment"-->
+<!--            align="center"-->
+<!--            label="处理意见">-->
+<!--            <template slot-scope="scope">-->
+<!--              <div>{{ stateText(scope.row.state) }}</div>-->
+<!--            </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 === '2'">
+      <el-table
+        height="100%"
+        ref="selection"
+        :data="histortData"
+        tooltip-effect="dark"
+        style="width: 100%"
+        border
+        row-key="id"
+        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+        <el-table-column
+          prop="name"
+          label="任务步骤"
+          min-width="130"
+          align="center"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="assignee"
+          min-width="130"
+          label="任务受理人"
+          align="center"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="createTime"
+          label="创建时间"
+          min-width="130"
+          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="完成时间"
+          min-width="130"
+          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>
+    </div>
+    <ProcessFooter
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+      show-back
+      @back="handleSubmitNo"
+      approval
+      submitBTNText="同意"
+      show-transfer
+      @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <Role-tree
+            check-box
+            is-title="转办处理人"
+            :is-visible.sync="drawerModal"
+            @checkedRole="checkedRole"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import { Dialog } from 'vant';
+import ProcessHeaderPhone from "process/components/ProcessHeaderPhone";
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { inboundLiaisonDetail, processCreateStand, changeAssigneeNew } from "api/process";
+import axios from "axios";
+
+export default {
+  name: "phoneZczqyjStep8",
+  data() {
+    return {
+      drawerModal: false,
+      histortData: [],
+      oldData: [],
+      data: [],
+      commentText: "",
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      roleRow: {},
+      nodeList: [],
+      type: "",
+      defaultProps: {
+        children: "children",
+        label: "name"
+      },
+      treeData: [], // 人员数据
+      modalshowflag: false, // drawer开关
+      drawerTitle: "", //drawer标题
+      textarea: "", // 意见
+      ListModel: false, // 新增编辑抽屉开关
+      active: "1", // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      form: {
+        lawsNumber: '', // 政策编号
+        lawsName: '', // 政策名称
+        endTime: "", // 结束日期
+        cname: "", // 名称
+        fjList: [],
+        fjListId: '',
+      },
+      formRules: {
+        responUserList: [
+          {required: true, message: "请选择责任人", trigger: "change"}
+        ]
+      },
+      json: {}
+    };
+  },
+  components: {
+    ProcessHeaderPhone,
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  methods: {
+      handleTransfer() {
+          this.drawerModal = true
+      },
+      checkedRole (data) {
+          changeAssigneeNew({
+              taskId: this.$route.query.taskIds, // 任务id
+              userId:this.$store.getters.userInfo.userId, // 委托人
+              assignee: data[0].id, // 被委托人
+              pId: this.$route.query.prcId, // 流程实例
+          }).then(res => {
+              if (res.success) {
+                  this.drawerModal = false
+                  this.$message.success('调整成功')
+                  this.processNum()
+                  this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+              } else {
+                  this.$message.warning(res.message)
+              }
+          })
+      },
+      // 请求转换流程图
+      processNum (row) {
+          axios.request({
+              url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+              responseType: 'blob',
+              method: 'get',
+              params: {
+                  prcNum: this.$route.query.prcNum
+              }
+          }).then(res => {
+              this.processStep = window.URL.createObjectURL(res.data)
+          })
+      },
+    getHistoryData() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum
+      }, {}, res => {
+        this.histortData = res;
+      }, e => {
+      });
+    },
+    upload(row, title) {
+      var params = {
+        columnName: {
+          chapterNumber: "章条编号",
+          chapterName: "章节名称",
+          commentText: "修改意见内容（包括理由或依据）",
+          department: "提出部门",
+          responUserName: "提出人",
+          stateText: "处理意见"
+        },
+        dataList: []
+      };
+      params.dataList = JSON.parse(JSON.stringify(row));
+      params.dataList.forEach(item => {
+        if (item.state === "1") {
+          item.stateText = "上报";
+        } else if (item.state === "2") {
+          item.stateText = "处理后上报";
+        } else {
+          item.stateText = "不上报";
+        }
+      });
+      this.$http.downloadFile("/api/lawss/activiti/export_excel", params, title, res => {
+      });
+    },
+    stateText(row) {
+      if (row === "1") {
+        return "上报";
+      } else if (row === "2") {
+        return "处理后上报";
+      }
+    },
+    handleTabs(name) {
+      this.active = name;
+    },
+    handleSave() {
+    },
+    handleSubmit() {
+      if (this.data.length < 1) {
+        this.$message.warning("请输入征求意见搞");
+      } else {
+        this.isSubmit = true;
+        var json = this.json;
+        json.actionFlag = 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;
+        });
+      }
+    },
+    handleSubmitNo() {
+      if (this.commentText) {
+        this.isSubmit = true;
+        var json = this.json;
+        json.actionFlag = 1;
+        json.commentText = this.commentText;
+        this.$http.post("lawss/activiti/completeTask", {
+          json: JSON.stringify(json),
+          taskIds: 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("请输入反馈意见");
+      }
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.taskIds,
+          pId: this.pId
+        }).then(res => {
+          let data = JSON.parse(res.mesg)
+          this.form.fjList = data.fjList || data.form.fjList
+          this.form.fjListId = data.fjListId || data.form.fjListId
+          this.form.lawsNumber = data.lawsNumber || data.form.lawsNumber
+          this.form.lawsName = data.lawsName || data.form.lawsName
+          this.form.endTime = data.endTime || data.form.endTime;
+          this.form.cname = data.cname || data.form.cname;
+          this.oldData = JSON.parse(JSON.stringify(data.info))
+          var arr = []
+          data.info.forEach(item => {
+            if (item.state != '3') {
+              arr.push(item)
+            }
+          })
+          this.json = data
+          this.data = arr
+          this.oldData = data.oldinfo
+        }).catch(e => {
+        });
+      });
+    }
+  },
+  mounted() {
+    this.getHistoryData();
+    this.getData();
+  }
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.phoneZczqyjStep8 {
+  /deep/.van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+  .prc-content-border {
+    overflow: auto;
+  }
+  /deep/.prc-content-border .el-form-item__content {
+    width: 270px;
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 52px;
+    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 {
+    border-top: 1px solid #DCDFE6;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 52px;
+    height: calc(~'100% - 155px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step9.vue b/src/pages/processCenter/pages/phone/zczqyj/step9.vue
new file mode 100644
index 000000000..99a585c29
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/zczqyj/step9.vue
@@ -0,0 +1,494 @@
+<template>
+  <div class="phoneZczqyjStep9">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">政策征求意见流程</template>
+      <template slot="proNode">法规认证部总监批准</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+          ref="zczqyjForm"
+          :model="form"
+          :rules="formRules"
+          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="24">
+                <el-form-item label="政策编号" prop="lawsNumber" class="add-form-item form-item-disabled">
+                  <el-input
+                      disabled
+                      v-model="form.lawsNumber"
+                      placeholder="请输入政策编号"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="政策名称" prop="lawsName" class="add-form-item form-item-disabled">
+                  <el-input
+                      disabled
+                      v-model="form.lawsName"
+                      placeholder="请输入政策名称"
+                      clearable
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+        <ProcessTitle>
+          <template slot="title">征求意见列表</template>
+        </ProcessTitle>
+        <el-table
+          ref="multipleTable"
+          :data="data"
+          tooltip-effect="dark"
+          border
+          style="width: 100%; flex: auto;"
+          class="drag-table"
+          :default-sort = "{prop: 'chapterNumber', order: 'ascending'}"
+          :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}">
+          <el-table-column
+            type="index"
+            label="序号"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="chapterNumber"
+            align="center"
+            sortable
+            label="章条编号"
+            width="101px">
+          </el-table-column>
+          <el-table-column
+            prop="chapterName"
+            align="center"
+            width="200px"
+            label="章节名称">
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="commentText"
+            label="修改意见内容（包括理由或依据）">
+            <el-table-column
+              prop="oldText"
+              align="center"
+              label="修改前">
+            </el-table-column>
+            <el-table-column
+              prop="newText"
+              align="center"
+              label="修改后">
+            </el-table-column>
+            <el-table-column
+              prop="changeReason"
+              align="center"
+              label="修改理由">
+            </el-table-column>
+          </el-table-column>
+          <el-table-column
+              prop="reason"
+              align="center"
+              label="原因"
+              width="200px">
+          </el-table-column>
+          <el-table-column
+            prop="department"
+            align="center"
+            label="提出部门">
+          </el-table-column>
+          <el-table-column
+            prop="responUserName"
+            align="center"
+            label="提出人">
+          </el-table-column>
+<!--          <el-table-column-->
+<!--            prop="dealComment"-->
+<!--            align="center"-->
+<!--            label="处理意见">-->
+<!--            <template slot-scope="scope">-->
+<!--              <div>{{ stateText(scope.row.state) }}</div>-->
+<!--            </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 === '2'">
+      <el-table
+        height="100%"
+        ref="selection"
+        :data="histortData"
+        tooltip-effect="dark"
+        style="width: 100%"
+        border
+        row-key="id"
+        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+        <el-table-column
+          prop="name"
+          label="任务步骤"
+          align="center"
+          min-width="130"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="assignee"
+          label="任务受理人"
+          align="center"
+          min-width="130"
+          sortable="custom"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="createTime"
+          label="创建时间"
+          min-width="130"
+          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="完成时间"
+          min-width="130"
+          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>
+    </div>
+    <ProcessFooter
+      show-submit
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @save="handleSave"
+      @submit="handleSubmit"
+      show-back
+      @back="handleSubmitNo"
+      approval
+      submitBTNText="同意"
+      show-transfer
+      @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <Role-tree
+            check-box
+            is-title="转办处理人"
+            :is-visible.sync="drawerModal"
+            @checkedRole="checkedRole"
+    ></Role-tree>
+  </div>
+</template>
+
+<script>
+import { Dialog } from 'vant';
+import ProcessHeaderPhone from "process/components/ProcessHeaderPhone";
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessFooter from "../../components/ProcessFooter";
+import ProcessTitle from "../../components/ProcessTitle";
+import { inboundLiaisonDetail, processCreateStand, changeAssigneeNew } from "api/process";
+import axios from "axios";
+
+export default {
+  name: "phoneZczqyjStep9",
+  data() {
+    return {
+      drawerModal: false,
+      histortData: [],
+      oldData: [],
+      data: [],
+      commentText: "",
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      roleRow: {},
+      nodeList: [],
+      type: "",
+      defaultProps: {
+        children: "children",
+        label: "name"
+      },
+      treeData: [], // 人员数据
+      modalshowflag: false, // drawer开关
+      drawerTitle: "", //drawer标题
+      textarea: "", // 意见
+      ListModel: false, // 新增编辑抽屉开关
+      active: "1", // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      form: {
+        lawsNumber: '', // 政策编号
+        lawsName: '', // 政策名称
+        endTime: "", // 结束日期
+        cname: "", // 名称
+        fjList: [],
+        fjListId: '',
+      },
+      formRules: {
+        responUserList: [
+          {required: true, message: "请选择责任人", trigger: "change"}
+        ]
+      },
+      json: {}
+    };
+  },
+  components: {
+    ProcessHeaderPhone,
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle
+  },
+  methods: {
+      handleTransfer() {
+          this.drawerModal = true
+      },
+      checkedRole (data) {
+          changeAssigneeNew({
+              taskId: this.$route.query.taskIds, // 任务id
+              userId:this.$store.getters.userInfo.userId, // 委托人
+              assignee: data[0].id, // 被委托人
+              pId: this.$route.query.prcId, // 流程实例
+          }).then(res => {
+              if (res.success) {
+                  this.drawerModal = false
+                  this.$message.success('调整成功')
+                  this.processNum()
+                  this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+              } else {
+                  this.$message.warning(res.message)
+              }
+          })
+      },
+      // 请求转换流程图
+      processNum (row) {
+          axios.request({
+              url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+              responseType: 'blob',
+              method: 'get',
+              params: {
+                  prcNum: this.$route.query.prcNum
+              }
+          }).then(res => {
+              this.processStep = window.URL.createObjectURL(res.data)
+          })
+      },
+    getHistoryData() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum
+      }, {}, res => {
+        this.histortData = res;
+      }, e => {
+      });
+    },
+    upload(row, title) {
+      var params = {
+        columnName: {
+          chapterNumber: "章条编号",
+          chapterName: "章节名称",
+          commentText: "修改意见内容（包括理由或依据）",
+          department: "提出部门",
+          responUserName: "提出人",
+          stateText: "处理意见"
+        },
+        dataList: []
+      };
+      params.dataList = JSON.parse(JSON.stringify(row));
+      params.dataList.forEach(item => {
+        if (item.state === "1") {
+          item.stateText = "上报";
+        } else if (item.state === "2") {
+          item.stateText = "处理后上报";
+        } else {
+          item.stateText = "不上报";
+        }
+      });
+      this.$http.downloadFile("/api/lawss/activiti/export_excel", params, title, res => {
+      });
+    },
+    stateText(row) {
+      if (row === "1") {
+        return "上报";
+      } else if (row === "2") {
+        return "处理后上报";
+      }
+    },
+    handleTabs(name) {
+      this.active = name;
+    },
+    handleSave() {
+    },
+    handleSubmit() {
+      if (this.data.length < 1) {
+        this.$message.warning("请输入征求意见搞");
+      } else {
+        this.isSubmit = true;
+        var json = this.json;
+        json.actionFlag = 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;
+        });
+      }
+    },
+    handleSubmitNo() {
+      if (this.commentText) {
+        this.isSubmit = true;
+        var json = this.json;
+        json.actionFlag = 1;
+        json.commentText = this.commentText;
+        this.$http.post("lawss/activiti/completeTask", {
+          json: JSON.stringify(json),
+          taskIds: 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("请输入反馈意见");
+      }
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.taskIds,
+          pId: this.pId
+        }).then(res => {
+          let data = JSON.parse(res.mesg)
+          this.form.fjList = data.fjList || data.form.fjList
+          this.form.fjListId = data.fjListId || data.form.fjListId
+          this.form.lawsNumber = data.lawsNumber || data.form.lawsNumber
+          this.form.lawsName = data.lawsName || data.form.lawsName
+          this.form.endTime = data.endTime || data.form.endTime;
+          this.form.cname = data.cname || data.form.cname;
+          this.oldData = JSON.parse(JSON.stringify(data.info))
+          var arr = []
+          data.info.forEach(item => {
+            if (item.state != '3') {
+              arr.push(item)
+            }
+          })
+          this.json = data
+          this.data = arr
+          this.oldData = data.oldinfo
+        }).catch(e => {
+        });
+      });
+    }
+  },
+  mounted() {
+    this.getHistoryData();
+    this.getData();
+  }
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/style';
+
+.phoneZczqyjStep9 {
+  /deep/.van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+  .prc-content-border {
+    overflow: auto;
+  }
+  /deep/.prc-content-border .el-form-item__content {
+    width: 270px;
+  }
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 52px;
+    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 {
+    border-top: 1px solid #DCDFE6;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 52px;
+    height: calc(~'100% - 155px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 86627116f..0da39dace 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2094,6 +2094,66 @@ const routes = [
           title: '未符合项整改流程'
         }
       },
+      {
+        path: '/phoneZczqyjStep4',
+        name: 'phoneZczqyjStep4',
+        component: () => import('@/pages/processCenter/pages/phone/zczqyj/step4.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '政策征求意见流程'
+        }
+      },
+      {
+        path: '/phoneZczqyjStep5',
+        name: 'phoneZczqyjStep5',
+        component: () => import('@/pages/processCenter/pages/phone/zczqyj/step5.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '政策征求意见流程'
+        }
+      },
+      {
+        path: '/phoneZczqyjStep6',
+        name: 'phoneZczqyjStep6',
+        component: () => import('@/pages/processCenter/pages/phone/zczqyj/step6.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '政策征求意见流程'
+        }
+      },
+      {
+        path: '/phoneZczqyjStep7',
+        name: 'phoneZczqyjStep7',
+        component: () => import('@/pages/processCenter/pages/phone/zczqyj/step7.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '政策征求意见流程'
+        }
+      },
+      {
+        path: '/phoneZczqyjStep8',
+        name: 'phoneZczqyjStep8',
+        component: () => import('@/pages/processCenter/pages/phone/zczqyj/step8.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '政策征求意见流程'
+        }
+      },
+      {
+        path: '/phoneZczqyjStep9',
+        name: 'phoneZczqyjStep9',
+        component: () => import('@/pages/processCenter/pages/phone/zczqyj/step9.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '政策征求意见流程'
+        }
+      },
     ]
 
   },