diff --git a/src/components/hzwlComponents/RadioGroupFormItem.vue b/src/components/hzwlComponents/RadioGroupFormItem.vue
new file mode 100644
index 000000000..49fcca456
--- /dev/null
+++ b/src/components/hzwlComponents/RadioGroupFormItem.vue
@@ -0,0 +1,61 @@
+<template>
+  <el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
+    <el-radio-group :value="value"
+                    :disabled="disabled"
+                    :placeholder="placeholder"
+                    @input="handleChange"
+    >
+      <el-radio v-for="item in options"
+                :key="item.value"
+                :label="item.label">{{ item.value }}</el-radio>
+    </el-radio-group>
+  </el-form-item>
+</template>
+
+<script>
+export default {
+  name: "RadioGroupFormItem",
+  props: {
+    label: {
+      type: String,
+    },
+    prop: {
+      type: String
+    },
+    value: {
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    options: {
+      type: Array,
+      required: true
+    },
+  },
+  computed: {
+    placeholder () {
+      return `请选择${this.label}`
+    },
+  },
+  methods: {
+    handleChange (event) {
+      console.log(event)
+      this.$emit('input', event)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.add-form-item /deep/ .el-radio-group{
+  padding: 0 10px !important;
+}
+.add-form-item /deep/ .el-radio{
+  margin-right: 15px !important;
+}
+.add-form-item /deep/ .el-radio:last-child {
+  margin-right: 0 !important;
+}
+</style>
diff --git a/src/components/hzwlComponents/SelectMultipleFormItem.vue b/src/components/hzwlComponents/SelectMultipleFormItem.vue
index 571dbd025..511d10ff1 100644
--- a/src/components/hzwlComponents/SelectMultipleFormItem.vue
+++ b/src/components/hzwlComponents/SelectMultipleFormItem.vue
@@ -23,6 +23,7 @@ export default {
   name: "SelectMultipleFormItem",
   props: {
     value: {
+      type: [Array, String],
       required: true
     },
     prop: {
@@ -49,21 +50,39 @@ export default {
       default: true
     },
   },
+  data () {
+    return {
+      basicType: 'Array'
+    }
+  },
   computed: {
     placeholder () {
       return `请选择${this.label}`
     },
     data () {
-      if (this.value && this.value !== '') {
-        return this.value.split(',')
-      } else {
+      if (!this.value) {
         return []
+      } else {
+        if (this.getType(this.value) === 'Array') {
+          this.basicType = 'Array'
+          return this.value
+        } else if (this.getType(this.value) === 'String'){
+          this.basicType = 'String'
+          return this.value.split(',')
+        }
       }
     }
   },
   methods: {
+    getType (target) {
+      return Object.prototype.toString.call(target).slice(8, -1)
+    },
     handleChange (event) {
-      this.$emit('input', event.join(','))
+      if (this.basicType === 'Array') {
+        this.$emit('input', event)
+      } else if (this.basicType === 'String') {
+        this.$emit('input', event.join(','))
+      }
     }
   }
 }
diff --git a/src/components/hzwlComponents/TimeLineFormItem.vue b/src/components/hzwlComponents/TimeLineFormItem.vue
index 9808c5e9a..30cfcf949 100644
--- a/src/components/hzwlComponents/TimeLineFormItem.vue
+++ b/src/components/hzwlComponents/TimeLineFormItem.vue
@@ -3,7 +3,7 @@
     <el-card>
       <el-form-item :prop="prop" style="margin-bottom: 0">
         <h4>{{ title }}</h4>
-        <div style="margin-top: 10px;width: 300px;">
+        <div style="margin-top: 10px;width: 300px;max-width: 100%">
           <el-input
               :disabled="disabled"
               :value="name"
diff --git a/src/components/hzwlComponents/UploadFormItem.vue b/src/components/hzwlComponents/UploadFormItem.vue
index 2765699e3..08ad292e9 100644
--- a/src/components/hzwlComponents/UploadFormItem.vue
+++ b/src/components/hzwlComponents/UploadFormItem.vue
@@ -7,16 +7,21 @@
       clearable
     ></el-input>
     <div style="display: flex;justify-content: space-between">
-      <div style="width: 80%;margin-top: 13px">
-        <div v-for="file in FileList"
-             :key="file.id"
-             @click="onPreview(file)"
-             style="color: #409eff;cursor:pointer"
-             class="fileClass">
-          {{ file.name }}
-        </div>
+      <div style="margin-top: 13px" :style="{width: view ? '100%' : '80%'}">
+        <template v-if="FileList.length > 0">
+          <div v-for="file in FileList"
+               :key="file.id"
+               @click="onPreview(file)"
+               style="color: #409eff;cursor:pointer"
+               class="fileClass">
+            {{ file.name }}
+          </div>
+        </template>
+        <template v-else>
+          <div v-if="view" style="line-height: 22px">-</div>
+        </template>
       </div>
-      <div style="width: 20%;">
+      <div v-if="!view" style="width: 20%;">
         <el-button :disabled="disabled"
                    type="primary"
                    class="common-button-primary"
@@ -85,6 +90,10 @@ export default {
     size: {
       type: Number,
       default: 200
+    },
+    view: {
+      type: Boolean,
+      default: false
     }
   },
   created () {
diff --git a/src/components/hzwlComponents/phoneComponents/phoneApprovalHistory.vue b/src/components/hzwlComponents/phoneComponents/phoneApprovalHistory.vue
new file mode 100644
index 000000000..c8d88d090
--- /dev/null
+++ b/src/components/hzwlComponents/phoneComponents/phoneApprovalHistory.vue
@@ -0,0 +1,103 @@
+<template>
+  <div class="phoneHistortTable">
+    <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="100"
+          label="任务步骤"
+          align="center"
+      >
+      </el-table-column>
+      <el-table-column
+          prop="assignee"
+          min-width="100"
+          label="任务受理人"
+          align="center"
+      >
+      </el-table-column>
+      <el-table-column
+          prop="createTime"
+          label="创建时间"
+          min-width="100"
+          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="100"
+          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="流程信息"
+          min-width="100"
+          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 ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <loading :loading="loading">流程列表加载中</loading>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "phoneApprovalHistory",
+  data() {
+    return {
+      histortData: [],
+      loading: false
+    }
+  },
+  props: {
+    prcNum: {
+      type: String
+    }
+  },
+  methods: {
+    getHistoryData () {
+      this.$http.get('lawss/activiti/get_list_by_instance', {
+        prcNum: this.prcNum || this.$route.query.prcNum
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.histortData = res
+      }, e => {})
+    },
+  },
+  mounted () {
+    this.getHistoryData()
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.phoneHistortTable{
+  height: calc(100vh - 157px);
+  //min-height: calc(100vh - 52px)
+}
+</style>
diff --git a/src/components/hzwlComponents/phoneComponents/phoneRoleTree.vue b/src/components/hzwlComponents/phoneComponents/phoneRoleTree.vue
new file mode 100644
index 000000000..79f923258
--- /dev/null
+++ b/src/components/hzwlComponents/phoneComponents/phoneRoleTree.vue
@@ -0,0 +1,578 @@
+<template>
+  <div class="roleTree">
+    <el-drawer
+        :title="isTitle"
+        v-if="visible"
+        :visible.sync="visible"
+        :wrapperClosable="false"
+        @close="handleTreeDrawerCancel"
+        append-to-body
+        size="90%">
+      <el-form
+          ref="attributeEO"
+          class="label-input-form"
+          :inline="true"
+          @submit.native.prevent
+      >
+        <el-form-item class="form-item-disabled" style="margin: 10px;">
+          <el-input
+              v-model="filterText"
+              placeholder="请输入姓名"
+              @keyup.enter.native="searchChange"
+              size="mini"
+          ></el-input>
+        </el-form-item>
+        <el-form-item class="form-item-disabled" style="margin-top: 10px;">
+          <el-button size="mini" type="primary" @click="searchChange">
+            查询
+          </el-button>
+        </el-form-item>
+      </el-form>
+      <div class="divTree">
+        <!-- 当前tree展示全部人员 -->
+        <el-tree
+            v-if="open1 && isVisible"
+            node-key="id"
+            style="height: 100%; overflow: auto;"
+            class="filter-tree tree-line"
+            icon-class="icon-tree"
+            @check-change="checkChange"
+            :data="treeData"
+            :props="defaultProps"
+            :default-checked-keys="nodeList2"
+            :default-expanded-keys="defaultKey"
+            highlight-current
+            check-strictly
+            @check="drawerCheck"
+            :expand-on-click-node="true"
+            show-checkbox
+            ref="tree"
+            :load="loadNode"
+            :lazy="true">
+                  <span class="custom-tree-node" slot-scope="{ node, data }">
+                      <span :class="node.disabled ? 'is-show' : 'is-leaf-none'"></span>
+                      <span> {{ node.label }} </span>
+                  </span>
+        </el-tree>
+        <!-- 当前tree展示搜索出的人员 -->
+        <el-tree
+            v-if="!open1 && isVisible"
+            node-key="id"
+            style="height: 100%; overflow: auto;"
+            class="filter-tree tree-line"
+            icon-class="icon-tree"
+            :data="treeData1"
+            :props="defaultProps"
+            @check-change="checkChange2"
+            :default-checked-keys="nodeList2"
+            :default-expanded-keys="defaultKey"
+            default-expand-all
+            highlight-current
+            :check-strictly="true"
+            @check="drawerCheck"
+            show-checkbox
+            ref="tree"
+            :lazy="false"
+            :key="treeKey"
+        >
+                  <span class="custom-tree-node" slot-scope="{ node, data }">
+                      <span :class="node.disabled ? 'is-show' : 'is-leaf-none'"></span>
+                      <span> {{ node.label }} </span>
+                  </span>
+        </el-tree>
+      </div>
+      <div class="divDel">
+        <div class="divDel_title">已选中人员</div>
+        <div class="divDel_box">
+          <el-tag
+              v-for="tag in delList"
+              :key="tag.id"
+              size="mini"
+              @close="handleClose(tag)"
+              closable>
+            {{tag.name}}
+          </el-tag>
+          <el-tag v-show="delList.length > 0 && !checkBox" type="danger" closable size="mini"
+                  @close="handleCloseAll()">全部删除
+          </el-tag>
+        </div>
+      </div>
+      <div id="roleFormButton" class="demo-drawer-footer">
+        <el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary"
+                   :loading="subLoading" @click="saveUserInfo">确定
+        </el-button>
+
+        <el-button class="common-button-default" size="mini" icon="el-icon-close" :loading="subLoading"
+                   @click="handleTreeDrawerCancel">取消
+        </el-button>
+      </div>
+      <loading style="z-index: 2099;" :loading="treeLoading">导入中...</loading>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+function debounce(func, wait = 500) {
+  let timeout;
+  return function (event) {
+    clearTimeout(timeout)
+    timeout = setTimeout(() => {
+      func.call(this, event)
+    }, wait)
+  }
+}
+
+export default {
+  name: "phoneRoleTree",
+  props: {
+    checkBox: { // 单选/多选
+      type: Boolean,
+      default: false,//默认false多选
+    },
+    isTitle: { // 标题
+      type: String
+    },
+    isVisible: { // drawer开关
+      type: Boolean,
+      default: false,
+    },
+    nodeList: { // 回显
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    type: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      treeKey: 1,
+      defaultKey: [],//默认展开的节点的 key 的数组
+      visible: false,
+      selectList: [],
+      nodeList2: [],//默认勾选的节点的 key 的数组
+      delList: [],
+      roleList: [],
+      filterText: '',
+      defaultProps: {//配置选项
+        children: 'children',//指定子树为节点对象的某个属性值
+        label: 'name',//指定节点标签为节点对象的某个属性值
+      },
+      treeData1: [],
+      treeData: [],
+      open1: true,
+      treeLoading: false,
+      subLoading: false,
+      roleRow: {}
+    }
+  },
+  methods: {
+    nameJoinAccount(treeData1) {
+      treeData1.forEach(item => {
+        if (item.account) item.name = `${item.name}(${item.account})`
+        if (item.children) this.nameJoinAccount(item.children)
+      })
+    },
+    handleClose(tag) {
+      let arr = []
+      for (let a = 0; a < this.delList.length; a++) {
+        if (tag.id === this.delList[a].id) {
+          this.delList.splice(a, 1)
+        }
+      }
+      this.delList.map(item => {
+        arr.push(item)
+      })
+      this.$refs.tree.setCheckedKeys(arr);
+      for (let b = 0; b < this.nodeList2.length; b++) {
+        if (tag.id === this.nodeList2[b]) {
+          this.nodeList2.splice(b, 1)
+        }
+      }
+      for (let c = 0; c < this.roleList.length; c++) {
+        if (tag.id === this.roleList[c].id) {
+          this.roleList.splice(c, 1)
+        }
+      }
+    },
+    handleCloseAll() {
+      this.$msgbox({
+        title: '提示',
+        message: '是否删除当前选中人员',
+        showCancelButton: true,
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+      }).then(() => {
+        this.delList = []
+        this.nodeList2 = []
+        this.roleList = []
+        this.$refs.tree.setCheckedKeys([]);
+      }).catch(() => {
+            this.$message({
+              type: 'info',
+              message: '取消删除'
+            });
+          }
+      )
+    },
+    searchChange() {
+      // 查询
+      if (this.filterText.length) {
+        this.open1 = false // 显示第二个tree
+        this.treeLoading = true
+        this.defaultKey = []
+        this.$http.get('SarInstitution/institution/getNextTwo', {
+          userName: this.filterText
+        }, {}, res => {
+          this.treeData1 = res
+          this.treeData1.forEach(item => {
+            this.defaultKey.push(item.id)
+          })
+          this.nameJoinAccount(this.treeData1)
+          this.treeLoading = false
+        })
+        // this.treeKey++
+
+
+        // this.$http.get('SarInstitution/institution/institutionAndUser', {
+        //   userName: this.filterText
+        // }, {}, res => {
+        //   this.treeData1 = res.data
+        //   this.treeData1.forEach(item => {
+        //     this.defaultKey.push(item.id)
+        //   })
+        //   console.log(1);
+        //   this.getChildren()
+        //   this.treeLoading = false
+        // })
+      } else {
+        this.open1 = true
+      }
+    },
+    changeInput: debounce(function (val) {
+      if (val.length) {
+        this.open1 = false
+        this.treeLoading = true
+        this.$http.get('SarInstitution/institution/institutionAndUser', {
+          userName: val
+        }, {}, res => {
+          this.treeData1 = res.data
+          this.treeLoading = false
+        })
+      } else {
+        this.open1 = true
+      }
+    }),
+    checkChange2(row, type, c) {
+      if (this.checkBox) {
+      } else {
+        if (type) {
+          this.nodeList2.push(row.id)
+          this.delList.push(row)
+        } else {
+          for (let a = 0; a < this.nodeList2.length; a++) {
+            if (row.id === this.nodeList2[a]) {
+              this.nodeList2.splice(a, 1)
+            }
+          }
+          for (let b = 0; b < this.delList.length; b++) {
+            if (row.id === this.delList[b].id) {
+              this.delList.splice(b, 1)
+            }
+          }
+        }
+      }
+    },
+    checkChange(row, type, c) {
+      //节点选中状态发生变化时的回调(传递给 data 属性的数组中该节点所对应的对象、节点本身是否被选中、节点的子树中是否有被选中的节点)
+      if (this.checkBox) {
+      } else {
+        if (type) {
+          this.nodeList2.push(row.id)
+          this.delList.push(row)
+        } else {
+          for (let a = 0; a < this.nodeList2.length; a++) {
+            if (row.id === this.nodeList2[a]) {
+              this.nodeList2.splice(a, 1)
+            }
+          }
+          for (let b = 0; b < this.delList.length; b++) {
+            if (row.id === this.delList[b].id) {
+              this.delList.splice(b, 1)
+            }
+          }
+        }
+      }
+    },
+    handleTreeDrawerCancel() {
+      this.filterText = ''
+      this.open1 = true
+      this.visible = false
+    },
+    saveUserInfo() {
+      if (this.roleList.length === 0) {
+        // this.roleList.push({id: "", name: ""});
+        return this.$message.warning('请选择人员')
+      }
+      if (this.checkBox) {
+        this.$emit('checkedRole', this.roleList)
+        this.nodeList2 = []
+        this.$emit('update:isVisible', false)
+      } else {
+        if (this.nodeList2.length > 0 && this.nodeList2[0].length !== 0) {
+          let ids = ''
+          this.nodeList2.forEach(item => {
+            if (ids.length > 0) {
+              ids += ','
+              ids += item
+            } else {
+              ids = item
+            }
+          })
+          this.subLoading = true
+          this.$http.get('SarInstitution/institution/getNextById', {
+            ids: ids,
+            topNum: 3,
+          }, {
+            _this: this
+          }, res => {
+            this.$emit('checkedRole', res)
+            this.nodeList2 = []
+            this.$emit('update:isVisible', false)
+            this.subLoading = false
+          })
+        } else {
+          this.$emit('checkedRole', this.roleList)
+          this.nodeList2 = []
+          this.$emit('update:isVisible', false)
+        }
+      }
+      this.open1 = true
+    },
+    drawerCheck(data) {
+      //当复选框被点击的时候触发
+      //共两个参数，依次为：传递给 data 属性的数组中该节点所对应的对象、树目前的选中状态对象，包含 checkedNodes、checkedKeys、halfCheckedNodes、halfCheckedKeys 四个属性
+      if (this.checkBox) { // 单选
+        // 单选判断
+        let getlist = this.$refs.tree.getCheckedNodes()
+        if (getlist.length > 1) {
+          this.$refs.tree.setCheckedKeys([])
+          this.$refs.tree.setCheckedKeys([data.id])
+          this.roleList = [data]
+          this.delList = [data]
+        } else if (getlist.length === 0) {
+          this.roleList = [{}]
+          this.delList = []
+        } else if (getlist.length === 1) {
+          this.roleList = [data]
+          this.delList = [data]
+        }
+      } else { // 多选
+        if (this.roleList.length === 0) {
+          this.roleList.push(data)
+        } else {
+          let delFlag = true
+          this.roleList.forEach((item, index) => {
+            if (item.id === data.id) {
+              this.roleList.splice(index, 1)
+              delFlag = false
+            }
+          })
+          if (delFlag) {
+            this.roleList.push(data)
+          }
+        }
+        //  this.roleList = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes())
+      }
+    },
+    loadNode(node, resolve) {
+      //加载子树数据的方法，仅当 lazy 属性为true 时生效
+      if (node.level === 0) {
+        return resolve(this.treeData);
+      }
+      this.getChildren(node, resolve)
+    },
+    getChildren(node, resolve) {
+      this.$http.get('SarInstitution/institution/getNext', {
+        institutionId: node.key,
+        userName: this.filterText
+      }, {}, res => {
+        resolve(res)
+      })
+    },
+    getTree() {
+      this.treeLoading = true
+      this.$http.get('SarInstitution/institution/getFirstInstitution', {}, {}, res => {
+        this.treeData = res
+        this.treeLoading = false
+      })
+    }
+  },
+  watch: {
+    isVisible(val) {
+      this.visible = val
+      if (val) {
+        this.nodeList2 = this.nodeList
+        if (this.nodeList2.length && this.nodeList2[0].length) {
+          let ids = ''
+          this.nodeList2.forEach(item => {
+            if (ids.length) {
+              ids += ','
+              ids += item
+            } else {
+              ids = item
+            }
+          })
+          this.$http.get('SarInstitution/institution/getNextById', {
+            ids: ids
+          }, {
+            _this: this
+          }, res => {
+            this.delList = res
+          })
+        } else {
+          this.delList = []
+        }
+      } else {
+        this.delList = []
+      }
+    },
+    visible(val) {
+      this.$emit('update:isVisible', val)
+    }
+  },
+  mounted() {
+    this.getTree()
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.divTree {
+  overflow: auto;
+  height: calc(~'100% - 100px');
+}
+
+.divDel {
+  border-top: 1px solid #000;
+  height: 100px;
+
+  .divDel_title {
+    margin: 10px;
+  }
+
+  .divDel_box {
+    height: 66px;
+    padding: 0px 0 10px;
+    display: flex;
+    flex-wrap: wrap;
+    overflow: auto;
+    margin: 10px;
+    align-content: flex-start;
+
+    span {
+      margin: 0px 5px 5px 0;
+    }
+  }
+}
+
+/deep/ .icon-tree {
+  margin: 0 5px 0 10px;
+  position: relative;
+  background: url('~@/assets/images/shangqi/img/tree-add.png');
+  background-size: 100% 100%;
+}
+
+/deep/ .el-tree-node__content {
+  padding-left: 0px !important;
+}
+
+/deep/ .is-leaf {
+  background-image: none;
+  background-size: 100% 100%;
+}
+
+/deep/ .is-leaf-none {
+  position: relative;
+  display: inline-block;
+  width: 15px;
+  height: 15px;
+  background: url('~@/assets/images/shangqi/img/personnel.png');
+  background-size: 100% 100%;
+}
+
+/deep/ .is-show {
+  position: relative;
+  display: inline-block;
+  width: 15px;
+  height: 15px;
+  background: url('~@/assets/images/shangqi/img/mechanism.png');
+  background-size: 100% 100%;
+}
+
+/deep/ .tree-line {
+  .el-tree-node {
+    position: relative;
+    padding-left: 0px; // 缩进量
+    line-height: 30px;
+  }
+
+  .el-tree-node__children {
+    padding-left: 16px; // 缩进量
+  }
+
+  // 竖线
+  .el-tree-node::before {
+    content: "";
+    height: 100%;
+    width: 1px;
+    position: absolute;
+    left: -3px;
+    top: -26px;
+    border-width: 1px;
+    border-left: 1px dashed #858990e0;
+  }
+
+  // 当前层最后一个节点的竖线高度固定
+  .el-tree-node:last-child::before {
+    height: 38px; // 可以自己调节到合适数值
+  }
+
+  // 横线
+  .el-tree-node::after {
+    content: "";
+    width: 11px;
+    height: 20px;
+    position: absolute;
+    left: -3px;
+    top: 12px;
+    border-width: 1px;
+    border-top: 1px dashed #858990e0;
+  }
+
+  // 去掉最顶层的虚线，放最下面样式才不会被上面的覆盖了
+  & > .el-tree-node::after {
+    border-top: none;
+  }
+
+  & > .el-tree-node::before {
+    border-left: none;
+  }
+
+  // 展开关闭的icon
+  .el-tree-node__expand-icon {
+    font-size: 16px;
+    // 叶子节点（无子节点）
+    &.is-leaf {
+      color: transparent;
+      // display: none; // 也可以去掉
+    }
+  }
+}
+.demo-drawer-footer {
+  height: 50px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/components/ProcessHeaderPhone.vue b/src/pages/processCenter/pages/components/ProcessHeaderPhone.vue
index e62b55566..ee5a5a3ce 100644
--- a/src/pages/processCenter/pages/components/ProcessHeaderPhone.vue
+++ b/src/pages/processCenter/pages/components/ProcessHeaderPhone.vue
@@ -73,12 +73,14 @@
     }
     .process-title {
         width: 100%;
-        margin-left: 10px;
+        //margin-left: 10px;
         font-size: 18px;
         font-weight: bold;
         display: inline-block;
         height: 30px;
         line-height: 30px;
+        box-sizing: border-box;
+        padding-left: 10px;
         .smallText {
             font-size: 14px;
             margin-left: 5px;
diff --git a/src/pages/processCenter/pages/phone/bzdy/step3.vue b/src/pages/processCenter/pages/phone/bzdy/step3.vue
new file mode 100644
index 000000000..07f48d22e
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzdy/step3.vue
@@ -0,0 +1,238 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准调研流程</template>
+      <template slot="proNode">调研结果反馈</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <InputFormItem
+                  label="调研标题"
+                  prop="title"
+                  v-model="form.title"
+                  :disabled="disabled"
+              ></InputFormItem>
+              <DatePickerFormItem
+                  label="完成时间"
+                  prop="date"
+                  v-model="form.date"
+                  :disabled="disabled"
+              ></DatePickerFormItem>
+              <UploadFormItem
+                  label="调研模板"
+                  prop="modelName"
+                  :ids.sync="form.modelId"
+                  :names.sync="form.modelName"
+                  view
+                  :disabled="disabled">
+              </UploadFormItem>
+              <UploadFormItem
+                  label="相关附件"
+                  prop="fjName"
+                  :ids.sync="form.fjId"
+                  :names.sync="form.fjName"
+                  view
+                  :disabled="disabled">
+              </UploadFormItem>
+            </div>
+            <ProcessTitle>
+              <template slot="title">调研回执</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <UploadFormItem
+                  label="调研结果"
+                  prop="fileName"
+                  :ids.sync="form.fileId"
+                  :names.sync="form.fileName"
+                  view
+                  :disabled="disabled">
+              </UploadFormItem>
+              <TextareaFormItem
+                  label="调研回执"
+                  prop="dyhz"
+                  v-model="form.dyhz"
+                  :disabled="disabled"
+              ></TextareaFormItem>
+            </div>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    InputFormItem,
+    DatePickerFormItem,
+    UploadFormItem,
+    TextareaFormItem,
+    phoneRoleTree
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          this.form.modelId = this.form.modelList.map(item => item.id).join(',')
+          this.form.modelName = this.form.modelList.map(item => item.name).join(',')
+          this.form.fjId = this.form.fjList.map(item => item.id).join(',')
+          this.form.fjName = this.form.fjList.map(item => item.name).join(',')
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzdy/step5.vue b/src/pages/processCenter/pages/phone/bzdy/step5.vue
new file mode 100644
index 000000000..8e347d336
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzdy/step5.vue
@@ -0,0 +1,276 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准调研流程</template>
+      <template slot="proNode">调研结果处理</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <InputFormItem
+                  label="调研标题"
+                  prop="title"
+                  v-model="form.title"
+                  :disabled="disabled"
+              ></InputFormItem>
+              <DatePickerFormItem
+                  label="完成时间"
+                  prop="date"
+                  v-model="form.date"
+                  :disabled="disabled"
+              ></DatePickerFormItem>
+
+              <UploadFormItem
+                  label="汇总调研结果"
+                  prop="hzfileName"
+                  :ids.sync="form.hzfileId"
+                  :names.sync="form.hzfileName"
+                  view
+                  :disabled="disabled">
+              </UploadFormItem>
+            </div>
+            <ProcessTitle>
+              <template slot="title">调研信息</template>
+            </ProcessTitle>
+            <div class="prc-content-border" style="padding: 0">
+              <el-table
+                  ref="selection"
+                  :data="form.responUserList"
+                  tooltip-effect="dark"
+                  style="width: 100%;"
+                  border
+                  row-key="id"
+                  :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+              >
+                <el-table-column
+                    prop="name"
+                    min-width="120"
+                    label="责任人"
+                    align="center">
+                </el-table-column>
+                <el-table-column
+                    prop="institutionName"
+                    label="责任部门"
+                    min-width="150"
+                    align="center">
+                </el-table-column>
+                <el-table-column
+                    label="回执文件"
+                    min-width="120"
+                    align="center">
+                  <template slot-scope="scope">
+                    <span style="color: #409eff" @click="preview(scope.row.fileId)">{{scope.row.fileName}}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                    prop="dyhz"
+                    label="回执说明"
+                    align="center">
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    InputFormItem,
+    DatePickerFormItem,
+    UploadFormItem,
+    TextareaFormItem,
+    phoneRoleTree
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    preview(fileId) {
+      this.$preview(fileId)
+    },
+    handleTabs(name) {
+      this.active = name
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          // this.form.modelId = this.form.modelList.map(item => item.id).join(',')
+          // this.form.modelName = this.form.modelList.map(item => item.name).join(',')
+          // this.form.fjId = this.form.fjList.map(item => item.id).join(',')
+          // this.form.fjName = this.form.fjList.map(item => item.name).join(',')
+
+          this.form.responUserList = processForm.responUserList || processForm.form.responUserList
+          this.form.responUserList.forEach(item => {
+            item.institutionName = ''
+            this.$http.get('sarUser/user/selectDeptByDY', {
+              ids: item.dockUser
+            }, {
+              _this: this
+            }, res => {
+              if (res.ok) {
+                this.reloadForm = false
+                item.institutionName = res.data[0].institutionName
+                this.$nextTick(() => {
+                  this.reloadForm = true
+                })
+              } else {
+                item.institutionName = ''
+              }
+            })
+          })
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzjd/components/Basic.vue b/src/pages/processCenter/pages/phone/bzjd/components/Basic.vue
new file mode 100644
index 000000000..20fce37f5
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzjd/components/Basic.vue
@@ -0,0 +1,104 @@
+<template>
+  <div class="prc-content-border">
+    <el-form-item label="标准编号" prop="cid" class="add-form-item form-item-disabled">
+      <span class="file-box-span" :title="form.itemsNum"  @click="handlePreview(form.itemsNum)">{{ form.itemsNum }}</span>
+    </el-form-item>
+    <el-form-item label="标准名称" prop="cname" class="add-form-item form-item-disabled">
+      <span class="file-box-span" @click="handlePreview(form.itemsNum)" :title="form.itemsName">{{ form.itemsName }}</span>
+    </el-form-item>
+    <InputFormItem
+        label="上一版本标准号/政策号"
+        v-model="form.itemsNum1"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="上一版本标准名称/政策名称"
+        v-model="form.itemsName1"
+        :disabled="disabled"
+    ></InputFormItem>
+    <DatePickerFormItem
+        label="截止日期"
+        prop="endTime"
+        v-model="form.endTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+
+export default {
+  name: "Basic",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    InputFormItem,
+    DatePickerFormItem
+  },
+  methods: {
+    // 点击跳转标准详情
+    handlePreview (item) {
+      let replaceStandInfoEO ={}
+      replaceStandInfoEO.standNumber = item
+      this.$http.get('sarStandardsInfo/sar-standards-info/queryInfoByStandNum', replaceStandInfoEO, {
+        _this: this
+      }, res => {
+        if (res.data != null) {
+          let dataType ='INLAND_STAND'
+          if(res.data.standType ==='FOREIGN'){
+            dataType ='FOREIGN_STAND'
+          }
+          this.$router.push({
+            name: 'domesticDetails',
+            query: {
+              id: res.data.id,
+              pageType: dataType
+            }
+          })
+          // let routeUrl = this.$router.resolve({
+          //   name: 'OtherStandardDetails',
+          //   params: {
+          //     id: res.data.id,
+          //     pageType:dataType
+          //   }
+          // })
+          // window.open(routeUrl.href, '_blank')
+        } else {
+          this.$message.error('标准号不存在!')
+        }
+      }, e => {
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+.prc-content-border /deep/ .el-form-item__content {
+  line-height: 50px !important;
+  height: 50px !important;
+}
+.file-box-span{
+  display: inline-block;
+  width: 100%;
+  color: #4498f0;
+  cursor: pointer;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzjd/components/SplitInformation.vue b/src/pages/processCenter/pages/phone/bzjd/components/SplitInformation.vue
new file mode 100644
index 000000000..fb6fcfc5f
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzjd/components/SplitInformation.vue
@@ -0,0 +1,125 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        prop="itemsNum"
+        label="条款号"
+        width="120"
+        align="center">
+    </el-table-column>
+    <el-table-column
+        prop="itemsName"
+        width="170"
+        label="条款名称"
+        align="center">
+    </el-table-column>
+    <el-table-column
+        prop="itermsConditions"
+        label="条款内容"
+        width="500"
+        align="center">
+      <template slot-scope="scope">
+        <div class="itemsTextBox" v-html="scope.row.itermsConditions.replace(/''/g, '\'')"></div>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="newData"
+        width="180"
+        label="新车型实施日期"
+        align="center">
+    </el-table-column>
+    <el-table-column
+        prop="onlineData"
+        width="180"
+        label="在产车型实施日期"
+        align="center">
+    </el-table-column>
+    <el-table-column
+        prop="applyArctic"
+        width="200"
+        label="适用车型"
+        align="center">
+      <template slot-scope="scope">
+        {{ JSON.parse(scope.row.applyArctic).join(',') }}
+      </template>
+    </el-table-column>
+    <el-table-column
+        v-if="!form.itemsNum1"
+        prop="technicalRequir"
+        label="核心技术要求"
+        align="center">
+    </el-table-column>
+    <el-table-column
+        prop="changePoint"
+        v-if="form.itemsNum1"
+        label="基于上一版本差异"
+        align="center">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneBzjdStep3'"
+        prop="unitDeptName"
+        label="责任部门"
+        width="200"
+        align="center">
+    </el-table-column>
+    <el-table-column
+        label="责任人"
+        width="150"
+        align="center">
+      <template slot-scope="scope">
+        <span>{{ scope.row.zxUserIdName }}</span>
+         </template>
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneBzjdStep3'"
+        prop="complianceRequir"
+        width="150"
+        label="符合项状态"
+        align="center">
+      <template slot-scope="scope">
+        {{ scope.row.complianceRequir === '1' ? '符合' : (scope.row.complianceRequir === '2' ? '不符合' : '') }}
+      </template>
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneBzjdStep3'"
+        prop="complianceState"
+        width="200"
+        label="合规性分析"
+        align="center">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "SplitInformation",
+  props: {
+    form: {
+      type: Object,
+      default: () => ({})
+    },
+    data: {
+      type: Array,
+      default: () => []
+    },
+    dict: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+}
+</script>
+
+<style scoped>
+.itemsTextBox {
+  min-height: 0;
+  max-height: 150px;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzjd/step2.vue b/src/pages/processCenter/pages/phone/bzjd/step2.vue
new file mode 100644
index 000000000..afbbed7c7
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzjd/step2.vue
@@ -0,0 +1,191 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准解读流程</template>
+      <template slot="proNode">选择责任人</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">拆分信息</template>
+            </ProcessTitle>
+            <SplitInformation :data="form.itemList" :form="form"></SplitInformation>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import SplitInformation from "./components/SplitInformation";
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    SplitInformation
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          this.form.itemList = (processForm.form && processForm.form.itemList) || processForm.itemList || []
+          if (typeof(this.form.itemList) === 'string') {
+            this.form.itemList = JSON.parse(this.form.itemList)
+          }
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzjd/step3.vue b/src/pages/processCenter/pages/phone/bzjd/step3.vue
new file mode 100644
index 000000000..3c680c7e4
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzjd/step3.vue
@@ -0,0 +1,191 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准解读流程</template>
+      <template slot="proNode">解读</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">拆分信息</template>
+            </ProcessTitle>
+            <SplitInformation :data="form.itemList" :form="form"></SplitInformation>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import SplitInformation from "./components/SplitInformation";
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    SplitInformation
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          this.form.itemList = (processForm.form && processForm.form.itemList) || processForm.itemList || []
+          if (typeof(this.form.itemList) === 'string') {
+            this.form.itemList = JSON.parse(this.form.itemList)
+          }
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzpg/components/Basic.vue b/src/pages/processCenter/pages/phone/bzpg/components/Basic.vue
new file mode 100644
index 000000000..efe050ac3
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzpg/components/Basic.vue
@@ -0,0 +1,72 @@
+<template>
+  <div class="prc-content-border">
+    <el-form-item label="标准编号" class="add-form-item form-item-disabled">
+      <span class="file-box-span" :title="form.standNumber"  @click="handlePreview(form.id)">{{ form.standNumber }}</span>
+    </el-form-item>
+    <el-form-item label="标准名称" class="add-form-item form-item-disabled">
+      <span class="file-box-span" :title="form.standName"  @click="handlePreview(form.id)">{{ form.standName }}</span>
+    </el-form-item>
+    <InputFormItem
+        label="认证工程师"
+        v-model="form.certifiedEngineerName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="质量工程师"
+        v-model="form.qualityEngineerName"
+        :disabled="disabled"
+    ></InputFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+
+export default {
+  name: "Basic",
+  components: {
+    InputFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  methods: {
+    handlePreview(id) {
+      this.$router.push({
+        name: 'domesticDetails',
+        query: {
+          id,
+          pageType: "INLAND_STAND"
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+.prc-content-border /deep/ .el-form-item__content {
+  line-height: 50px !important;
+  height: 50px !important;
+}
+.file-box-span{
+  display: inline-block;
+  width: 100%;
+  color: #4498f0;
+  cursor: pointer;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzpg/components/Info3.vue b/src/pages/processCenter/pages/phone/bzpg/components/Info3.vue
new file mode 100644
index 000000000..db4b5030c
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzpg/components/Info3.vue
@@ -0,0 +1,61 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        align="center"
+        prop="managementHostName"
+        width="120"
+        label="管理主体"/>
+    <el-table-column
+        align="center"
+        prop="developmentHostName"
+        width="120"
+        label="开发主体"/>
+    <el-table-column
+        align="center"
+        prop="categoryName"
+        width="120"
+        label="项目细分类"/>
+    <el-table-column
+        align="center"
+        prop="projectStatus"
+        label="项目状态"/>
+    <el-table-column
+        align="center"
+        prop="projectNumber"
+        label="项目编号"/>
+    <el-table-column
+        align="center"
+        prop="projectName"
+        width="300"
+        label="项目名称"/>
+    <el-table-column
+        align="center"
+        prop="uname"
+        width="120"
+        label="项目经理" />
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "Info",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzpg/components/Info4.vue b/src/pages/processCenter/pages/phone/bzpg/components/Info4.vue
new file mode 100644
index 000000000..230b411a4
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzpg/components/Info4.vue
@@ -0,0 +1,83 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        align="center"
+        min-width="180"
+        prop="projectGroup"
+        label="项目群"/>
+    <el-table-column
+        align="center"
+        min-width="180"
+        prop="projectNumber"
+        label="项目编号"/>
+    <el-table-column
+        min-width="300"
+        align="center"
+        prop="projectName"
+        label="项目名称"/>
+    <el-table-column
+        align="center"
+        min-width="120"
+        prop="itemsNum"
+        label="条款号"/>
+    <el-table-column
+        align="center"
+        min-width="150"
+        prop="itemsName"
+        label="条款名称">
+    </el-table-column>
+    <el-table-column
+        prop="technicalRequir"
+        align="center"
+        width="200px"
+        label="核心技术要求/变化点">
+    </el-table-column>
+    <el-table-column
+        prop="changePoint"
+        align="center"
+        width="200px"
+        label="基于上一版本差异">
+    </el-table-column>
+    <el-table-column
+        prop="xcxssrq"
+        align="center"
+        width="160px"
+        label="新车型实施日期">
+    </el-table-column>
+    <el-table-column
+        prop="zccssrq"
+        align="center"
+        width="160px"
+        label="在产车实施日期"/>
+    <el-table-column
+        label="落实人"
+        prop="implementer"
+        width="210"
+        align="center">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "ImplementerInfo",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzpg/components/Info5.vue b/src/pages/processCenter/pages/phone/bzpg/components/Info5.vue
new file mode 100644
index 000000000..a7499d740
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzpg/components/Info5.vue
@@ -0,0 +1,107 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        align="center"
+        min-width="180"
+        prop="projectGroup"
+        label="项目群"/>
+    <el-table-column
+        align="center"
+        min-width="180"
+        prop="projectNumber"
+        label="项目编号"/>
+    <el-table-column
+        min-width="300"
+        align="center"
+        prop="projectName"
+        label="项目名称"/>
+    <el-table-column
+        align="center"
+        min-width="120"
+        prop="itemsNum"
+        label="条款号"/>
+    <el-table-column
+        align="center"
+        min-width="150"
+        prop="itemsName"
+        label="条款名称">
+    </el-table-column>
+    <el-table-column
+        prop="technicalRequir"
+        align="center"
+        width="200px"
+        label="核心技术要求/变化点">
+    </el-table-column>
+    <el-table-column
+        prop="changePoint"
+        align="center"
+        width="200px"
+        label="基于上一版本差异">
+    </el-table-column>
+    <el-table-column
+        prop="xcxssrq"
+        align="center"
+        width="160px"
+        label="新车型实施日期">
+    </el-table-column>
+    <el-table-column
+        prop="zccssrq"
+        align="center"
+        width="160px"
+        label="在产车实施日期"/>
+    <el-table-column
+        label="合规"
+        prop="complianceReasons"
+        width="210"
+        align="center">
+    </el-table-column>
+    <el-table-column
+        prop="noCompliance"
+        align="center"
+        width="170"
+        label="不合规项目">
+    </el-table-column>
+    <el-table-column
+        prop="countermeasures"
+        align="center"
+        width="160"
+        label="应对措施">
+    </el-table-column>
+    <el-table-column
+        prop="completionTime"
+        align="center"
+        width="140"
+        label="完成时间">
+    </el-table-column>
+    <el-table-column
+        prop="noInvolve"
+        align="center"
+        width="160"
+        label="不涉及理由">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "ImplementerInfo",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzpg/step3.vue b/src/pages/processCenter/pages/phone/bzpg/step3.vue
new file mode 100644
index 000000000..d8370f07e
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzpg/step3.vue
@@ -0,0 +1,190 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准合规评估流程</template>
+      <template slot="proNode">项目分发</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info3 :data="form.dataList"></Info3>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="审批意见"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        approval
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info3 from "./components/Info3";
+
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info3
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          this.form.dataList = processForm.dataList
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    }
+  }
+}
+</script>
+
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzpg/step4.vue b/src/pages/processCenter/pages/phone/bzpg/step4.vue
new file mode 100644
index 000000000..0bf833949
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzpg/step4.vue
@@ -0,0 +1,189 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准合规评估流程</template>
+      <template slot="proNode">任务分发</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info4 :data="form.resDats"></Info4>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="审批意见"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        approval
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info4 from "./components/Info4";
+
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info4
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    }
+  }
+}
+</script>
+
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzpg/step5.vue b/src/pages/processCenter/pages/phone/bzpg/step5.vue
new file mode 100644
index 000000000..65fcc170b
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzpg/step5.vue
@@ -0,0 +1,189 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准合规评估流程</template>
+      <template slot="proNode">合规评估</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info5 :data="form.dataList"></Info5>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="审批意见"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        approval
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info5 from "./components/Info5";
+
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info5
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    }
+  }
+}
+</script>
+
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzqdfb/components/Basic.vue b/src/pages/processCenter/pages/phone/bzqdfb/components/Basic.vue
new file mode 100644
index 000000000..6ec0494d1
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzqdfb/components/Basic.vue
@@ -0,0 +1,55 @@
+<template>
+  <div class="prc-content-border">
+    <InputFormItem
+        label="清单名称"
+        prop="listName"
+        v-model="form.listName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="清单说明"
+        prop="descriptionList"
+        v-model="form.descriptionList"
+        :disabled="disabled"
+    ></InputFormItem>
+    <UploadFormItem
+        label="附件"
+        prop="fileNames"
+        :ids.sync="form.fileIds"
+        :names.sync="form.fileNames"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
+
+export default {
+  name: "Basic",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    InputFormItem,
+    UploadFormItem
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzqdfb/components/InfoTable.vue b/src/pages/processCenter/pages/phone/bzqdfb/components/InfoTable.vue
new file mode 100644
index 000000000..d80e818cc
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzqdfb/components/InfoTable.vue
@@ -0,0 +1,94 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        prop="code"
+        width="120px"
+        label="标准号">
+      <template slot-scope="scope">
+        <a v-if="scope.row.standYear" class="table-jump"
+           @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber
+          }}-{{ scope.row.standYear }}</a>
+        <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
+          {{ scope.row.standNumber }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="standName"
+        label="标准名称"
+        width="200px"
+    >
+      <template slot-scope="scope">
+        <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="issueTime"
+        width="90px"
+        label="发布日期">
+      <template slot-scope="scope">
+        <span>{{ scope.row.issueTime ? $moment(scope.row.issueTime).format("YYYY-MM-DD") : "" }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="XCXSSRQ"
+        width="90px"
+        label="新车型实施日期">
+    </el-table-column>
+    <el-table-column
+        show-overflow-tooltip
+        prop="ZCCSSRQ"
+        width="90px"
+        label="在产车实施日期">
+    </el-table-column>
+    <el-table-column
+        show-overflow-tooltip
+        prop="textStatus"
+        width="80px"
+        label="文本状态">
+      <template slot-scope="scope">
+        <span v-if="dict.WBZTCLASS && dict.WBZTCLASS.length > 0 && scope.row.textStatus && scope.row.textStatus!== ''">
+          {{ dict.WBZTCLASS.find(item => item.value === scope.row.textStatus).label }}
+        </span>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "InfoTable",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    dict: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  methods: {
+    handlePreview(item) {
+      this.$router.push({
+        name: 'domesticDetails',
+        query: {
+          id: item.id,
+          pageType: 'INLAND_STAND'
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzqdfb/step2.vue b/src/pages/processCenter/pages/phone/bzqdfb/step2.vue
new file mode 100644
index 000000000..111348fe3
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzqdfb/step2.vue
@@ -0,0 +1,214 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准清单发布/更新流程</template>
+      <template slot="proNode">会签</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <InfoTable :data="form.dataList" :dict="dict"></InfoTable>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import InfoTable from "./components/InfoTable";
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    InfoTable
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          this.form.fileIds = this.form.fileName.map(item => item.id).join(',')
+          this.form.fileNames = this.form.fileName.map(item => item.name).join(',')
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      // this.$message({
+      //   dangerouslyUseHTMLString: true,
+      //   message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+      //   type: 'error'
+      // })
+      this.footerLoading = true;
+      const json = JSON.stringify(this.form);
+
+      const query = {
+        taskIds: this.$route.query.taskIds,
+        userId : this.$store.getters.userInfo.userId,
+        json
+      }
+      const completeTaskRef = await this.$http._post('lawss/activiti/completeTask', query)
+      if (!completeTaskRef.success) {
+        this.footerLoading = false
+        return this.$message.error(completeTaskRef.message)
+      }
+
+      this.$message.success(completeTaskRef.message)
+      this.footerLoading = false
+      setTimeout(() => {
+        this.$router.go(-2)
+      }, 100)
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzqdfb/step3.vue b/src/pages/processCenter/pages/phone/bzqdfb/step3.vue
new file mode 100644
index 000000000..a09940f4f
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzqdfb/step3.vue
@@ -0,0 +1,195 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准清单发布/更新流程</template>
+      <template slot="proNode">修订</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <InfoTable :data="form.dataList" :dict="dict"></InfoTable>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import InfoTable from "./components/InfoTable";
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    InfoTable
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          this.form.fileIds = this.form.fileName.map(item => item.id).join(',')
+          this.form.fileNames = this.form.fileName.map(item => item.name).join(',')
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzrk/components/Basic.vue b/src/pages/processCenter/pages/phone/bzrk/components/Basic.vue
new file mode 100644
index 000000000..cbf94cc3b
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzrk/components/Basic.vue
@@ -0,0 +1,150 @@
+<template>
+  <div class="prc-content-border">
+    <RadioGroupFormItem
+        label="标准来源"
+        prop="standInData"
+        v-model="form.standInData"
+        :options="standInDataOptions"
+        :disabled="disabled"
+    ></RadioGroupFormItem>
+    <InputFormItem
+        label="标准编号"
+        prop="standNumber"
+        v-model="form.standNumber"
+        :disabled="disabled"
+    ></InputFormItem>
+    <RadioGroupFormItem
+        label="是否需要会签"
+        prop="signFlag"
+        v-model="form.signFlag"
+        :options="signFlagOptions"
+        :disabled="disabled"
+    ></RadioGroupFormItem>
+    <SelectFormItem
+        label="标准类别"
+        prop="standSort"
+        v-model="form.standSort"
+        :options="dict.STANDCLASSIFY || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <InputFormItem
+        label="标准年份"
+        prop="standYear"
+        v-model="form.standYear"
+        :disabled="disabled"
+    ></InputFormItem>
+    <SelectFormItem
+        v-if="form.standInData === '0'"
+        label="标准性质"
+        prop="standNature"
+        v-model="form.standNature"
+        :options="dict.SARPROPERTY || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <SelectMultipleFormItem
+        v-if="form.standInData === '1'"
+        label="国家/地区"
+        prop="country"
+        v-model="form.country"
+        :options="dict.COUNTRY || []"
+        :disabled="disabled"
+    ></SelectMultipleFormItem>
+    <TextareaFormItem
+        label="标准体系"
+        prop="standSystem"
+        v-model="form.standSystem"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <TextareaFormItem
+        label="标准中文名称"
+        prop="standName"
+        v-model="form.standName"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <TextareaFormItem
+        label="标准英文名称"
+        prop="standEnName"
+        v-model="form.standEnName"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <DatePickerFormItem
+        label="标准发布日期"
+        prop="issueTime"
+        v-model="form.issueTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+    <SelectFormItem
+        label="文本状态"
+        prop="textStatus"
+        v-model="form.textStatus"
+        :options="dict.WBZTCLASS || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <TextareaFormItem
+        label="归档位置"
+        prop="treeListName"
+        v-model="form.treeListName"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <InputFormItem
+        v-if="form.standInData === '1'"
+        label="标签"
+        prop="gxhbq"
+        v-model="form.gxhbq"
+        :disabled="disabled"
+    ></InputFormItem>
+  </div>
+</template>
+
+<script>
+import RadioGroupFormItem from '@/components/hzwlComponents/RadioGroupFormItem'
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+
+export default {
+  name: "Basic",
+  components: {
+    RadioGroupFormItem,
+    InputFormItem,
+    SelectFormItem,
+    TextareaFormItem,
+    DatePickerFormItem,
+    SelectMultipleFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data () {
+    const standInDataOptions = [
+      { label: '0', value: '国内标准入库' },
+      { label: '1', value: '国外标准入库' },
+    ]
+    const signFlagOptions = [
+      { label: '1', value: '是' },
+      { label: '2', value: '否' },
+    ]
+    return {
+      standInDataOptions,
+      signFlagOptions
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzrk/components/ImplementationDate.vue b/src/pages/processCenter/pages/phone/bzrk/components/ImplementationDate.vue
new file mode 100644
index 000000000..3acffdb4f
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzrk/components/ImplementationDate.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="prc-content-border">
+    <DatePickerGroupFormItem
+        label="实施日期(标准文本)"
+        prop="ssrq"
+        v-model="form.ssrq"
+        :disabled="disabled"
+    ></DatePickerGroupFormItem>
+    <DatePickerGroupFormItem
+        label="在产车实施日期(标准文本)"
+        prop="zccssrq"
+        v-model="form.zccssrq"
+        :disabled="disabled"
+    ></DatePickerGroupFormItem>
+    <DatePickerGroupFormItem
+        label="新车型实施日期(标准文本)"
+        prop="xcxssrq"
+        v-model="form.xcxssrq"
+        :disabled="disabled"
+    ></DatePickerGroupFormItem>
+  </div>
+</template>
+
+<script>
+import DatePickerGroupFormItem from "@/components/hzwlComponents/DatePickerGroupFormItem";
+
+export default {
+  name: "ImplementationDate",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    DatePickerGroupFormItem
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzrk/components/Range.vue b/src/pages/processCenter/pages/phone/bzrk/components/Range.vue
new file mode 100644
index 000000000..2dd1853c9
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzrk/components/Range.vue
@@ -0,0 +1,123 @@
+<template>
+  <div class="prc-content-border">
+    <SelectMultipleFormItem
+        label="适用车型"
+        prop="cllx"
+        v-model="form.cllx"
+        :options="dict.ENERGYTYPES || []"
+        :disabled="disabled"
+    ></SelectMultipleFormItem>
+    <SelectMultipleFormItem
+        label="能源类型"
+        prop="nylx"
+        v-model="form.nylx"
+        :options="dict.NYLXCLASS || []"
+        :disabled="disabled"
+    ></SelectMultipleFormItem>
+    <SelectMultipleFormItem
+        label="适用产品线"
+        prop="sycpx"
+        v-model="form.sycpx"
+        :options="dict.SYCPXCLASS || []"
+        :disabled="disabled"
+    ></SelectMultipleFormItem>
+    <!--<TextareaFormItem-->
+    <!--    label="关联模块&#45;&#45;乘用车VPPS编码"-->
+    <!--    prop="cycvppsbm"-->
+    <!--    v-model="form.cycvppsbm"-->
+    <!--    :disabled="disabled"-->
+    <!--&gt;</TextareaFormItem>-->
+    <!--<TextareaFormItem-->
+    <!--    label="关联模块&#45;&#45;卡车VPPS编码"-->
+    <!--    prop="kccvppsbm"-->
+    <!--    v-model="form.kccvppsbm"-->
+    <!--    :disabled="disabled"-->
+    <!--&gt;</TextareaFormItem>-->
+    <!--<TextareaFormItem-->
+    <!--    label="关联模块&#45;&#45;乘用车vpps中文名称"-->
+    <!--    prop="cycvppscn"-->
+    <!--    v-model="form.cycvppscn"-->
+    <!--    :disabled="disabled"-->
+    <!--&gt;</TextareaFormItem>-->
+    <!--<TextareaFormItem-->
+    <!--    label="关联模块&#45;&#45;卡车vpps中文名称"-->
+    <!--    prop="kccvppscn"-->
+    <!--    v-model="form.kccvppscn"-->
+    <!--    :disabled="disabled"-->
+    <!--&gt;</TextareaFormItem>-->
+    <van-field label="关联模块--乘用车VPPS编码" v-model="form.cycvppsbm" readonly   placeholder=""/>
+    <van-field label="关联模块--卡车VPPS编码" v-model="form.kccvppsbm" readonly placeholder=""/>
+    <van-field label="关联模块--乘用车vpps中文名称" v-model="form.cycvppscn" readonly placeholder="" />
+    <van-field label="关联模块--卡车vpps中文名称" v-model="form.kccvppscn" placeholder="" readonly />
+    <SelectFormItem
+        v-if="form.standInData === '0'"
+        label="归口管理部门"
+        prop="gkdw"
+        v-model="form.gkdw"
+        :options="dict.GKGLBM || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <SelectMultipleFormItem
+        v-if="form.standInData === '0'"
+        label="起草单位"
+        prop="qcdw"
+        v-model="form.qcdw"
+        :options="dict.QCDW || []"
+        :disabled="disabled"
+    ></SelectMultipleFormItem>
+    <van-field
+        v-if="form.standInData === '0'"
+        label="我司署名人"
+        v-model="form.wssmr" readonly  placeholder=""/>
+    <SelectFormItem
+        v-if="form.standInData === '0'"
+        label="我司参与深度"
+        prop="cysd"
+        v-model="form.cysd"
+        :options="dict.WSCYSD || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <SelectFormItem
+        v-if="form.standInData === '0'"
+        label="我司参与制标排名"
+        prop="cyzbpm"
+        v-model="form.cyzbpm"
+        :options="dict.CYZBPM || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+  </div>
+</template>
+
+<script>
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+
+export default {
+  name: "Range",
+  components: {
+    SelectFormItem,
+    SelectMultipleFormItem,
+    TextareaFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzrk/components/RelatesInformation.vue b/src/pages/processCenter/pages/phone/bzrk/components/RelatesInformation.vue
new file mode 100644
index 000000000..b4b2f45b1
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzrk/components/RelatesInformation.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="prc-content-border">
+    <TextareaFormItem
+        label="代替标准号"
+        prop="dtbjh"
+        v-model="form.dtbjh"
+    ></TextareaFormItem>
+    <SelectFormItem
+        v-if="form.standInData === '0'"
+        label="采标程度"
+        prop="cbcd"
+        v-model="form.cbcd"
+        :options="dict.DEGREESTANDARD || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <UploadFormItem
+        label="关联文件"
+        prop="glwjName"
+        :ids.sync="form.glwj"
+        :names.sync="form.glwjName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <TextareaFormItem
+        v-if="form.standInData === '0'"
+        label="采标编号"
+        prop="cbbh"
+        v-model="form.cbbh"
+    ></TextareaFormItem>
+    <TextareaFormItem
+        label="引用标准"
+        prop="yybj"
+        v-model="form.yybj"
+    ></TextareaFormItem>
+  </div>
+</template>
+
+<script>
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
+
+export default {
+  name: "RelatesInformation",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    TextareaFormItem,
+    SelectFormItem,
+    UploadFormItem
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzrk/components/TextInfo.vue b/src/pages/processCenter/pages/phone/bzrk/components/TextInfo.vue
new file mode 100644
index 000000000..77be78339
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzrk/components/TextInfo.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="prc-content-border">
+    <UploadFormItem
+        v-if="form.standInData === '0'"
+        label="修改单"
+        prop="xgdName"
+        :ids.sync="form.xgd"
+        :names.sync="form.xgdName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <UploadFormItem
+        label="发布稿（原文）"
+        prop="fbgbjbdName"
+        :ids.sync="form.fbgbjbd"
+        :names.sync="form.fbgbjbdName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <UploadFormItem
+        label="发布稿（译文）"
+        prop="fbgywbdName"
+        :ids.sync="form.fbgywbd"
+        :names.sync="form.fbgywbdName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <UploadFormItem
+        label="草案"
+        prop="caName"
+        :ids.sync="form.ca"
+        :names.sync="form.caName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <UploadFormItem
+        v-if="form.standInData === '0'"
+        label="送审稿"
+        prop="ssgName"
+        :ids.sync="form.ssg"
+        :names.sync="form.ssgName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <UploadFormItem
+        v-if="form.standInData === '1'"
+        label="增补件"
+        prop="zbjbdName"
+        :ids.sync="form.zbjbd"
+        :names.sync="form.zbjbdName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+
+    <UploadFormItem
+        v-if="form.standInData === '0'"
+        label="相关文件"
+        prop="jdwjName"
+        :ids.sync="form.jdwj"
+        :names.sync="form.jdwjName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <UploadFormItem
+        v-if="form.standInData === '0'"
+        label="报批稿"
+        prop="bpgName"
+        :ids.sync="form.bpg"
+        :names.sync="form.bpgName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <UploadFormItem
+        v-if="form.standInData === '0'"
+        label="征求意见稿"
+        prop="zqyjgName"
+        :ids.sync="form.zqyjg"
+        :names.sync="form.zqyjgName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <UploadFormItem
+        v-if="form.standInData === '1'"
+        label="修订本"
+        prop="xdbName"
+        :ids.sync="form.xdb"
+        :names.sync="form.xdbName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <UploadFormItem
+        v-if="form.standInData === '1'"
+        label="勘误件"
+        prop="kwjName"
+        :ids.sync="form.kwj"
+        :names.sync="form.kwjName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+  </div>
+</template>
+
+<script>
+import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
+
+export default {
+  name: "TextInfo",
+  components: {
+    UploadFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzrk/step3.vue b/src/pages/processCenter/pages/phone/bzrk/step3.vue
new file mode 100644
index 000000000..996aba9f7
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzrk/step3.vue
@@ -0,0 +1,183 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准入库流程</template>
+      <template slot="proNode">会签</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">实施日期</template>
+            </ProcessTitle>
+            <ImplementationDate :form="form" :dict="dict" :disabled="disabled"></ImplementationDate>
+            <ProcessTitle>
+              <template slot="title">文本信息</template>
+            </ProcessTitle>
+            <TextInfo :form="form" :dict="dict" :disabled="disabled"></TextInfo>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <RelatesInformation :form="form" :dict="dict" :disabled="disabled"></RelatesInformation>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="审批意见"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import Basic from "./components/Basic";
+import ImplementationDate from "./components/ImplementationDate";
+import TextInfo from "./components/TextInfo";
+import Range from "./components/Range";
+import RelatesInformation from "./components/RelatesInformation";
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    Basic,
+    ImplementationDate,
+    TextInfo,
+    Range,
+    RelatesInformation,
+    ReceiptDescription
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      disabled: true,
+      dict: {},
+      footerLoading: false
+    }
+  },
+  created() {
+    this.getData()
+    this.getDicTypeListCode()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm))
+          this.form.commentText = ''
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.footerLoading = true;
+
+      this.form.menuIds = this.form.treeListId;
+      this.form.BBFDTBZ = this.form.bfbdtbzh
+      const json = JSON.stringify(this.form);
+
+      const query = {
+        taskIds: this.$route.query.taskIds,
+        userId : this.$store.getters.userInfo.userId,
+        json
+      }
+      const completeTaskRef = await this.$http._post('lawss/activiti/completeTask', query)
+      if (!completeTaskRef.success) {
+        this.footerLoading = false
+        return this.$message.error(completeTaskRef.message)
+      }
+
+      this.$message.success(completeTaskRef.message)
+      this.footerLoading = false
+      setTimeout(() => {
+        this.$router.go(-2)
+      }, 100)
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzrk/step4.vue b/src/pages/processCenter/pages/phone/bzrk/step4.vue
new file mode 100644
index 000000000..5ad101b0d
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzrk/step4.vue
@@ -0,0 +1,189 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准入库流程</template>
+      <template slot="proNode">修订</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">实施日期</template>
+            </ProcessTitle>
+            <ImplementationDate :form="form" :dict="dict" :disabled="disabled"></ImplementationDate>
+            <ProcessTitle>
+              <template slot="title">文本信息</template>
+            </ProcessTitle>
+            <TextInfo :form="form" :dict="dict" :disabled="disabled"></TextInfo>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <RelatesInformation :form="form" :dict="dict" :disabled="disabled"></RelatesInformation>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="审批意见"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+    >
+    </ProcessFooter>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import Basic from "./components/Basic";
+import ImplementationDate from "./components/ImplementationDate";
+import TextInfo from "./components/TextInfo";
+import Range from "./components/Range";
+import RelatesInformation from "./components/RelatesInformation";
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    Basic,
+    ImplementationDate,
+    TextInfo,
+    Range,
+    RelatesInformation,
+    ReceiptDescription
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      disabled: true,
+      dict: {},
+      footerLoading: false
+    }
+  },
+  created() {
+    this.getData()
+    this.getDicTypeListCode()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm))
+          this.form.commentText = ''
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+      // this.footerLoading = true;
+      // this.form.commentText = this.commentText;
+      //
+      // this.form.menuIds = this.form.treeListId;
+      // this.form.BBFDTBZ = this.form.bfbdtbzh
+      // const json = JSON.stringify(this.form);
+      //
+      // const query = {
+      //   taskIds: this.$route.query.taskIds,
+      //   userId : this.$store.getters.userInfo.userId,
+      //   json
+      // }
+      // const completeTaskRef = await this.$http._post('lawss/activiti/completeTask', query)
+      // if (!completeTaskRef.success) {
+      //   this.footerLoading = false
+      //   return this.$message.error(completeTaskRef.message)
+      // }
+      //
+      // this.$message.success(completeTaskRef.message)
+      // this.footerLoading = false
+      // setTimeout(() => {
+      //   this.$router.go(-2)
+      // }, 100)
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzzqyj/componnets/Basic.vue b/src/pages/processCenter/pages/phone/bzzqyj/componnets/Basic.vue
new file mode 100644
index 000000000..07c50e6b5
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzzqyj/componnets/Basic.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="prc-content-border">
+    <TextareaFormItem
+        label="标准编号/名称"
+        prop="cid"
+        v-model="form.cid"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <UploadFormItem
+        label="标准文本"
+        prop="fjListName"
+        :ids.sync="form.fjListId"
+        :names.sync="form.fjListName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <UploadFormItem
+        label="相关文件"
+        prop="modelName"
+        :ids.sync="form.modelId"
+        :names.sync="form.modelName"
+        view
+        :disabled="disabled">
+    </UploadFormItem>
+    <DatePickerFormItem
+        label="征求意见结束日期"
+        prop="endTime"
+        v-model="form.endTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+    <van-field v-if="$route.name === 'phoneBzzqyjStep4'" label="审批人" v-model="form.spName" placeholder="" readonly />
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
+
+export default {
+  name: "Basic",
+  components: {
+    InputFormItem,
+    TextareaFormItem,
+    UploadFormItem,
+    DatePickerFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzzqyj/componnets/SolicitationList.vue b/src/pages/processCenter/pages/phone/bzzqyj/componnets/SolicitationList.vue
new file mode 100644
index 000000000..96a4a3417
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzzqyj/componnets/SolicitationList.vue
@@ -0,0 +1,108 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        prop="chapterNumber"
+        align="center"
+        label="章条编号">
+    </el-table-column>
+    <el-table-column
+        prop="chapterName"
+        align="center"
+        label="章节名称">
+    </el-table-column>
+    <el-table-column
+        prop="commentText"
+        align="center"
+        label="修改意见内容（包括理由或依据）">
+      <el-table-column
+          prop="oldText"
+          align="center"
+          label="修改前">
+        <template slot-scope="scope">
+          <el-button size="mini" type="primary" :disabled="scope.row.chapterNumber.length === 0" @click="itermsConditionsOpen(scope.row.oldText)" class="common-button-primary">查看修改前内容</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column
+          prop="newText"
+          align="center"
+          label="修改后">
+      </el-table-column>
+      <el-table-column
+          prop="reason"
+          align="center"
+          label="修改理由">
+      </el-table-column>
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneBzzqyjStep5'"
+        prop="sourceType"
+        align="center"
+        label="来源">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneBzzqyjStep4' || $route.name === 'phoneBzzqyjStep5'"
+        prop="department"
+        align="center"
+        label="提出部门">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneBzzqyjStep4' || $route.name === 'phoneBzzqyjStep5'"
+        prop="responUserName"
+        align="center"
+        label="提出人">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneBzzqyjStep5'"
+        prop="state"
+        align="center"
+        label="处理意见">
+      <template slot-scope="scope">
+        <span v-if="scope.row.state === '1'">上报</span>
+        <span v-else-if="scope.row.state === '2'">处理后上报</span>
+        <span v-else-if="scope.row.state === '3'">不上报</span>
+        <!--<div style="margin: 5px 0;">-->
+        <!--  <el-select-->
+        <!--      :disabled="scope.row.type"-->
+        <!--      v-model="scope.row.state"-->
+        <!--      collapse-tags-->
+        <!--      style="margin-left: 20px;"-->
+        <!--      placeholder="请选择处理意见">-->
+        <!--    <el-option key="1" label="上报" value="1"></el-option>-->
+        <!--    <el-option key="2" label="处理后上报" value="2"></el-option>-->
+        <!--    <el-option key="3" label="不上报" value="3"></el-option>-->
+        <!--  </el-select>-->
+        <!--</div>-->
+      </template>
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneBzzqyjStep5'"
+        prop="cause"
+        align="center"
+        label="原因">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "SolicitationList",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzzqyj/step3.vue b/src/pages/processCenter/pages/phone/bzzqyj/step3.vue
new file mode 100644
index 000000000..10f0291f1
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzzqyj/step3.vue
@@ -0,0 +1,195 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准征求意见流程</template>
+      <template slot="proNode">意见反馈</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">征求意见列表</template>
+            </ProcessTitle>
+            <SolicitationList></SolicitationList>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./componnets/Basic";
+import SolicitationList from "./componnets/SolicitationList";
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    SolicitationList
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+
+      tableData: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          this.form.modelId = this.form.modelList.map(item => item.id).join(',')
+          this.form.modelName = this.form.modelList.map(item => item.name).join(',')
+          this.form.fjListId = this.form.fjList.map(item => item.id).join(',')
+          this.form.fjListName = this.form.fjList.map(item => item.fileName).join(',')
+
+          this.tableData = this.form.data || this.form.info || []
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzzqyj/step4.vue b/src/pages/processCenter/pages/phone/bzzqyj/step4.vue
new file mode 100644
index 000000000..995819f25
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzzqyj/step4.vue
@@ -0,0 +1,195 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准征求意见流程</template>
+      <template slot="proNode">意见汇总报批</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">征求意见列表</template>
+            </ProcessTitle>
+            <SolicitationList></SolicitationList>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./componnets/Basic";
+import SolicitationList from "./componnets/SolicitationList";
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    SolicitationList
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+
+      tableData: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          this.form.modelId = this.form.modelList.map(item => item.id).join(',')
+          this.form.modelName = this.form.modelList.map(item => item.name).join(',')
+          this.form.fjListId = this.form.fjList.map(item => item.id).join(',')
+          this.form.fjListName = this.form.fjList.map(item => item.fileName).join(',')
+
+          this.tableData = this.form.data || this.form.info || []
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/bzzqyj/step5.vue b/src/pages/processCenter/pages/phone/bzzqyj/step5.vue
new file mode 100644
index 000000000..ee0357409
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/bzzqyj/step5.vue
@@ -0,0 +1,195 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">标准征求意见流程</template>
+      <template slot="proNode">意见处理</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">征求意见列表</template>
+            </ProcessTitle>
+            <SolicitationList></SolicitationList>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./componnets/Basic";
+import SolicitationList from "./componnets/SolicitationList";
+
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+export default {
+  name: "step3",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    SolicitationList
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+
+      tableData: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          this.form.modelId = this.form.modelList.map(item => item.id).join(',')
+          this.form.modelName = this.form.modelList.map(item => item.name).join(',')
+          this.form.fjListId = this.form.fjList.map(item => item.id).join(',')
+          this.form.fjListName = this.form.fjList.map(item => item.fileName).join(',')
+
+          this.tableData = this.form.data || this.form.info || []
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbfz/components/Basic.vue b/src/pages/processCenter/pages/phone/qbfz/components/Basic.vue
new file mode 100644
index 000000000..fc9951f9e
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbfz/components/Basic.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="prc-content-border">
+    <InputFormItem
+        label="企标编号"
+        prop="standCode"
+        v-model="form.standCode"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="中文名称"
+        prop="standName"
+        v-model="form.standName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="英文名称"
+        prop="enName"
+        v-model="form.enName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="企标类别"
+        prop="entCategory"
+        v-model="form.entCategory"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="代替企标编号"
+        prop="replaceNumber"
+        v-model="form.replaceNumber"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="被代替企标编号"
+        prop="replacedNumber"
+        v-model="form.replacedNumber"
+        :disabled="disabled"
+    ></InputFormItem>
+    <DatePickerFormItem
+        label="发布日期"
+        prop="releaseDate"
+        v-model="form.releaseDate"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+    <DatePickerFormItem
+        label="实施日期"
+        prop="implementDate"
+        v-model="form.implementDate"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+
+    <TextareaFormItem
+        label="废止理由"
+        prop="abolishCause"
+        v-model="form.abolishCause"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <TextareaFormItem
+        label="下一步状态"
+        prop="nextStatus"
+        v-model="form.nextStatus"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <TextareaFormItem
+        label="下一步状态理由"
+        prop="nextStatusDetils"
+        v-model="form.nextStatusDetils"
+        :disabled="disabled"
+    ></TextareaFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+
+export default {
+  name: "Basic",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    InputFormItem,
+    DatePickerFormItem,
+    SelectFormItem,
+    TextareaFormItem
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbfz/components/CountersignInfo.vue b/src/pages/processCenter/pages/phone/qbfz/components/CountersignInfo.vue
new file mode 100644
index 000000000..4b80f9528
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbfz/components/CountersignInfo.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        prop="opinion"
+        align="center"
+        label="会签意见">
+    </el-table-column>
+    <el-table-column
+        prop="people"
+        align="center"
+        width="120"
+        label="会签人">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "CountersignInfo",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbfz/step4-new.vue b/src/pages/processCenter/pages/phone/qbfz/step4-new.vue
new file mode 100644
index 000000000..ca6ee7402
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbfz/step4-new.vue
@@ -0,0 +1,205 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标废止流程</template>
+      <template slot="proNode">起草人修改标准状态</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">会签信息</template>
+            </ProcessTitle>
+            <CountersignInfo :data="dataList"></CountersignInfo>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        approval
+        :submitLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from './components/Basic'
+import CountersignInfo from './components/CountersignInfo'
+
+export default {
+  name: "step4-new",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    CountersignInfo
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      dataList: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData() {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          let dataList =  this.form.res ?  this.form.res.substring(1,  this.form.res.lastIndexOf("]")) : "";
+          dataList = dataList.split(",");
+          this.dataList = [];
+          dataList.forEach(item => {
+            this.dataList.push({
+              opinion: item.split("-")[1],
+              people: item.split("-")[0]
+            });
+          });
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
+
diff --git a/src/pages/processCenter/pages/phone/qbfz/step4.vue b/src/pages/processCenter/pages/phone/qbfz/step4.vue
new file mode 100644
index 000000000..52610e887
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbfz/step4.vue
@@ -0,0 +1,361 @@
+<template>
+  <div class="phoneQbfzStep5 phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标废止流程</template>
+      <template slot="proNode">起草人修改标准状态</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">审批历史</div>
+    </div>
+    <div class="content" v-show="active === '1'">
+      <div>
+        <el-form
+            ref="qbfsForm"
+            v-if="!foldFormFlag"
+            :model="qbfsForm"
+            class="label-input-form"
+            :rules="formRules"
+            label-width="150px"
+        >
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <el-collapse-transition>
+            <el-row :gutter="24">
+              <el-col :span="24">
+                <van-field label="企标编号" v-model="qbfsForm.standCode" readonly placeholder="请输入企标编号" />
+                <van-field label="中文名称" v-model="qbfsForm.standName" readonly placeholder="请输入中文名称" />
+                <van-field label="英文名称" v-model="qbfsForm.enName" readonly placeholder="请输入英文名称" />
+                <van-field label="企标类别" v-model="qbfsForm.entCategory" readonly placeholder="请输入企标类别" />
+                <van-field label="代替企标编号" v-model="qbfsForm.replaceNumber" readonly placeholder="请输入代替企标编号" />
+                <van-field label="被代替企标编号" v-model="qbfsForm.replacedNumber" readonly placeholder="请输入被代替企标编号" />
+                <van-field label="发布日期" v-model="qbfsForm.releaseDate" readonly placeholder="请输入发布日期" />
+                <van-field label="实施日期" v-model="qbfsForm.implementDate" readonly placeholder="请输入实施日期" />
+                <van-field label="废止理由" v-model="qbfsForm.abolishCause" readonly placeholder="请输入废止理由" />
+                <van-field label="下一步状态" v-model="qbfsForm.nextStatus" readonly placeholder="请输入下一步状态" />
+              </el-col>
+            </el-row>
+          </el-collapse-transition>
+
+        </el-form>
+        <el-button v-if="foldFormFlag === false" style="width: 100%" icon="el-icon-caret-top" @click="foldForm">隐藏基础信息</el-button>
+        <el-button v-if="foldFormFlag === true" style="width: 100%" icon="el-icon-caret-bottom" @click="foldForm">展开基础信息</el-button>
+      </div>
+      <ProcessTitle style="margin-top: 10px;">
+        <template slot="title">会签信息</template>
+      </ProcessTitle>
+    <div class="tableBox">
+      <el-table
+          :data="dataList"
+          border
+          height="100%"
+          style="width: 100%;"
+          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '48px'}">
+        <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+        </el-table-column>
+        <el-table-column
+            prop="opinion"
+            align="center"
+            min-width="300"
+            label="会签意见">
+        </el-table-column>
+        <el-table-column
+            prop="people"
+            align="center"
+            min-width="300"
+            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'">
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
+    </div>
+    <ProcessFooter
+        show-transfer
+        show-submit
+        show-back
+        :submitLoading="isSubmit"
+        :isSubmitBack="isSubmit"
+        :saveLoading="isSubmit"
+        :approval="true"
+        @back="beforeBack"
+        @transfer="handleTransfer"
+        @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <phone-role
+        :role-title="drawerTitle"
+        :result-list="phoneRoleList"
+        :is-show-phone.sync="phoneshowflag"
+        @checkedRole="drawerCheck"
+    />
+  </div>
+</template>
+
+<script>
+import { Dialog } from 'vant';
+import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import { inboundLiaisonDetail, processCreateStand, changeAssigneeNew, execTask, saveTaskForPub } from "api/process";
+import axios from "axios";
+import ProcessHeader from "process/components/ProcessHeader";
+import hwh5 from '@/api/hwh5-cloudonline.js'
+
+export default {
+  name: "phoneQbfzStep5",
+  components: {
+    ProcessTitle,
+    ProcessHeader,
+    ProcessHeaderPhone,
+    ProcessFooter
+  },
+  data() {
+    return {
+      phoneshowflag: false,
+      phoneRoleList: [],
+      phoneDrawerTitle: '',
+      active: "1",
+      isTransfer: false,
+      isSubmit: false,
+      saveLoading: false,
+      drawerModal: false,
+      drawerTitle: "",
+      nodeList: [],
+      fileList: [],
+      commentText: "",
+      dataList: [],
+      detailData: [],
+      loading: false,
+      foldFormFlag: false,
+      qbfsForm: {
+        entNumber: "",
+        cnName: "",
+        enName: "",
+        entCategory: "",
+        replaceNumber: "",
+        replacedNumber: "",
+        releaseDate: "",
+        implementDate: "",
+        reviewDate: "",
+        nextStatus: ""
+      },
+      formRules: {
+        nextStatus: [
+          { required: true, message: "请选择下一步状态", trigger: "change" }
+        ]
+      },
+      associationOptions: [{
+        value: "修订",
+        label: "修订"
+      }, {
+        value: "废止",
+        label: "废止"
+      }, {
+        value: "有效",
+        label: "有效"
+      }]
+    };
+  },
+  mounted() {
+    this.processTable();
+    this.getData();
+  },
+  methods: {
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res;
+      }, e => {
+      });
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg);
+            this.getFormFieldList(processForm);
+          }
+        }).catch(e => {
+        });
+      });
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.qbfsForm = JSON.parse(JSON.stringify(item));
+        let res = item.res ? item.res.substring(1, item.res.lastIndexOf("]")) : "";
+        res = res.split(",");
+        this.dataList = [];
+        res.forEach(item => {
+          this.dataList.push({
+            opinion: item.split("-")[1],
+            people: item.split("-")[0]
+          });
+        });
+      });
+    },
+    //流程驳回
+    beforeBack(){
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    //流程提交
+    handleSubmit() {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+
+    handleTabs(name) {
+      this.active = name;
+    },
+    foldForm() {
+      this.foldFormFlag = !this.foldFormFlag;
+    },
+    //转办按钮
+    handleTransfer(){
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    //确认转办
+    drawerCheck (data) {
+      this.roleTransfer = data
+      this.phoneRoleList = this.roleTransfer
+      this.turnLoading = true
+      this.isSubmit = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        assignee: data[0].id, // 被委托人
+        userId: this.$store.getters.userInfo.account, // 委托人
+        pId: this.$route.query.prcId // 流程实例
+      }).then(res =>{
+        if (res.success) {
+          this.turnLoading = false
+          this.$message.success('调整成功')
+          // hwh5.close()
+          this.$router.go(-2)
+          // this.$router.push("/processCenter")
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.isSubmit = false
+      })
+      this.modalshowflag = false
+    },
+    // 请求转换流程图
+    processNum(row) {
+      axios.request({
+        url: "/api/lawss/activiti/getImg?_t=" + new Date().getTime(),
+        responseType: "blob",
+        method: "get",
+        params: {
+          prcNum: this.$route.query.prcNum
+        }
+      }).then(res => {
+        // let blob = new Blob([res.data], {type: 'image/jpg'})
+        // let url = window.URL.createObjectURL(res.data)
+        this.processStep = window.URL.createObjectURL(res.data);
+      });
+    },
+    /**
+     * @Description: 点击下载
+     */
+    downloadFile(attId) {
+      if (attId != null && attId !== "") {
+        window.location.href = "/api/att/attFile/downloadFileForSarNew?fileId=" + attId;
+      } else {
+        this.$message.error("请选择要下载的文件");
+      }
+    }
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
+    }
+  }
+
+};
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/phone';
+.phoneQbfzStep5 {
+  .tableBox{
+    height: 150px;
+    flex-shrink:1;
+  }
+  /deep/.van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+  .prc-content-border {
+    //overflow: auto;
+  }
+  /deep/.prc-content-border .el-form-item__content {
+    width: 270px;
+  }
+  .content {
+    border-top: 1px solid #DCDFE6;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 52px;
+    //height: calc(~'100% - 155px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/components/Basic.vue b/src/pages/processCenter/pages/phone/qbrk-product/components/Basic.vue
new file mode 100644
index 000000000..f66afcb30
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk-product/components/Basic.vue
@@ -0,0 +1,114 @@
+<template>
+  <div class="prc-content-border">
+    <SelectFormItem
+        label="企标类别"
+        title="企标类别"
+        v-model="form.standSort"
+        :options="dict.BUSSSTANDCLASS || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <SelectFormItem
+        label="制修订类型"
+        title="制修订类型"
+        v-model="form.standStatus"
+        :options="reviseStatusOptions"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <InputFormItem
+        v-show="form.standStatus === '3'"
+        label="企业标准号"
+        prop="standCode"
+        v-model="form.standCode"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="中文名称"
+        prop="standName"
+        v-model="form.standName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="英文名称"
+        prop="standEnName"
+        v-model="form.standEnName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        v-show="form.standStatus === '3'"
+        label="标准年份"
+        prop="standYear"
+        v-model="form.standYear"
+        :disabled="disabled"
+    ></InputFormItem>
+    <DatePickerFormItem
+        label="发布日期"
+        prop="issueTime"
+        v-model="form.issueTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+    <DatePickerFormItem
+        label="截止日期"
+        prop="expirationDate"
+        v-model="form.expirationDate"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+    <DatePickerFormItem
+        label="企标实施日期"
+        prop="putTime"
+        v-model="form.putTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+
+export default {
+  name: "Basic",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    InputFormItem,
+    DatePickerFormItem,
+    SelectFormItem
+  },
+  data () {
+    const reviseStatusOptions = [
+      {
+        label: '制订',
+        value: '1'
+      },
+      {
+        label: '修订',
+        value: '2'
+      },
+      {
+        label: '修改',
+        value: '3'
+      }
+    ]
+    return {
+      reviseStatusOptions
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/components/FileSummary.vue b/src/pages/processCenter/pages/phone/qbrk-product/components/FileSummary.vue
new file mode 100644
index 000000000..11d71b669
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk-product/components/FileSummary.vue
@@ -0,0 +1,49 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        prop="footFileName"
+        label="编写文件名称"
+        align="center"
+        min-width="30%">
+      <template slot-scope="scope">
+        <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.footFileName }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="userName"
+        label="起草人"
+        min-width="15%"
+        align="center">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "FileSummary",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    handlePreview (file) {
+      const attId = file.footFile
+      this.$preview(attId)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/components/Info.vue b/src/pages/processCenter/pages/phone/qbrk-product/components/Info.vue
new file mode 100644
index 000000000..6ed1448d5
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk-product/components/Info.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="prc-content-border">
+    <TextareaFormItem
+        label="代替企标编号"
+        prop="DTQBBHBUSS"
+        v-model="form.DTQBBHBUSS"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <TextareaFormItem
+        label="被代替企标编号"
+        prop="BDTQBBHBUSS"
+        v-model="form.BDTQBBHBUSS"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <TextareaFormItem
+        label="上传时间"
+        prop="XCSJBUSS"
+        v-model="form.XCSJBUSS"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <UploadFormItem
+        label="关联文件"
+        prop="GLWJBUSSName"
+        :ids.sync="form.GLWJBUSS"
+        :names.sync="form.GLWJBUSSName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+  </div>
+</template>
+
+<script>
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+
+export default {
+  name: "Info",
+  components: {
+    TextareaFormItem,
+    SelectMultipleFormItem,
+    UploadFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/components/ProcessFile.vue b/src/pages/processCenter/pages/phone/qbrk-product/components/ProcessFile.vue
new file mode 100644
index 000000000..00c3da1b2
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk-product/components/ProcessFile.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="prc-content-border">
+    <UploadFormItem
+        label="发布稿"
+        prop="FBGBUSSName"
+        :ids.sync="form.FBGBUSS"
+        :names.sync="form.FBGBUSSName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+    <UploadFormItem
+        label="历史版本"
+        prop="LSBBBUSSName"
+        :ids.sync="form.LSBBBUSS"
+        :names.sync="form.LSBBBUSSName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+    <UploadFormItem
+        label="修改单"
+        prop="XGDName"
+        :ids.sync="form.XGD"
+        :names.sync="form.XGDName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+    <UploadFormItem
+        label="其他文件"
+        prop="QTWJBUSSName"
+        :ids.sync="form.QTWJBUSS"
+        :names.sync="form.QTWJBUSSName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+  </div>
+</template>
+
+<script>
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+export default {
+  name: "ProcessFile",
+  components: {
+    UploadFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/components/Range.vue b/src/pages/processCenter/pages/phone/qbrk-product/components/Range.vue
new file mode 100644
index 000000000..fd948e994
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk-product/components/Range.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="prc-content-border">
+    <InputFormItem
+        label="起草部门"
+        prop="QCDW"
+        v-model="form.QCDW"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="起草人"
+        prop="QCRBUSS"
+        v-model="form.QCRBUSS"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+      label="文件上传人员"
+      prop="WJSCRYBUSSName"
+      v-model="form.WJSCRYBUSSName"
+      :disabled="disabled"
+    ></InputFormItem>
+    <SelectMultipleFormItem
+        label="适用车型"
+        prop="SYCXCLASS"
+        v-model="form.SYCXCLASS"
+        :disabled="disabled"
+        :options="dict.ENERGYTYPES || []"
+    ></SelectMultipleFormItem>
+    <SelectMultipleFormItem
+        label="能源类型"
+        prop="NYLXCLASS"
+        v-model="form.NYLXCLASS"
+        :disabled="disabled"
+        :options="dict.NYLXCLASS || []"
+    ></SelectMultipleFormItem>
+    <SelectMultipleFormItem
+        label="适用产品线"
+        prop="SYCPXCLASS"
+        v-model="form.SYCPXCLASS"
+        :disabled="disabled"
+        :options="dict.SYCPXCLASS || []"
+    ></SelectMultipleFormItem>
+    <TextareaFormItem
+        label="标准体系"
+        prop="TXLBBUSS"
+        v-model="form.TXLBBUSS"
+        :disabled="disabled"
+    ></TextareaFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+
+export default {
+  name: "Range",
+  components: {
+    InputFormItem,
+    SelectMultipleFormItem,
+    TextareaFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/components/TermInfo.vue b/src/pages/processCenter/pages/phone/qbrk-product/components/TermInfo.vue
new file mode 100644
index 000000000..447db3426
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk-product/components/TermInfo.vue
@@ -0,0 +1,77 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      :height="$route.name === 'phoneBussLibrary5' ? '100%' : 'auto'"
+      style="width: 100%;"
+      height="100%"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        prop="modelNum"
+        label="条款号"
+        width="100"
+        align="center"
+    >
+    </el-table-column>
+    <el-table-column
+        label="修改前"
+        prop="modelUpdBefore"
+        align="center"
+        width="150">
+    </el-table-column>
+    <el-table-column
+        label="修改后"
+        prop="modelUpdAfter"
+        align="center"
+        width="150">
+    </el-table-column>
+    <el-table-column
+        label="修改理由"
+        prop="modelContent"
+        align="center"
+        width="150">
+    </el-table-column>
+    <el-table-column
+        prop="zrDeptIdName"
+        label="提出部门"
+        align="center"
+        width="150">
+    </el-table-column>
+    <el-table-column
+        prop="zrUserIdName"
+        label="责任人"
+        width="150"
+        align="center">
+    </el-table-column>
+</el-table>
+</template>
+
+<script>
+export default {
+  name: "TermInfo",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data () {
+    const opinionsAdoptedOptions = [
+          {value: '1',label: '采纳'},
+          {value: '2',label: '部分采纳'},
+          {value: '3',label: '不采纳'},
+        ]
+    return {
+      opinionsAdoptedOptions
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/step2.vue b/src/pages/processCenter/pages/phone/qbrk-product/step2.vue
index 8e48fac9c..bb0154558 100644
--- a/src/pages/processCenter/pages/phone/qbrk-product/step2.vue
+++ b/src/pages/processCenter/pages/phone/qbrk-product/step2.vue
@@ -1,2143 +1,205 @@
 <template>
-  <div class="bzrkStep2 phoneBox">
-    <!--        标准入库流程-->
+  <div class="phoneBox">
     <ProcessHeaderPhone toggle>
       <template slot="proName">企标制修订-产品标准</template>
-      <template slot="proNode">标准化初审</template>
+      <template slot="proNode">企标编写</template>
     </ProcessHeaderPhone>
     <div class="headerTabs">
       <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content" v-if="active === '1'">
-      <div style="flex: auto; overflow: auto;">
-        <el-form
-            ref="form"
-            :model="form"
-            :rules="rules"
-            class="label-input-form"
-            label-width="100px"
-        >
-          <div style="flex: auto;" v-show="active === '1'">
-            <formList
-                :form = "form"
-                :FBGBUSSFileList = "FBGBUSSFileList"
-                :LSBBBUSSFileList = "LSBBBUSSFileList"
-                :BZSMBUSSFileList = "BZSMBUSSFileList"
-                :XGDFileList = "XGDFileList"
-                :QTWJBUSSFileList = "QTWJBUSSFileList"
-                :GLWJBUSSFileList = "GLWJBUSSFileList"
-                :disabledState = "disabledState"
-                :verifySarStandard = "verifySarStandard"
-                @emitDataLoading="emitDataLoading"></formList>
-            <div class="prc-content-border">
-              <el-collapse accordion v-model="activeName">
-                <el-collapse-item title="审批意见" name = "1">
-                  <div style="margin: 10px 0;">
-                    <el-form
-                        ref="formTongGuo"
-                        :model="formTongGuo"
-                        :rules="rules">
-                      <el-form-item
-                          prop="commentText"
-                      >
-                        <el-input
-                            type="textarea"
-                            :rows="3"
-                            resize="none"
-                            placeholder="请输入意见"
-                            v-model="formTongGuo.commentText">
-                        </el-input>
-                      </el-form-item>
-                    </el-form>
-                  </div>
-                </el-collapse-item>
-              </el-collapse>
-            </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
           </div>
-          <!--            <div class="block" id="active2" v-show="active === '2'">-->
-          <!--                <ProcessTitle>-->
-          <!--                    <template slot="title">模块信息</template>-->
-          <!--                </ProcessTitle>-->
-          <!--                <template>-->
-          <!--                    <div class="prc-content-border" style="height: 66vh;position: relative;">-->
-          <!--                        <div class="action-bar">-->
-          <!--                            <el-button type="primary" class="common-button-primary add-button" size="mini" @click="choiceZRRS('', 2, '')">-->
-          <!--                                批量编辑-->
-          <!--                            </el-button>-->
-          <!--                            <el-button-->
-          <!--                                    type="primary"-->
-          <!--                                    size="mini"-->
-          <!--                                    class="common-button-primary add-button"-->
-          <!--                                    @click="createRow"-->
-          <!--                            >创建模块</el-button>-->
-          <!--                        </div>-->
-          <!--                        <el-table-->
-          <!--                                ref="selection"-->
-          <!--                                tooltip-effect="dark"-->
-          <!--                                style="width: 100%;margin-bottom: 20px;overflow-y:auto;height:56vh;border-bottom: 1px solid #EBEEF5;"-->
-          <!--                                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',-->
-          <!--                                        fontWeight: 'bold', height: '48px'}"-->
-          <!--                                @selection-change="handleSelectionChange"-->
-          <!--                                row-key="id"-->
-          <!--                                :data="form.modelData"-->
-          <!--                                border-->
-          <!--                                default-expand-all-->
-          <!--                                :tree-props="{children: 'children', hasChildren: 'hasChildren'}">-->
-          <!--                            <el-table-column type="selection" min-width="5%" :selectable="checkSelect" align="center"/>-->
-          <!--                            <el-table-column-->
-          <!--                                    prop="modelNum"-->
-          <!--                                    label="序号"-->
-          <!--                                    min-width="15%"-->
-          <!--                                    align="center"-->
-          <!--                                    :tree-props="{children: 'children', hasChildren: 'hasChildren'}">-->
-          <!--                            </el-table-column>-->
-          <!--                            <el-table-column-->
-          <!--                                    label="名称"-->
-          <!--                                    align="center"-->
-          <!--                                    min-width="30%">-->
-          <!--                                <template slot-scope="scope">-->
-          <!--                                    <el-form-item-->
-          <!--                                            style="margin-left: 0;margin-bottom:0;"-->
-          <!--                                    >-->
-          <!--                                        <el-input v-model="scope.row.modelName" :disabled="scope.row.disabled"  placeholder="请维护模块名称" @blur="modelNameFunc(scope.row)"/>-->
-          <!--                                    </el-form-item>-->
-          <!--                                </template>-->
-          <!--                            </el-table-column>-->
-          <!--                            <el-table-column-->
-          <!--                                    label="责任人"-->
-          <!--                                    min-width="15%"-->
-          <!--                                    align="center">-->
-          <!--                                <template slot-scope="scope">-->
-          <!--                                    <el-form-item-->
-          <!--                                            style="margin-left: 0;margin-bottom:0;"-->
-          <!--                                    >-->
-          <!--                                        <el-input v-model="scope.row.zrUserIdName" v-if="scope.row.pid === '0'" placeholder="请选择责任人" @click.native="choiceZRRS(scope.row.zrUserId, 1, scope.$index)"/>-->
-          <!--                                    </el-form-item>-->
-          <!--                                </template>-->
-          <!--                            </el-table-column>-->
-          <!--                            <el-table-column label="操作" align="center"  min-width="5%">-->
-          <!--                                <template slot-scope="scope">-->
-          <!--                                    <div @click.stop style="display: inline-block">-->
-          <!--                                        <el-dropdown trigger="click" @command="handleCommand">-->
-          <!--                                            <i class="iconfont">&#xe61e;</i>-->
-          <!--                                            <el-dropdown-menu slot="dropdown">-->
-          <!--                                                <el-dropdown-item :command="[scope.$index,scope.row, '新增']" v-btn-permission="''">新增</el-dropdown-item>-->
-          <!--                                                <el-dropdown-item :command="[scope.$index,scope.row, '维护']" v-btn-permission="''">维护</el-dropdown-item>-->
-          <!--                                                <el-dropdown-item :command="[scope.$index,scope.row, '删除']" v-btn-permission="''">删除</el-dropdown-item>-->
-          <!--                                            </el-dropdown-menu>-->
-          <!--                                        </el-dropdown>-->
-          <!--                                    </div>-->
-          <!--                                </template>-->
-          <!--                            </el-table-column>-->
-          <!--                        </el-table>-->
-          <!--                    </div>-->
-          <!--                </template>-->
-          <!--            </div>-->
-          <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-            <div class="flow-list">
-              <el-table
-                  :height="tablePHeight"
-                  ref="selection"
-                  :data="detailData"
-                  tooltip-effect="dark"
-                  style="width: 100%;"
-                  border
-                  row-key="id"
-                  :no-data-text="listNoDataText"
-                  :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-              >
-                <el-table-column
-                    prop="name"
-                    label="任务步骤"
-                    align="center"
-                >
-                </el-table-column>
-                <el-table-column
-                    prop="assignee"
-                    label="任务受理人"
-                    align="center"
-                >
-                </el-table-column>
-                <el-table-column
-                    prop="createTime"
-                    label="创建时间"
-                    align="center">
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                    prop="endTime"
-                    label="完成时间"
-                    align="center">
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                    prop="comment"
-                    label="流程信息"
-                    align="center">
-                  <template slot-scope="scope">
-                    <span>{{scope.row.commentText}}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                    prop="completeFlag"
-                    label="状态"
-                    align="center">
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                  </template>
-                </el-table-column>
-              </el-table>
-              <loading :loading="loading">流程列表加载中</loading>
-            </div>
-          </div>
-        </el-form>
-      </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
     </div>
-    <div class="content" v-if="active === '3'" >
-      <div class="flow-list" style="height: 100%">
-        <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-      </div>
-    </div>
-    <!--      提交-->
     <ProcessFooter
-        :show-save="false"
-        show-over2
-        show-submit2
+        show-submit
         show-transfer
-        :submitLoading="isSubmit"
-        :saveLoading="saveLoading"
+        :submitLoading="footerLoading"
+        @submit="handleSubmit"
         @transfer="handleTransfer"
-        @submit2="handle2"
-        @over2="handle1"
     >
     </ProcessFooter>
-
     <!-- 福田全公司选人解决方案 -->
-    <phone-role
-        check-more
-        role-title="请选择转办成员"
-        :result-list="nodeList"
-        :is-show-phone.sync="drawerModal"
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
         @checkedRole="checkedRole"
-    />
-    <loading :loading="dataLoading">正在加载数据</loading>
+        :nodeList="nodeList"
+    ></phoneRoleTree>
   </div>
 </template>
 
 <script>
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessFooter from '../../components/ProcessFooter'
-import ProcessTitle from '../../components/ProcessTitle'
-import formList from "process/phone/qbrk-product/common/formList";
-import {
-  inboundLiaisonDetail,
-  processCreateStand,
-  changeAssigneeNew,
-  queryTaskFirst,
-  getBusStandFileByAttId, saveTaskFirst
-} from "api/process";
-import TreeSelect from '@/components/treeSelect/treeSelect.vue';
-import CusTomDataPickerGroup
-  from "@/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup";
-import Vue from 'vue';
-import { Form } from 'vant';
-import { Field } from 'vant';
-import hwh5 from '@/api/hwh5-cloudonline.js'
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from './components/Basic'
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
 
-Vue.use(Form);
-Vue.use(Field);
 export default {
-  name: "phoneBussLibraryProduct4",
+  name: "step2",
   components: {
-    CusTomDataPickerGroup,
     ProcessHeaderPhone,
-    formList,
-    ProcessFooter,
+    PhoneHistortTable,
     ProcessTitle,
-    TreeSelect
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
   },
   data () {
-    const validateZrUserIdName = (rule, value, callback) => {
-      if(this.FBGBUSSFileList.length === 0){
-        callback(new Error('请上传发布稿文件！'))
-      }
-      // callback()
-    };
-
-    const validateModelName = (rule, value, callback) => {
-      if(this.FBGBUSSFileList.length === 0){
-        callback(new Error('请上传发布稿文件！'))
-      }
-      // callback()
-    };
-    const validateFBGBUSS = (rule, value, callback) => {
-      if(this.FBGBUSSFileList.length === 0){
-        callback(new Error('请上传发布稿文件！'))
-      }
-      callback()
-    };
-    const validateBZSMBUSS = (rule, value, callback) => {
-      if(this.BZSMBUSSFileList.length === 0){
-        callback(new Error('请上传编辑说明文件！'))
-      }
-      callback()
-    };
+    const form = {}
     return {
-      opinionsStand:[
-        {value: '1',label: '制定'},
-        {value: '2',label: '修订'},
-        {value: '3',label: '修改'},
-      ],
-      pickerOptions: {
-        shortcuts: [{
-          text: '最近一周',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-            picker.$emit('pick', [start, end]);
-          }
-        }, {
-          text: '最近一个月',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-            picker.$emit('pick', [start, end]);
-          }
-        }, {
-          text: '最近三个月',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-            picker.$emit('pick', [start, end]);
-          }
-        }]
-      },
-      loading: false,
-      assigneeNewLoading: false,
-      dataLoading: true,
-      disabledState: true,
-      userId:this.$store.getters.userInfo.account,
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId,
-      bpnId: this.$route.query.bpnId,
-      prcNum: this.$route.query.prcNum,
-      prcName: this.$route.query.prcName,
-      detailData: [],
-      fileList: [],
-      FBGBUSSFileList: [],
-      BZSMBUSSFileList: [],
-      XGDFileList: [],
-      LSBBBUSSFileList: [],
-      QTWJBUSSFileList: [],
-      GLWJBUSSFileList: [],
-      caFileList: [],
-      FBGBJBDFileList: [],
-      xgdFileList: [],
-      ZCWBLAWSFileList: [],
-      GCWBLAWSFileList: [],
-      JDWJLAWSFileList: [],
-      GLWJLAWSFileList: [],
-      ssgFileList: [],
-      zqyjgFileList: [],
-      jdwjFileList: [],
-      zbjbdFileList: [],
-      kwjFileList: [],
-      glwjFileList: [],
-      filterText:'',
-      textStatusMap: {}, // 文本状态id与name对应
-      standardDrawer: false,
-      loadSarStandard: false,
-      verifySarStandard: true,
-      formTongGuo: {
-        approvalOpinion: '', // 通过/驳回
-        commentText: '', // 意见
-      },
-      standardSearchForm: {
-        page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
-        total: 0,
-        standType: 'INLAND',
-        standSort: '',
-        standName: '',
-        standEnName: '',
-        standNumber: ''
-      },
-      tableData: {
-        // 标准表格数据
-        standardData: [],
-        // 任务分解单数据
-        taskTableData: []
-      },
-      tablePHeight:'',
-      tableHeight: {
-        standardTableHeight: null
-      },
-      selectedList: [],
-      standardCheckedList: [],
-      activeName:'1',
-      roleRow: {},
-      commentText: '', // 意见
-      title: '', // 新增编辑抽屉标题
-      config: {
-        attrName : '',
-      },
-      dataSource: false,
-      replaceLawsNumModel: false,
-      replaceLawType: '',
-      sarBussionessLawsEO: {
-        replaceLawsNum: ''
-      },
-      // 代替标准号
-      replaceLawsNumForm: {
-        lawsNumber:'',
-        numberName:'',
-        lawsTextState:'',
-        dataSource: '',
-        standNumber: '', // 标准编号
-        page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
-        total: 0,
-        standType: 'BUSINESS',
-        quoteIdList: '',
-        validFlag: '0',
-        menuId: 'nomenu'
-      },
-      replaceLawsNumRow: [], // 代替政策号 数组内容
-      replaceTotal: 0,
-      selectedListRep: [],
-      replaceLoading: true,
-      replacePage: 1,
-      ListModel: false, // 新增编辑抽屉开关
-      active: '1', // 默认显示
-      isSubmit: false,
-      saveLoading: false,
-      defaultProps: {
-        children: 'children',
-        label: 'menuName'
-      },
-      defaultCodeProps: {
-        children: 'children',
-        label: 'code'
-      },
-      defaultModelProps: {
-        children: 'children',
-        label: 'model'
-      },
-      nodeList: [],
-      nodeList2: [],
-      zrType: '',
-      zrIndex: '',
-      zrIdList: [],
-      type: '',
-      defaultUserProps: {
-        children: 'children',
-        label: 'name'
-      },
-      key:1,
-      key1:2,
-      key2:3,
-      key3:4,
-      treeData: [], // 人员数据
-      modalShowFlag: false, // drawer开关
-      modalShowRoleFlag: false, // drawer开关
-      modalShowFlag1: false, // drawer开关
-      modalShowFlag2: false, // drawer开关
-      modalShowFlag3: false, // drawer开关
-      modalShowFlag4: false, // drawer开关
-      drawerTitle1:'',
-      multipleFlag2:'',
-      url:'',
-      urlChild:'',
+      active: '1',
+      reloadForm: true,
+      form,
+      roleForm: {},
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
       drawerModal: false,
-      drawerTitle: '', //drawer标题
-      showCheckBox: true, // 树形控件是否展示多选框
-      nodeKey: 'id',
-      defaultCheckedKeys: [],
-      nodeKeyCode: 'code',
-      nodeKeyModel: 'model',
-      defaultCheckedKeys1: [],
-      defaultCheckedKeys2: [],
-      defaultCheckedKeys3: [],
-      fileUrl: 'api/att/attFile/uploadNew',
-      fileMadel: false,
-      fileType: '',
-      countryArr:'',
-      commentCycleDate:'',
-      form: {
-        selListRep2:[],
-        id:'',
-        standNum:'',
-        standStatus:'', // 标准状态
-        planId:'',
-        planStatus:'',
-        reviseStatus:'',
-        standSn:'',
-        modelData:[],
-        modelDataNameVerify:[],
-        modelDataZrUserVerify:[],
-        // 基础信息
-        country:[],
-        // 基础信息
-        standSort: '',
-        standCode: '',
-        standYear: '',
-        standName: '',
-        BARQ: '',
-        XGD: '',
-        XGDName: '',
-        standEnName: '',
-        textStatusBuss: '',
-        issueTime: '',
-        expirationDate: '',
-        putTime: '',
-        FZRQBUSS: '',
-        FSRQBUSS: '',
-        // 过程稿件
-        FBGBUSS: '',
-        FBGBUSSName: '',
-        BZSMBUSS: '',
-        BZSMBUSSName: '',
-        LSBBBUSS: '',
-        LSBBBUSSName: '',
-        QTWJBUSS: '',
-        QTWJBUSSName: '',
-        // 适用范围
-        QCDW: '',
-        QCRBUSS: '',
-        WJSCRYBUSS: this.$store.getters.userInfo.account,
-        WJSCRYBUSSName: this.$store.getters.userInfo.userName,
-        SYCXCLASS: '',
-        NYLXCLASS: '',
-        SYCPXCLASS: '',
-        TXLBBUSS: '',
-        VPPSBMBUSS: '',
-        VPPSCNBUSS: '',
-        // 关联信息
-        DTQBBHBUSS: '',
-        BDTQBBHBUSS: '',
-        XGJLBUSS: '',
-        XGLC: '',
-        GLWJBUSS: '',
-        GLWJBUSSName: '',
-        XCSJBUSS: '',
-      }, // 标准信息
-      roleForm:{
-        hzUserId: this.$store.getters.userInfo.account,
-        hzUserName: this.$store.getters.userInfo.userName,
-        xdUserId: this.$store.getters.userInfo.account,
-        xdUserName: this.$store.getters.userInfo.userName,
-        pxUserId: this.$store.getters.userInfo.account,
-        pxUserName: this.$store.getters.userInfo.userName,
-        qcUserId: '', // 多实例
-        qcUserName:'', // 多实例
-        bzhUserId:'',
-        bzhUserName:'',
-        hqUserId:'', // 多实例
-        hqUserName:'', // 多实例
-        fggcsUserId:'',
-        fggcsUserName:'',
-        jsfzrUserId:'',
-        jsfzrUserName:'',
-        bzUserId:'',
-        bzUserName:'',
-        fzrUserId:'',
-        fzrUserName:'',
-        zhrUserId:'',
-        zhrUserName:'',
-        zrUserId: '',
-        zrUserName: '',
-        jlUserId: '',
-        jlUserName: '',
-        applyUpdUserId: this.$store.getters.userInfo.account,
-        applyUpdUserName: this.$store.getters.userInfo.userName,
-        prcCreateUser: this.$store.getters.userInfo.account,
-        prcCreateUserName: this.$store.getters.userInfo.userName,
-      },
-      modelRules:{
-        zrUserIdName: [
-          { required: true, message: '请选择会签责任人', trigger: 'blur' },
-        ],
-        modelName: [
-          { required: true, message: '选择维护模块名称', trigger: 'blur' },
-        ],
-      },
-      roleRules:{
-        qcUserName: [
-          { required: true, message: '选择其他起草人', trigger: 'blur' },
-        ],
-        bzhUserName: [
-          { required: true, message: '选择标准化员', trigger: 'blur' },
-        ],
-        hqUserName: [
-          { required: true, message: '请选择会签责任人', trigger: 'blur' },
-        ],
-        fggcsUserName: [
-          { required: true, message: '选择技术委员会负责刃/起草中心主任', trigger: 'blur' },
-        ],
-        jsfzrUserName: [
-          { required: true, message: '选择技术委员会负责人/起草中心主任', trigger: 'blur' },
-        ],
-        bzUserName: [
-          { required: true, message: '选择标准法规部部长', trigger: 'blur' },
-        ],
-        fzrUserName: [
-          { required: true, message: '选择专委会副主任/起草单位中心主任', trigger: 'blur' },
-        ],
-        zhrUserName: [
-          { required: true, message: '选择专委会主任/总院院长或主管副院长', trigger: 'blur' },
-        ],
-      },
-      rules:{
-        commentText: [{ required: true, message: '请输入意见', trigger: 'blur' }],
-        approvalOpinion: [{ required: true, message: '请选择审批意见', trigger: 'change' }],
-        zrUserIdName: [
-          { required: true, message: '请选择会签责任人', validator: validateZrUserIdName,trigger: 'blur' },
-        ],
-        modelName: [
-          { required: true, message: '选择维护模块名称', validator: validateModelName,trigger: 'blur' },
-        ],
-        standSort: [
-          { required: true, message: '请选择企标类别', trigger: 'change' }
-        ],
-        standNumber: [
-          { required: true, message: '请输入企标编号', trigger: 'blur' },
-          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
-        ],
-        standYear: [
-          { required: true, message: '请输入标准年份'},
-        ],
-        standName: [
-          { required: true, message: '请输入企标中文名称', trigger: 'blur' },
-          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
-          {validator: this.verify.checkSpecialCharacterOftags, trigger: 'change'}
-        ],
-        standEnName: [
-          { required: false, message: '请输入企标英文名称', trigger: 'blur' },
-          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
-          {validator: this.verify.valiateEnName, trigger: 'change'}
-        ],
-        textStatusBuss: [
-          { required: true, message: '请选择文本状态', trigger: 'change' }
-        ],
-        issueTime: [
-          { required: false, message: '请选择企标发布日期', trigger: 'change'}
-        ],
-        FBGBUSSName: [
-          { required: true, message: '请上传发布稿',validator: validateFBGBUSS, trigger: 'blur' }
-        ],
-        BZSMBUSSName: [
-          { required: true, message: '请上传编制说明',validator: validateBZSMBUSS, trigger: 'blur' }
-        ],
-        QCDW: [
-          { required: true, message: '请选择起草部门', trigger: 'change' }
-        ],
-        QCRBUSS: [
-          { required: true, message: '请选择起草人', trigger: 'change' }
-        ],
-      },
-      zrUserIds: [], // 选择多个会签责任人
-      userType:'', // 选择用户ID判断
-      countryOptions:[],//国家地区
-      standSortOptions: [], // 标准类别
-      standNatureOptions: [], // 标准性质
-      standStateOptions: [], // 文本状态
-      standSystemOptions: [], // 标准体系
-      busVppsOptions: [], // 车系体系架构
-      busVppsChildOptions: [], // 车系体系架构子集合
-      modelOptions: [], // 模块体系架构
-      modelChildOptions: [], // 模块体系架构子集合
-      applyArcticOptions: [], // 适用车型
-      gkglbmOptions: [], // 归口管理部门
-      categoryOptions: [], // 能源类型
-      applyAuthOptions: [], // 适用认证
-      cysdOptions: [], // 我司参与深度
-      cbcdOptions: [], // 采标程度
-      wssmrOptions: [], // 我司署名人
-      sycpxOptions: [], // 适用产品线
-      zrbmOptions: [], // 责任部门
-      zrgcsOptions: [], // 责任工程师
-      qcdwOption: [], // 起草单位
-      txlbOptions: [], // 体系类别
-      standSortConfigOptions: [], // 标准类别下拉框
-      adoptExtentOptions: [], // 采标程度下拉框
-      emergyKindOptions: [], // 能源种类下拉框
-      categoryConfigOptions: [], // 所属类别下拉框
-      assemClassOptions: [], // 总成分类下拉框
-      qcdwOptions:[],//起草单位下拉框
-      qcrOptions:[],//起草人下拉框
-      nylxOptions:[],//能源类型下拉框
-      syrzOptions:[],//适用认证下拉框
-      data: [], // 标准列表数据
-      ListForm: {}, // 新增数据
+      drawerTitle: '',
+      nodeList: []
     }
   },
-  watch:{
-    'form.issueTime': {
-      handler: function() {
-        if(this.form.issueTime !== undefined && this.form.issueTime !== null && this.form.issueTime !== ''){
-          let date = new Date(this.$moment(this.form.issueTime).format('YYYY-MM-DD'))
-          // const FSRQBUSS = date.getFullYear()+ 5 + '-' + date.getMonth() + '-' + date.getDate()
-          // this.sarBussionessStandEO["FSRQBUSS"] = FSRQBUSS
-
-          let year = date.getFullYear()+5;
-          let month =(date.getMonth() + 1).toString();
-          let day = (date.getDate()).toString();
-          if (month.length == 1) {
-            month = "0" + month;
-          }
-          if (day.length == 1) {
-            day = "0" + day;
-          }
-          const FSRQBUSS = year + "-" + month + "-" + day;
-          this.form["FSRQBUSS"] = FSRQBUSS
-
-        }
-      },
-    },
-    'form.country': {
-      handler (val) {
-        if (val !== '' && val !== null && typeof (val) !== 'undefined') {
-          if (val instanceof Array) {
-            this.countryArr = val.join(",");
-          } else {
-            this.countryArr = val
-          }
-        } else if (val === '') {
-          this.countryArr = []
-        }
-      }
-    },
-    filterText(val) {
-      this.$refs.tree.filter(val);
-    },
-  },
-  computed: {
-    listNoDataText () {
-      return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
-    },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
   },
   methods: {
-    emitDataLoading(boo){
-      this.dataLoading = boo
-    },
-    modelProp(row,index){
-      console.log(row)
-      console.log(index)
-      if(row.pid === '0'){
-        console.log('modelData.' + index + '.modelName')
-        return 'modelData.' + index + '.modelName';
-      }else {
-        let propStr = "";
-        const indexList = row.modelIndex.split(",");
-        for (let i = 0; i < indexList.length; i++) {
-          if(i === 0){
-            propStr += 'modelData.' + indexList[i]
-          }else{
-            propStr += '.children.' + indexList[i]
-          }
-        }
-        console.log(propStr + '.modelName')
-        return propStr + '.modelName';
-      }
-    },
-    modelNameFunc(row){
-      if(row.modelName && row.modelName !== ''){
-        row.disabled = true
-      }
-    },
-    //判断是否可选
-    checkSelect (row,index) {
-      let isChecked = true;
-      if (row.pid !== '0') { // 判断里面是否存在某个参数
-        isChecked = false
-      } else {
-        isChecked = true
-      }
-      return isChecked
-    },
-    handleDelete(val, row) {
-      console.log(row)
-      console.log(this.form.modelData)
-      // 模态框删除按钮
-      this.$confirm("是否确认删除本条数据?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "info"
-      }).then(() => {
-        // 此为假删除，只是删除了模态框中当前行的数据，并没有真正删除表格数据
-        const ids = []
-        ids.push(row.id)
-        this.form.modelData = this.changeRestTree(this.deletedId(this.form.modelData,ids))
-        console.log(this.form.modelData)
-        this.$message({
-          message: "删除成功",
-          type: "success",
-          duration: 2000
-        });
-        this.$forceUpdate()
-      });
-    },
-    handleSelectionChange(val) {
-      this.zrIdList = []
-      val.forEach(item => {
-        this.zrIdList.push(item.id)
-      })
-    },
-    createRow() {
-      // 创建行
-      // if (this.diaTable.length >= 6) { // 判断当前表格是否可继续创建
-      //     this.$message({
-      //         message: "超出数量，无法创建",
-      //         type: "info",
-      //         duration: 2000
-      //     });
-      //     return false;
-      // }
-      const list = {
-        id: this.form.modelData.length + 1,
-        modelNum: this.form.modelData.length + 1+'',
-        orderNum: this.form.modelData.length + 1, // orderNum为新创建行的索引
-        pid: '0',
-        modelIndex: this.form.modelData.length,
-        disabled: false,
-        modelName: "",
-        modelContent: "",
-        zrUserId:"",
-        zrUserIdName:"",
-        children:[],
-      };
-      this.form.modelData.push(list);
-    },
-    createChildRow(index,row) {
-      // 创建行
-      // if (this.diaTable.length >= 6) { // 判断当前表格是否可继续创建
-      //     this.$message({
-      //         message: "超出数量，无法创建",
-      //         type: "info",
-      //         duration: 2000
-      //     });
-      //     return false;
-      // }
-      const list = {
-        id: row.modelNum+'.'+(row.children.length + 1),
-        modelNum: row.modelNum+'.'+(row.children.length + 1),
-        orderNum: row.children.length + 1, // orderNum为新创建行的索引
-        pid: row.modelNum,
-        modelIndex: row.children.length,
-        disabled: false,
-        modelName: "",
-        modelContent: "",
-        zrUserId:"",
-        zrUserIdName:"",
-        children:[],
-      };
-      row.children.push(list)
-    },
-    dateFormatter () {
-      //默认返回yyyy-MM-dd HH-mm-ss
-      const d = new Date();
-      const year = d.getFullYear();//得到年
-      const month = (d.getMonth()+1)<10 ? '0'+(d.getMonth()+1) : (d.getMonth()+1);//得到月
-      const day = d.getDate()<10 ? '0'+d.getDate() : d.getDate();//得到日
-      const hour = d.getHours()<10 ? '0'+d.getHours() : d.getHours();//得到时
-      const minute = d.getMinutes()<10 ? '0'+d.getMinutes() : d.getMinutes();//得到分
-      const second = d.getSeconds()<10 ? '0'+d.getSeconds() : d.getSeconds();//得到秒
-      return [year, month, day].join('-') + " " + [hour, minute, second].join(':');//格式为：YY-MM-DD hh:mm:ss（当前时间）
-    },
-    // choiceZRRS () {
-    //     if (this.userType === 'zrUserId') {
-    //         this.roleForm.zrUserId = this.zrUserIds.map(item => item.id).join(",")
-    //         this.roleForm.zrUserName = this.zrUserIds.map(item => item.name).join(",")
-    //     }
-    //     this.modalshowflag2 = true
-    // },
-    checkedRole2 (data) {
-      let idList = ''
-      let nameList = ''
-      data.forEach( item => {
-        if (nameList.length > 0) {
-          nameList += ','
-          idList += ','
-        }
-        idList += item.id
-        nameList += item.name
-      })
-      if(this.userType === 'qcUserId'){
-        this.roleForm.qcUserId=idList;
-        this.roleForm.qcUserName=nameList;
-      }else if(this.userType === 'hqUserId'){
-        this.roleForm.hqUserId=idList;
-        this.roleForm.hqUserName=nameList;
-      }
-    },
-    // 请求转换流程图
-    processNum (row) {
-      axios.request({
-        url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
-        responseType: 'blob',
-        method: 'get',
-        params: {
-          prcNum: this.$route.query.prcNum
-        }
-      }).then(res => {
-        // let blob = new Blob([res.data], {type: 'image/jpg'})
-        // let url = window.URL.createObjectURL(res.data)
-        this.processStep = window.URL.createObjectURL(res.data)
-      })
-    },
-    checkedRoleTransfer (data) {
-      this.isSubmit = true
-      this.saveLoading = true
-      changeAssigneeNew({
-        taskId: this.$route.query.taskIds, // 任务id
-        userId:this.$store.getters.userInfo.account, // 委托人
-        assignee: data[0].id, // 被委托人
-        pId: this.$route.query.prcId, // 流程实例
-      }).then(res => {
-        this.isSubmit = false
-        this.saveLoading = false
-        if (res.success) {
-          this.drawerModal = false
-          this.$message.success('调整成功')
-          // hwh5.close()
-          this.$router.go(-2)
-          // this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
-          // this.processNum()
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-    },
-    checkedRole (data) {
-      if (this.type === 0) {
-        this.roleForm.deptUserId = data[0].id
-        this.roleForm.deptUserIdName = data[0].name
-      } else if (this.type === 1) {
-        this.form.modelData[this.zrIndex].zrUserId = data[0].id
-        this.form.modelData[this.zrIndex].zrUserIdName = data[0].name
-      } else {
-        this.form.modelData.forEach(item => {
-          this.zrIdList.forEach(items => {
-            if (item.id === items) {
-              item.zrUserId = data[0].id
-              item.zrUserIdName = data[0].name
-            }
-          })
-        })
-      }
-      if(this.userType === 'bzhUserId'){
-        this.roleForm.bzhUserId = data[0].id
-        this.roleForm.bzhUserName = data[0].name
-      }else if(this.userType === 'fggcsUserId'){
-        this.roleForm.fggcsUserId = data[0].id
-        this.roleForm.fggcsUserName = data[0].name
-      }else if(this.userType === 'jsfzrUserId'){
-        this.roleForm.jsfzrUserId = data[0].id
-        this.roleForm.jsfzrUserName = data[0].name
-      }else if(this.userType === 'bzUserId'){
-        this.roleForm.bzUserId = data[0].id
-        this.roleForm.bzUserName = data[0].name
-      }else if(this.userType === 'fzrUserId'){
-        this.roleForm.fzrUserId = data[0].id
-        this.roleForm.fzrUserName = data[0].name
-      }else if(this.userType === 'zhrUserId'){
-        this.roleForm.zhrUserId = data[0].id
-        this.roleForm.zhrUserName = data[0].name
-      }
-      this.modalShowFlag = false
-    },
-    // 责任人会签姓名搜索
-    filterNode(value, data) {
-      if (!value) return true;
-      return data.name.indexOf(value) !== -1;
-    },
-    getTaskId () {
-      if(this.$route.query.bpnId){
-        queryTaskFirst({
-          bpnId: this.$route.query.bpnId
-        }).then(res => {
-          this.verifySarStandard = this.$route.query.verifySarStandard
-          let mes = JSON.parse(res.mes)
-          mes.form.date = new Date(this.$moment(mes.form.date).format('YYYY-MM-DD'))
-          this.form = mes.form
-          this.roleForm = mes.roleForm
-          this.commentText = mes.commentText
-        })
-      }else {
-        this.form.XCSJBUSS = this.dateFormatter()
-      }
-    },
-    // 将文本状态的id与name对应
-    setMap(data){
-      data.forEach(item => {
-        this.$set(this.textStatusMap, item.value, item.label)
-      })
-
-    },
-    clearFormData(data){
-      this.form = {
-        // 基础信息
-        standInData: data.standInData ? data.standInData : '0', // 标准类型
-        standSort: data.standSort ? data.standSort : '', // 标准类别
-        standNumber: data.standNumber ? data.standNumber : '', // 标准编号
-        standNature: data.standNature ? data.standNature : '', // 标准性质
-        standEnName: data.standEnName ? data.standEnName : '', // 英文名称
-        standName: data.standName ? data.standName : '', // 中文名称
-        signFlag: data.signFlag ? data.signFlag : '1', // 是否需要会签
-        // 基础信息
-        standCode: '',
-        standYear: '',
-        textStatusBuss: '',
-        issueTime: '',
-        putTime: '',
-        FZRQBUSS: '',
-        FSRQBUSS: '',
-        // 过程稿件
-        FBGBUSS: '',
-        FBGBUSSName: '',
-        BZSMBUSS: '',
-        BZSMBUSSName: '',
-        LSBBBUSS: '',
-        LSBBBUSSName: '',
-        QTWJBUSS: '',
-        QTWJBUSSName: '',
-        // 适用范围
-        QCDW: '',
-        QCRBUSS: '',
-        WJSCRYBUSS: '',
-        SYCXCLASS: '',
-        NYLXCLASS: '',
-        SYCPXCLASS: '',
-        TXLBBUSS: '',
-        VPPSBMBUSS: '',
-        VPPSCNBUSS: '',
-        // 关联信息
-        DTQBBHBUSS: '',
-        BDTQBBHBUSS: '',
-        XGJLBUSS: '',
-        XGLC: '',
-        GLWJBUSS: '',
-        GLWJBUSSName: '',
-        XCSJBUSS: '',
-      } // 标准信息
-    },
-    handleProcessStandardNext(status) {
-      switch (status) {
-          // 新增
-        case 1:
-          this.selectedList = []
-          this.standardCheckedList = []
-          this.standardDrawer = false
-          this.verifySarStandard = true
-          this.clearFormData(this.form)
-          break
-          // 带入
-        case 2:
-          if (this.standardCheckedList.length === 1) {
-            this.$http.get('lawss/sarLawsInfo/getStandInfoUpdateById', {id: this.standardCheckedList[0].id}, {
-              _this: this
-            }, res => {
-              if(res && res.data){
-                const bringData = res.data
-
-                const json = Object.assign(bringData, bringData.attrInfoMap);
-                this.form = JSON.parse(JSON.stringify(json))
-                this.form.TGRLAWS = JSON.parse(JSON.stringify(json)).TGRLAWS && JSON.parse(JSON.stringify(json)).TGRLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).TGRLAWS.split(',') : []
-                this.form.TGDWLAWS = JSON.parse(JSON.stringify(json)).TGDWLAWS && JSON.parse(JSON.stringify(json)).TGDWLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).TGDWLAWS.split(',') : []
-                this.form.NYLXLAWS = JSON.parse(JSON.stringify(json)).NYLXLAWS && JSON.parse(JSON.stringify(json)).NYLXLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).NYLXLAWS.split(',') : []
-                this.form.YYRZLAWS = JSON.parse(JSON.stringify(json)).YYRZLAWS && JSON.parse(JSON.stringify(json)).YYRZLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).YYRZLAWS.split(',') : []
-                this.form.ZRBMLAWS = JSON.parse(JSON.stringify(json)).ZRBMLAWS && JSON.parse(JSON.stringify(json)).ZRBMLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).ZRBMLAWS.split(',') : []
-                this.form.ZRGCSLAWS = JSON.parse(JSON.stringify(json)).ZRGCSLAWS && JSON.parse(JSON.stringify(json)).ZRGCSLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).ZRGCSLAWS.split(',') : []
-                this.form.prcNum = this.prcNum
-                this.form.prcName = this.prcName
-                this.form['id'] = bringData.id
-                this.standardDrawer = false
-                this.verifySarStandard = true
-                this.busVsFunc()
-                this.modelFunc()
-                this.$forceUpdate()
-              }
-              // 遍历对象初始化文件信息
-              for(const p in this.form) {
-                if (typeof (this.form[p ]) != "function") {
-                  this.initializeFileList(p,this.form[p]);
-                }
-              }
-              console.log("res",res);
-            })
-
-          } else if (this.standardCheckedList.length > 1) {
-            this.$message.warning('最多可以带入一条政策信息')
-          } else {
-            this.$message.warning('请选择要带入的政策信息')
-          }
-          break
-          // 取消
-        case 3:
-          this.selectedList = []
-          this.standardCheckedList = []
-          this.standardDrawer = false
-          break
-      }
-    },
-    initializeFileList(property ,value){
-      switch (property){
-        case 'xgd':
-          this.getFileList(value,this.xgdFileList);
-          break;
-        case 'fbgbjbd':
-          this.getFileList(value,this.FBGBJBDFileList);
-          break;
-        case 'ssg':
-          this.getFileList(value,this.ssgFileList);
-          break;
-        case 'ca':
-          this.getFileList(value,this.caFileList);
-          break;
-        case 'zbjbd':
-          this.getFileList(value,this.zbjbdFileList);
-          break;
-        case 'kwj':
-          this.getFileList(value,this.kwjFileList);
-          break;
-        case 'jdwj':
-          this.getFileList(value,this.jdwjFileList);
-          break;
-        case 'bpg':
-          this.getFileList(value,this.bpgFileList);
-          break;
-        case 'zqyjg':
-          this.getFileList(value,this.zqyjgFileList);
-          break;
-        case 'glwj':
-          this.getFileList(value,this.glwjFileList);
-          break;
-        default: ;
-      }
-    },getFileList(fileIds,defaultFileList){
-
-      // 对象为引用传递
-      this.$http.get('att/attFile/getMultiFileInfos', {
-        fileIds: fileIds
-      }, {
-        _this: this
-      }, res => {
-
-        let fileList = res.data
-        if (fileList != null && fileList.length > 0) {
-          for (let i = 0; i < fileList.length; i++) {
-            let obj = {name: '', response: {}}
-            obj.name = fileList[i].oldFileName
-            obj.response.data = fileList[i]
-
-
-            //根据以‘，’分割的id查询到的文件信息，放入对应的文件list中
-            defaultFileList.push(obj)
-            console.log("defaultFileList",defaultFileList);
-          }
-        }
-      }, e => {
-      })
-    },
-    handleStandardPageChange (page) {
-      this.standardSearchForm.page = page
-      this.handleSearchStandard()
-    },
-    handleStandardPageSizeChange (pageSize) {
-      this.standardSearchForm.pageSize = pageSize
-      this.handleSearchStandard()
-    },
-    standSelectChange (data) {
-      this.selectedList = []
-      for (let i = 0; i < data.length; i++) {
-        this.selectedList.push(data[i].id)
-      }
-      this.standardCheckedList = data
-    },
-    handleResetSearch() {
-      this.standardSearchForm.standType = 'BUSINESS'
-      this.standardSearchForm.standNumber = ''
-      this.standardSearchForm.standSort = ''
-      this.standardSearchForm.standName = ''
-      this.standardSearchForm.standEnName = ''
-      setTimeout(() => {
-        this.handleSearchStandard()
-      }, 100)
-    },
-    /**
-     * 关闭修订 Drawer 的监听
-     * @param done
-     */
-    handleReviseDrawerClose (done) {
-      done()
-    },
-    getDomesticStandardTable () {
-      this.loadSarStandard = true
-      this.$http.get('lawss/sarLawsInfo/page', this.standardSearchForm, {}, res => {
-        this.loadSarStandard = false
-        if (res.ok) {
-          this.tableData.standardData = res.data.list
-          this.standardSearchForm.total = res.data.count
-        }
-      }, e => {
-        this.loadSarStandard = false
-      })
-    },
-    handleSearchStandard () {
-      if (this.form.standType === '') {
-        this.$message.warning('请选择标准来源')
-      } else {
-        this.standardDrawer = true
-        this.$nextTick(() => {
-          // 动态设置表格高度
-          this.tableHeight.standardTableHeight = $('.standard-table-wrap').height()
-          window.onresize = () => {
-            this.tableHeight.standardTableHeight = $('.standard-table-wrap').height()
-          }
-        })
-        this.getDomesticStandardTable()
-      }
-    },
-    saveUserInfo () {
-      this.filterText = ''
-      if (this.userType === 'zrUserId') {
-        this.roleForm.zrUserId = this.zrUserIds.map(item => item.id).join(",")
-        this.roleForm.zrUserName = this.zrUserIds.map(item => item.name).join(",")
-      } else if (this.userType === 'jlUserId') {
-        this.roleForm.jlUserId = this.roleRow.id
-        this.roleForm.jlUserName = this.roleRow.name
-      }
-
-      this.modalShowFlag = false
-    },
-    cancelUserInfo () {
-      this.filterText = ''
-      this.modalShowFlag = false
-    },
-    drawerCheck (data) {
-      if(this.userType === 'zrUserId'){
-
-        if(this.zrUserIds.length > 0){
-          const list = this.zrUserIds.filter ( item => item.id === data.id);
-          if(list.length === 0){
-            this.zrUserIds.push(data)
-          }else {
-            this.zrUserIds.forEach((item,index) => {
-              if(item.id === data.id){
-                this.zrUserIds.splice(index,1)
-              }
-            })
-          }
-        }else {
-          this.zrUserIds.push(data)
-        }
-
-      }else {
-        var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
-        if(getlist.length == 1) {
-          this.roleRow = getlist[0]
-        }else {
-          this.$refs.tree.setCheckedKeys([data.id]);
-          this.roleRow = this.$refs.tree.getCheckedNodes()[0]
-        }
-      }
-    },
-    // 更多
-    handleCommand (command) {
-      switch (command[2]) {
-        case '新增':
-          this.createChildRow(command[0],command[1])
-          break
-        case '维护':
-          command[1].disabled = false
-          break
-        case '删除':
-          this.handleDelete(command[0],command[1])
-          break
-      }
-    },
-    choiceZRRList (type, title, id) {
-      this.nodeList = []
-      this.nodeList.push(id)
-      this.userType = type
-      this.drawerTitle = title
-      this.modalShowRoleFlag = true
-    },
-    choiceZRR (type, title, id) {
-      this.nodeList = []
-      this.nodeList.push(id)
-      this.userType = type
-      this.drawerTitle = title
-      this.modalShowFlag = true
-    },
-    choiceZRRS(row, type, index) {
-      this.type = type
-      if (type === 1) {
-        this.drawerTitle = '选择责任人'
-        this.nodeList = []
-        this.zrIndex = index
-        this.zrType = type
-        this.nodeList.push(row)
-        this.modalShowFlag = true
-      } else if (type === 2) {
-        // 批量
-        if (this.zrIdList.length > 0) {
-          this.zrType = type
-          this.nodeList = []
-          this.modalShowFlag = true
-          this.drawerTitle = '批量选择责任人'
-        } else {
-          this.$message.warning('请选择要编辑的数据')
-        }
-      } else {
-        this.nodeList = []
-        this.nodeList.push(row)
-        this.drawerTitle = ''
-        this.modalShowFlag = true
-      }
-    },
-    // choiceZRRS (type, title, id) {
-    //     this.nodeList = []
-    //     this.nodeList.push(id)
-    //     this.userType = type
-    //     this.drawerTitle = title
-    //     this.modalShowRoleFlag = true
-    // },
-    choiceZRR1 (type, title, id) {
-      this.drawerTitle = title
-      this.modalShowFlag1 = true
-      this.key++
-    },
-    choiceZRR2 (type, title, id) {
-      this.drawerTitle = title
-      this.modalShowFlag2 = true
-      this.url = ''
-      this.urlChild = ''
-      this.url="sarVppsTree/list"
-      this.urlChild="sarVppsTree/childByList"
-      this.key1++
-    },
-    choiceZRR3 (type, title, id) {
-      this.drawerTitle = title
-      this.modalShowFlag3 = true
-      this.url = ''
-      this.urlChild = ''
-      this.url="sarVppsTree/list"
-      this.urlChild="sarVppsTree/childByList"
-      this.key2++
-    },
-    choiceZRR4 (type, title, id) {
-      this.drawerTitle = title
-      this.modalShowFlag4 = true
-      this.url = ''
-      this.urlChild = ''
-      this.url="sarModelTree/list"
-      this.urlChild="sarModelTree/childByList"
-      this.key3++
-    },
-    getTree () {
-      this.$http.get('SarInstitution/institution/institutionAndUser', {}, {}, res=> {
-
-        this.treeData = res.data
-      })
-    },
-    // 代替政策号 请求数据
-    getReplaceLawsNumRowFirst () {
-      if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
-        this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
-      } else {
-        this.quoteIdList1 = []
-        this.replaceLawsNumForm.quoteIdList = ''
-      }
-      this.replaceLawsNumForm.page = 1
-      this.replacePage = 1
-      this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', this.replaceLawsNumForm, {
-        _this: this,
-        loading: 'replaceLoading'
-      }, res => {
-        this.replaceLawsNumRow = res.data.list
-        this.replaceTotal = res.data.count
-        if (this.selectedListRep.length !== 0) {
-          this.selectedListRep.map((list) => {
-            this.replaceLawsNumRow.map((item) => {
-              if (list.id === item.id) {
-                item._checked = true
-              }
-            })
-          })
-        }
-      }, e => {
-      })
-    },
-    dataSourceChange (val) {
-    },
-    handleChange (event) {
-      // const value = event.target.value
-      const value = event
-      this.$emit('input', value)
-      if (value.length==1000){
-        return  this.$message({
-          message: '相关标准不能输入超过1000个字符',
-          type: 'warning'
-        });
-      }
-    },
-    // 代替政策编号-取消
-    replaceLawsNumModelCancel () {
-      // this.replaceLawsNumModel = false
-      this.$refs.selections.clearSelection()
-    },
-    // 代替政策号 table选择事件
-    selectReplaceStandNumRowChange (row) {
-      this.selectedListRep = row
-    },
-    // 代替政策分页
-    pageChangeReplace (page) {
-      this.replacePage = page
-      this.replaceLawsNumForm.page = page
-      this.getReplaceLawsNumRow()
-    },
-    pageSizeChangeReplace (pageSize) {
-      // this.replaceRows = pageSize
-      this.replaceLawsNumForm.pageSize = pageSize
-      this.getReplaceLawsNumRow()
-    },
-    // 代替政策编号确定
-    replaceLawsNumModelBt () {
-      let textArr = []
-
-      if (typeof this.value === 'string') {
-        if (this.value) {
-          textArr = this.value.split(',')
-        }
-      }
-      if (this.selectedListRep.length === 0) {
-        return this.$message({
-          message: '请先选择数据',
-          type: 'warning'
-        })
-      }
-      if (this.selectedListRep.length + textArr.length > 20) {
-        return this.$message({
-          message: '标准最多选择20项',
-          type: 'warning'
-        })
-      }
-      this.selectedListRep.map((item) => {
-        let texts = ''
-        if (item.standYear != null && item.standYear !== '') {
-          texts = item.standSort !== null ? item.standSort + ' ' + item.standNumber + '-' + item.standYear : item.standNumber + '-' + item.standYear
-        } else {
-          texts = item.standSort !== null ? item.standSort + ' ' + item.standNumber : item.standNumber
-        }
-        textArr.push(texts)
-        textArr = [...new Set(textArr)]
-        this.replaceLawsNumModel = false
-      })
-      // this.SarLawsInfoEO.replaceLawsNum = textArr.join(',')
-      // 解决 标准入库流程--圈住的字段，先手动输入，然后再手动查找，点提交就会把手动输入的标准号覆盖
-      if(this.replaceLawType === 'dtbjh'){
-        this.form.dtbjh = this.form.dtbjh ? this.form.dtbjh + ',' + textArr.join(',') : textArr.join(',')
-      }else if(this.replaceLawType === 'yybj'){
-        this.form.yybj = this.form.yybj ? this.form.yybj + ',' +textArr.join(',') : textArr.join(',')
-      }else if(this.replaceLawType === 'cbbh'){
-        this.form.cbbh = this.form.cbbh ? this.form.cbbh + ',' +textArr.join(',') : textArr.join(',')
-      }else if(this.replaceLawType === 'bfbdtbzh'){
-        this.form.bfbdtbzh = this.form.bfbdtbzh ? this.form.bfbdtbzh + ',' +textArr.join(',') : textArr.join(',')
-      }else {
-        this.form.byybj = this.form.byybj ? this.form.byybj + ',' +textArr.join(',') : textArr.join(',')
-      }
-      // this.$emit('input', textArr.join(','))
-      this.$refs.selections.clearSelection()
-    },
-    // 点击查看
-    handlePreview (item) {
-      let routeUrl = this.$router.resolve({
-        name: 'OtherLawsStandDetails',
-        params: {
-          id: item.id,
-          pageType: 'LAWS_STAND'
-        }
-      })
-      window.open(routeUrl.href, '_blank')
-    },
-    getResetLawsNumRow () {
-      this.replaceLawsNumForm = {
-        standNumber: '', // 标准编号
-        page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
-        total: 0,
-        standType: 'BUSINESS',
-        quoteIdList: '',
-        validFlag: '0'
-      }
-      this.getReplaceLawsNumRow()
-    },
-    selectLaws (type) {
-      // if (this.standNumFlag === 1) {
-      // this.$refs.selections.selectAll(false)
-      // }
-      // this.sarBussionessLawsEO.replaceLawsNum = ''
-      this.replaceLawsNumModel = true
-      this.replaceLawType = ''
-      this.replaceLawType = type
-      this.getReplaceLawsNumRow()
-    },
-    // 代替企标编号 请求数据
-    getReplaceLawsNumRow () {
-      if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
-        this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
-      } else {
-        this.quoteIdList1 = []
-        this.replaceLawsNumForm.quoteIdList = ''
-      }
-      this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', this.replaceLawsNumForm, {
-        _this: this,
-        loading: 'replaceLoading'
-      }, res => {
-        this.replaceLawsNumRow = res.data.list
-        this.replaceTotal = res.data.count
-        if (this.selectedListRep.length !== 0) {
-          this.selectedListRep.map((list) => {
-            this.replaceLawsNumRow.map((item) => {
-              if (list.id === item.id) {
-                item._checked = true
-              }
-            })
-          })
-        }
-      }, e => {
-      })
-    },
-    beginImportFile (file) {
-      var filename = file.name
-      var index1 = filename.lastIndexOf('.')
-      var index2 = filename.length
-      var fileSuffix = filename.substring(index1, index2)
-      // const fileSuffix = file.name.split('.')[1] // 后缀名
-      // 判断上传文件格式
-      if (fileSuffix === '.pdf' || fileSuffix === '.PDF' || fileSuffix === '.ppt'|| fileSuffix === '.PPT' || fileSuffix === '.pptx'|| fileSuffix === '.PPTX'|| fileSuffix === '.doc' || fileSuffix === '.DOC' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
-        return true
-      } else {
-        this.spinShow = false
-        this.$message.error('文件' + file.name + '格式不正确，请上传PDF/PPT/PPTX/DOC/DOCX或XLS文件')
-        return false
-      }
-      // 判断文件上传大小
-      // eslint-disable-next-line no-unreachable
-      if (file.size / 1024 / 1024 <= 200) {
-        return true
-      } else {
-        this.$message.error('文件' + file.name + '大小不超过200M')
-        return false
-      }
-      return true
-    },
-    getBusStandFileByAttId(attId) {
-      return new Promise((resolve, reject) => {
-        getBusStandFileByAttId({
-          attId
-        }).then(res => {
-          if (res.ok) {
-            resolve(res.data)
-          } else {
-            reject()
-          }
-        }).catch(e => {
-          reject(e)
-        })
-      })
-    },
-    // 文件预览及下载
-    handleFilePreview(file) {
-      const attId = file.response.data.id
-      if (this.preview) {
-        if (attId) {
-          window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + attId
-        } else {
-          this.$message.warning('文件不存在,下载失败')
-        }
-      } else {
-        this.getBusStandFileByAttId(attId)
-            .then(res => {
-              if(res){
-                const editFileInfo = res
-                if(editFileInfo.fileSuffix === 'pdg' || editFileInfo.fileSuffix === 'PDG'){
-                  window.open('book://ssreader/e0?url='+editFileInfo.downLoadUrl)
-                }else {
-                  const nowTime = new Date().getTime()
-                  // window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(editFileInfo.downLoadUrl)));
-                  window.open(onlyOfficeUrl+'/onlyOffice?oldFileName=' + editFileInfo.oldFileName + '&fileType=' + editFileInfo.fileSuffix + '&attId=' + editFileInfo.id + '&fileUrl=' + editFileInfo.downLoadUrl + '&key=' + editFileInfo.id + nowTime+'&filePath='+editFileInfo.filePath+'&fileName='+editFileInfo.fileName)
-                }
-              }
-            }).catch(e => {
-          console.log(e)
-          this.$message.warning('文件不存在,预览失败')
-        })
-      }
-    },
-    // 导入标准数据成功后执行
-    importFileSuccess (response, file,fileList) {
-      // 上传成功后判断是否是两条数据是的话替换掉旧数据
-      // if (fileList.length > 1) {
-      //   this.fileList = fileList.splice(0, 1)
-      // }
-      if (response.ok) {
-
-        switch (this.fileType){
-          case 'FBGBUSS':
-            this.FBGBUSSFileList = fileList
-            break;
-          case 'BZSMBUSS' :
-            this.BZSMBUSSFileList = fileList
-            break;
-          case 'LSBBBUSS':
-            this.LSBBBUSSFileList = fileList
-            break;
-          case 'GLWJLAWS':
-            this.QTWJBUSSFileList = fileList
-            break;
-          case 'GLWJBUSS':
-            this.GLWJBUSSFileList = fileList
-            break;
-          default : ;
-        }
-        this.$message({
-          // showClose: true,
-          message: response.message,
-          type: 'success'
-        })
-      }
-    },
-    downloadFile (data) {
-      //文件id中出现了','字符,去除掉
-      window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + data.id
-    },
-    fileUpload (type) {
-      this.fileType = '';
-      // this.fileMadel = true;//此句应在最后执行,否则会有先显示没变换的的文件列表,在显示变换了的文件列表
-
-      this.fileType = type;
-
-      switch (this.fileType){
-        case 'FBGBUSS':
-          this.fileList=this.FBGBUSSFileList
-          break;
-        case 'BZSMBUSS' :
-          this.fileList=this.BZSMBUSSFileList
-          break;
-        case 'LSBBBUSS':
-          this.fileList=this.LSBBBUSSFileList
-          break;
-        case 'QTWJBUSS':
-          this.fileList=this.QTWJBUSSFileList
-          break;
-        case 'GLWJBUSS':
-          this.fileList=this.GLWJBUSSFileList
-          break;
-        default : ;
-      }
-      this.fileMadel = true;
-
-    },
-    removeOneFile(file, fileList) {
-
-      switch (this.fileType){
-        case 'FBGBUSS':
-          this.FBGBUSSFileList = fileList
-          break;
-        case 'BZSMBUSS' :
-          this.BZSMBUSSFileList = fileList
-          break;
-        case 'LSBBBUSS':
-          this.LSBBBUSSFileList = fileList
-          break;
-        case 'QTWJBUSS':
-          this.QTWJBUSSFileList = fileList
-          break;
-        case 'GLWJBUSS':
-          this.GLWJBUSSFileList = fileList
-          break;
-        default : ;
-      }
-    },
-    popoverHideBusVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
-      if(checkedData) {
-        if(checkedData.length > 0){
-          this.form.VPPSBMBUSS = checkedData.map(item => item.code).join(",")
-          this.form.VPPSCNBUSS = checkedData.map(item => item.chineseName).join(",")
-        }else {
-          this.form.VPPSBMBUSS = checkedData.code
-          this.form.VPPSCNBUSS = checkedData.chineseName
-        }
-      }
-      this.modalShowFlag2 = false
-      this.$forceUpdate()
-    },
-    popoverHide (checkedIds, checkedData,isShow,isLoadChild,topId) {
-      if(checkedData) {
-        if(checkedData.length > 0){
-          this.form.TXLBBUSS = checkedData.map(item => item.menuName).join(",")
-        }else {
-          this.form.TXLBBUSS = checkedData.menuName
-        }
-      }
-      this.modalShowFlag1 = false
-      this.$forceUpdate()
-    },
-    popoverHideCancel(){
-      this.modalShowFlag1  = false
-    },
-    popoverHideBusVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
-      if(checkedData && checkedData.length != 0) {
-        if(checkedData.length > 0 && checkedData.length != 0){
-          this.form.cycvppsbm = checkedData.map(item => item.code).join(",")
-          this.form.cycvppscn = checkedData.map(item => item.chineseName).join(",")
-        }else {
-          this.form.cycvppsbm = checkedData.code
-          this.form.cycvppscn = checkedData.chineseName
-        }
-        this.modalShowFlag2 = false
-      }
-
-    },
-    popoverHideBusVsCancel(){
-      this.modalShowFlag2 = false
-    },
-    popoverHideCarVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
-      if(checkedData && checkedData.length != 0) {
-        if(checkedData.length > 0){
-          this.form.kccvppsbm = checkedData.map(item => item.code).join(",")
-          this.form.kccvppscn = checkedData.map(item => item.chineseName).join(",")
-        }else {
-          this.form.kccvppsbm = checkedData.code
-          this.form.kccvppscn = checkedData.chineseName
-        }
-        this.modalShowFlag3 = false
-
-      }
-    },
-    popoverHideCarVsCancel(){
-      this.modalShowFlag3 = false
-    },
-    popoverHideModel (checkedIds, checkedData,isShow,isLoadChild,topId) {
-      if(checkedData && checkedData.length != 0) {
-        if(checkedData.length > 0){
-          this.form.dybxh = checkedData.map(item => item.model).join(",")
-          this.form.dymc = checkedData.map(item => item.name).join(",")
-        }else {
-          this.form.dybxh = checkedData.model
-          this.form.dymc = checkedData.name
-        }
-        this.modalShowFlag4 = false
-      }
-
-    },
-    popoverHideModelCancel(){
-      this.modalShowFlag4 = false
-    },
-    closeDrawer() {
-      this.ListModel = false
-    },
-    OkDrawer() {
-      this.ListModel = false
-      var item = {
-        remarks: '123'
-      }
-      this.data.push(item)
-    },
-    addList() {
-      this.title = '新增标准'
-      this.ListModel = true
-    },
     handleTabs(name) {
-      this.active = name
+      this.active = name;
     },
-    //保存
-    handleSave() {
-      this.form.country=this.countryArr;
-      // if(item.country !== undefined && item.country !== null){
-      //   this.sarStandardsInfoEO.country = item.country.split(",");
-      // }
+    getData() {
+      const { taskIds, prcId } = this.$route.query
 
-      this.saveLoading = true
-      let _formData = new FormData()
-      // _formData.append('id', this.bpnId)
-      _formData.append('createUser', this.$store.getters.userInfo.account)
-      _formData.append('createUserName', this.$store.getters.userInfo.uName)
-      _formData.append('prcType', 'laws1')
-      _formData.append('prcName', '政策入库流程')
-      _formData.append('json', JSON.stringify({
-        // prcForm: this.prcForm,
-        // sarAccessInfoList: this.sarAccessInfoList,
-        // sarAccessInfoListADMIN: this.sarAccessInfoListADMIN,
-        // bzqdForm: this.bzqdForm,
-        // listInfo: this.listInfo,
-        // id: this.id
-        taskInfo: '申请人发起',
-        form: this.form,
-        roleForm: this.roleForm,
-        commentText: this.commentText
-      }))
-      saveTaskFirst(_formData).then(res => {
-        this.saveLoading = false
-        this.$message.success('保存成功')
-        // this.bpnId = res.result
-      }).catch(e => {
-        this.saveLoading = false
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
       })
     },
-    fileInfoHandle(){
-
-      //拼接文件名和id 提交到流程Activity
-      this.form.FBGBUSS=this.FBGBUSSFileList.map(item => item.response.data.id).join(",")
-      this.form.FBGBUSSName=this.FBGBUSSFileList.map(item => item.name).join(",")
-
-      this.form.BZSMBUSS=this.BZSMBUSSFileList.map(item => item.response.data.id).join(",")
-      this.form.BZSMBUSSName=this.BZSMBUSSFileList.map(item => item.name).join(",")
-
-      this.form.LSBBBUSS=this.LSBBBUSSFileList.map(item => item.response.data.id).join(",")
-      this.form.LSBBBUSSName=this.LSBBBUSSFileList.map(item => item.name).join(",")
-
-      this.form.QTWJBUSS=this.QTWJBUSSFileList.map(item => item.response.data.id).join(",")
-      this.form.QTWJBUSSName=this.QTWJBUSSFileList.map(item => item.name).join(",")
-
-      this.form.GLWJBUSS=this.GLWJBUSSFileList.map(item => item.response.data.id).join(",")
-      this.form.GLWJBUSSName=this.GLWJBUSSFileList.map(item => item.name).join(",")
-
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
     },
-    // 删除方法
-    deletedId(data, ids) {
-      let m = 0, n = data.length;
-      for (; m < n; m++) {
-        let i = 0, j = ids.length;
-        for (; i <j; i++) {
-          if (data[m] && data[m].id === ids[i]) {
-            data.splice(m, 1)
-          }
-        }
-        if (data[m] && data[m].children.length > 0) {
-          this.deletedId(data[m].children, ids)
-        }
-      }
-      return data
-    },
-    changeRestTree(val) {
-      let arr = [];
-      if (val.length !== 0) {
-        val.forEach(item => {
-          if (item.children.length >= 1) {
-            item.children = this.changeTree(item.children);
-          }
-          if(item.pid === '0'){
-            item.id = arr.length + 1,
-                item.modelNum = arr.length + 1+''
-            item.orderNum = arr.length + 1 // orderNum为新创建行的索引
-            item.modelIndex = arr.length
-          }else {
-            item.id = item.modelNum+'.'+(arr.length + 1)
-            item.modelNum = item.modelNum+'.'+(arr.length + 1)
-            item.orderNum = arr.length + 1
-            item.pid = item.modelNum
-            item.modelIndex = arr.length
-          }
-          arr.push(item);
-        });
-      }
-
-      return arr;
-    },
-    changeTree(val) {
-      let arr = [];
-      this.modelDataNameVerify = []
-      this.modelDataZrUserVerify = []
-      if (val.length !== 0) {
-        val.forEach(item => {
-          let obj = {};
-          obj.modelName = item.modelName;
-          obj.zrUserIdName = item.zrUserIdName;
-          if(!obj.modelName || obj.modelName === ''){
-            this.modelDataNameVerify.push("1")
-          }
-          if(item.pid === '0' && (!obj.zrUserIdName || obj.zrUserIdName === '')){
-            this.modelDataZrUserVerify.push("1")
-          }
-          if (item.children.length >= 1) {
-            item.children = this.changeTree(item.children);
-          }
-          arr.push(item);
-        });
-      }
-
-      return arr;
-    },
-    handleTransfer() {
+    handleTransfer () {
       this.drawerModal = true
       this.drawerTitle = '转办处理人'
     },
-    handle1(){
-      this.formTongGuo.approvalOpinion = 1
-      this.handleSubmit()
-    },
-    handle2(){
-      this.formTongGuo.approvalOpinion = 0
-      this.handleSubmit()
-    },
-    getRule(){
-      if (this.formTongGuo.approvalOpinion === 0) {
-        this.rules.commentText[0].required = false;
-        this.$refs.formTongGuo.clearValidate('commentText')
-      }else {
-        this.rules.commentText[0].required = true;
-      }
-    },
-    handleSubmit() {
-      this.getRule()
-      // const val= this.form.country;
-      // if (val !== '' && val !== null && typeof (val) !== 'undefined') {
-      //     if (val instanceof Array) {
-      //         this.form.country = val.join(",");
-      //     } else {
-      //         this.form.country = val
-      //     }
-      // } else if (val === '') {
-      //     this.form.country = []
-      // }
-      this.$refs['formTongGuo'].validate((valid) => {
-        if (valid) {
-          this.isSubmit = true
-          this.saveLoading = true
-          this.form.commentText = this.formTongGuo.commentText
-          this.form.approvalOpinion = this.formTongGuo.approvalOpinion
-          const json = JSON.stringify(this.form);
-          this.$http.post('lawss/activiti/completeTask', {
-            taskIds: this.taskIds,
-            userId : this.userId,
-            json: json
-          }, {
-            _this: this
-          }, res => {
-            if (res.success) {
-              // 流程提交之后，应该流转至待办任务页面
-              if(this.formTongGuo.approvalOpinion === '1'){
-                this.$message.warning("驳回成功")
-              }else{
-                this.$message.success(res.message)
-                // this.processCreateLaws(json)
-              }
-              // hwh5.close()
-              this.$router.go(-2)
-              // 流程提交之后，应该流转至待办任务页面
-              // this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
-            }else {
-              this.$message.success(res.message)
-            }
-            this.isSubmit = false
-            this.saveLoading = false
-          })
-        }})
-    },
-    busVsFunc(){
-      this.$http.get('sarVppsTree/list', '', {
-        _this: this
-      }, res => {
-        this.busVppsOptions = []
-        this.busVppsOptions = res.data
-      })
-    },
-    busVsChildFunc(id){
-      this.$http.get('sarVppsTree/childByList', {id:id}, {
-        _this: this
-      }, res => {
-        this.busVppsChildOptions = []
-        this.busVppsChildOptions = res.data
-      })
-    },
-    modelFunc(){
-      this.$http.get('sarModelTree/list', '', {
-        _this: this
-      }, res => {
-        this.modelOptions = []
-        this.modelOptions = res.data
-      })
-    },
-    /**
-     * @description: 动态表单读取
-     */
-    getFormFieldList (item) {
-      this.$nextTick(() => {
-        this.form = JSON.parse(JSON.stringify(item))
-        this.form.prcNum = this.prcNum
-        this.form.prcName = this.prcName
-        this.form['id'] = item.id
-        this.form['SYCXCLASS'] = this.filterObj(this.form['SYCXCLASS'])
-        this.form['NYLXCLASS'] = this.filterObj(this.form['NYLXCLASS'])
-        this.form['SYCPXCLASS'] = this.filterObj(this.form['SYCPXCLASS'])
-
-      })
-    },
-    filterObj(obj){
-      if(obj && obj !== ''){
-        if(obj instanceof Array){
-          return obj;
-        }else {
-          return obj.split(",")
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
         }
-      }
-      return "";
-    },
-    assemble(ids,names){
-      let list= new Array();
-      if(ids && ids !== '' && names && names !== ''){
-        let idArray=ids.split(',');
-        let nameArray=names.split(',');
-        for(let i=0; i<idArray.length; i++){
-          list.push({id:idArray[i],name:nameArray[i]});
-        }
-      }
-      return list;
-    },
-    getData() {
-      if(this.taskIds && this.pId){
-        return new Promise((resolve, reject) => {
-          inboundLiaisonDetail({
-            taskIds: this.taskIds,
-            pId: this.pId
-          }).then(res => {
-            if (res) {
-              const processForm = JSON.parse(res.mesg)
-              const dateArr = []
-              if(processForm.commentCycleStart && processForm.commentCycleEnd){
-                dateArr[0] = processForm.commentCycleStart
-                dateArr[1] = processForm.commentCycleEnd
-                this.commentCycleDate = dateArr
-              }
-
-              this.getFormFieldList(processForm)
-              this.FBGBUSSFileList=this.assemble(processForm.FBGBUSS,processForm.FBGBUSSName);
-              this.BZSMBUSSFileList=this.assemble(processForm.BZSMBUSS,processForm.BZSMBUSSName);
-              this.LSBBBUSSFileList=this.assemble(processForm.LSBBBUSS,processForm.LSBBBUSSName);
-              this.QTWJBUSSFileList=this.assemble(processForm.QTWJBUSS,processForm.QTWJBUSSName);
-              this.GLWJBUSSFileList=this.assemble(processForm.GLWJBUSS,processForm.GLWJBUSSName);
-              this.XGDFileList=this.assemble(processForm.XGD,processForm.XGDName);
-            }
-          }).catch(e => {
-          })
-        })
-      }
-    },
-    processTable () {
-      this.$http.get("lawss/activiti/get_list_by_instance", {
-        prcNum: this.$route.query.prcNum,
-        sortWord: this.shunxu ? this.paixu : "",
-        shunxu: this.shunxu
-      }, {
-        loading: "loading",
-        _this: this
-      }, res => {
-        this.detailData = res
-      }, e => {
+      }).finally(() => {
+        this.footerLoading = false
       })
     },
-  },
-  mounted () {
-    this.getData()
-    this.processTable()
-    this.$http.get('sys/dictype/getDicTypeListCode', '', {
-      _this: this
-    }, res => {
-      this.countryOptions = res.data.COUNTRY
-      this.applyCountryOptions = res.data.COUNTRY
-      this.regionOptions = res.data.REGION // 区域
-      this.standStateOptions = res.data.BUSSSTATE
-      this.energyKindOptions = res.data.ENERGYTYPES
-      this.standGeneraOptions = res.data.BUSSBIGCLASS
-      this.standSubclassOptions = res.data.BUSSFINECLASS
-      this.standSortOptions = res.data.BUSSSTANDCLASS // 标准类别
-      this.standNatureOptions = res.data.SARPROPERTY // 标准性质
-      this.standStateOptions = res.data.TEXTSTATUSBUSS // 文本状态
-      this.standSystemOptions = res.data.TXLBBUSS // 标准体系
-      this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
-      this.categoryOptions = res.data.NYLXCLASS // 能源类型
-      this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
-      this.cysdOptions = res.data.WSCYSD // 我司参与深度
-      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
-      this.txlbOptions = res.data.TXLBCLASS // 体系类别
-      this.qcdwOptions = res.data.QCDW // 起草单位
-      this.qcrOptions = res.data.QCRBUSS // 起草人
-      this.nylxOptions = res.data.NYLXCLASS // 能源类型
-      this.syrzOptions = res.data.SYRZCLASS // 适用认证
-      this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
-      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
-      this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
-      this.gkglbmOptions=res.data.GKGLBM;//归口管理部门
-      this.setMap(this.standStateOptions)
-    })
-    this.tablePHeight = $('.content').height()
-    window.onresize = () => {
-      this.tablePHeight = $('.content').height()
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
     }
-    this.busVsFunc()
-    this.modelFunc()
   }
 }
 </script>
 
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
 
-.bzrkStep2 {
-  /deep/.el-select .el-input .el-select__caret {
-    font-size: 0;
-  }
-  /deep/.prc-content-border {
-    //width: 600px;
-  }
-  /deep/ .el-drawer__container {
-    .prc-content-border {
-      border: none;
-      padding: 0 20px 0;
-    }
-  }
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
 
-  /deep/ .van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-
-
-
-  position: relative;
-  height: 100%;
-
-  .content {
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    overflow: auto;
-
-    .tableTitle {
-      margin-bottom: 10px;
-      height: 30px;
-      line-height: 30px;
-      position: relative;
-      font-size: 13px;
-      font-weight: bold;
-
-      .tableButton {
-        position: absolute;
-        right: 0;
-        top: 0;
-      }
-    }
   }
 }
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
 </style>
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/step3.vue b/src/pages/processCenter/pages/phone/qbrk-product/step3.vue
new file mode 100644
index 000000000..8003fbf63
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk-product/step3.vue
@@ -0,0 +1,211 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-产品标准</template>
+      <template slot="proNode">企标编写汇总</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+            <ProcessTitle>
+              <template slot="title">文件汇总</template>
+            </ProcessTitle>
+            <FileSummary :data="form.fileModelList"></FileSummary>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from './components/Basic'
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import FileSummary from "./components/FileSummary";
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    FileSummary
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      roleForm: {},
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData() {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/step5.vue b/src/pages/processCenter/pages/phone/qbrk-product/step5.vue
new file mode 100644
index 000000000..629db9f80
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk-product/step5.vue
@@ -0,0 +1,218 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-产品标准</template>
+      <template slot="proNode">征求意见</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '4' ? 'active' : ''" @click="handleTabs('4')">会签意见</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+        <template v-if="active === '4'">
+          <div style="height: 100%">
+            <ProcessTitle>
+              <template slot="title">条款信息</template>
+            </ProcessTitle>
+            <div style="height: calc(100% - 30px)">
+              <TermInfo :data="form.modelData"></TermInfo>
+            </div>
+          </div>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from './components/Basic'
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import TermInfo from "./components/TermInfo";
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    TermInfo
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      roleForm: {},
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData() {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/components/Basic.vue b/src/pages/processCenter/pages/phone/qbrk/components/Basic.vue
new file mode 100644
index 000000000..3af04083e
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/components/Basic.vue
@@ -0,0 +1,110 @@
+<template>
+  <div class="prc-content-border">
+    <SelectFormItem
+        label="企标类别"
+        title="企标类别"
+        v-model="form.standSort"
+        :options="dict.BUSSSTANDCLASS || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <InputFormItem
+        label="中文名称"
+        prop="standName"
+        v-model="form.standName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <SelectFormItem
+        label="制修订类型"
+        title="制修订类型"
+        v-model="form.reviseStatus"
+        :options="reviseStatusOptions"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <InputFormItem
+        label="英文名称"
+        prop="standEnName"
+        v-model="form.standEnName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        v-if="$route.name === 'phoneBussLibrary13'"
+        label="企业标准号"
+        prop="standCode"
+        v-model="form.standCode"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        v-if="$route.name === 'phoneBussLibrary13'"
+        v-show="form.reviseStatus === '1' || form.reviseStatus === '2'"
+        label="企标顺序号"
+        prop="standNum"
+        v-model="form.standNum"
+        :disabled="disabled"
+    ></InputFormItem>
+    <DatePickerFormItem
+        v-if="$route.name === 'phoneBussLibrary13'"
+        label="发布日期"
+        prop="issueTime"
+        v-model="form.issueTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+    <DatePickerFormItem
+        label="企标实施日期"
+        prop="putTime"
+        v-model="form.putTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+
+export default {
+  name: "Basic",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    InputFormItem,
+    DatePickerFormItem,
+    SelectFormItem
+  },
+  data () {
+    const reviseStatusOptions = [
+      {
+        label: '制订',
+        value: '1'
+      },
+      {
+        label: '修订',
+        value: '2'
+      },
+      {
+        label: '修改',
+        value: '3'
+      }
+    ]
+    return {
+      reviseStatusOptions
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/components/FileSummary.vue b/src/pages/processCenter/pages/phone/qbrk/components/FileSummary.vue
new file mode 100644
index 000000000..11d71b669
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/components/FileSummary.vue
@@ -0,0 +1,49 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        prop="footFileName"
+        label="编写文件名称"
+        align="center"
+        min-width="30%">
+      <template slot-scope="scope">
+        <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.footFileName }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="userName"
+        label="起草人"
+        min-width="15%"
+        align="center">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "FileSummary",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    handlePreview (file) {
+      const attId = file.footFile
+      this.$preview(attId)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/components/Info.vue b/src/pages/processCenter/pages/phone/qbrk/components/Info.vue
new file mode 100644
index 000000000..ce50105a5
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/components/Info.vue
@@ -0,0 +1,76 @@
+<template>
+  <div class="prc-content-border">
+    <TextareaFormItem
+        label="代替企标编号"
+        prop="DTQBBHBUSS"
+        v-model="form.DTQBBHBUSS"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <TextareaFormItem
+        label="采用标准"
+        prop="CYBZ"
+        v-model="form.CYBZ"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <TextareaFormItem
+        label="引用标准"
+        prop="YYBZ"
+        v-model="form.YYBZ"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <TextareaFormItem
+        label="上传时间"
+        prop="XCSJBUSS"
+        v-model="form.XCSJBUSS"
+        :disabled="disabled"
+    ></TextareaFormItem>
+    <SelectMultipleFormItem
+        label="采标程度"
+        prop="CYCD"
+        v-model="form.CYCD"
+        :disabled="disabled"
+        :options="dict.DEGREESTANDARD || []"
+    ></SelectMultipleFormItem>
+    <UploadFormItem
+        label="关联文件"
+        prop="GLWJBUSSName"
+        :ids.sync="form.GLWJBUSS"
+        :names.sync="form.GLWJBUSSName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+  </div>
+</template>
+
+<script>
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+
+export default {
+  name: "Info",
+  components: {
+    TextareaFormItem,
+    SelectMultipleFormItem,
+    UploadFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/components/ProcessFile.vue b/src/pages/processCenter/pages/phone/qbrk/components/ProcessFile.vue
new file mode 100644
index 000000000..bc5212d5f
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/components/ProcessFile.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="prc-content-border">
+    <UploadFormItem
+        label="发布稿"
+        prop="FBGBUSSName"
+        :ids.sync="form.FBGBUSS"
+        :names.sync="form.FBGBUSSName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+    <UploadFormItem
+        label="历史版本"
+        prop="LSBBBUSSName"
+        :ids.sync="form.LSBBBUSS"
+        :names.sync="form.LSBBBUSSName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+    <UploadFormItem
+        label="编制说明"
+        prop="BZSMBUSSName"
+        :ids.sync="form.BZSMBUSS"
+        :names.sync="form.BZSMBUSSName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+    <UploadFormItem
+        label="其他文件"
+        prop="QTWJBUSSName"
+        :ids.sync="form.QTWJBUSS"
+        :names.sync="form.QTWJBUSSName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+  </div>
+</template>
+
+<script>
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+export default {
+  name: "ProcessFile",
+  components: {
+    UploadFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/components/Range.vue b/src/pages/processCenter/pages/phone/qbrk/components/Range.vue
new file mode 100644
index 000000000..8a91db059
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/components/Range.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="prc-content-border">
+    <InputFormItem
+        label="起草部门"
+        prop="QCDW"
+        v-model="form.QCDW"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="起草人"
+        prop="QCRBUSS"
+        v-model="form.QCRBUSS"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+      label="文件上传人员"
+      prop="WJSCRYBUSSName"
+      v-model="form.WJSCRYBUSSName"
+      :disabled="disabled"
+    ></InputFormItem>
+    <SelectMultipleFormItem
+        label="适用车型"
+        prop="SYCXCLASS"
+        v-model="form.SYCXCLASS"
+        :disabled="disabled"
+        :options="dict.ENERGYTYPES || []"
+    ></SelectMultipleFormItem>
+    <SelectMultipleFormItem
+        label="能源类型"
+        prop="NYLXCLASS"
+        v-model="form.NYLXCLASS"
+        :disabled="disabled"
+        :options="dict.NYLXCLASS || []"
+    ></SelectMultipleFormItem>
+    <SelectMultipleFormItem
+        label="适用产品线"
+        prop="SYCPXCLASS"
+        v-model="form.SYCPXCLASS"
+        :disabled="disabled"
+        :options="dict.SYCPXCLASS || []"
+    ></SelectMultipleFormItem>
+    <van-field label="关联模块--乘用车VPPS编码" v-model="form.CYCVPPSBMBUSS" readonly   placeholder=""/>
+    <van-field label="关联模块--卡车VPPS编码" v-model="form.KCVPPSBMBUSS" readonly placeholder=""/>
+    <van-field label="关联模块--乘用车vpps中文名称" v-model="form.CYCVPPSCNBUSS" readonly placeholder="" />
+    <van-field label="关联模块--卡车vpps中文名称" v-model="form.KCVPPSCNBUSS" placeholder="" readonly />
+    <TextareaFormItem
+        label="标准体系"
+        prop="TXLBBUSS"
+        v-model="form.TXLBBUSS"
+        :disabled="disabled"
+    ></TextareaFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+import TextareaFormItem from '@/components/hzwlComponents/TextareaFormItem'
+
+export default {
+  name: "Range",
+  components: {
+    InputFormItem,
+    SelectMultipleFormItem,
+    TextareaFormItem
+  },
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/components/RoleInfo.vue b/src/pages/processCenter/pages/phone/qbrk/components/RoleInfo.vue
new file mode 100644
index 000000000..32cf6f3a0
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/components/RoleInfo.vue
@@ -0,0 +1,138 @@
+<template>
+  <el-timeline style="padding-top: 20px">
+    <el-form
+        ref="userForm"
+        :model="roleForm"
+        class="label-input-form">
+      <TimeLineFormItem
+          prop="prcCreateUserName"
+          timestamp="起草"
+          title="标准起草人"
+          :id.sync="roleForm.prcCreateUser"
+          :name.sync="roleForm.prcCreateUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="qcUserName"
+          timestamp="企标编写"
+          title="其他起草人"
+          :id.sync="roleForm.qcUserId"
+          :name.sync="roleForm.qcUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="hzUserName"
+          timestamp="企标编写汇总"
+          title="标准起草人"
+          :id.sync="roleForm.hzUserId"
+          :name.sync="roleForm.hzUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="bzhUserName"
+          timestamp="标准化初审"
+          title="总院各中心兼职标准化员/各事业部标准化员"
+          :id.sync="roleForm.bzhUserId"
+          :name.sync="roleForm.bzhUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="hqUserName"
+          timestamp="征求意见（张建芳、蒋敏、吴娟、李中立、王晶9、耿红静、张蕾61、符青萍、杨卫利、技术委员会相关成员、总院相关中心总工及四五级工程师）"
+          title="张建芳、蒋敏、吴娟、李中立、王晶9、耿红静、张蕾61、符青萍、杨卫利、技术委员会相关成员、总院相关中心总工及四五级工程师"
+          :id.sync="roleForm.hqUserId"
+          :name.sync="roleForm.hqUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="xdUserName"
+          timestamp="技术委员会评审、评审意见修改"
+          title="标准起草人"
+          :id.sync="roleForm.xdUserId"
+          :name.sync="roleForm.xdUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="fggcsUserName"
+          timestamp="标准化复审"
+          title="标准法规工程师"
+          :id.sync="roleForm.fggcsUserId"
+          :name.sync="roleForm.fggcsUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="jsfzrUserName"
+          timestamp="审核"
+          title="起草单位高级经理"
+          :id.sync="roleForm.jsfzrUserId"
+          :name.sync="roleForm.jsfzrUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="bzUserName"
+          timestamp="审核"
+          title="标准法规部高级经理"
+          :id.sync="roleForm.bzUserId"
+          :name.sync="roleForm.bzUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="fzrUserName"
+          timestamp="审定"
+          title="起草单位中心主任"
+          :id.sync="roleForm.fzrUserId"
+          :name.sync="roleForm.fzrUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="zhrUserName"
+          timestamp="批准"
+          title="总院技术委员会覆盖领域企业标准：专委会主任；总院技术委员会未覆盖领域企业标准：总院院长或总院主管副院长"
+          :id.sync="roleForm.zhrUserId"
+          :name.sync="roleForm.zhrUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="pxUserName"
+          timestamp="培训"
+          title="标准起草人"
+          :id.sync="roleForm.pxUserId"
+          :name.sync="roleForm.pxUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="fbUserName"
+          timestamp="发布"
+          title="标准法规工程师"
+          :id.sync="roleForm.fbUserId"
+          :name.sync="roleForm.fbUserName"
+          disabled
+      ></TimeLineFormItem>
+    </el-form>
+  </el-timeline>
+</template>
+
+<script>
+import TimeLineFormItem from '@/components/hzwlComponents/TimeLineFormItem'
+
+export default {
+  name: "RoleInfo",
+  components: {
+    TimeLineFormItem
+  },
+  props: {
+    roleForm: {
+      type: Object,
+      default: () => ({})
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/components/Score.vue b/src/pages/processCenter/pages/phone/qbrk/components/Score.vue
new file mode 100644
index 000000000..ab5b61db6
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/components/Score.vue
@@ -0,0 +1,192 @@
+<template>
+  <div class="root">
+    <el-table
+        ref="selection"
+        :data="form.evaluationData"
+        :summary-method="getSummaries"
+        show-summary
+        :span-method="(({row, column, rowIndex, columnIndex})=>objectSpanMethod({row, column, rowIndex, columnIndex},form.evaluationData))"
+        tooltip-effect="dark"
+        style="width: 100%;"
+        border
+        row-key="id"
+        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+    >
+      <el-table-column label="企业标准编写质量评价表" align="center" label-class-name="column1">
+        <el-table-column label="标准类别">
+          <el-table-column
+              prop="oneIndexTitle"
+              align="center"
+              label="一级指标"
+              width = '100'
+          ></el-table-column>
+        </el-table-column>
+
+        <el-table-column :label="standSort">
+          <el-table-column
+              prop="twoIndexTitle"
+              align="center"
+              label="二级指标"
+              width = '100'
+          >
+          </el-table-column>
+          <el-table-column
+              prop="threeIndexTitle"
+              label="三级指标"
+              width="370"
+          >
+          </el-table-column>
+        </el-table-column>
+
+        <el-table-column label="标准名称">
+          <el-table-column
+              prop="weight"
+              align="center"
+              label="指标权重 %"
+              width = '120'
+          >
+            <template slot-scope="scope">
+              {{scope.row.valueType === 'number' ? scope.row.weight * 100 : '加分项（'+scope.row.weight+'分）'}}
+            </template>
+          </el-table-column>
+        </el-table-column>
+
+        <el-table-column :label="standName">
+          <el-table-column
+              prop="score"
+              align="center"
+              label="指标分值（10分制）优≥8分；合格6～8分；不合格＜6分"
+              width = '220'
+          >
+          </el-table-column>
+          <el-table-column
+              prop="scoreMin"
+              align="center"
+              label="分值小计"
+              width = '80'
+          >
+            <template slot-scope="scope">
+              {{setScoreMin(scope.row)}}
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="reason"
+              align="center"
+              label="简述扣分理由（不合格＜6分，必填）"
+              width="400"
+          >
+          </el-table-column>
+
+        </el-table-column>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Score",
+  props: {
+    form: {
+      type: Object,
+      default: () => ({})
+    },
+    standSort: {
+      type: String,
+      default: ''
+    },
+    standName: {
+      type: String,
+      default: ''
+    }
+  },
+  methods: {
+    setScoreMin(row){
+      return row.scoreMin = ((row.score === undefined ||  row.score === '') ? '' : row.valueType === 'add' ? row.score : (row.score / 10).toFixed(1))
+    },
+    getSummaries(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 3) {
+          sums[index] = '合计：';
+          return;
+        }else if(index === 6){
+          sums[index] = '';
+          return;
+        }
+        const values = data.map(item => Number(item[column.property]));
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          sums[index] += ' ';
+        } else {
+          sums[index] = '';
+        }
+        if(sums[index] !== '' && sums[index].indexOf(".") !== -1){
+          sums[index] = parseFloat(sums[index]).toFixed(1);
+        }
+      });
+      if(this.form.evaluationData && this.form.evaluationData.length > 0){
+        this.form.evaluationData[0].sum = sums[4]
+      }
+      return sums;
+    },
+    objectSpanMethod({ row, column, rowIndex, columnIndex },value) {
+      if (columnIndex === 0) {
+        if (rowIndex === 0) {
+          return {
+            rowspan: value.length,
+            colspan: 1
+          };
+        } else {
+          return {
+            rowspan: 0,
+            colspan: 0
+          };
+        }
+      }else if(columnIndex === 1 ) {
+        const _row = (this.filterData2(this.form.evaluationData).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+    },
+    filterData2(){
+      let spanOneArr = []
+      let concatOne = 0
+      this.form.evaluationData.forEach((item,index)=>{//循环后端查询出来的数据(orderdata)
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.twoIndexTitle === this.form.evaluationData[index - 1].twoIndexTitle){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return {
+        one: spanOneArr,
+      }
+    },
+  }
+}
+</script>
+
+<style scoped>
+.root {
+  height: calc(100vh - 167px);
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/components/TermInfo.vue b/src/pages/processCenter/pages/phone/qbrk/components/TermInfo.vue
new file mode 100644
index 000000000..9ab58bf63
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/components/TermInfo.vue
@@ -0,0 +1,93 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      :height="$route.name === 'phoneBussLibrary5' ? '100%' : 'auto'"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        prop="modelNum"
+        label="条款号"
+        width="100"
+        align="center"
+    >
+    </el-table-column>
+    <el-table-column
+        label="修改前"
+        prop="modelUpdBefore"
+        align="center"
+        width="150">
+    </el-table-column>
+    <el-table-column
+        label="修改后"
+        prop="modelUpdAfter"
+        align="center"
+        width="150">
+    </el-table-column>
+    <el-table-column
+        label="修改理由"
+        prop="modelContent"
+        align="center"
+        width="150">
+    </el-table-column>
+    <el-table-column
+        prop="zrDeptIdName"
+        label="提出部门"
+        align="center"
+        width="150">
+    </el-table-column>
+    <el-table-column
+        prop="zrUserIdName"
+        label="责任人"
+        width="150"
+        align="center">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name !== 'phoneBussLibrary5'"
+        label="意见是否采纳"
+        prop="opinionsAdopted"
+        width="120"
+        align="center">
+      <template slot-scope="scope">
+        {{ scope.row.opinionsAdopted ? opinionsAdoptedOptions.find(item => item.value === scope.row.opinionsAdopted).label : '' }}
+      </template>
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name !== 'phoneBussLibrary5'"
+        prop="opinionsAdoptedCont"
+        label="采纳理由"
+        align="center"
+        width="150">
+    </el-table-column>
+</el-table>
+</template>
+
+<script>
+export default {
+  name: "TermInfo",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data () {
+    const opinionsAdoptedOptions = [
+          {value: '1',label: '采纳'},
+          {value: '2',label: '部分采纳'},
+          {value: '3',label: '不采纳'},
+        ]
+    return {
+      opinionsAdoptedOptions
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/old_step8.vue b/src/pages/processCenter/pages/phone/qbrk/old_step8.vue
new file mode 100644
index 000000000..b37bcb1ff
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/old_step8.vue
@@ -0,0 +1,2221 @@
+<template>
+  <div class="bzrkStep2 phoneBox">
+    <!--        企标制修订-技术标准流程-->
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-技术标准</template>
+      <template slot="proNode">审核</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" v-if="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+          ref="form"
+          :model="form"
+          :rules="rules"
+          class="label-input-form"
+          label-width="210px"
+        >
+          <div style="flex: auto;" v-show="active === '1'">
+            <formList
+              :form = "form"
+              :FBGBUSSFileList = "FBGBUSSFileList"
+              :LSBBBUSSFileList = "LSBBBUSSFileList"
+              :BZSMBUSSFileList = "BZSMBUSSFileList"
+              :QTWJBUSSFileList = "QTWJBUSSFileList"
+              :GLWJBUSSFileList = "GLWJBUSSFileList"
+              :summaryFileList = "summaryFileList"
+              :disabledState = "disabledState"
+              :verifySarStandard = "verifySarStandard"
+              :opinionsShow = "true"
+              @emitDataLoading="emitDataLoading"
+            ></formList>
+            <div class="prc-content-border">
+              <el-collapse accordion v-model="activeName">
+                <el-collapse-item title="审批意见" name = "1">
+                  <div style="margin: 10px 0;">
+                    <el-form
+                      ref="formTongGuo"
+                      :model="formTongGuo"
+                      :rules="rules">
+                      <!--                    <el-form-item-->
+                      <!--                        prop="approvalOpinion"-->
+                      <!--                    >-->
+                      <!--                      <el-select @change="getRule" v-model="formTongGuo.approvalOpinion" placeholder="请审批" style="margin-bottom: 20px;">-->
+                      <!--                        <el-option label="驳回" value="1"></el-option>-->
+                      <!--                        <el-option label="通过" value="0"></el-option>-->
+                      <!--                      </el-select>-->
+                      <!--                    </el-form-item>-->
+                      <el-form-item
+                        prop="commentText"
+                      >
+                        <el-input
+                          type="textarea"
+                          :rows="3"
+                          resize="none"
+                          placeholder="请输入意见"
+                          v-model="formTongGuo.commentText">
+                        </el-input>
+                      </el-form-item>
+                    </el-form>
+                  </div>
+                </el-collapse-item>
+              </el-collapse>
+            </div>
+          </div>
+          <div class="block" style="padding-top: 20px;" v-show="active === '3'">
+            <div class="flow-list">
+              <el-table
+                :height="tablePHeight"
+                ref="selection"
+                :data="detailData"
+                tooltip-effect="dark"
+                style="width: 100%"
+                border
+                row-key="id"
+                :no-data-text="listNoDataText"
+                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+              >
+                <el-table-column
+                  prop="name"
+                  label="任务步骤"
+                  align="center"
+                >
+                </el-table-column>
+                <el-table-column
+                  prop="assignee"
+                  label="任务受理人"
+                  align="center"
+                >
+                </el-table-column>
+                <el-table-column
+                  prop="createTime"
+                  label="创建时间"
+                  align="center">
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="endTime"
+                  label="完成时间"
+                  align="center">
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="comment"
+                  label="流程信息"
+                  align="center">
+                  <template slot-scope="scope">
+                    <span>{{scope.row.commentText}}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="completeFlag"
+                  label="状态"
+                  align="center">
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <loading :loading="loading">流程列表加载中</loading>
+            </div>
+          </div>
+        </el-form>
+      </div>
+    </div>
+    <div class="content" v-if="active === '3'" >
+      <div class="flow-list" style="height: 100%">
+        <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
+      </div>
+    </div>
+    <!--      提交-->
+    <ProcessFooter
+      :show-save="false"
+      show-over2
+      show-submit2
+      show-transfer
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @transfer="handleTransfer"
+      @submit2="handle2"
+      @over2="handle1"
+    >
+    </ProcessFooter>
+
+    <!-- 福田全公司选人解决方案 -->
+    <phone-role
+      check-more
+      role-title="请选择转办成员"
+      :result-list="nodeList"
+      :is-show-phone.sync="drawerModal"
+      @checkedRole="checkedRole"
+    />
+    <loading :loading="dataLoading">正在加载数据</loading>
+  </div>
+</template>
+
+<script>
+import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import formList from "process/phone/qbrk/common/formList";
+import {
+  inboundLiaisonDetail,
+  processCreateStand,
+  changeAssigneeNew,
+  queryTaskFirst,
+  getBusStandFileByAttId, saveTaskFirst
+} from "api/process";
+import TreeSelect from '@/components/treeSelect/treeSelect.vue';
+import CusTomDataPickerGroup
+  from "@/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup";
+import Vue from 'vue';
+import { Form } from 'vant';
+import { Field } from 'vant';
+import { getEvaluationIndex } from "api/businessApi";
+import hwh5 from '@/api/hwh5-cloudonline.js'
+
+Vue.use(Form);
+Vue.use(Field);
+export default {
+  name: "phoneBussLibrary8",
+  components: {
+    CusTomDataPickerGroup,
+    ProcessHeaderPhone,
+    formList,
+    ProcessFooter,
+    ProcessTitle,
+    TreeSelect
+  },
+  data () {
+    const numberCodeNot = (rule, value, callback) => {
+      let pattern = /^[1]*$/
+      if (!pattern.test(value)) {
+        return callback(new Error('评分分值只可为1分'))
+      } else {
+        callback()
+      }
+    };
+    const numberCode = (rule, value, callback) => {
+      if(value === undefined || value === ''){
+        return callback(new Error('评分分值不可为空'))
+      }
+      let pattern = /^[0-9]*$/
+      if (!pattern.test(value)) {
+        return callback(new Error('只能输入数字'))
+      } else {
+        callback()
+      }
+    };
+    const validateZrUserIdName = (rule, value, callback) => {
+      if(this.FBGBUSSFileList.length === 0){
+        callback(new Error('请上传发布稿文件！'))
+      }
+      // callback()
+    };
+
+    const validateModelName = (rule, value, callback) => {
+      if(this.FBGBUSSFileList.length === 0){
+        callback(new Error('请上传发布稿文件！'))
+      }
+      // callback()
+    };
+    const validateFBGBUSS = (rule, value, callback) => {
+      if(this.FBGBUSSFileList.length === 0){
+        callback(new Error('请上传发布稿文件！'))
+      }
+      callback()
+    };
+    const validateBZSMBUSS = (rule, value, callback) => {
+      if(this.BZSMBUSSFileList.length === 0){
+        callback(new Error('请上传编辑说明文件！'))
+      }
+      callback()
+    };
+    return {
+      pickerOptions: {
+        shortcuts: [{
+          text: '最近一周',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近一个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近三个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+            picker.$emit('pick', [start, end]);
+          }
+        }]
+      },
+      loading: false,
+      dataLoading: true,
+      taskInfo:'批准',
+      assigneeNewLoading: false,
+      disabledState: true,
+      userId:this.$store.getters.userInfo.account,
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      bpnId: this.$route.query.bpnId,
+      prcNum: this.$route.query.prcNum,
+      prcName: this.$route.query.prcName,
+      detailData: [],
+      fileList: [],
+      FBGBUSSFileList: [],
+      BZSMBUSSFileList: [],
+      LSBBBUSSFileList: [],
+      QTWJBUSSFileList: [],
+      GLWJBUSSFileList: [],
+      summaryFileList: [],
+      caFileList: [],
+      FBGBJBDFileList: [],
+      xgdFileList: [],
+      ZCWBLAWSFileList: [],
+      GCWBLAWSFileList: [],
+      JDWJLAWSFileList: [],
+      GLWJLAWSFileList: [],
+      ssgFileList: [],
+      zqyjgFileList: [],
+      jdwjFileList: [],
+      zbjbdFileList: [],
+      kwjFileList: [],
+      glwjFileList: [],
+      filterText:'',
+      textStatusMap: {}, // 文本状态id与name对应
+      standardDrawer: false,
+      loadSarStandard: false,
+      verifySarStandard: true,
+      formTongGuo: {
+        approvalOpinion: '', // 通过/驳回
+        commentText: '', // 意见
+      },
+      standardSearchForm: {
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        total: 0,
+        standType: 'INLAND',
+        standSort: '',
+        standName: '',
+        standEnName: '',
+        standNumber: ''
+      },
+      tableData: {
+        // 标准表格数据
+        standardData: [],
+        // 任务分解单数据
+        taskTableData: []
+      },
+      tablePHeight:'',
+      tableHeight: {
+        standardTableHeight: null
+      },
+      selectedList: [],
+      standardCheckedList: [],
+      activeName:'1',
+      roleRow: {},
+      commentText: '', // 意见
+      title: '', // 新增编辑抽屉标题
+      config: {
+        attrName : '',
+      },
+      dataSource: false,
+      replaceLawsNumModel: false,
+      replaceLawType: '',
+      sarBussionessLawsEO: {
+        replaceLawsNum: ''
+      },
+      // 代替标准号
+      replaceLawsNumForm: {
+        lawsNumber:'',
+        numberName:'',
+        lawsTextState:'',
+        dataSource: '',
+        standNumber: '', // 标准编号
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        total: 0,
+        standType: 'BUSINESS',
+        quoteIdList: '',
+        validFlag: '0',
+        menuId: 'nomenu'
+      },
+      replaceLawsNumRow: [], // 代替政策号 数组内容
+      replaceTotal: 0,
+      selectedListRep: [],
+      replaceLoading: true,
+      replacePage: 1,
+      ListModel: false, // 新增编辑抽屉开关
+      active: '1', // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      defaultProps: {
+        children: 'children',
+        label: 'menuName'
+      },
+      defaultCodeProps: {
+        children: 'children',
+        label: 'code'
+      },
+      defaultModelProps: {
+        children: 'children',
+        label: 'model'
+      },
+      nodeList: [],
+      nodeList2: [],
+      zrType: '',
+      zrIndex: '',
+      zrIdList: [],
+      type: '',
+      defaultUserProps: {
+        children: 'children',
+        label: 'name'
+      },
+      key:1,
+      key1:2,
+      key2:3,
+      key3:4,
+      treeData: [], // 人员数据
+      modalShowFlag: false, // drawer开关
+      modalShowRoleFlag: false, // drawer开关
+      modalShowFlag1: false, // drawer开关
+      modalShowFlag2: false, // drawer开关
+      modalShowFlag3: false, // drawer开关
+      modalShowFlag4: false, // drawer开关
+      drawerTitle1:'',
+      multipleFlag2:'',
+      url:'',
+      urlChild:'',
+      drawerModal: false,
+      drawerTitle: '', //drawer标题
+      showCheckBox: true, // 树形控件是否展示多选框
+      nodeKey: 'id',
+      defaultCheckedKeys: [],
+      nodeKeyCode: 'code',
+      nodeKeyModel: 'model',
+      defaultCheckedKeys1: [],
+      defaultCheckedKeys2: [],
+      defaultCheckedKeys3: [],
+      fileUrl: 'api/att/attFile/uploadNew',
+      fileMadel: false,
+      fileType: '',
+      countryArr:'',
+      commentCycleDate:'',
+      form: {
+        fsRejectStatus:'',
+        planId:'',
+        planStatus:'',
+        reviseStatus:'',
+        evaluationData:[],
+        modelData:[],
+        modelDataNameVerify:[],
+        modelDataZrUserVerify:[],
+        summaryFile:'',
+        summaryFileName:'',
+        // 基础信息
+        country:[],
+        // 基础信息
+        standSort: '',
+        standCode: '',
+        standYear: '',
+        standName: '',
+        standEnName: '',
+        textStatusBuss: '',
+        issueTime: '',
+        putTime: '',
+        FZRQBUSS: '',
+        FSRQBUSS: '',
+        // 过程稿件
+        FBGBUSS: '',
+        FBGBUSSName: '',
+        BZSMBUSS: '',
+        BZSMBUSSName: '',
+        LSBBBUSS: '',
+        LSBBBUSSName: '',
+        QTWJBUSS: '',
+        QTWJBUSSName: '',
+        // 适用范围
+        QCDW: '',
+        QCRBUSS: '',
+        WJSCRYBUSS: this.$store.getters.userInfo.account,
+        WJSCRYBUSSName: this.$store.getters.userInfo.userName,
+        SYCXCLASS: '',
+        NYLXCLASS: '',
+        SYCPXCLASS: '',
+        TXLBBUSS: '',
+        VPPSBMBUSS: '',
+        VPPSCNBUSS: '',
+        KCVPPSBMBUSS: '',
+        KCVPPSCNBUSS: '',
+        CYCVPPSBMBUSS: '',
+        CYCVPPSCNBUSS: '',
+        DYBXHBUSS: '',
+        DYMCBUSS: '',
+        // 关联信息
+        DTQBBHBUSS: '',
+        BDTQBBHBUSS: '',
+        XGJLBUSS: '',
+        XGLC: '',
+        GLWJBUSS: '',
+        GLWJBUSSName: '',
+        XCSJBUSS: '',
+        CYCD:'',
+        CYBZ:'',
+        YYBZ:'',
+        standNum:'',
+      }, // 标准信息
+      roleForm:{
+        hzUserId: this.$store.getters.userInfo.account,
+        hzUserName: this.$store.getters.userInfo.userName,
+        xdUserId: this.$store.getters.userInfo.account,
+        xdUserName: this.$store.getters.userInfo.userName,
+        pxUserId: this.$store.getters.userInfo.account,
+        pxUserName: this.$store.getters.userInfo.userName,
+        fbUserId: '',
+        fbUserName: '',
+        qcUserId: '', // 多实例
+        qcUserName:'', // 多实例
+        bzhUserId:'',
+        bzhUserName:'',
+        hqUserId:'', // 多实例
+        hqUserName:'', // 多实例
+        fggcsUserId:'',
+        fggcsUserName:'',
+        jsfzrUserId:'',
+        jsfzrUserName:'',
+        bzUserId:'',
+        bzUserName:'',
+        fzrUserId:'',
+        fzrUserName:'',
+        zhrUserId:'',
+        zhrUserName:'',
+        zrUserId: '',
+        zrUserName: '',
+        jlUserId: '',
+        jlUserName: '',
+        applyUpdUserId: this.$store.getters.userInfo.account,
+        applyUpdUserName: this.$store.getters.userInfo.userName,
+        prcCreateUser: this.$store.getters.userInfo.account,
+        prcCreateUserName: this.$store.getters.userInfo.userName,
+      },
+      modelRules:{
+        zrUserIdName: [
+          { required: true, message: '请选择会签责任人', trigger: 'blur' },
+        ],
+        modelName: [
+          { required: true, message: '选择维护模块名称', trigger: 'blur' },
+        ],
+      },
+      roleRules:{
+        qcUserName: [
+          { required: true, message: '选择其他起草人', trigger: 'blur' },
+        ],
+        bzhUserName: [
+          { required: true, message: '选择标准化员', trigger: 'blur' },
+        ],
+        hqUserName: [
+          { required: true, message: '请选择会签责任人', trigger: 'blur' },
+        ],
+        fggcsUserName: [
+          { required: true, message: '选择技术委员会负责刃/起草中心主任', trigger: 'blur' },
+        ],
+        jsfzrUserName: [
+          { required: true, message: '选择技术委员会负责人/起草中心主任', trigger: 'blur' },
+        ],
+        bzUserName: [
+          { required: true, message: '选择标准法规部部长', trigger: 'blur' },
+        ],
+        fzrUserName: [
+          { required: true, message: '选择专委会副主任/起草单位中心主任', trigger: 'blur' },
+        ],
+        zhrUserName: [
+          { required: true, message: '选择专委会主任/总院院长或主管副院长', trigger: 'blur' },
+        ],
+      },
+      rules:{
+        scoreNot:[
+          {required: false, validator: numberCodeNot, trigger: 'blur'},
+        ],
+        score: [
+          {required: true, validator: numberCode, trigger: 'blur'},
+          { type: 'number',min: 0, max: 10, message: '分值 0 ~ 10 分 ', trigger: 'blur' },
+        ],
+        reason: [{ required: true, message: '请填写扣分理由', trigger: 'blur' }],
+        reasonNot:[],
+        commentText: [{ required: true, message: '请输入意见', trigger: 'blur' }],
+        approvalOpinion: [{ required: true, message: '请选择审批意见', trigger: 'change' }],
+        zrUserIdName: [
+          { required: true, message: '请选择会签责任人', validator: validateZrUserIdName,trigger: 'blur' },
+        ],
+        modelName: [
+          { required: true, message: '选择维护模块名称', validator: validateModelName,trigger: 'blur' },
+        ],
+        standSort: [
+          { required: true, message: '请选择企标类别', trigger: 'change' }
+        ],
+        standNumber: [
+          { required: true, message: '请输入企标编号', trigger: 'blur' },
+          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
+        ],
+        standYear: [
+          { required: true, message: '请输入标准年份'},
+          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
+        ],
+        standName: [
+          { required: true, message: '请输入企标中文名称', trigger: 'blur' },
+          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
+          {validator: this.verify.checkSpecialCharacterOftags, trigger: 'change'}
+        ],
+        standEnName: [
+          { required: false, message: '请输入企标英文名称', trigger: 'blur' },
+          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
+          {validator: this.verify.valiateEnName, trigger: 'change'}
+        ],
+        textStatusBuss: [
+          { required: true, message: '请选择文本状态', trigger: 'change' }
+        ],
+        issueTime: [
+          { required: false, message: '请选择企标发布日期', trigger: 'change'}
+        ],
+        putTime: [
+          { required: true, message: '请选择企标实施日期', trigger: 'change' }
+        ],
+        FBGBUSSName: [
+          { required: true, message: '请上传发布稿',validator: validateFBGBUSS, trigger: 'blur' }
+        ],
+        BZSMBUSSName: [
+          { required: true, message: '请上传编制说明',validator: validateBZSMBUSS, trigger: 'blur' }
+        ],
+        QCDW: [
+          { required: true, message: '请选择起草部门', trigger: 'change' }
+        ],
+        QCRBUSS: [
+          { required: true, message: '请选择起草人', trigger: 'change' }
+        ],
+      },
+      zrUserIds: [], // 选择多个会签责任人
+      userType:'', // 选择用户ID判断
+      countryOptions:[],//国家地区
+      standSortOptions: [], // 标准类别
+      standNatureOptions: [], // 标准性质
+      standStateOptions: [], // 文本状态
+      standSystemOptions: [], // 标准体系
+      busVppsOptions: [], // 车系体系架构
+      busVppsChildOptions: [], // 车系体系架构子集合
+      modelOptions: [], // 模块体系架构
+      modelChildOptions: [], // 模块体系架构子集合
+      applyArcticOptions: [], // 适用车型
+      gkglbmOptions: [], // 归口管理部门
+      categoryOptions: [], // 能源类型
+      applyAuthOptions: [], // 适用认证
+      cysdOptions: [], // 我司参与深度
+      cbcdOptions: [], // 采标程度
+      wssmrOptions: [], // 我司署名人
+      sycpxOptions: [], // 适用产品线
+      zrbmOptions: [], // 责任部门
+      zrgcsOptions: [], // 责任工程师
+      qcdwOption: [], // 起草单位
+      txlbOptions: [], // 体系类别
+      standSortConfigOptions: [], // 标准类别下拉框
+      adoptExtentOptions: [], // 采标程度下拉框
+      emergyKindOptions: [], // 能源种类下拉框
+      categoryConfigOptions: [], // 所属类别下拉框
+      assemClassOptions: [], // 总成分类下拉框
+      qcdwOptions:[],//起草单位下拉框
+      qcrOptions:[],//起草人下拉框
+      nylxOptions:[],//能源类型下拉框
+      syrzOptions:[],//适用认证下拉框
+      data: [], // 标准列表数据
+      ListForm: {}, // 新增数据
+    }
+  },
+  watch:{
+    'form.issueTime': {
+      handler: function() {
+        if(this.form.issueTime !== undefined && this.form.issueTime !== null && this.form.issueTime !== ''){
+          let date = new Date(this.$moment(this.form.issueTime).format('YYYY-MM-DD'))
+          // const FSRQBUSS = date.getFullYear()+ 5 + '-' + date.getMonth() + '-' + date.getDate()
+          // this.sarBussionessStandEO["FSRQBUSS"] = FSRQBUSS
+
+          let year = date.getFullYear()+5;
+          let month =(date.getMonth() + 1).toString();
+          let day = (date.getDate()).toString();
+          if (month.length == 1) {
+            month = "0" + month;
+          }
+          if (day.length == 1) {
+            day = "0" + day;
+          }
+          const FSRQBUSS = year + "-" + month + "-" + day;
+          this.form["FSRQBUSS"] = FSRQBUSS
+
+        }
+      },
+    },
+    'form.country': {
+      handler (val) {
+        if (val !== '' && val !== null && typeof (val) !== 'undefined') {
+          if (val instanceof Array) {
+            this.countryArr = val.join(",");
+          } else {
+            this.countryArr = val
+          }
+        } else if (val === '') {
+          this.countryArr = []
+        }
+      }
+    },
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    },
+  },
+  computed: {
+    listNoDataText () {
+      return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
+    },
+  },
+  methods: {
+    emitDataLoading(boo){
+      this.dataLoading = boo
+    },
+    filterData2(){
+      let spanOneArr = []
+      let concatOne = 0
+      this.form.evaluationData.forEach((item,index)=>{//循环后端查询出来的数据(orderdata)
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.twoIndexTitle === this.form.evaluationData[index - 1].twoIndexTitle){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return {
+        one: spanOneArr,
+      }
+    },
+    setScoreMin(row){
+      return row.scoreMin = ((row.score === undefined ||  row.score === '') ? '' : row.valueType === 'add' ? row.score : (row.score / 10).toFixed(1))
+
+    },
+    getSummaries(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 3) {
+          sums[index] = '合计：';
+          return;
+        }else if(index === 6){
+          sums[index] = '';
+          return;
+        }
+        const values = data.map(item => Number(item[column.property]));
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          sums[index] += ' ';
+        } else {
+          sums[index] = '';
+        }
+        if(sums[index] !== '' && sums[index].indexOf(".") !== -1){
+          sums[index] = parseFloat(sums[index]).toFixed(1);
+        }
+      });
+      return sums;
+    },
+    objectSpanMethod({ row, column, rowIndex, columnIndex },value) {
+      if (columnIndex === 0) {
+        if (rowIndex === 0) {
+          return {
+            rowspan: value.length,
+            colspan: 1
+          };
+        } else {
+          return {
+            rowspan: 0,
+            colspan: 0
+          };
+        }
+      }else if(columnIndex === 1 ) {
+        const _row = (this.filterData2(this.form.evaluationData).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+    },
+    modelProp(row,index){
+      console.log(row)
+      console.log(index)
+      if(row.pid === '0'){
+        console.log('modelData.' + index + '.modelName')
+        return 'modelData.' + index + '.modelName';
+      }else {
+        let propStr = "";
+        const indexList = row.modelIndex.split(",");
+        for (let i = 0; i < indexList.length; i++) {
+          if(i === 0){
+            propStr += 'modelData.' + indexList[i]
+          }else{
+            propStr += '.children.' + indexList[i]
+          }
+        }
+        console.log(propStr + '.modelName')
+        return propStr + '.modelName';
+      }
+    },
+    modelNameFunc(row){
+      if(row.modelName && row.modelName !== ''){
+        row.disabled = true
+      }
+    },
+    //判断是否可选
+    checkSelect (row,index) {
+      let isChecked = true;
+      if (row.pid !== '0') { // 判断里面是否存在某个参数
+        isChecked = false
+      } else {
+        isChecked = true
+      }
+      return isChecked
+    },
+    handleDelete(val, row) {
+      console.log(row)
+      console.log(this.form.modelData)
+      // 模态框删除按钮
+      this.$confirm("是否确认删除本条数据?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "info"
+      }).then(() => {
+        // 此为假删除，只是删除了模态框中当前行的数据，并没有真正删除表格数据
+        const ids = []
+        ids.push(row.id)
+        this.form.modelData = this.changeRestTree(this.deletedId(this.form.modelData,ids))
+        console.log(this.form.modelData)
+        this.$message({
+          message: "删除成功",
+          type: "success",
+          duration: 2000
+        });
+        this.$forceUpdate()
+      });
+    },
+    handleSelectionChange(val) {
+      this.zrIdList = []
+      val.forEach(item => {
+        this.zrIdList.push(item.id)
+      })
+    },
+    createRow() {
+      // 创建行
+      // if (this.diaTable.length >= 6) { // 判断当前表格是否可继续创建
+      //     this.$message({
+      //         message: "超出数量，无法创建",
+      //         type: "info",
+      //         duration: 2000
+      //     });
+      //     return false;
+      // }
+      const list = {
+        id: this.form.modelData.length + 1,
+        modelNum: this.form.modelData.length + 1+'',
+        orderNum: this.form.modelData.length + 1, // orderNum为新创建行的索引
+        pid: '0',
+        modelIndex: this.form.modelData.length,
+        disabled: false,
+        modelName: "",
+        modelContent: "",
+        zrUserId:"",
+        zrUserIdName:"",
+        children:[],
+      };
+      this.form.modelData.push(list);
+    },
+    createChildRow(index,row) {
+      // 创建行
+      // if (this.diaTable.length >= 6) { // 判断当前表格是否可继续创建
+      //     this.$message({
+      //         message: "超出数量，无法创建",
+      //         type: "info",
+      //         duration: 2000
+      //     });
+      //     return false;
+      // }
+      const list = {
+        id: row.modelNum+'.'+(row.children.length + 1),
+        modelNum: row.modelNum+'.'+(row.children.length + 1),
+        orderNum: row.children.length + 1, // orderNum为新创建行的索引
+        pid: row.modelNum,
+        modelIndex: row.children.length,
+        disabled: false,
+        modelName: "",
+        modelContent: "",
+        zrUserId:"",
+        zrUserIdName:"",
+        children:[],
+      };
+      row.children.push(list)
+    },
+    dateFormatter () {
+      //默认返回yyyy-MM-dd HH-mm-ss
+      const d = new Date();
+      const year = d.getFullYear();//得到年
+      const month = (d.getMonth()+1)<10 ? '0'+(d.getMonth()+1) : (d.getMonth()+1);//得到月
+      const day = d.getDate()<10 ? '0'+d.getDate() : d.getDate();//得到日
+      const hour = d.getHours()<10 ? '0'+d.getHours() : d.getHours();//得到时
+      const minute = d.getMinutes()<10 ? '0'+d.getMinutes() : d.getMinutes();//得到分
+      const second = d.getSeconds()<10 ? '0'+d.getSeconds() : d.getSeconds();//得到秒
+      return [year, month, day].join('-') + " " + [hour, minute, second].join(':');//格式为：YY-MM-DD hh:mm:ss（当前时间）
+    },
+    // choiceZRRS () {
+    //     if (this.userType === 'zrUserId') {
+    //         this.roleForm.zrUserId = this.zrUserIds.map(item => item.id).join(",")
+    //         this.roleForm.zrUserName = this.zrUserIds.map(item => item.name).join(",")
+    //     }
+    //     this.modalshowflag2 = true
+    // },
+    checkedRole2 (data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach( item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+      if(this.userType === 'qcUserId'){
+        this.roleForm.qcUserId=idList;
+        this.roleForm.qcUserName=nameList;
+      }else if(this.userType === 'hqUserId'){
+        this.roleForm.hqUserId=idList;
+        this.roleForm.hqUserName=nameList;
+      }
+    },
+    checkedRoleTransfer (data) {
+      this.isSubmit = true
+      this.saveLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        userId:this.$store.getters.userInfo.account, // 委托人
+        assignee: data[0].id, // 被委托人
+        pId: this.$route.query.prcId, // 流程实例
+      }).then(res => {
+        this.isSubmit = false
+        this.saveLoading = false
+        if (res.success) {
+          this.drawerModal = false
+          this.$message.success('调整成功')
+          // hwh5.close()
+    this.$router.go(-2)
+          // this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+          // this.processNum()
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    },
+    checkedRole (data) {
+      if (this.type === 0) {
+        this.roleForm.deptUserId = data[0].id
+        this.roleForm.deptUserIdName = data[0].name
+      } else if (this.type === 1) {
+        this.form.modelData[this.zrIndex].zrUserId = data[0].id
+        this.form.modelData[this.zrIndex].zrUserIdName = data[0].name
+      } else {
+        this.form.modelData.forEach(item => {
+          this.zrIdList.forEach(items => {
+            if (item.id === items) {
+              item.zrUserId = data[0].id
+              item.zrUserIdName = data[0].name
+            }
+          })
+        })
+      }
+      if(this.userType === 'bzhUserId'){
+        this.roleForm.bzhUserId = data[0].id
+        this.roleForm.bzhUserName = data[0].name
+      }else if(this.userType === 'fggcsUserId'){
+        this.roleForm.fggcsUserId = data[0].id
+        this.roleForm.fggcsUserName = data[0].name
+      }else if(this.userType === 'jsfzrUserId'){
+        this.roleForm.jsfzrUserId = data[0].id
+        this.roleForm.jsfzrUserName = data[0].name
+      }else if(this.userType === 'bzUserId'){
+        this.roleForm.bzUserId = data[0].id
+        this.roleForm.bzUserName = data[0].name
+      }else if(this.userType === 'fzrUserId'){
+        this.roleForm.fzrUserId = data[0].id
+        this.roleForm.fzrUserName = data[0].name
+      }else if(this.userType === 'zhrUserId'){
+        this.roleForm.zhrUserId = data[0].id
+        this.roleForm.zhrUserName = data[0].name
+      }
+      this.modalShowFlag = false
+    },
+    // 责任人会签姓名搜索
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.name.indexOf(value) !== -1;
+    },
+    getTaskId () {
+      if(this.$route.query.bpnId){
+        queryTaskFirst({
+          bpnId: this.$route.query.bpnId
+        }).then(res => {
+          this.verifySarStandard = this.$route.query.verifySarStandard
+          let mes = JSON.parse(res.mes)
+          mes.form.date = new Date(this.$moment(mes.form.date).format('YYYY-MM-DD'))
+          this.form = mes.form
+          this.form['SYCXCLASS'] = this.filterObj(this.form['SYCXCLASS'])
+          this.form['NYLXCLASS'] = this.filterObj(this.form['NYLXCLASS'])
+          this.form['SYCPXCLASS'] = this.filterObj(this.form['SYCPXCLASS'])
+          this.FBGBUSSFileList=this.assemble(this.form.FBGBUSS,this.form.FBGBUSSName);
+          this.BZSMBUSSFileList=this.assemble(this.form.BZSMBUSS,this.form.BZSMBUSSName);
+          this.LSBBBUSSFileList=this.assemble(this.form.LSBBBUSS,this.form.LSBBBUSSName);
+          this.QTWJBUSSFileList=this.assemble(this.form.QTWJBUSS,this.form.QTWJBUSSName);
+          this.GLWJBUSSFileList=this.assemble(this.form.GLWJBUSS,this.form.GLWJBUSSName);
+          this.summaryFileList=this.assemble(this.form.summaryFile,this.form.summaryFileName);
+          this.roleForm = mes.roleForm
+          this.formTongGuo.commentText = mesg.commentText
+        })
+      }else {
+        this.form.XCSJBUSS = this.dateFormatter()
+      }
+    },
+    // 将文本状态的id与name对应
+    setMap(data){
+      data.forEach(item => {
+        this.$set(this.textStatusMap, item.value, item.label)
+      })
+
+    },
+    clearFormData(data){
+      this.form = {
+        // 基础信息
+        standInData: data.standInData ? data.standInData : '0', // 标准类型
+        standSort: data.standSort ? data.standSort : '', // 标准类别
+        standNumber: data.standNumber ? data.standNumber : '', // 标准编号
+        standNature: data.standNature ? data.standNature : '', // 标准性质
+        standEnName: data.standEnName ? data.standEnName : '', // 英文名称
+        standName: data.standName ? data.standName : '', // 中文名称
+        signFlag: data.signFlag ? data.signFlag : '1', // 是否需要会签
+        // 基础信息
+        standCode: '',
+        standYear: '',
+        textStatusBuss: '',
+        issueTime: '',
+        putTime: '',
+        FZRQBUSS: '',
+        FSRQBUSS: '',
+        // 过程稿件
+        FBGBUSS: '',
+        FBGBUSSName: '',
+        BZSMBUSS: '',
+        BZSMBUSSName: '',
+        LSBBBUSS: '',
+        LSBBBUSSName: '',
+        QTWJBUSS: '',
+        QTWJBUSSName: '',
+        // 适用范围
+        QCDW: '',
+        QCRBUSS: '',
+        WJSCRYBUSS: '',
+        SYCXCLASS: '',
+        NYLXCLASS: '',
+        SYCPXCLASS: '',
+        TXLBBUSS: '',
+        VPPSBMBUSS: '',
+        VPPSCNBUSS: '',
+        // 关联信息
+        DTQBBHBUSS: '',
+        BDTQBBHBUSS: '',
+        XGJLBUSS: '',
+        XGLC: '',
+        GLWJBUSS: '',
+        GLWJBUSSName: '',
+        XCSJBUSS: '',
+      } // 标准信息
+    },
+    handleProcessStandardNext(status) {
+      switch (status) {
+        // 新增
+        case 1:
+          this.selectedList = []
+          this.standardCheckedList = []
+          this.standardDrawer = false
+          this.verifySarStandard = true
+          this.clearFormData(this.form)
+          break
+        // 带入
+        case 2:
+          if (this.standardCheckedList.length === 1) {
+            this.$http.get('lawss/sarLawsInfo/getStandInfoUpdateById', {id: this.standardCheckedList[0].id}, {
+              _this: this
+            }, res => {
+              if(res && res.data){
+                const bringData = res.data
+
+                const json = Object.assign(bringData, bringData.attrInfoMap);
+                this.form = JSON.parse(JSON.stringify(json))
+                this.form.TGRLAWS = JSON.parse(JSON.stringify(json)).TGRLAWS && JSON.parse(JSON.stringify(json)).TGRLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).TGRLAWS.split(',') : []
+                this.form.TGDWLAWS = JSON.parse(JSON.stringify(json)).TGDWLAWS && JSON.parse(JSON.stringify(json)).TGDWLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).TGDWLAWS.split(',') : []
+                this.form.NYLXLAWS = JSON.parse(JSON.stringify(json)).NYLXLAWS && JSON.parse(JSON.stringify(json)).NYLXLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).NYLXLAWS.split(',') : []
+                this.form.YYRZLAWS = JSON.parse(JSON.stringify(json)).YYRZLAWS && JSON.parse(JSON.stringify(json)).YYRZLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).YYRZLAWS.split(',') : []
+                this.form.ZRBMLAWS = JSON.parse(JSON.stringify(json)).ZRBMLAWS && JSON.parse(JSON.stringify(json)).ZRBMLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).ZRBMLAWS.split(',') : []
+                this.form.ZRGCSLAWS = JSON.parse(JSON.stringify(json)).ZRGCSLAWS && JSON.parse(JSON.stringify(json)).ZRGCSLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).ZRGCSLAWS.split(',') : []
+                this.form.prcNum = this.prcNum
+                this.form.prcName = this.prcName
+                this.form['id'] = bringData.id
+                this.standardDrawer = false
+                this.verifySarStandard = true
+                this.busVsFunc()
+                this.modelFunc()
+                this.$forceUpdate()
+              }
+              // 遍历对象初始化文件信息
+              for(const p in this.form) {
+                if (typeof (this.form[p ]) != "function") {
+                  this.initializeFileList(p,this.form[p]);
+                }
+              }
+              console.log("res",res);
+            })
+
+          } else if (this.standardCheckedList.length > 1) {
+            this.$message.warning('最多可以带入一条政策信息')
+          } else {
+            this.$message.warning('请选择要带入的政策信息')
+          }
+          break
+        // 取消
+        case 3:
+          this.selectedList = []
+          this.standardCheckedList = []
+          this.standardDrawer = false
+          break
+      }
+    },
+    initializeFileList(property ,value){
+      switch (property){
+        case 'xgd':
+          this.getFileList(value,this.xgdFileList);
+          break;
+        case 'fbgbjbd':
+          this.getFileList(value,this.FBGBJBDFileList);
+          break;
+        case 'ssg':
+          this.getFileList(value,this.ssgFileList);
+          break;
+        case 'ca':
+          this.getFileList(value,this.caFileList);
+          break;
+        case 'zbjbd':
+          this.getFileList(value,this.zbjbdFileList);
+          break;
+        case 'kwj':
+          this.getFileList(value,this.kwjFileList);
+          break;
+        case 'jdwj':
+          this.getFileList(value,this.jdwjFileList);
+          break;
+        case 'bpg':
+          this.getFileList(value,this.bpgFileList);
+          break;
+        case 'zqyjg':
+          this.getFileList(value,this.zqyjgFileList);
+          break;
+        case 'glwj':
+          this.getFileList(value,this.glwjFileList);
+          break;
+        default: ;
+      }
+    },getFileList(fileIds,defaultFileList){
+
+      // 对象为引用传递
+      this.$http.get('att/attFile/getMultiFileInfos', {
+        fileIds: fileIds
+      }, {
+        _this: this
+      }, res => {
+
+        let fileList = res.data
+        if (fileList != null && fileList.length > 0) {
+          for (let i = 0; i < fileList.length; i++) {
+            let obj = {name: '', response: {}}
+            obj.name = fileList[i].oldFileName
+            obj.response.data = fileList[i]
+
+
+            //根据以‘，’分割的id查询到的文件信息，放入对应的文件list中
+            defaultFileList.push(obj)
+            console.log("defaultFileList",defaultFileList);
+          }
+        }
+      }, e => {
+      })
+    },
+    handleStandardPageChange (page) {
+      this.standardSearchForm.page = page
+      this.handleSearchStandard()
+    },
+    handleStandardPageSizeChange (pageSize) {
+      this.standardSearchForm.pageSize = pageSize
+      this.handleSearchStandard()
+    },
+    standSelectChange (data) {
+      this.selectedList = []
+      for (let i = 0; i < data.length; i++) {
+        this.selectedList.push(data[i].id)
+      }
+      this.standardCheckedList = data
+    },
+    handleResetSearch() {
+      this.standardSearchForm.standType = 'BUSINESS'
+      this.standardSearchForm.standNumber = ''
+      this.standardSearchForm.standSort = ''
+      this.standardSearchForm.standName = ''
+      this.standardSearchForm.standEnName = ''
+      setTimeout(() => {
+        this.handleSearchStandard()
+      }, 100)
+    },
+    /**
+     * 关闭修订 Drawer 的监听
+     * @param done
+     */
+    handleReviseDrawerClose (done) {
+      done()
+    },
+    getDomesticStandardTable () {
+      this.loadSarStandard = true
+      this.$http.get('lawss/sarLawsInfo/page', this.standardSearchForm, {}, res => {
+        this.loadSarStandard = false
+        if (res.ok) {
+          this.tableData.standardData = res.data.list
+          this.standardSearchForm.total = res.data.count
+        }
+      }, e => {
+        this.loadSarStandard = false
+      })
+    },
+    handleSearchStandard () {
+      if (this.form.standType === '') {
+        this.$message.warning('请选择标准来源')
+      } else {
+        this.standardDrawer = true
+        this.$nextTick(() => {
+          // 动态设置表格高度
+          this.tableHeight.standardTableHeight = $('.standard-table-wrap').height()
+          window.onresize = () => {
+            this.tableHeight.standardTableHeight = $('.standard-table-wrap').height()
+          }
+        })
+        this.getDomesticStandardTable()
+      }
+    },
+    saveUserInfo () {
+      this.filterText = ''
+      if (this.userType === 'zrUserId') {
+        this.roleForm.zrUserId = this.zrUserIds.map(item => item.id).join(",")
+        this.roleForm.zrUserName = this.zrUserIds.map(item => item.name).join(",")
+      } else if (this.userType === 'jlUserId') {
+        this.roleForm.jlUserId = this.roleRow.id
+        this.roleForm.jlUserName = this.roleRow.name
+      }
+
+      this.modalShowFlag = false
+    },
+    cancelUserInfo () {
+      this.filterText = ''
+      this.modalShowFlag = false
+    },
+    drawerCheck (data) {
+      if(this.userType === 'zrUserId'){
+
+        if(this.zrUserIds.length > 0){
+          const list = this.zrUserIds.filter ( item => item.id === data.id);
+          if(list.length === 0){
+            this.zrUserIds.push(data)
+          }else {
+            this.zrUserIds.forEach((item,index) => {
+              if(item.id === data.id){
+                this.zrUserIds.splice(index,1)
+              }
+            })
+          }
+        }else {
+          this.zrUserIds.push(data)
+        }
+
+      }else {
+        var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
+        if(getlist.length == 1) {
+          this.roleRow = getlist[0]
+        }else {
+          this.$refs.tree.setCheckedKeys([data.id]);
+          this.roleRow = this.$refs.tree.getCheckedNodes()[0]
+        }
+      }
+    },
+    // 更多
+    handleCommand (command) {
+      switch (command[2]) {
+        case '新增':
+          this.createChildRow(command[0],command[1])
+          break
+        case '维护':
+          command[1].disabled = false
+          break
+        case '删除':
+          this.handleDelete(command[0],command[1])
+          break
+      }
+    },
+    choiceZRRList (type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.userType = type
+      this.drawerTitle = title
+      this.modalShowRoleFlag = true
+    },
+    choiceZRR (type, title, id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.userType = type
+      this.drawerTitle = title
+      this.modalShowFlag = true
+    },
+    choiceZRRS(row, type, index) {
+      this.type = type
+      if (type === 1) {
+        this.drawerTitle = '选择责任人'
+        this.nodeList = []
+        this.zrIndex = index
+        this.zrType = type
+        this.nodeList.push(row)
+        this.modalShowFlag = true
+      } else if (type === 2) {
+        // 批量
+        if (this.zrIdList.length > 0) {
+          this.zrType = type
+          this.nodeList = []
+          this.modalShowFlag = true
+          this.drawerTitle = '批量选择责任人'
+        } else {
+          this.$message.warning('请选择要编辑的数据')
+        }
+      } else {
+        this.nodeList = []
+        this.nodeList.push(row)
+        this.drawerTitle = ''
+        this.modalShowFlag = true
+      }
+    },
+    // choiceZRRS (type, title, id) {
+    //     this.nodeList = []
+    //     this.nodeList.push(id)
+    //     this.userType = type
+    //     this.drawerTitle = title
+    //     this.modalShowRoleFlag = true
+    // },
+    choiceZRR1 (type, title, id) {
+      this.drawerTitle = title
+      this.modalShowFlag1 = true
+      this.key++
+    },
+    choiceZRR2 (type, title, id) {
+      this.drawerTitle = title
+      this.modalShowFlag2 = true
+      this.url = ''
+      this.urlChild = ''
+      this.url="sarVppsTree/list"
+      this.urlChild="sarVppsTree/childByList"
+      this.key1++
+    },
+    choiceZRR3 (type, title, id) {
+      this.drawerTitle = title
+      this.modalShowFlag3 = true
+      this.url = ''
+      this.urlChild = ''
+      this.url="sarVppsTree/list"
+      this.urlChild="sarVppsTree/childByList"
+      this.key2++
+    },
+    choiceZRR4 (type, title, id) {
+      this.drawerTitle = title
+      this.modalShowFlag4 = true
+      this.url = ''
+      this.urlChild = ''
+      this.url="sarModelTree/list"
+      this.urlChild="sarModelTree/childByList"
+      this.key3++
+    },
+    getTree () {
+      this.$http.get('SarInstitution/institution/institutionAndUser', {}, {}, res=> {
+
+        this.treeData = res.data
+      })
+    },
+    // 代替政策号 请求数据
+    getReplaceLawsNumRowFirst () {
+      if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
+        this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
+      } else {
+        this.quoteIdList1 = []
+        this.replaceLawsNumForm.quoteIdList = ''
+      }
+      this.replaceLawsNumForm.page = 1
+      this.replacePage = 1
+      this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', this.replaceLawsNumForm, {
+        _this: this,
+        loading: 'replaceLoading'
+      }, res => {
+        this.replaceLawsNumRow = res.data.list
+        this.replaceTotal = res.data.count
+        if (this.selectedListRep.length !== 0) {
+          this.selectedListRep.map((list) => {
+            this.replaceLawsNumRow.map((item) => {
+              if (list.id === item.id) {
+                item._checked = true
+              }
+            })
+          })
+        }
+      }, e => {
+      })
+    },
+    dataSourceChange (val) {
+    },
+    handleChange (event) {
+      // const value = event.target.value
+      const value = event
+      this.$emit('input', value)
+      if (value.length==1000){
+        return  this.$message({
+          message: '相关标准不能输入超过1000个字符',
+          type: 'warning'
+        });
+      }
+    },
+    // 代替政策编号-取消
+    replaceLawsNumModelCancel () {
+      // this.replaceLawsNumModel = false
+      this.$refs.selections.clearSelection()
+    },
+    // 代替政策号 table选择事件
+    selectReplaceStandNumRowChange (row) {
+      this.selectedListRep = row
+    },
+    // 代替政策分页
+    pageChangeReplace (page) {
+      this.replacePage = page
+      this.replaceLawsNumForm.page = page
+      this.getReplaceLawsNumRow()
+    },
+    pageSizeChangeReplace (pageSize) {
+      // this.replaceRows = pageSize
+      this.replaceLawsNumForm.pageSize = pageSize
+      this.getReplaceLawsNumRow()
+    },
+    // 代替政策编号确定
+    replaceLawsNumModelBt () {
+      let textArr = []
+
+      if (typeof this.value === 'string') {
+        if (this.value) {
+          textArr = this.value.split(',')
+        }
+      }
+      if (this.selectedListRep.length === 0) {
+        return this.$message({
+          message: '请先选择数据',
+          type: 'warning'
+        })
+      }
+      if (this.selectedListRep.length + textArr.length > 20) {
+        return this.$message({
+          message: '标准最多选择20项',
+          type: 'warning'
+        })
+      }
+      this.selectedListRep.map((item) => {
+        let texts = ''
+        if (item.standYear != null && item.standYear !== '') {
+          texts = item.standSort !== null ? item.standSort + ' ' + item.standNumber + '-' + item.standYear : item.standNumber + '-' + item.standYear
+        } else {
+          texts = item.standSort !== null ? item.standSort + ' ' + item.standNumber : item.standNumber
+        }
+        textArr.push(texts)
+        textArr = [...new Set(textArr)]
+        this.replaceLawsNumModel = false
+      })
+      // this.SarLawsInfoEO.replaceLawsNum = textArr.join(',')
+      // 解决 标准入库流程--圈住的字段，先手动输入，然后再手动查找，点提交就会把手动输入的标准号覆盖
+      if(this.replaceLawType === 'dtbjh'){
+        this.form.dtbjh = this.form.dtbjh ? this.form.dtbjh + ',' + textArr.join(',') : textArr.join(',')
+      }else if(this.replaceLawType === 'yybj'){
+        this.form.yybj = this.form.yybj ? this.form.yybj + ',' +textArr.join(',') : textArr.join(',')
+      }else if(this.replaceLawType === 'cbbh'){
+        this.form.cbbh = this.form.cbbh ? this.form.cbbh + ',' +textArr.join(',') : textArr.join(',')
+      }else if(this.replaceLawType === 'bfbdtbzh'){
+        this.form.bfbdtbzh = this.form.bfbdtbzh ? this.form.bfbdtbzh + ',' +textArr.join(',') : textArr.join(',')
+      }else {
+        this.form.byybj = this.form.byybj ? this.form.byybj + ',' +textArr.join(',') : textArr.join(',')
+      }
+      // this.$emit('input', textArr.join(','))
+      this.$refs.selections.clearSelection()
+    },
+    // 点击查看
+    handlePreview (item) {
+      let routeUrl = this.$router.resolve({
+        name: 'OtherLawsStandDetails',
+        params: {
+          id: item.id,
+          pageType: 'LAWS_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    getResetLawsNumRow () {
+      this.replaceLawsNumForm = {
+        standNumber: '', // 标准编号
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        total: 0,
+        standType: 'BUSINESS',
+        quoteIdList: '',
+        validFlag: '0'
+      }
+      this.getReplaceLawsNumRow()
+    },
+    selectLaws (type) {
+      // if (this.standNumFlag === 1) {
+      // this.$refs.selections.selectAll(false)
+      // }
+      // this.sarBussionessLawsEO.replaceLawsNum = ''
+      this.replaceLawsNumModel = true
+      this.replaceLawType = ''
+      this.replaceLawType = type
+      this.getReplaceLawsNumRow()
+    },
+    // 代替企标编号 请求数据
+    getReplaceLawsNumRow () {
+      if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
+        this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
+      } else {
+        this.quoteIdList1 = []
+        this.replaceLawsNumForm.quoteIdList = ''
+      }
+      this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', this.replaceLawsNumForm, {
+        _this: this,
+        loading: 'replaceLoading'
+      }, res => {
+        this.replaceLawsNumRow = res.data.list
+        this.replaceTotal = res.data.count
+        if (this.selectedListRep.length !== 0) {
+          this.selectedListRep.map((list) => {
+            this.replaceLawsNumRow.map((item) => {
+              if (list.id === item.id) {
+                item._checked = true
+              }
+            })
+          })
+        }
+      }, e => {
+      })
+    },
+    beginImportFile (file) {
+      var filename = file.name
+      var index1 = filename.lastIndexOf('.')
+      var index2 = filename.length
+      var fileSuffix = filename.substring(index1, index2)
+      // const fileSuffix = file.name.split('.')[1] // 后缀名
+      // 判断上传文件格式
+      if (fileSuffix === '.pdf' || fileSuffix === '.PDF' || fileSuffix === '.ppt'|| fileSuffix === '.PPT' || fileSuffix === '.pptx'|| fileSuffix === '.PPTX'|| fileSuffix === '.doc' || fileSuffix === '.DOC' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
+        return true
+      } else {
+        this.spinShow = false
+        this.$message.error('文件' + file.name + '格式不正确，请上传PDF/PPT/PPTX/DOC/DOCX或XLS文件')
+        return false
+      }
+      // 判断文件上传大小
+      // eslint-disable-next-line no-unreachable
+      if (file.size / 1024 / 1024 <= 200) {
+        return true
+      } else {
+        this.$message.error('文件' + file.name + '大小不超过200M')
+        return false
+      }
+      return true
+    },
+    getBusStandFileByAttId(attId) {
+      return new Promise((resolve, reject) => {
+        getBusStandFileByAttId({
+          attId
+        }).then(res => {
+          if (res.ok) {
+            resolve(res.data)
+          } else {
+            reject()
+          }
+        }).catch(e => {
+          reject(e)
+        })
+      })
+    },
+    // 文件预览及下载
+    handleFilePreview(file) {
+      const attId = file.response.data.id
+      if (this.preview) {
+        if (attId) {
+          window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + attId
+        } else {
+          this.$message.warning('文件不存在,下载失败')
+        }
+      } else {
+        this.getBusStandFileByAttId(attId)
+          .then(res => {
+            if(res){
+              const editFileInfo = res
+              if(editFileInfo.fileSuffix === 'pdg' || editFileInfo.fileSuffix === 'PDG'){
+                window.open('book://ssreader/e0?url='+editFileInfo.downLoadUrl)
+              }else {
+                const nowTime = new Date().getTime()
+                // window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(editFileInfo.downLoadUrl)));
+                window.open(onlyOfficeUrl+'/onlyOffice?oldFileName=' + editFileInfo.oldFileName + '&fileType=' + editFileInfo.fileSuffix + '&attId=' + editFileInfo.id + '&fileUrl=' + editFileInfo.downLoadUrl + '&key=' + editFileInfo.id + nowTime+'&filePath='+editFileInfo.filePath+'&fileName='+editFileInfo.fileName)
+              }
+            }
+          }).catch(e => {
+          console.log(e)
+          this.$message.warning('文件不存在,预览失败')
+        })
+      }
+    },
+    // 导入标准数据成功后执行
+    importFileSuccess (response, file,fileList) {
+      // 上传成功后判断是否是两条数据是的话替换掉旧数据
+      // if (fileList.length > 1) {
+      //   this.fileList = fileList.splice(0, 1)
+      // }
+      if (response.ok) {
+
+        switch (this.fileType){
+          case 'FBGBUSS':
+            this.FBGBUSSFileList = fileList
+            break;
+          case 'BZSMBUSS' :
+            this.BZSMBUSSFileList = fileList
+            break;
+          case 'LSBBBUSS':
+            this.LSBBBUSSFileList = fileList
+            break;
+          case 'GLWJLAWS':
+            this.QTWJBUSSFileList = fileList
+            break;
+          case 'GLWJBUSS':
+            this.GLWJBUSSFileList = fileList
+            break;
+          default : ;
+        }
+        this.$message({
+          // showClose: true,
+          message: response.message,
+          type: 'success'
+        })
+      }
+    },
+    downloadFile (data) {
+      //文件id中出现了','字符,去除掉
+      window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + data.id
+    },
+    fileUpload (type) {
+      this.fileType = '';
+      // this.fileMadel = true;//此句应在最后执行,否则会有先显示没变换的的文件列表,在显示变换了的文件列表
+
+      this.fileType = type;
+
+      switch (this.fileType){
+        case 'FBGBUSS':
+          this.fileList=this.FBGBUSSFileList
+          break;
+        case 'BZSMBUSS' :
+          this.fileList=this.BZSMBUSSFileList
+          break;
+        case 'LSBBBUSS':
+          this.fileList=this.LSBBBUSSFileList
+          break;
+        case 'QTWJBUSS':
+          this.fileList=this.QTWJBUSSFileList
+          break;
+        case 'GLWJBUSS':
+          this.fileList=this.GLWJBUSSFileList
+          break;
+        default : ;
+      }
+      this.fileMadel = true;
+
+    },
+    removeOneFile(file, fileList) {
+
+      switch (this.fileType){
+        case 'FBGBUSS':
+          this.FBGBUSSFileList = fileList
+          break;
+        case 'BZSMBUSS' :
+          this.BZSMBUSSFileList = fileList
+          break;
+        case 'LSBBBUSS':
+          this.LSBBBUSSFileList = fileList
+          break;
+        case 'QTWJBUSS':
+          this.QTWJBUSSFileList = fileList
+          break;
+        case 'GLWJBUSS':
+          this.GLWJBUSSFileList = fileList
+          break;
+        default : ;
+      }
+    },
+    popoverHideBusVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
+      if(checkedData) {
+        if(checkedData.length > 0){
+          this.form.VPPSBMBUSS = checkedData.map(item => item.code).join(",")
+          this.form.VPPSCNBUSS = checkedData.map(item => item.chineseName).join(",")
+        }else {
+          this.form.VPPSBMBUSS = checkedData.code
+          this.form.VPPSCNBUSS = checkedData.chineseName
+        }
+      }
+      this.modalShowFlag2 = false
+      this.$forceUpdate()
+    },
+    popoverHide (checkedIds, checkedData,isShow,isLoadChild,topId) {
+      if(checkedData) {
+        if(checkedData.length > 0){
+          this.form.TXLBBUSS = checkedData.map(item => item.menuName).join(",")
+        }else {
+          this.form.TXLBBUSS = checkedData.menuName
+        }
+      }
+      this.modalShowFlag1 = false
+      this.$forceUpdate()
+    },
+    popoverHideCancel(){
+      this.modalShowFlag1  = false
+    },
+    popoverHideBusVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
+      if(checkedData && checkedData.length != 0) {
+        if(checkedData.length > 0 && checkedData.length != 0){
+          this.form.cycvppsbm = checkedData.map(item => item.code).join(",")
+          this.form.cycvppscn = checkedData.map(item => item.chineseName).join(",")
+        }else {
+          this.form.cycvppsbm = checkedData.code
+          this.form.cycvppscn = checkedData.chineseName
+        }
+        this.modalShowFlag2 = false
+      }
+
+    },
+    popoverHideBusVsCancel(){
+      this.modalShowFlag2 = false
+    },
+    popoverHideCarVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
+      if(checkedData && checkedData.length != 0) {
+        if(checkedData.length > 0){
+          this.form.kccvppsbm = checkedData.map(item => item.code).join(",")
+          this.form.kccvppscn = checkedData.map(item => item.chineseName).join(",")
+        }else {
+          this.form.kccvppsbm = checkedData.code
+          this.form.kccvppscn = checkedData.chineseName
+        }
+        this.modalShowFlag3 = false
+
+      }
+    },
+    popoverHideCarVsCancel(){
+      this.modalShowFlag3 = false
+    },
+    popoverHideModel (checkedIds, checkedData,isShow,isLoadChild,topId) {
+      if(checkedData && checkedData.length != 0) {
+        if(checkedData.length > 0){
+          this.form.dybxh = checkedData.map(item => item.model).join(",")
+          this.form.dymc = checkedData.map(item => item.name).join(",")
+        }else {
+          this.form.dybxh = checkedData.model
+          this.form.dymc = checkedData.name
+        }
+        this.modalShowFlag4 = false
+      }
+
+    },
+    popoverHideModelCancel(){
+      this.modalShowFlag4 = false
+    },
+    closeDrawer() {
+      this.ListModel = false
+    },
+    OkDrawer() {
+      this.ListModel = false
+      var item = {
+        remarks: '123'
+      }
+      this.data.push(item)
+    },
+    addList() {
+      this.title = '新增标准'
+      this.ListModel = true
+    },
+    handleTabs(name) {
+      this.active = name
+    },
+    //保存
+    handleSave() {
+      this.form.country=this.countryArr;
+      // if(item.country !== undefined && item.country !== null){
+      //   this.sarStandardsInfoEO.country = item.country.split(",");
+      // }
+
+      this.saveLoading = true
+      let _formData = new FormData()
+      // _formData.append('id', this.bpnId)
+      _formData.append('createUser', this.$store.getters.userInfo.account)
+      _formData.append('createUserName', this.$store.getters.userInfo.uName)
+      _formData.append('prcType', 'buss1')
+      _formData.append('prcName', '企标制修订-技术标准')
+      _formData.append('json', JSON.stringify({
+        prcNum:this.prcNum,
+        taskInfo: this.taskInfo,
+        form: this.form,
+        roleForm: this.roleForm,
+        commentText: this.formTongGuo.commentText
+      }))
+      saveTaskFirst(_formData).then(res => {
+        this.saveLoading = false
+        this.$message.success('保存成功')
+        // this.bpnId = res.result
+      }).catch(e => {
+        this.saveLoading = false
+      })
+    },
+    fileInfoHandle(){
+
+      //拼接文件名和id 提交到流程Activity
+      this.form.FBGBUSS=this.FBGBUSSFileList.map(item => item.response.data.id).join(",")
+      this.form.FBGBUSSName=this.FBGBUSSFileList.map(item => item.name).join(",")
+
+      this.form.BZSMBUSS=this.BZSMBUSSFileList.map(item => item.response.data.id).join(",")
+      this.form.BZSMBUSSName=this.BZSMBUSSFileList.map(item => item.name).join(",")
+
+      this.form.LSBBBUSS=this.LSBBBUSSFileList.map(item => item.response.data.id).join(",")
+      this.form.LSBBBUSSName=this.LSBBBUSSFileList.map(item => item.name).join(",")
+
+      this.form.QTWJBUSS=this.QTWJBUSSFileList.map(item => item.response.data.id).join(",")
+      this.form.QTWJBUSSName=this.QTWJBUSSFileList.map(item => item.name).join(",")
+
+      this.form.GLWJBUSS=this.GLWJBUSSFileList.map(item => item.response.data.id).join(",")
+      this.form.GLWJBUSSName=this.GLWJBUSSFileList.map(item => item.name).join(",")
+
+    },
+    // 删除方法
+    deletedId(data, ids) {
+      let m = 0, n = data.length;
+      for (; m < n; m++) {
+        let i = 0, j = ids.length;
+        for (; i <j; i++) {
+          if (data[m] && data[m].id === ids[i]) {
+            data.splice(m, 1)
+          }
+        }
+        if (data[m] && data[m].children.length > 0) {
+          this.deletedId(data[m].children, ids)
+        }
+      }
+      return data
+    },
+    changeRestTree(val) {
+      let arr = [];
+      if (val.length !== 0) {
+        val.forEach(item => {
+          if (item.children.length >= 1) {
+            item.children = this.changeTree(item.children);
+          }
+          if(item.pid === '0'){
+            item.id = arr.length + 1,
+              item.modelNum = arr.length + 1+''
+            item.orderNum = arr.length + 1 // orderNum为新创建行的索引
+            item.modelIndex = arr.length
+          }else {
+            item.id = item.modelNum+'.'+(arr.length + 1)
+            item.modelNum = item.modelNum+'.'+(arr.length + 1)
+            item.orderNum = arr.length + 1
+            item.pid = item.modelNum
+            item.modelIndex = arr.length
+          }
+          arr.push(item);
+        });
+      }
+
+      return arr;
+    },
+    changeTree(val) {
+      let arr = [];
+      this.modelDataNameVerify = []
+      this.modelDataZrUserVerify = []
+      if (val.length !== 0) {
+        val.forEach(item => {
+          let obj = {};
+          obj.modelName = item.modelName;
+          obj.zrUserIdName = item.zrUserIdName;
+          if(!obj.modelName || obj.modelName === ''){
+            this.modelDataNameVerify.push("1")
+          }
+          if(item.pid === '0' && (!obj.zrUserIdName || obj.zrUserIdName === '')){
+            this.modelDataZrUserVerify.push("1")
+          }
+          if (item.children.length >= 1) {
+            item.children = this.changeTree(item.children);
+          }
+          arr.push(item);
+        });
+      }
+
+      return arr;
+    },
+    handleTransfer() {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    handle1(){
+      this.formTongGuo.approvalOpinion = 1
+      this.handleSubmit()
+    },
+    handle2(){
+      this.formTongGuo.approvalOpinion = 0
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.handleSubmit()
+        }
+      })
+    },
+    getRule(){
+      if (this.formTongGuo.approvalOpinion === 0) {
+        this.rules.commentText[0].required = false;
+        this.$refs.formTongGuo.clearValidate('commentText')
+      }else {
+        this.rules.commentText[0].required = true;
+      }
+    },
+    handleSubmit() {
+      this.getRule()
+      // const val= this.form.country;
+      // if (val !== '' && val !== null && typeof (val) !== 'undefined') {
+      //     if (val instanceof Array) {
+      //         this.form.country = val.join(",");
+      //     } else {
+      //         this.form.country = val
+      //     }
+      // } else if (val === '') {
+      //     this.form.country = []
+      // }
+      this.$refs['formTongGuo'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          this.saveLoading = true
+          this.form.commentText = this.formTongGuo.commentText
+          this.form.approvalOpinion = this.formTongGuo.approvalOpinion
+          const json = JSON.stringify(this.form);
+          this.$http.post('lawss/activiti/completeTask', {
+            taskIds: this.taskIds,
+            userId : this.userId,
+            json: json
+          }, {
+            _this: this
+          }, res => {
+            if (res.success) {
+              if(this.formTongGuo.approvalOpinion === '1'){
+                this.$message.warning("驳回成功")
+              }else{
+                this.$message.success(res.message)
+                // this.processCreateLaws(json)
+              }
+              // hwh5.close()
+    this.$router.go(-2)
+              // 流程提交之后，应该流转至待办任务页面
+              // this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
+            }else {
+              this.$message.success(res.message)
+            }
+            this.isSubmit = false
+            this.saveLoading = false
+          })
+        }})
+    },
+    busVsFunc(){
+      this.$http.get('sarVppsTree/list', '', {
+        _this: this
+      }, res => {
+        this.busVppsOptions = []
+        this.busVppsOptions = res.data
+      })
+    },
+    busVsChildFunc(id){
+      this.$http.get('sarVppsTree/childByList', {id:id}, {
+        _this: this
+      }, res => {
+        this.busVppsChildOptions = []
+        this.busVppsChildOptions = res.data
+      })
+    },
+    modelFunc(){
+      this.$http.get('sarModelTree/list', '', {
+        _this: this
+      }, res => {
+        this.modelOptions = []
+        this.modelOptions = res.data
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList (item) {
+      this.$nextTick(() => {
+        this.form = JSON.parse(JSON.stringify(item))
+        this.form.evaluationData = []
+        this.getEvaluation()
+        this.form.prcNum = this.prcNum
+        this.form.prcName = this.prcName
+        this.form['id'] = item.id
+        this.form['SYCXCLASS'] = this.filterObj(this.form['SYCXCLASS'])
+        this.form['NYLXCLASS'] = this.filterObj(this.form['NYLXCLASS'])
+        this.form['SYCPXCLASS'] = this.filterObj(this.form['SYCPXCLASS'])
+      })
+    },
+    filterObj(obj){
+      if(obj && obj !== ''){
+        if(obj instanceof Array){
+          return obj;
+        }else {
+          return obj.split(",")
+        }
+      }
+      return "";
+    },
+    assemble(ids,names){
+      let list= new Array();
+      if(ids && ids !== '' && names && names !== ''){
+        let idArray=ids.split(',');
+        let nameArray=names.split(',');
+        for(let i=0; i<idArray.length; i++){
+          list.push({id:idArray[i],name:nameArray[i]});
+        }
+      }
+      return list;
+    },
+    getEvaluation() {
+      return new Promise((resolve, reject) => {
+        getEvaluationIndex({
+          indexType: 'quality'
+        }).then(res => {
+          if (res) {
+            const evalList = []
+            res.data.forEach(item =>{
+              item.score = ''
+              item.scoreMin = ''
+              item.reason = ''
+              item.userId = this.userId
+              item.processNode = this.taskInfo
+              evalList.push(item)
+            })
+            this.form.evaluationData = evalList
+            this.$forceUpdate()
+          }
+        }).catch(e => {
+        })
+      })
+    },
+    getData() {
+      if(this.taskIds && this.pId){
+        return new Promise((resolve, reject) => {
+          inboundLiaisonDetail({
+            taskIds: this.taskIds,
+            pId: this.pId
+          }).then(res => {
+            if (res) {
+              const processForm = JSON.parse(res.mesg)
+              const dateArr = []
+              if(processForm.commentCycleStart && processForm.commentCycleEnd){
+                dateArr[0] = processForm.commentCycleStart
+                dateArr[1] = processForm.commentCycleEnd
+                this.commentCycleDate = dateArr
+              }
+
+              this.getFormFieldList(processForm)
+              this.FBGBUSSFileList=this.assemble(processForm.FBGBUSS,processForm.FBGBUSSName);
+              this.BZSMBUSSFileList=this.assemble(processForm.BZSMBUSS,processForm.BZSMBUSSName);
+              this.LSBBBUSSFileList=this.assemble(processForm.LSBBBUSS,processForm.LSBBBUSSName);
+              this.QTWJBUSSFileList=this.assemble(processForm.QTWJBUSS,processForm.QTWJBUSSName);
+              this.GLWJBUSSFileList=this.assemble(processForm.GLWJBUSS,processForm.GLWJBUSSName);
+              this.summaryFileList=this.assemble(processForm.summaryFile,processForm.summaryFileName);
+            }
+          }).catch(e => {
+          })
+        })
+      }
+    },
+    processTable () {
+      this.$nextTick(() => {
+        Promise.all([this.getTaskId()]).then((value) => {
+          if(value[0] &&value.length > 0){
+            let mes = JSON.parse(value[0].mes)
+            mes.form.date = new Date(this.$moment(mes.form.date).format('YYYY-MM-DD'))
+            this.form = mes.form
+            this.taskIds = mes.taskIds;
+            this.pId = mes.pId;
+            this.userId = mes.userId;
+            this.prcNum = mes.prcNum;
+            this.prcName = mes.prcName;
+            this.roleForm = mes.roleForm
+            this.commentText = mes.commentText
+          }
+          this.loading = true
+          this.$http.get('lawss/activiti/get_list_by_instance', {
+            prcNum: this.prcNum,
+            sortWord: this.shunxu ? this.paixu : '',
+            shunxu: this.shunxu
+          }, {
+            loading: 'loading',
+            _this: this
+          }, res => {
+            this.detailData = res
+            this.loading = false
+          }, e => {})
+        })
+      })
+    },
+  },
+  mounted () {
+    this.getTaskId()
+    this.getData()
+    this.processTable()
+    this.$http.get('sys/dictype/getDicTypeListCode', '', {
+      _this: this
+    }, res => {
+      this.countryOptions = res.data.COUNTRY
+      this.applyCountryOptions = res.data.COUNTRY
+      this.regionOptions = res.data.REGION // 区域
+      this.standStateOptions = res.data.BUSSSTATE
+      this.energyKindOptions = res.data.ENERGYTYPES
+      this.standGeneraOptions = res.data.BUSSBIGCLASS
+      this.standSubclassOptions = res.data.BUSSFINECLASS
+      this.standSortOptions = res.data.BUSSSTANDCLASS // 标准类别
+      this.standNatureOptions = res.data.SARPROPERTY // 标准性质
+      this.standStateOptions = res.data.TEXTSTATUSBUSS // 文本状态
+      this.standSystemOptions = res.data.TXLBBUSS // 标准体系
+      this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
+      this.categoryOptions = res.data.NYLXCLASS // 能源类型
+      this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
+      this.cysdOptions = res.data.WSCYSD // 我司参与深度
+      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+      this.txlbOptions = res.data.TXLBCLASS // 体系类别
+      this.qcdwOptions = res.data.QCDW // 起草单位
+      this.qcrOptions = res.data.QCRBUSS // 起草人
+      this.nylxOptions = res.data.NYLXCLASS // 能源类型
+      this.syrzOptions = res.data.SYRZCLASS // 适用认证
+      this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
+      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+      this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
+      this.gkglbmOptions=res.data.GKGLBM;//归口管理部门
+      this.setMap(this.standStateOptions)
+    })
+    this.tablePHeight = $('.content').height()
+    window.onresize = () => {
+      this.tablePHeight = $('.content').height()
+    }
+    this.busVsFunc()
+    this.modelFunc()
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/phone';
+
+.bzrkStep2 {
+  /deep/.el-select .el-input .el-select__caret {
+    font-size: 0;
+  }
+  /deep/.prc-content-border {
+    width: 600px;
+  }
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
+    }
+  }
+
+  /deep/ .van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+
+
+
+  position: relative;
+  height: 100%;
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/step1.vue b/src/pages/processCenter/pages/phone/qbrk/step1.vue
new file mode 100644
index 000000000..67019805a
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/step1.vue
@@ -0,0 +1,263 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-技术标准</template>
+      <template slot="proNode">起草</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        :submitLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import { selectByIdAtt } from "@/api/flow/index.js"
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import RoleInfo from "./components/RoleInfo";
+
+export default {
+  name: "step1",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    RoleInfo
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      roleForm: {},
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.form.standSort = this.form.bussSort
+          this.form.planId = this.form.nowEsId
+          this.form.standName = this.form.renameEs || this.form.esName
+          // 修订: 发布稿放到历史版本
+          if(this.form.reviseStatus === '2'){
+            selectByIdAtt(this.form.rqbJson).then(res =>{
+              if (res && res.data && res.data[0].fbgbuss !== '') {
+                const names = res.data.reduce((init,item,index,arr)=>{
+                  if(index === 0){
+                    init = item.fbgbussNmae
+                  }else{
+                    init = init + ',' + item.fbgbussNmae
+                  }
+                  return init
+                },'')
+                const ids = res.data.reduce((init,item,index,arr)=>{
+                  if(index === 0){
+                    init = item.fbgbuss
+                  }else{
+                    init = init + ',' + item.fbgbuss
+                  }
+                  return init
+                },'')
+                this.reloadForm = false
+
+                if (!this.form.LSBBBUSSName) {
+                  this.form.LSBBBUSSName = names
+                  this.form.LSBBBUSS = ids
+                } else if (this.form.LSBBBUSSName.indexOf(names) === -1) {
+                  this.form.LSBBBUSSName = names + ',' + this.form.LSBBBUSSName
+                  this.form.LSBBBUSS = ids + ',' + this.form.LSBBBUSS
+                }
+
+                this.$nextTick(() => {
+                  this.reloadForm = true
+                })
+              }
+            })
+          }
+
+          this.form.QCDW = this.form.QCDW || this.form.unitName
+          this.form.QCDWID = this.form.QCDWID || this.form.unit
+          this.form.QCRBUSSID = this.form.QCRBUSSID || this.form.drafter
+          this.form.QCRBUSS = this.form.QCRBUSS || this.form.drafterName
+          this.form.SYCXCLASS = this.form.SYCXCLASS && this.form.SYCXCLASS.length > 0 ? this.form.SYCXCLASS : this.form.area
+
+          this.form.DTQBBHBUSS = this.form.DTQBBHBUSS || this.form.rqbName
+          this.form.CYBZ = this.form.CYBZ || this.form.esStandRelations
+          this.form.YYBZ = this.form.YYBZ || this.form.esMatingRelations
+
+          this.roleForm = processForm.roleForm
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/step12.vue b/src/pages/processCenter/pages/phone/qbrk/step12.vue
new file mode 100644
index 000000000..cfb8a33d1
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/step12.vue
@@ -0,0 +1,349 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-技术标准</template>
+      <template slot="proNode">主起草人培训</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          :rules="rules"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+            <!--<ProcessTitle>-->
+            <!--  <template slot="title">文件汇总</template>-->
+            <!--</ProcessTitle>-->
+            <!--<FileSummary :data="form.fileModelList"></FileSummary>-->
+            <ProcessTitle>
+              <template slot="title">意见信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.infoList"></TermInfo>
+            <div class="prc-content-border">
+              <UploadFormItem
+                  label="汇总评审意见文件"
+                  prop="summaryFileName"
+                  :ids.sync="form.summaryFile"
+                  :names.sync="form.summaryFileName"
+                  view
+                  :disabled="disabled"
+              ></UploadFormItem>
+            </div>
+            <ProcessTitle>
+              <template slot="title">培训文件</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <UploadFormItem
+                  label="培训文件"
+                  prop="madelSubName"
+                  :ids.sync="form.madelSub"
+                  :names.sync="form.madelSubName"
+                  view
+                  :disabled="disabled"
+              ></UploadFormItem>
+            </div>
+          </div>
+          <ReceiptDescription v-model="form.commentText" prop="commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+        <template v-if="active === '4'">
+          <div style="height: 100%">
+            <ProcessTitle>
+              <template slot="title">条款信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.modelData"></TermInfo>
+          </div>
+        </template>
+        <template v-if="active === '5'">
+          <Score :form="form" :standSort="form.standSort" :standName="form.standName"></Score>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit2
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit2="handle2"
+        @transfer="handleTransfer"
+        @over2="handle1"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import {getEvaluationIndex} from "api/businessApi";
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import RoleInfo from "./components/RoleInfo";
+import FileSummary from "./components/FileSummary";
+import TermInfo from "./components/TermInfo";
+import Score from "./components/Score";
+
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    RoleInfo,
+    FileSummary,
+    TermInfo,
+    Score,
+    UploadFormItem
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      rules: {},
+      roleForm: {},
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          // if (!processForm.form) {
+          //   this.getEvaluation()
+          // }
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    handle2 () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+
+      // this.form.approvalOpinion = 0
+      // this.$refs['form'].validate((valid) => {
+      //   if (valid) {
+      //     this.handleSubmit()
+      //   }
+      // })
+    },
+    handle1 () {
+      this.form.approvalOpinion = 1
+      this.handleSubmit()
+    },
+
+    handleSubmit() {
+      this.addRule()
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.footerLoading = true
+          const json = JSON.stringify(this.form);
+          const query = {
+            taskIds: this.$route.query.taskIds,
+            userId : this.$route.query.userId,
+            json: json
+          }
+          this.$http._post('lawss/activiti/completeTask', query).then(res => {
+            if (res.success) {
+              if(this.form.approvalOpinion === 1){
+                this.$message.warning("驳回成功")
+              }else{
+                this.$message.success('操作成功')
+              }
+              this.footerLoading = false
+
+              this.$router.go(-2)
+            } else {
+              this.footerLoading = false
+              this.$message.error(res.message)
+            }
+          })
+        } else {
+          this.$message.warning('请检查基础信息表单是否填写完整')
+        }
+      })
+    },
+    addRule() {
+      if (this.form.approvalOpinion === 0) {
+        this.rules.commentText = [
+          { required: false }
+        ]
+        this.$refs.form.clearValidate('commentText')
+      } else {
+        this.rules.commentText = [
+          { required: true, message: '审批意见不能为空' }
+        ]
+      }
+      this.rules = { ...this.rules }
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    },
+    getEvaluation() {
+      return new Promise((resolve, reject) => {
+        getEvaluationIndex({
+          indexType: 'quality'
+        }).then(res => {
+          if (res) {
+            const evalList = []
+            res.data.forEach(item =>{
+              item.score = ''
+              item.scoreMin = ''
+              item.reason = ''
+              item.userId = this.userId
+              item.processNode = this.taskInfo
+              evalList.push(item)
+            })
+            this.form.evaluationData = evalList
+            this.$forceUpdate()
+          }
+        }).catch(e => {
+        })
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/step13.vue b/src/pages/processCenter/pages/phone/qbrk/step13.vue
new file mode 100644
index 000000000..4a8c0eae8
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/step13.vue
@@ -0,0 +1,458 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-技术标准</template>
+      <template slot="proNode">发布</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          :rules="rules"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+            <!--<ProcessTitle>-->
+            <!--  <template slot="title">文件汇总</template>-->
+            <!--</ProcessTitle>-->
+            <!--<FileSummary :data="form.fileModelList"></FileSummary>-->
+            <ProcessTitle>
+              <template slot="title">意见信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.infoList"></TermInfo>
+            <div class="prc-content-border">
+              <UploadFormItem
+                  label="汇总评审意见文件"
+                  prop="summaryFileName"
+                  :ids.sync="form.summaryFile"
+                  :names.sync="form.summaryFileName"
+                  view
+                  :disabled="disabled"
+              ></UploadFormItem>
+            </div>
+            <ProcessTitle>
+              <template slot="title">培训文件</template>
+            </ProcessTitle>
+            <div class="prc-content-border">
+              <UploadFormItem
+                  label="培训文件"
+                  prop="madelSubName"
+                  :ids.sync="form.madelSub"
+                  :names.sync="form.madelSubName"
+                  view
+                  :disabled="disabled"
+              ></UploadFormItem>
+            </div>
+          </div>
+          <ReceiptDescription v-model="form.commentText" prop="commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+        <template v-if="active === '4'">
+          <div style="height: 100%">
+            <ProcessTitle>
+              <template slot="title">条款信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.modelData"></TermInfo>
+          </div>
+        </template>
+        <template v-if="active === '5'">
+          <Score :form="form" :standSort="form.standSort" :standName="form.standName"></Score>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit2
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit2="handle2"
+        @transfer="handleTransfer"
+        @over2="handle1"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import {getEvaluationIndex} from "api/businessApi";
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import RoleInfo from "./components/RoleInfo";
+import FileSummary from "./components/FileSummary";
+import TermInfo from "./components/TermInfo";
+import Score from "./components/Score";
+
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    RoleInfo,
+    FileSummary,
+    TermInfo,
+    Score,
+    UploadFormItem
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      rules: {},
+      roleForm: {},
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          if (!processForm.form) {
+            // this.getEvaluation()
+            this.getStandInfoByReviseStatus()
+          }
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+
+    getStandInfoByReviseStatus() {
+      let date = new Date();
+      let year = date.getFullYear();
+      if(this.form.reviseStatus === '2'){
+        let index1 = this.form.DTQBBHBUSS.split(',')[0].lastIndexOf('-') // 7
+        this.standYear = this.form.DTQBBHBUSS.split(',')[0].slice(index1 + 1) // 2023 x
+        if(this.standYear.indexOf(' ')>0){
+          const _index = this.standYear.indexOf(' ')
+          this.standYear = this.standYear.slice(0,_index)
+        }else if(this.standYear.indexOf(' X')>0){
+          const _index = this.standYear.indexOf(' X') // 4
+          this.standYear = this.standYear.slice(0,_index) // 2023
+        }
+
+        this.standSort = this.form.standSort
+        this.form.standYear = year
+        if((this.standYear+'').slice(0,4) !=  year){
+          this.form.standYear = year
+        }else{
+          if((this.standYear+'').slice(0,4) == (this.form.standYear + '').slice(0,4)){
+            this.form.standYear = this.standYear + ' X'
+          }else{
+            this.form.standYear = this.standYear
+          }
+        }
+
+        if(this.form.standYear == this.standYear){
+          this.form.standYear = this.form.standYear + ' X'
+        }
+
+        if (this.form.standNum.includes(',')) {
+          // 多个代替企标编号 调接口获取企标顺序号
+          this.$http.get('lawss/sarBussionessStand/getStandInfoByReviseStatus',{reviseStatus:'buss1_'+this.form.reviseStatus,standSort:this.form.standSort,taskId: this.taskIds}, {
+            _this: this
+          }, res => {
+            this.form.standNum = res.data + ''
+            this.form.standNum = this.form.standNum.replace(/^0+/,"")
+            this.form.standNum = this.form.standNum.padStart(3,'0')
+            this.standNum = this.form.standNum // 保存初始顺序号
+            this.form.standCode = this.form.standSort + this.form.standNum + ( this.form.standYear === '' ? '' : '-' + this.form.standYear )
+            this.standCode = this.form.standCode
+            this.formKey++
+          }, e => {
+          })
+        } else {
+          this.form.standNum = this.form.standNum.replace(/^0+/,"")
+          this.form.standNum = this.form.standNum.padStart(3,'0')
+
+          this.standNum = this.form.standNum // 保存初始顺序号
+          this.form.standCode = this.form.standSort + this.form.standNum + ( this.form.standYear === '' ? '' : '-' + this.form.standYear )
+
+          this.standCode = this.form.standCode
+          this.formKey++
+        }
+
+      } else if (this.form.reviseStatus === '3'){
+        this.standCode = this.form.standCode
+        // ---
+        let index1 = this.form.standCode.lastIndexOf('-') // 7
+        this.standYear = this.form.standCode.slice(index1 + 1) // 2023 x
+        if(this.standYear.indexOf(' ')>0){
+          const _index = this.standYear.indexOf(' ')
+          this.standYear = this.standYear.slice(0,_index)
+        }else if(this.standYear.indexOf(' X')>0){
+          const _index = this.standYear.indexOf(' X') // 4
+          this.standYear = this.standYear.slice(0,_index) // 2023
+        }
+
+        let noYearStand = this.form.standCode.slice(0, index1) // 'Q-F 101'
+        this.standNum = noYearStand.replace(this.form.standSort,'').trim() // '101'
+
+        this.standSort = this.form.standSort
+
+        this.standNum = this.standNum.replace(/^0+/,"")
+        this.standNum = this.standNum.padStart(3,'0')
+
+        this.form.standNum = this.standNum
+        // ---
+
+        this.form.standYear = this.standYear
+
+        this.form.standCode = this.form.standSort + this.form.standNum + ( this.form.standYear === '' ? '' : '-' + this.form.standYear )
+      } else {
+        this.form.standYear = year
+
+        this.$http.get('lawss/sarBussionessStand/getStandInfoByReviseStatus',{reviseStatus:'buss1_'+this.form.reviseStatus,standSort:this.form.standSort,taskId: this.taskIds}, {
+          _this: this
+        }, res => {
+          const standSn = res.data
+          this.form.standSn = standSn
+          this.form.standNumber = standSn
+          this.form.standNum = standSn + ''
+
+          this.form.standNum = this.form.standNum.replace(/^0+/,"")
+          this.form.standNum = this.form.standNum.padStart(3,'0')
+
+          this.form.standCode = this.form.standSort + this.form.standNum + ( this.form.standYear === '' ? '' : '-' + this.form.standYear )
+          this.standSort = this.form.standSort
+          this.standCode = this.form.standCode
+
+
+          this.formKey++
+        }, e => {
+        })
+      }
+
+    },
+    handle2 () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+
+      // this.form.approvalOpinion = 0
+      // this.$refs['form'].validate((valid) => {
+      //   if (valid) {
+      //     this.handleSubmit()
+      //   }
+      // })
+    },
+    handle1 () {
+      this.form.approvalOpinion = 1
+      this.handleSubmit()
+    },
+
+    handleSubmit() {
+      this.addRule()
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.footerLoading = true
+          const json = JSON.stringify(this.form);
+          const query = {
+            taskIds: this.$route.query.taskIds,
+            userId : this.$route.query.userId,
+            json: json
+          }
+          this.$http._post('lawss/activiti/completeTask', query).then(res => {
+            if (res.success) {
+              if(this.form.approvalOpinion === 1){
+                this.$message.warning("驳回成功")
+              }else{
+                this.$message.success('操作成功')
+              }
+              this.footerLoading = false
+
+              this.$router.go(-2)
+            } else {
+              this.footerLoading = false
+              this.$message.error(res.message)
+            }
+          })
+        } else {
+          this.$message.warning('请检查基础信息表单是否填写完整')
+        }
+      })
+    },
+    addRule() {
+      if (this.form.approvalOpinion === 0) {
+        this.rules.commentText = [
+          { required: false }
+        ]
+        this.$refs.form.clearValidate('commentText')
+      } else {
+        this.rules.commentText = [
+          { required: true, message: '审批意见不能为空' }
+        ]
+      }
+      this.rules = { ...this.rules }
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    },
+    getEvaluation() {
+      return new Promise((resolve, reject) => {
+        getEvaluationIndex({
+          indexType: 'quality'
+        }).then(res => {
+          if (res) {
+            const evalList = []
+            res.data.forEach(item =>{
+              item.score = ''
+              item.scoreMin = ''
+              item.reason = ''
+              item.userId = this.userId
+              item.processNode = this.taskInfo
+              evalList.push(item)
+            })
+            this.form.evaluationData = evalList
+            this.$forceUpdate()
+          }
+        }).catch(e => {
+        })
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/step2.vue b/src/pages/processCenter/pages/phone/qbrk/step2.vue
new file mode 100644
index 000000000..26cdc7a10
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/step2.vue
@@ -0,0 +1,212 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-技术标准</template>
+      <template slot="proNode">企标编写</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import { selectByIdAtt } from "@/api/flow/index.js"
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import RoleInfo from "./components/RoleInfo";
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    RoleInfo
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      roleForm: {},
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/step3.vue b/src/pages/processCenter/pages/phone/qbrk/step3.vue
new file mode 100644
index 000000000..e5878b4c1
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/step3.vue
@@ -0,0 +1,218 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-技术标准</template>
+      <template slot="proNode">企标编写汇总</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+            <ProcessTitle>
+              <template slot="title">文件汇总</template>
+            </ProcessTitle>
+            <FileSummary :data="form.fileModelList"></FileSummary>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import { selectByIdAtt } from "@/api/flow/index.js"
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import RoleInfo from "./components/RoleInfo";
+import FileSummary from "./components/FileSummary";
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    RoleInfo,
+    FileSummary
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      roleForm: {},
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/step5.vue b/src/pages/processCenter/pages/phone/qbrk/step5.vue
new file mode 100644
index 000000000..55c8170aa
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/step5.vue
@@ -0,0 +1,263 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-技术标准</template>
+      <template slot="proNode">征求意见</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '4' ? 'active' : ''" @click="handleTabs('4')">会签意见</div>
+      <div class="headerTabsItem" :class="active === '5' ? 'active' : ''" @click="handleTabs('5')">会签评分</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+            <ProcessTitle>
+              <template slot="title">文件汇总</template>
+            </ProcessTitle>
+            <FileSummary :data="form.fileModelList"></FileSummary>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+        <template v-if="active === '4'">
+          <div style="height: 100%">
+            <ProcessTitle>
+              <template slot="title">条款信息</template>
+            </ProcessTitle>
+            <div style="height: calc(100% - 30px)">
+              <TermInfo :data="form.modelData"></TermInfo>
+            </div>
+          </div>
+        </template>
+        <template v-if="active === '5'">
+          <Score :form="form" :standSort="form.standSort" :standName="form.standName"></Score>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import {getEvaluationIndex} from "api/businessApi";
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import RoleInfo from "./components/RoleInfo";
+import FileSummary from "./components/FileSummary";
+import TermInfo from "./components/TermInfo";
+import Score from "./components/Score";
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    RoleInfo,
+    FileSummary,
+    TermInfo,
+    Score
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      roleForm: {},
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          if (!processForm.form) {
+            this.getEvaluation()
+          }
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    },
+    getEvaluation() {
+      return new Promise((resolve, reject) => {
+        getEvaluationIndex({
+          indexType: 'quality'
+        }).then(res => {
+          if (res) {
+            const evalList = []
+            res.data.forEach(item =>{
+              item.score = ''
+              item.scoreMin = ''
+              item.reason = ''
+              item.userId = this.userId
+              item.processNode = this.taskInfo
+              evalList.push(item)
+            })
+            this.form.evaluationData = evalList
+            this.$forceUpdate()
+          }
+        }).catch(e => {
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/step6.vue b/src/pages/processCenter/pages/phone/qbrk/step6.vue
new file mode 100644
index 000000000..a3c91653b
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/step6.vue
@@ -0,0 +1,278 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-技术标准</template>
+      <template slot="proNode">技术委员会评审、评审意见修改</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '5' ? 'active' : ''" @click="handleTabs('5')">评审评分</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+            <!--<ProcessTitle>-->
+            <!--  <template slot="title">文件汇总</template>-->
+            <!--</ProcessTitle>-->
+            <!--<FileSummary :data="form.fileModelList"></FileSummary>-->
+            <ProcessTitle>
+              <template slot="title">意见信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.infoList"></TermInfo>
+            <div class="prc-content-border">
+              <UploadFormItem
+                  label="汇总评审意见文件"
+                  prop="summaryFileName"
+                  :ids.sync="form.summaryFile"
+                  :names.sync="form.summaryFileName"
+                  view
+                  :disabled="disabled"
+              ></UploadFormItem>
+            </div>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+        <template v-if="active === '4'">
+          <div style="height: 100%">
+            <ProcessTitle>
+              <template slot="title">条款信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.modelData"></TermInfo>
+          </div>
+        </template>
+        <template v-if="active === '5'">
+          <Score :form="form" :standSort="form.standSort" :standName="form.standName"></Score>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit2
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit2="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import {getEvaluationIndex} from "api/businessApi";
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import RoleInfo from "./components/RoleInfo";
+import FileSummary from "./components/FileSummary";
+import TermInfo from "./components/TermInfo";
+import Score from "./components/Score";
+
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    RoleInfo,
+    FileSummary,
+    TermInfo,
+    Score,
+    UploadFormItem
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      roleForm: {},
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          if (!processForm.form) {
+            this.getEvaluation()
+          }
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    },
+    getEvaluation() {
+      return new Promise((resolve, reject) => {
+        getEvaluationIndex({
+          indexType: 'quality'
+        }).then(res => {
+          if (res) {
+            const evalList = []
+            res.data.forEach(item =>{
+              item.score = ''
+              item.scoreMin = ''
+              item.reason = ''
+              item.userId = this.userId
+              item.processNode = this.taskInfo
+              evalList.push(item)
+            })
+            this.form.evaluationData = evalList
+            this.$forceUpdate()
+          }
+        }).catch(e => {
+        })
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/step7.vue b/src/pages/processCenter/pages/phone/qbrk/step7.vue
new file mode 100644
index 000000000..6b66cb3d8
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/step7.vue
@@ -0,0 +1,331 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-技术标准</template>
+      <template slot="proNode">标准化复审</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '5' ? 'active' : ''" @click="handleTabs('5')">评审评分</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          :rules="rules"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+            <!--<ProcessTitle>-->
+            <!--  <template slot="title">文件汇总</template>-->
+            <!--</ProcessTitle>-->
+            <!--<FileSummary :data="form.fileModelList"></FileSummary>-->
+            <ProcessTitle>
+              <template slot="title">意见信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.infoList"></TermInfo>
+            <div class="prc-content-border">
+              <UploadFormItem
+                  label="汇总评审意见文件"
+                  prop="summaryFileName"
+                  :ids.sync="form.summaryFile"
+                  :names.sync="form.summaryFileName"
+                  view
+                  :disabled="disabled"
+              ></UploadFormItem>
+            </div>
+          </div>
+          <ReceiptDescription v-model="form.commentText" prop="commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+        <template v-if="active === '4'">
+          <div style="height: 100%">
+            <ProcessTitle>
+              <template slot="title">条款信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.modelData"></TermInfo>
+          </div>
+        </template>
+        <template v-if="active === '5'">
+          <Score :form="form" :standSort="form.standSort" :standName="form.standName"></Score>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-over2
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit="handle2"
+        @transfer="handleTransfer"
+        @over2="handle1"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import {getEvaluationIndex} from "api/businessApi";
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import RoleInfo from "./components/RoleInfo";
+import FileSummary from "./components/FileSummary";
+import TermInfo from "./components/TermInfo";
+import Score from "./components/Score";
+
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    RoleInfo,
+    FileSummary,
+    TermInfo,
+    Score,
+    UploadFormItem
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      rules: {},
+      roleForm: {},
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          if (!processForm.form) {
+            this.getEvaluation()
+          }
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handle2 () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handle1 () {
+      this.form.approvalOpinion = 1
+      this.handleSubmit()
+    },
+
+    handleSubmit() {
+      this.addRule()
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.footerLoading = true
+          const json = JSON.stringify(this.form);
+          const query = {
+            taskIds: this.$route.query.taskIds,
+            userId : this.$route.query.userId,
+            json: json
+          }
+          this.$http._post('lawss/activiti/completeTask', query).then(res => {
+            if (res.success) {
+              if(this.form.approvalOpinion === 1){
+                this.$message.warning("驳回成功")
+              }else{
+                this.$message.success('操作成功')
+              }
+              this.footerLoading = false
+
+              this.$router.go(-2)
+            } else {
+              this.footerLoading = false
+              this.$message.error(res.message)
+            }
+          })
+        } else {
+          this.$message.warning('请检查基础信息表单是否填写完整')
+        }
+      })
+    },
+    addRule() {
+      if (this.form.approvalOpinion === 0) {
+        this.rules.commentText = [
+          { required: false }
+        ]
+        this.$refs.form.clearValidate('commentText')
+      } else {
+        this.rules.commentText = [
+          { required: true, message: '审批意见不能为空' }
+        ]
+      }
+      this.rules = { ...this.rules }
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    },
+    getEvaluation() {
+      return new Promise((resolve, reject) => {
+        getEvaluationIndex({
+          indexType: 'quality'
+        }).then(res => {
+          if (res) {
+            const evalList = []
+            res.data.forEach(item =>{
+              item.score = ''
+              item.scoreMin = ''
+              item.reason = ''
+              item.userId = this.userId
+              item.processNode = this.taskInfo
+              evalList.push(item)
+            })
+            this.form.evaluationData = evalList
+            this.$forceUpdate()
+          }
+        }).catch(e => {
+        })
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/step8.vue b/src/pages/processCenter/pages/phone/qbrk/step8.vue
index b37bcb1ff..0cce19fb1 100644
--- a/src/pages/processCenter/pages/phone/qbrk/step8.vue
+++ b/src/pages/processCenter/pages/phone/qbrk/step8.vue
@@ -1,6 +1,5 @@
 <template>
-  <div class="bzrkStep2 phoneBox">
-    <!--        企标制修订-技术标准流程-->
+  <div class="phoneBox">
     <ProcessHeaderPhone toggle>
       <template slot="proName">企标制修订-技术标准</template>
       <template slot="proNode">审核</template>
@@ -9,2039 +8,279 @@
       <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content" v-if="active === '1'">
-      <div style="flex: auto; overflow: auto;">
-        <el-form
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
           ref="form"
           :model="form"
           :rules="rules"
-          class="label-input-form"
-          label-width="210px"
-        >
-          <div style="flex: auto;" v-show="active === '1'">
-            <formList
-              :form = "form"
-              :FBGBUSSFileList = "FBGBUSSFileList"
-              :LSBBBUSSFileList = "LSBBBUSSFileList"
-              :BZSMBUSSFileList = "BZSMBUSSFileList"
-              :QTWJBUSSFileList = "QTWJBUSSFileList"
-              :GLWJBUSSFileList = "GLWJBUSSFileList"
-              :summaryFileList = "summaryFileList"
-              :disabledState = "disabledState"
-              :verifySarStandard = "verifySarStandard"
-              :opinionsShow = "true"
-              @emitDataLoading="emitDataLoading"
-            ></formList>
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+            <!--<ProcessTitle>-->
+            <!--  <template slot="title">文件汇总</template>-->
+            <!--</ProcessTitle>-->
+            <!--<FileSummary :data="form.fileModelList"></FileSummary>-->
+            <ProcessTitle>
+              <template slot="title">意见信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.infoList"></TermInfo>
             <div class="prc-content-border">
-              <el-collapse accordion v-model="activeName">
-                <el-collapse-item title="审批意见" name = "1">
-                  <div style="margin: 10px 0;">
-                    <el-form
-                      ref="formTongGuo"
-                      :model="formTongGuo"
-                      :rules="rules">
-                      <!--                    <el-form-item-->
-                      <!--                        prop="approvalOpinion"-->
-                      <!--                    >-->
-                      <!--                      <el-select @change="getRule" v-model="formTongGuo.approvalOpinion" placeholder="请审批" style="margin-bottom: 20px;">-->
-                      <!--                        <el-option label="驳回" value="1"></el-option>-->
-                      <!--                        <el-option label="通过" value="0"></el-option>-->
-                      <!--                      </el-select>-->
-                      <!--                    </el-form-item>-->
-                      <el-form-item
-                        prop="commentText"
-                      >
-                        <el-input
-                          type="textarea"
-                          :rows="3"
-                          resize="none"
-                          placeholder="请输入意见"
-                          v-model="formTongGuo.commentText">
-                        </el-input>
-                      </el-form-item>
-                    </el-form>
-                  </div>
-                </el-collapse-item>
-              </el-collapse>
+              <UploadFormItem
+                  label="汇总评审意见文件"
+                  prop="summaryFileName"
+                  :ids.sync="form.summaryFile"
+                  :names.sync="form.summaryFileName"
+                  view
+                  :disabled="disabled"
+              ></UploadFormItem>
             </div>
           </div>
-          <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-            <div class="flow-list">
-              <el-table
-                :height="tablePHeight"
-                ref="selection"
-                :data="detailData"
-                tooltip-effect="dark"
-                style="width: 100%"
-                border
-                row-key="id"
-                :no-data-text="listNoDataText"
-                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-              >
-                <el-table-column
-                  prop="name"
-                  label="任务步骤"
-                  align="center"
-                >
-                </el-table-column>
-                <el-table-column
-                  prop="assignee"
-                  label="任务受理人"
-                  align="center"
-                >
-                </el-table-column>
-                <el-table-column
-                  prop="createTime"
-                  label="创建时间"
-                  align="center">
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  prop="endTime"
-                  label="完成时间"
-                  align="center">
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  prop="comment"
-                  label="流程信息"
-                  align="center">
-                  <template slot-scope="scope">
-                    <span>{{scope.row.commentText}}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  prop="completeFlag"
-                  label="状态"
-                  align="center">
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                  </template>
-                </el-table-column>
-              </el-table>
-              <loading :loading="loading">流程列表加载中</loading>
-            </div>
+          <ReceiptDescription v-model="form.commentText" prop="commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+        <template v-if="active === '4'">
+          <div style="height: 100%">
+            <ProcessTitle>
+              <template slot="title">条款信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.modelData"></TermInfo>
           </div>
-        </el-form>
-      </div>
+        </template>
+        <template v-if="active === '5'">
+          <Score :form="form" :standSort="form.standSort" :standName="form.standName"></Score>
+        </template>
+      </el-form>
     </div>
-    <div class="content" v-if="active === '3'" >
-      <div class="flow-list" style="height: 100%">
-        <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
-      </div>
-    </div>
-    <!--      提交-->
     <ProcessFooter
-      :show-save="false"
-      show-over2
-      show-submit2
-      show-transfer
-      :submitLoading="isSubmit"
-      :saveLoading="saveLoading"
-      @transfer="handleTransfer"
-      @submit2="handle2"
-      @over2="handle1"
+        show-submit2
+        show-over2
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit2="handle2"
+        @transfer="handleTransfer"
+        @over2="handle1"
     >
     </ProcessFooter>
-
     <!-- 福田全公司选人解决方案 -->
-    <phone-role
-      check-more
-      role-title="请选择转办成员"
-      :result-list="nodeList"
-      :is-show-phone.sync="drawerModal"
-      @checkedRole="checkedRole"
-    />
-    <loading :loading="dataLoading">正在加载数据</loading>
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
   </div>
 </template>
 
 <script>
-import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
-import ProcessFooter from '../../components/ProcessFooter'
-import ProcessTitle from '../../components/ProcessTitle'
-import formList from "process/phone/qbrk/common/formList";
-import {
-  inboundLiaisonDetail,
-  processCreateStand,
-  changeAssigneeNew,
-  queryTaskFirst,
-  getBusStandFileByAttId, saveTaskFirst
-} from "api/process";
-import TreeSelect from '@/components/treeSelect/treeSelect.vue';
-import CusTomDataPickerGroup
-  from "@/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup";
-import Vue from 'vue';
-import { Form } from 'vant';
-import { Field } from 'vant';
-import { getEvaluationIndex } from "api/businessApi";
-import hwh5 from '@/api/hwh5-cloudonline.js'
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import {getEvaluationIndex} from "api/businessApi";
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import RoleInfo from "./components/RoleInfo";
+import FileSummary from "./components/FileSummary";
+import TermInfo from "./components/TermInfo";
+import Score from "./components/Score";
+
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+
 
-Vue.use(Form);
-Vue.use(Field);
 export default {
-  name: "phoneBussLibrary8",
+  name: "step2",
   components: {
-    CusTomDataPickerGroup,
     ProcessHeaderPhone,
-    formList,
-    ProcessFooter,
+    PhoneHistortTable,
     ProcessTitle,
-    TreeSelect
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    RoleInfo,
+    FileSummary,
+    TermInfo,
+    Score,
+    UploadFormItem
   },
   data () {
-    const numberCodeNot = (rule, value, callback) => {
-      let pattern = /^[1]*$/
-      if (!pattern.test(value)) {
-        return callback(new Error('评分分值只可为1分'))
-      } else {
-        callback()
-      }
-    };
-    const numberCode = (rule, value, callback) => {
-      if(value === undefined || value === ''){
-        return callback(new Error('评分分值不可为空'))
-      }
-      let pattern = /^[0-9]*$/
-      if (!pattern.test(value)) {
-        return callback(new Error('只能输入数字'))
-      } else {
-        callback()
-      }
-    };
-    const validateZrUserIdName = (rule, value, callback) => {
-      if(this.FBGBUSSFileList.length === 0){
-        callback(new Error('请上传发布稿文件！'))
-      }
-      // callback()
-    };
-
-    const validateModelName = (rule, value, callback) => {
-      if(this.FBGBUSSFileList.length === 0){
-        callback(new Error('请上传发布稿文件！'))
-      }
-      // callback()
-    };
-    const validateFBGBUSS = (rule, value, callback) => {
-      if(this.FBGBUSSFileList.length === 0){
-        callback(new Error('请上传发布稿文件！'))
-      }
-      callback()
-    };
-    const validateBZSMBUSS = (rule, value, callback) => {
-      if(this.BZSMBUSSFileList.length === 0){
-        callback(new Error('请上传编辑说明文件！'))
-      }
-      callback()
-    };
+    const form = {}
     return {
-      pickerOptions: {
-        shortcuts: [{
-          text: '最近一周',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-            picker.$emit('pick', [start, end]);
-          }
-        }, {
-          text: '最近一个月',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-            picker.$emit('pick', [start, end]);
-          }
-        }, {
-          text: '最近三个月',
-          onClick(picker) {
-            const end = new Date();
-            const start = new Date();
-            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-            picker.$emit('pick', [start, end]);
-          }
-        }]
-      },
-      loading: false,
-      dataLoading: true,
-      taskInfo:'批准',
-      assigneeNewLoading: false,
-      disabledState: true,
-      userId:this.$store.getters.userInfo.account,
-      taskIds: this.$route.query.taskIds,
-      pId: this.$route.query.prcId,
-      bpnId: this.$route.query.bpnId,
-      prcNum: this.$route.query.prcNum,
-      prcName: this.$route.query.prcName,
-      detailData: [],
-      fileList: [],
-      FBGBUSSFileList: [],
-      BZSMBUSSFileList: [],
-      LSBBBUSSFileList: [],
-      QTWJBUSSFileList: [],
-      GLWJBUSSFileList: [],
-      summaryFileList: [],
-      caFileList: [],
-      FBGBJBDFileList: [],
-      xgdFileList: [],
-      ZCWBLAWSFileList: [],
-      GCWBLAWSFileList: [],
-      JDWJLAWSFileList: [],
-      GLWJLAWSFileList: [],
-      ssgFileList: [],
-      zqyjgFileList: [],
-      jdwjFileList: [],
-      zbjbdFileList: [],
-      kwjFileList: [],
-      glwjFileList: [],
-      filterText:'',
-      textStatusMap: {}, // 文本状态id与name对应
-      standardDrawer: false,
-      loadSarStandard: false,
-      verifySarStandard: true,
-      formTongGuo: {
-        approvalOpinion: '', // 通过/驳回
-        commentText: '', // 意见
-      },
-      standardSearchForm: {
-        page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
-        total: 0,
-        standType: 'INLAND',
-        standSort: '',
-        standName: '',
-        standEnName: '',
-        standNumber: ''
-      },
-      tableData: {
-        // 标准表格数据
-        standardData: [],
-        // 任务分解单数据
-        taskTableData: []
-      },
-      tablePHeight:'',
-      tableHeight: {
-        standardTableHeight: null
-      },
-      selectedList: [],
-      standardCheckedList: [],
-      activeName:'1',
-      roleRow: {},
-      commentText: '', // 意见
-      title: '', // 新增编辑抽屉标题
-      config: {
-        attrName : '',
-      },
-      dataSource: false,
-      replaceLawsNumModel: false,
-      replaceLawType: '',
-      sarBussionessLawsEO: {
-        replaceLawsNum: ''
-      },
-      // 代替标准号
-      replaceLawsNumForm: {
-        lawsNumber:'',
-        numberName:'',
-        lawsTextState:'',
-        dataSource: '',
-        standNumber: '', // 标准编号
-        page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
-        total: 0,
-        standType: 'BUSINESS',
-        quoteIdList: '',
-        validFlag: '0',
-        menuId: 'nomenu'
-      },
-      replaceLawsNumRow: [], // 代替政策号 数组内容
-      replaceTotal: 0,
-      selectedListRep: [],
-      replaceLoading: true,
-      replacePage: 1,
-      ListModel: false, // 新增编辑抽屉开关
-      active: '1', // 默认显示
-      isSubmit: false,
-      saveLoading: false,
-      defaultProps: {
-        children: 'children',
-        label: 'menuName'
-      },
-      defaultCodeProps: {
-        children: 'children',
-        label: 'code'
-      },
-      defaultModelProps: {
-        children: 'children',
-        label: 'model'
-      },
-      nodeList: [],
-      nodeList2: [],
-      zrType: '',
-      zrIndex: '',
-      zrIdList: [],
-      type: '',
-      defaultUserProps: {
-        children: 'children',
-        label: 'name'
-      },
-      key:1,
-      key1:2,
-      key2:3,
-      key3:4,
-      treeData: [], // 人员数据
-      modalShowFlag: false, // drawer开关
-      modalShowRoleFlag: false, // drawer开关
-      modalShowFlag1: false, // drawer开关
-      modalShowFlag2: false, // drawer开关
-      modalShowFlag3: false, // drawer开关
-      modalShowFlag4: false, // drawer开关
-      drawerTitle1:'',
-      multipleFlag2:'',
-      url:'',
-      urlChild:'',
+      active: '1',
+      reloadForm: true,
+      form,
+      rules: {},
+      roleForm: {},
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
       drawerModal: false,
-      drawerTitle: '', //drawer标题
-      showCheckBox: true, // 树形控件是否展示多选框
-      nodeKey: 'id',
-      defaultCheckedKeys: [],
-      nodeKeyCode: 'code',
-      nodeKeyModel: 'model',
-      defaultCheckedKeys1: [],
-      defaultCheckedKeys2: [],
-      defaultCheckedKeys3: [],
-      fileUrl: 'api/att/attFile/uploadNew',
-      fileMadel: false,
-      fileType: '',
-      countryArr:'',
-      commentCycleDate:'',
-      form: {
-        fsRejectStatus:'',
-        planId:'',
-        planStatus:'',
-        reviseStatus:'',
-        evaluationData:[],
-        modelData:[],
-        modelDataNameVerify:[],
-        modelDataZrUserVerify:[],
-        summaryFile:'',
-        summaryFileName:'',
-        // 基础信息
-        country:[],
-        // 基础信息
-        standSort: '',
-        standCode: '',
-        standYear: '',
-        standName: '',
-        standEnName: '',
-        textStatusBuss: '',
-        issueTime: '',
-        putTime: '',
-        FZRQBUSS: '',
-        FSRQBUSS: '',
-        // 过程稿件
-        FBGBUSS: '',
-        FBGBUSSName: '',
-        BZSMBUSS: '',
-        BZSMBUSSName: '',
-        LSBBBUSS: '',
-        LSBBBUSSName: '',
-        QTWJBUSS: '',
-        QTWJBUSSName: '',
-        // 适用范围
-        QCDW: '',
-        QCRBUSS: '',
-        WJSCRYBUSS: this.$store.getters.userInfo.account,
-        WJSCRYBUSSName: this.$store.getters.userInfo.userName,
-        SYCXCLASS: '',
-        NYLXCLASS: '',
-        SYCPXCLASS: '',
-        TXLBBUSS: '',
-        VPPSBMBUSS: '',
-        VPPSCNBUSS: '',
-        KCVPPSBMBUSS: '',
-        KCVPPSCNBUSS: '',
-        CYCVPPSBMBUSS: '',
-        CYCVPPSCNBUSS: '',
-        DYBXHBUSS: '',
-        DYMCBUSS: '',
-        // 关联信息
-        DTQBBHBUSS: '',
-        BDTQBBHBUSS: '',
-        XGJLBUSS: '',
-        XGLC: '',
-        GLWJBUSS: '',
-        GLWJBUSSName: '',
-        XCSJBUSS: '',
-        CYCD:'',
-        CYBZ:'',
-        YYBZ:'',
-        standNum:'',
-      }, // 标准信息
-      roleForm:{
-        hzUserId: this.$store.getters.userInfo.account,
-        hzUserName: this.$store.getters.userInfo.userName,
-        xdUserId: this.$store.getters.userInfo.account,
-        xdUserName: this.$store.getters.userInfo.userName,
-        pxUserId: this.$store.getters.userInfo.account,
-        pxUserName: this.$store.getters.userInfo.userName,
-        fbUserId: '',
-        fbUserName: '',
-        qcUserId: '', // 多实例
-        qcUserName:'', // 多实例
-        bzhUserId:'',
-        bzhUserName:'',
-        hqUserId:'', // 多实例
-        hqUserName:'', // 多实例
-        fggcsUserId:'',
-        fggcsUserName:'',
-        jsfzrUserId:'',
-        jsfzrUserName:'',
-        bzUserId:'',
-        bzUserName:'',
-        fzrUserId:'',
-        fzrUserName:'',
-        zhrUserId:'',
-        zhrUserName:'',
-        zrUserId: '',
-        zrUserName: '',
-        jlUserId: '',
-        jlUserName: '',
-        applyUpdUserId: this.$store.getters.userInfo.account,
-        applyUpdUserName: this.$store.getters.userInfo.userName,
-        prcCreateUser: this.$store.getters.userInfo.account,
-        prcCreateUserName: this.$store.getters.userInfo.userName,
-      },
-      modelRules:{
-        zrUserIdName: [
-          { required: true, message: '请选择会签责任人', trigger: 'blur' },
-        ],
-        modelName: [
-          { required: true, message: '选择维护模块名称', trigger: 'blur' },
-        ],
-      },
-      roleRules:{
-        qcUserName: [
-          { required: true, message: '选择其他起草人', trigger: 'blur' },
-        ],
-        bzhUserName: [
-          { required: true, message: '选择标准化员', trigger: 'blur' },
-        ],
-        hqUserName: [
-          { required: true, message: '请选择会签责任人', trigger: 'blur' },
-        ],
-        fggcsUserName: [
-          { required: true, message: '选择技术委员会负责刃/起草中心主任', trigger: 'blur' },
-        ],
-        jsfzrUserName: [
-          { required: true, message: '选择技术委员会负责人/起草中心主任', trigger: 'blur' },
-        ],
-        bzUserName: [
-          { required: true, message: '选择标准法规部部长', trigger: 'blur' },
-        ],
-        fzrUserName: [
-          { required: true, message: '选择专委会副主任/起草单位中心主任', trigger: 'blur' },
-        ],
-        zhrUserName: [
-          { required: true, message: '选择专委会主任/总院院长或主管副院长', trigger: 'blur' },
-        ],
-      },
-      rules:{
-        scoreNot:[
-          {required: false, validator: numberCodeNot, trigger: 'blur'},
-        ],
-        score: [
-          {required: true, validator: numberCode, trigger: 'blur'},
-          { type: 'number',min: 0, max: 10, message: '分值 0 ~ 10 分 ', trigger: 'blur' },
-        ],
-        reason: [{ required: true, message: '请填写扣分理由', trigger: 'blur' }],
-        reasonNot:[],
-        commentText: [{ required: true, message: '请输入意见', trigger: 'blur' }],
-        approvalOpinion: [{ required: true, message: '请选择审批意见', trigger: 'change' }],
-        zrUserIdName: [
-          { required: true, message: '请选择会签责任人', validator: validateZrUserIdName,trigger: 'blur' },
-        ],
-        modelName: [
-          { required: true, message: '选择维护模块名称', validator: validateModelName,trigger: 'blur' },
-        ],
-        standSort: [
-          { required: true, message: '请选择企标类别', trigger: 'change' }
-        ],
-        standNumber: [
-          { required: true, message: '请输入企标编号', trigger: 'blur' },
-          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
-        ],
-        standYear: [
-          { required: true, message: '请输入标准年份'},
-          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
-        ],
-        standName: [
-          { required: true, message: '请输入企标中文名称', trigger: 'blur' },
-          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
-          {validator: this.verify.checkSpecialCharacterOftags, trigger: 'change'}
-        ],
-        standEnName: [
-          { required: false, message: '请输入企标英文名称', trigger: 'blur' },
-          { min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: 'blur' },
-          {validator: this.verify.valiateEnName, trigger: 'change'}
-        ],
-        textStatusBuss: [
-          { required: true, message: '请选择文本状态', trigger: 'change' }
-        ],
-        issueTime: [
-          { required: false, message: '请选择企标发布日期', trigger: 'change'}
-        ],
-        putTime: [
-          { required: true, message: '请选择企标实施日期', trigger: 'change' }
-        ],
-        FBGBUSSName: [
-          { required: true, message: '请上传发布稿',validator: validateFBGBUSS, trigger: 'blur' }
-        ],
-        BZSMBUSSName: [
-          { required: true, message: '请上传编制说明',validator: validateBZSMBUSS, trigger: 'blur' }
-        ],
-        QCDW: [
-          { required: true, message: '请选择起草部门', trigger: 'change' }
-        ],
-        QCRBUSS: [
-          { required: true, message: '请选择起草人', trigger: 'change' }
-        ],
-      },
-      zrUserIds: [], // 选择多个会签责任人
-      userType:'', // 选择用户ID判断
-      countryOptions:[],//国家地区
-      standSortOptions: [], // 标准类别
-      standNatureOptions: [], // 标准性质
-      standStateOptions: [], // 文本状态
-      standSystemOptions: [], // 标准体系
-      busVppsOptions: [], // 车系体系架构
-      busVppsChildOptions: [], // 车系体系架构子集合
-      modelOptions: [], // 模块体系架构
-      modelChildOptions: [], // 模块体系架构子集合
-      applyArcticOptions: [], // 适用车型
-      gkglbmOptions: [], // 归口管理部门
-      categoryOptions: [], // 能源类型
-      applyAuthOptions: [], // 适用认证
-      cysdOptions: [], // 我司参与深度
-      cbcdOptions: [], // 采标程度
-      wssmrOptions: [], // 我司署名人
-      sycpxOptions: [], // 适用产品线
-      zrbmOptions: [], // 责任部门
-      zrgcsOptions: [], // 责任工程师
-      qcdwOption: [], // 起草单位
-      txlbOptions: [], // 体系类别
-      standSortConfigOptions: [], // 标准类别下拉框
-      adoptExtentOptions: [], // 采标程度下拉框
-      emergyKindOptions: [], // 能源种类下拉框
-      categoryConfigOptions: [], // 所属类别下拉框
-      assemClassOptions: [], // 总成分类下拉框
-      qcdwOptions:[],//起草单位下拉框
-      qcrOptions:[],//起草人下拉框
-      nylxOptions:[],//能源类型下拉框
-      syrzOptions:[],//适用认证下拉框
-      data: [], // 标准列表数据
-      ListForm: {}, // 新增数据
+      drawerTitle: '',
+      nodeList: []
     }
   },
-  watch:{
-    'form.issueTime': {
-      handler: function() {
-        if(this.form.issueTime !== undefined && this.form.issueTime !== null && this.form.issueTime !== ''){
-          let date = new Date(this.$moment(this.form.issueTime).format('YYYY-MM-DD'))
-          // const FSRQBUSS = date.getFullYear()+ 5 + '-' + date.getMonth() + '-' + date.getDate()
-          // this.sarBussionessStandEO["FSRQBUSS"] = FSRQBUSS
-
-          let year = date.getFullYear()+5;
-          let month =(date.getMonth() + 1).toString();
-          let day = (date.getDate()).toString();
-          if (month.length == 1) {
-            month = "0" + month;
-          }
-          if (day.length == 1) {
-            day = "0" + day;
-          }
-          const FSRQBUSS = year + "-" + month + "-" + day;
-          this.form["FSRQBUSS"] = FSRQBUSS
-
-        }
-      },
-    },
-    'form.country': {
-      handler (val) {
-        if (val !== '' && val !== null && typeof (val) !== 'undefined') {
-          if (val instanceof Array) {
-            this.countryArr = val.join(",");
-          } else {
-            this.countryArr = val
-          }
-        } else if (val === '') {
-          this.countryArr = []
-        }
-      }
-    },
-    filterText(val) {
-      this.$refs.tree.filter(val);
-    },
-  },
-  computed: {
-    listNoDataText () {
-      return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
-    },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
   },
   methods: {
-    emitDataLoading(boo){
-      this.dataLoading = boo
-    },
-    filterData2(){
-      let spanOneArr = []
-      let concatOne = 0
-      this.form.evaluationData.forEach((item,index)=>{//循环后端查询出来的数据(orderdata)
-        if(index === 0){
-          spanOneArr.push(1)
-        }else{
-          //name 修改
-          if(item.twoIndexTitle === this.form.evaluationData[index - 1].twoIndexTitle){ //第一列需合并相同内容的字段
-            spanOneArr[concatOne] += 1
-            spanOneArr.push(0)
-          }else{
-            spanOneArr.push(1)
-            concatOne = index
-          }
-        }
-      })
-      return {
-        one: spanOneArr,
-      }
-    },
-    setScoreMin(row){
-      return row.scoreMin = ((row.score === undefined ||  row.score === '') ? '' : row.valueType === 'add' ? row.score : (row.score / 10).toFixed(1))
-
-    },
-    getSummaries(param) {
-      const { columns, data } = param;
-      const sums = [];
-      columns.forEach((column, index) => {
-        if (index === 3) {
-          sums[index] = '合计：';
-          return;
-        }else if(index === 6){
-          sums[index] = '';
-          return;
-        }
-        const values = data.map(item => Number(item[column.property]));
-        if (!values.every(value => isNaN(value))) {
-          sums[index] = values.reduce((prev, curr) => {
-            const value = Number(curr);
-            if (!isNaN(value)) {
-              return prev + curr;
-            } else {
-              return prev;
-            }
-          }, 0);
-          sums[index] += ' ';
-        } else {
-          sums[index] = '';
-        }
-        if(sums[index] !== '' && sums[index].indexOf(".") !== -1){
-          sums[index] = parseFloat(sums[index]).toFixed(1);
-        }
-      });
-      return sums;
-    },
-    objectSpanMethod({ row, column, rowIndex, columnIndex },value) {
-      if (columnIndex === 0) {
-        if (rowIndex === 0) {
-          return {
-            rowspan: value.length,
-            colspan: 1
-          };
-        } else {
-          return {
-            rowspan: 0,
-            colspan: 0
-          };
-        }
-      }else if(columnIndex === 1 ) {
-        const _row = (this.filterData2(this.form.evaluationData).one)[rowIndex]
-        const _col = _row > 0 ? 1 : 0
-        return {
-          rowspan: _row,
-          colspan: _col
-        }
-      }
-    },
-    modelProp(row,index){
-      console.log(row)
-      console.log(index)
-      if(row.pid === '0'){
-        console.log('modelData.' + index + '.modelName')
-        return 'modelData.' + index + '.modelName';
-      }else {
-        let propStr = "";
-        const indexList = row.modelIndex.split(",");
-        for (let i = 0; i < indexList.length; i++) {
-          if(i === 0){
-            propStr += 'modelData.' + indexList[i]
-          }else{
-            propStr += '.children.' + indexList[i]
-          }
-        }
-        console.log(propStr + '.modelName')
-        return propStr + '.modelName';
-      }
-    },
-    modelNameFunc(row){
-      if(row.modelName && row.modelName !== ''){
-        row.disabled = true
-      }
-    },
-    //判断是否可选
-    checkSelect (row,index) {
-      let isChecked = true;
-      if (row.pid !== '0') { // 判断里面是否存在某个参数
-        isChecked = false
-      } else {
-        isChecked = true
-      }
-      return isChecked
-    },
-    handleDelete(val, row) {
-      console.log(row)
-      console.log(this.form.modelData)
-      // 模态框删除按钮
-      this.$confirm("是否确认删除本条数据?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "info"
-      }).then(() => {
-        // 此为假删除，只是删除了模态框中当前行的数据，并没有真正删除表格数据
-        const ids = []
-        ids.push(row.id)
-        this.form.modelData = this.changeRestTree(this.deletedId(this.form.modelData,ids))
-        console.log(this.form.modelData)
-        this.$message({
-          message: "删除成功",
-          type: "success",
-          duration: 2000
-        });
-        this.$forceUpdate()
-      });
-    },
-    handleSelectionChange(val) {
-      this.zrIdList = []
-      val.forEach(item => {
-        this.zrIdList.push(item.id)
-      })
-    },
-    createRow() {
-      // 创建行
-      // if (this.diaTable.length >= 6) { // 判断当前表格是否可继续创建
-      //     this.$message({
-      //         message: "超出数量，无法创建",
-      //         type: "info",
-      //         duration: 2000
-      //     });
-      //     return false;
-      // }
-      const list = {
-        id: this.form.modelData.length + 1,
-        modelNum: this.form.modelData.length + 1+'',
-        orderNum: this.form.modelData.length + 1, // orderNum为新创建行的索引
-        pid: '0',
-        modelIndex: this.form.modelData.length,
-        disabled: false,
-        modelName: "",
-        modelContent: "",
-        zrUserId:"",
-        zrUserIdName:"",
-        children:[],
-      };
-      this.form.modelData.push(list);
-    },
-    createChildRow(index,row) {
-      // 创建行
-      // if (this.diaTable.length >= 6) { // 判断当前表格是否可继续创建
-      //     this.$message({
-      //         message: "超出数量，无法创建",
-      //         type: "info",
-      //         duration: 2000
-      //     });
-      //     return false;
-      // }
-      const list = {
-        id: row.modelNum+'.'+(row.children.length + 1),
-        modelNum: row.modelNum+'.'+(row.children.length + 1),
-        orderNum: row.children.length + 1, // orderNum为新创建行的索引
-        pid: row.modelNum,
-        modelIndex: row.children.length,
-        disabled: false,
-        modelName: "",
-        modelContent: "",
-        zrUserId:"",
-        zrUserIdName:"",
-        children:[],
-      };
-      row.children.push(list)
-    },
-    dateFormatter () {
-      //默认返回yyyy-MM-dd HH-mm-ss
-      const d = new Date();
-      const year = d.getFullYear();//得到年
-      const month = (d.getMonth()+1)<10 ? '0'+(d.getMonth()+1) : (d.getMonth()+1);//得到月
-      const day = d.getDate()<10 ? '0'+d.getDate() : d.getDate();//得到日
-      const hour = d.getHours()<10 ? '0'+d.getHours() : d.getHours();//得到时
-      const minute = d.getMinutes()<10 ? '0'+d.getMinutes() : d.getMinutes();//得到分
-      const second = d.getSeconds()<10 ? '0'+d.getSeconds() : d.getSeconds();//得到秒
-      return [year, month, day].join('-') + " " + [hour, minute, second].join(':');//格式为：YY-MM-DD hh:mm:ss（当前时间）
-    },
-    // choiceZRRS () {
-    //     if (this.userType === 'zrUserId') {
-    //         this.roleForm.zrUserId = this.zrUserIds.map(item => item.id).join(",")
-    //         this.roleForm.zrUserName = this.zrUserIds.map(item => item.name).join(",")
-    //     }
-    //     this.modalshowflag2 = true
-    // },
-    checkedRole2 (data) {
-      let idList = ''
-      let nameList = ''
-      data.forEach( item => {
-        if (nameList.length > 0) {
-          nameList += ','
-          idList += ','
-        }
-        idList += item.id
-        nameList += item.name
-      })
-      if(this.userType === 'qcUserId'){
-        this.roleForm.qcUserId=idList;
-        this.roleForm.qcUserName=nameList;
-      }else if(this.userType === 'hqUserId'){
-        this.roleForm.hqUserId=idList;
-        this.roleForm.hqUserName=nameList;
-      }
-    },
-    checkedRoleTransfer (data) {
-      this.isSubmit = true
-      this.saveLoading = true
-      changeAssigneeNew({
-        taskId: this.$route.query.taskIds, // 任务id
-        userId:this.$store.getters.userInfo.account, // 委托人
-        assignee: data[0].id, // 被委托人
-        pId: this.$route.query.prcId, // 流程实例
-      }).then(res => {
-        this.isSubmit = false
-        this.saveLoading = false
-        if (res.success) {
-          this.drawerModal = false
-          this.$message.success('调整成功')
-          // hwh5.close()
-    this.$router.go(-2)
-          // this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
-          // this.processNum()
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-    },
-    checkedRole (data) {
-      if (this.type === 0) {
-        this.roleForm.deptUserId = data[0].id
-        this.roleForm.deptUserIdName = data[0].name
-      } else if (this.type === 1) {
-        this.form.modelData[this.zrIndex].zrUserId = data[0].id
-        this.form.modelData[this.zrIndex].zrUserIdName = data[0].name
-      } else {
-        this.form.modelData.forEach(item => {
-          this.zrIdList.forEach(items => {
-            if (item.id === items) {
-              item.zrUserId = data[0].id
-              item.zrUserIdName = data[0].name
-            }
-          })
-        })
-      }
-      if(this.userType === 'bzhUserId'){
-        this.roleForm.bzhUserId = data[0].id
-        this.roleForm.bzhUserName = data[0].name
-      }else if(this.userType === 'fggcsUserId'){
-        this.roleForm.fggcsUserId = data[0].id
-        this.roleForm.fggcsUserName = data[0].name
-      }else if(this.userType === 'jsfzrUserId'){
-        this.roleForm.jsfzrUserId = data[0].id
-        this.roleForm.jsfzrUserName = data[0].name
-      }else if(this.userType === 'bzUserId'){
-        this.roleForm.bzUserId = data[0].id
-        this.roleForm.bzUserName = data[0].name
-      }else if(this.userType === 'fzrUserId'){
-        this.roleForm.fzrUserId = data[0].id
-        this.roleForm.fzrUserName = data[0].name
-      }else if(this.userType === 'zhrUserId'){
-        this.roleForm.zhrUserId = data[0].id
-        this.roleForm.zhrUserName = data[0].name
-      }
-      this.modalShowFlag = false
-    },
-    // 责任人会签姓名搜索
-    filterNode(value, data) {
-      if (!value) return true;
-      return data.name.indexOf(value) !== -1;
-    },
-    getTaskId () {
-      if(this.$route.query.bpnId){
-        queryTaskFirst({
-          bpnId: this.$route.query.bpnId
-        }).then(res => {
-          this.verifySarStandard = this.$route.query.verifySarStandard
-          let mes = JSON.parse(res.mes)
-          mes.form.date = new Date(this.$moment(mes.form.date).format('YYYY-MM-DD'))
-          this.form = mes.form
-          this.form['SYCXCLASS'] = this.filterObj(this.form['SYCXCLASS'])
-          this.form['NYLXCLASS'] = this.filterObj(this.form['NYLXCLASS'])
-          this.form['SYCPXCLASS'] = this.filterObj(this.form['SYCPXCLASS'])
-          this.FBGBUSSFileList=this.assemble(this.form.FBGBUSS,this.form.FBGBUSSName);
-          this.BZSMBUSSFileList=this.assemble(this.form.BZSMBUSS,this.form.BZSMBUSSName);
-          this.LSBBBUSSFileList=this.assemble(this.form.LSBBBUSS,this.form.LSBBBUSSName);
-          this.QTWJBUSSFileList=this.assemble(this.form.QTWJBUSS,this.form.QTWJBUSSName);
-          this.GLWJBUSSFileList=this.assemble(this.form.GLWJBUSS,this.form.GLWJBUSSName);
-          this.summaryFileList=this.assemble(this.form.summaryFile,this.form.summaryFileName);
-          this.roleForm = mes.roleForm
-          this.formTongGuo.commentText = mesg.commentText
-        })
-      }else {
-        this.form.XCSJBUSS = this.dateFormatter()
-      }
-    },
-    // 将文本状态的id与name对应
-    setMap(data){
-      data.forEach(item => {
-        this.$set(this.textStatusMap, item.value, item.label)
-      })
-
-    },
-    clearFormData(data){
-      this.form = {
-        // 基础信息
-        standInData: data.standInData ? data.standInData : '0', // 标准类型
-        standSort: data.standSort ? data.standSort : '', // 标准类别
-        standNumber: data.standNumber ? data.standNumber : '', // 标准编号
-        standNature: data.standNature ? data.standNature : '', // 标准性质
-        standEnName: data.standEnName ? data.standEnName : '', // 英文名称
-        standName: data.standName ? data.standName : '', // 中文名称
-        signFlag: data.signFlag ? data.signFlag : '1', // 是否需要会签
-        // 基础信息
-        standCode: '',
-        standYear: '',
-        textStatusBuss: '',
-        issueTime: '',
-        putTime: '',
-        FZRQBUSS: '',
-        FSRQBUSS: '',
-        // 过程稿件
-        FBGBUSS: '',
-        FBGBUSSName: '',
-        BZSMBUSS: '',
-        BZSMBUSSName: '',
-        LSBBBUSS: '',
-        LSBBBUSSName: '',
-        QTWJBUSS: '',
-        QTWJBUSSName: '',
-        // 适用范围
-        QCDW: '',
-        QCRBUSS: '',
-        WJSCRYBUSS: '',
-        SYCXCLASS: '',
-        NYLXCLASS: '',
-        SYCPXCLASS: '',
-        TXLBBUSS: '',
-        VPPSBMBUSS: '',
-        VPPSCNBUSS: '',
-        // 关联信息
-        DTQBBHBUSS: '',
-        BDTQBBHBUSS: '',
-        XGJLBUSS: '',
-        XGLC: '',
-        GLWJBUSS: '',
-        GLWJBUSSName: '',
-        XCSJBUSS: '',
-      } // 标准信息
-    },
-    handleProcessStandardNext(status) {
-      switch (status) {
-        // 新增
-        case 1:
-          this.selectedList = []
-          this.standardCheckedList = []
-          this.standardDrawer = false
-          this.verifySarStandard = true
-          this.clearFormData(this.form)
-          break
-        // 带入
-        case 2:
-          if (this.standardCheckedList.length === 1) {
-            this.$http.get('lawss/sarLawsInfo/getStandInfoUpdateById', {id: this.standardCheckedList[0].id}, {
-              _this: this
-            }, res => {
-              if(res && res.data){
-                const bringData = res.data
-
-                const json = Object.assign(bringData, bringData.attrInfoMap);
-                this.form = JSON.parse(JSON.stringify(json))
-                this.form.TGRLAWS = JSON.parse(JSON.stringify(json)).TGRLAWS && JSON.parse(JSON.stringify(json)).TGRLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).TGRLAWS.split(',') : []
-                this.form.TGDWLAWS = JSON.parse(JSON.stringify(json)).TGDWLAWS && JSON.parse(JSON.stringify(json)).TGDWLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).TGDWLAWS.split(',') : []
-                this.form.NYLXLAWS = JSON.parse(JSON.stringify(json)).NYLXLAWS && JSON.parse(JSON.stringify(json)).NYLXLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).NYLXLAWS.split(',') : []
-                this.form.YYRZLAWS = JSON.parse(JSON.stringify(json)).YYRZLAWS && JSON.parse(JSON.stringify(json)).YYRZLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).YYRZLAWS.split(',') : []
-                this.form.ZRBMLAWS = JSON.parse(JSON.stringify(json)).ZRBMLAWS && JSON.parse(JSON.stringify(json)).ZRBMLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).ZRBMLAWS.split(',') : []
-                this.form.ZRGCSLAWS = JSON.parse(JSON.stringify(json)).ZRGCSLAWS && JSON.parse(JSON.stringify(json)).ZRGCSLAWS !== '[]' ? JSON.parse(JSON.stringify(json)).ZRGCSLAWS.split(',') : []
-                this.form.prcNum = this.prcNum
-                this.form.prcName = this.prcName
-                this.form['id'] = bringData.id
-                this.standardDrawer = false
-                this.verifySarStandard = true
-                this.busVsFunc()
-                this.modelFunc()
-                this.$forceUpdate()
-              }
-              // 遍历对象初始化文件信息
-              for(const p in this.form) {
-                if (typeof (this.form[p ]) != "function") {
-                  this.initializeFileList(p,this.form[p]);
-                }
-              }
-              console.log("res",res);
-            })
-
-          } else if (this.standardCheckedList.length > 1) {
-            this.$message.warning('最多可以带入一条政策信息')
-          } else {
-            this.$message.warning('请选择要带入的政策信息')
-          }
-          break
-        // 取消
-        case 3:
-          this.selectedList = []
-          this.standardCheckedList = []
-          this.standardDrawer = false
-          break
-      }
-    },
-    initializeFileList(property ,value){
-      switch (property){
-        case 'xgd':
-          this.getFileList(value,this.xgdFileList);
-          break;
-        case 'fbgbjbd':
-          this.getFileList(value,this.FBGBJBDFileList);
-          break;
-        case 'ssg':
-          this.getFileList(value,this.ssgFileList);
-          break;
-        case 'ca':
-          this.getFileList(value,this.caFileList);
-          break;
-        case 'zbjbd':
-          this.getFileList(value,this.zbjbdFileList);
-          break;
-        case 'kwj':
-          this.getFileList(value,this.kwjFileList);
-          break;
-        case 'jdwj':
-          this.getFileList(value,this.jdwjFileList);
-          break;
-        case 'bpg':
-          this.getFileList(value,this.bpgFileList);
-          break;
-        case 'zqyjg':
-          this.getFileList(value,this.zqyjgFileList);
-          break;
-        case 'glwj':
-          this.getFileList(value,this.glwjFileList);
-          break;
-        default: ;
-      }
-    },getFileList(fileIds,defaultFileList){
-
-      // 对象为引用传递
-      this.$http.get('att/attFile/getMultiFileInfos', {
-        fileIds: fileIds
-      }, {
-        _this: this
-      }, res => {
-
-        let fileList = res.data
-        if (fileList != null && fileList.length > 0) {
-          for (let i = 0; i < fileList.length; i++) {
-            let obj = {name: '', response: {}}
-            obj.name = fileList[i].oldFileName
-            obj.response.data = fileList[i]
-
-
-            //根据以‘，’分割的id查询到的文件信息，放入对应的文件list中
-            defaultFileList.push(obj)
-            console.log("defaultFileList",defaultFileList);
-          }
-        }
-      }, e => {
-      })
-    },
-    handleStandardPageChange (page) {
-      this.standardSearchForm.page = page
-      this.handleSearchStandard()
-    },
-    handleStandardPageSizeChange (pageSize) {
-      this.standardSearchForm.pageSize = pageSize
-      this.handleSearchStandard()
-    },
-    standSelectChange (data) {
-      this.selectedList = []
-      for (let i = 0; i < data.length; i++) {
-        this.selectedList.push(data[i].id)
-      }
-      this.standardCheckedList = data
-    },
-    handleResetSearch() {
-      this.standardSearchForm.standType = 'BUSINESS'
-      this.standardSearchForm.standNumber = ''
-      this.standardSearchForm.standSort = ''
-      this.standardSearchForm.standName = ''
-      this.standardSearchForm.standEnName = ''
-      setTimeout(() => {
-        this.handleSearchStandard()
-      }, 100)
-    },
-    /**
-     * 关闭修订 Drawer 的监听
-     * @param done
-     */
-    handleReviseDrawerClose (done) {
-      done()
-    },
-    getDomesticStandardTable () {
-      this.loadSarStandard = true
-      this.$http.get('lawss/sarLawsInfo/page', this.standardSearchForm, {}, res => {
-        this.loadSarStandard = false
-        if (res.ok) {
-          this.tableData.standardData = res.data.list
-          this.standardSearchForm.total = res.data.count
-        }
-      }, e => {
-        this.loadSarStandard = false
-      })
-    },
-    handleSearchStandard () {
-      if (this.form.standType === '') {
-        this.$message.warning('请选择标准来源')
-      } else {
-        this.standardDrawer = true
-        this.$nextTick(() => {
-          // 动态设置表格高度
-          this.tableHeight.standardTableHeight = $('.standard-table-wrap').height()
-          window.onresize = () => {
-            this.tableHeight.standardTableHeight = $('.standard-table-wrap').height()
-          }
-        })
-        this.getDomesticStandardTable()
-      }
-    },
-    saveUserInfo () {
-      this.filterText = ''
-      if (this.userType === 'zrUserId') {
-        this.roleForm.zrUserId = this.zrUserIds.map(item => item.id).join(",")
-        this.roleForm.zrUserName = this.zrUserIds.map(item => item.name).join(",")
-      } else if (this.userType === 'jlUserId') {
-        this.roleForm.jlUserId = this.roleRow.id
-        this.roleForm.jlUserName = this.roleRow.name
-      }
-
-      this.modalShowFlag = false
-    },
-    cancelUserInfo () {
-      this.filterText = ''
-      this.modalShowFlag = false
-    },
-    drawerCheck (data) {
-      if(this.userType === 'zrUserId'){
-
-        if(this.zrUserIds.length > 0){
-          const list = this.zrUserIds.filter ( item => item.id === data.id);
-          if(list.length === 0){
-            this.zrUserIds.push(data)
-          }else {
-            this.zrUserIds.forEach((item,index) => {
-              if(item.id === data.id){
-                this.zrUserIds.splice(index,1)
-              }
-            })
-          }
-        }else {
-          this.zrUserIds.push(data)
-        }
-
-      }else {
-        var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
-        if(getlist.length == 1) {
-          this.roleRow = getlist[0]
-        }else {
-          this.$refs.tree.setCheckedKeys([data.id]);
-          this.roleRow = this.$refs.tree.getCheckedNodes()[0]
-        }
-      }
-    },
-    // 更多
-    handleCommand (command) {
-      switch (command[2]) {
-        case '新增':
-          this.createChildRow(command[0],command[1])
-          break
-        case '维护':
-          command[1].disabled = false
-          break
-        case '删除':
-          this.handleDelete(command[0],command[1])
-          break
-      }
-    },
-    choiceZRRList (type, title, id) {
-      this.nodeList = []
-      this.nodeList.push(id)
-      this.userType = type
-      this.drawerTitle = title
-      this.modalShowRoleFlag = true
-    },
-    choiceZRR (type, title, id) {
-      this.nodeList = []
-      this.nodeList.push(id)
-      this.userType = type
-      this.drawerTitle = title
-      this.modalShowFlag = true
-    },
-    choiceZRRS(row, type, index) {
-      this.type = type
-      if (type === 1) {
-        this.drawerTitle = '选择责任人'
-        this.nodeList = []
-        this.zrIndex = index
-        this.zrType = type
-        this.nodeList.push(row)
-        this.modalShowFlag = true
-      } else if (type === 2) {
-        // 批量
-        if (this.zrIdList.length > 0) {
-          this.zrType = type
-          this.nodeList = []
-          this.modalShowFlag = true
-          this.drawerTitle = '批量选择责任人'
-        } else {
-          this.$message.warning('请选择要编辑的数据')
-        }
-      } else {
-        this.nodeList = []
-        this.nodeList.push(row)
-        this.drawerTitle = ''
-        this.modalShowFlag = true
-      }
-    },
-    // choiceZRRS (type, title, id) {
-    //     this.nodeList = []
-    //     this.nodeList.push(id)
-    //     this.userType = type
-    //     this.drawerTitle = title
-    //     this.modalShowRoleFlag = true
-    // },
-    choiceZRR1 (type, title, id) {
-      this.drawerTitle = title
-      this.modalShowFlag1 = true
-      this.key++
-    },
-    choiceZRR2 (type, title, id) {
-      this.drawerTitle = title
-      this.modalShowFlag2 = true
-      this.url = ''
-      this.urlChild = ''
-      this.url="sarVppsTree/list"
-      this.urlChild="sarVppsTree/childByList"
-      this.key1++
-    },
-    choiceZRR3 (type, title, id) {
-      this.drawerTitle = title
-      this.modalShowFlag3 = true
-      this.url = ''
-      this.urlChild = ''
-      this.url="sarVppsTree/list"
-      this.urlChild="sarVppsTree/childByList"
-      this.key2++
-    },
-    choiceZRR4 (type, title, id) {
-      this.drawerTitle = title
-      this.modalShowFlag4 = true
-      this.url = ''
-      this.urlChild = ''
-      this.url="sarModelTree/list"
-      this.urlChild="sarModelTree/childByList"
-      this.key3++
-    },
-    getTree () {
-      this.$http.get('SarInstitution/institution/institutionAndUser', {}, {}, res=> {
-
-        this.treeData = res.data
-      })
-    },
-    // 代替政策号 请求数据
-    getReplaceLawsNumRowFirst () {
-      if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
-        this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
-      } else {
-        this.quoteIdList1 = []
-        this.replaceLawsNumForm.quoteIdList = ''
-      }
-      this.replaceLawsNumForm.page = 1
-      this.replacePage = 1
-      this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', this.replaceLawsNumForm, {
-        _this: this,
-        loading: 'replaceLoading'
-      }, res => {
-        this.replaceLawsNumRow = res.data.list
-        this.replaceTotal = res.data.count
-        if (this.selectedListRep.length !== 0) {
-          this.selectedListRep.map((list) => {
-            this.replaceLawsNumRow.map((item) => {
-              if (list.id === item.id) {
-                item._checked = true
-              }
-            })
-          })
-        }
-      }, e => {
-      })
-    },
-    dataSourceChange (val) {
-    },
-    handleChange (event) {
-      // const value = event.target.value
-      const value = event
-      this.$emit('input', value)
-      if (value.length==1000){
-        return  this.$message({
-          message: '相关标准不能输入超过1000个字符',
-          type: 'warning'
-        });
-      }
-    },
-    // 代替政策编号-取消
-    replaceLawsNumModelCancel () {
-      // this.replaceLawsNumModel = false
-      this.$refs.selections.clearSelection()
-    },
-    // 代替政策号 table选择事件
-    selectReplaceStandNumRowChange (row) {
-      this.selectedListRep = row
-    },
-    // 代替政策分页
-    pageChangeReplace (page) {
-      this.replacePage = page
-      this.replaceLawsNumForm.page = page
-      this.getReplaceLawsNumRow()
-    },
-    pageSizeChangeReplace (pageSize) {
-      // this.replaceRows = pageSize
-      this.replaceLawsNumForm.pageSize = pageSize
-      this.getReplaceLawsNumRow()
-    },
-    // 代替政策编号确定
-    replaceLawsNumModelBt () {
-      let textArr = []
-
-      if (typeof this.value === 'string') {
-        if (this.value) {
-          textArr = this.value.split(',')
-        }
-      }
-      if (this.selectedListRep.length === 0) {
-        return this.$message({
-          message: '请先选择数据',
-          type: 'warning'
-        })
-      }
-      if (this.selectedListRep.length + textArr.length > 20) {
-        return this.$message({
-          message: '标准最多选择20项',
-          type: 'warning'
-        })
-      }
-      this.selectedListRep.map((item) => {
-        let texts = ''
-        if (item.standYear != null && item.standYear !== '') {
-          texts = item.standSort !== null ? item.standSort + ' ' + item.standNumber + '-' + item.standYear : item.standNumber + '-' + item.standYear
-        } else {
-          texts = item.standSort !== null ? item.standSort + ' ' + item.standNumber : item.standNumber
-        }
-        textArr.push(texts)
-        textArr = [...new Set(textArr)]
-        this.replaceLawsNumModel = false
-      })
-      // this.SarLawsInfoEO.replaceLawsNum = textArr.join(',')
-      // 解决 标准入库流程--圈住的字段，先手动输入，然后再手动查找，点提交就会把手动输入的标准号覆盖
-      if(this.replaceLawType === 'dtbjh'){
-        this.form.dtbjh = this.form.dtbjh ? this.form.dtbjh + ',' + textArr.join(',') : textArr.join(',')
-      }else if(this.replaceLawType === 'yybj'){
-        this.form.yybj = this.form.yybj ? this.form.yybj + ',' +textArr.join(',') : textArr.join(',')
-      }else if(this.replaceLawType === 'cbbh'){
-        this.form.cbbh = this.form.cbbh ? this.form.cbbh + ',' +textArr.join(',') : textArr.join(',')
-      }else if(this.replaceLawType === 'bfbdtbzh'){
-        this.form.bfbdtbzh = this.form.bfbdtbzh ? this.form.bfbdtbzh + ',' +textArr.join(',') : textArr.join(',')
-      }else {
-        this.form.byybj = this.form.byybj ? this.form.byybj + ',' +textArr.join(',') : textArr.join(',')
-      }
-      // this.$emit('input', textArr.join(','))
-      this.$refs.selections.clearSelection()
-    },
-    // 点击查看
-    handlePreview (item) {
-      let routeUrl = this.$router.resolve({
-        name: 'OtherLawsStandDetails',
-        params: {
-          id: item.id,
-          pageType: 'LAWS_STAND'
-        }
-      })
-      window.open(routeUrl.href, '_blank')
-    },
-    getResetLawsNumRow () {
-      this.replaceLawsNumForm = {
-        standNumber: '', // 标准编号
-        page: 1,
-        pageSize: this.$store.getters.userInfo.configContent,
-        total: 0,
-        standType: 'BUSINESS',
-        quoteIdList: '',
-        validFlag: '0'
-      }
-      this.getReplaceLawsNumRow()
-    },
-    selectLaws (type) {
-      // if (this.standNumFlag === 1) {
-      // this.$refs.selections.selectAll(false)
-      // }
-      // this.sarBussionessLawsEO.replaceLawsNum = ''
-      this.replaceLawsNumModel = true
-      this.replaceLawType = ''
-      this.replaceLawType = type
-      this.getReplaceLawsNumRow()
-    },
-    // 代替企标编号 请求数据
-    getReplaceLawsNumRow () {
-      if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
-        this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
-      } else {
-        this.quoteIdList1 = []
-        this.replaceLawsNumForm.quoteIdList = ''
-      }
-      this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', this.replaceLawsNumForm, {
-        _this: this,
-        loading: 'replaceLoading'
-      }, res => {
-        this.replaceLawsNumRow = res.data.list
-        this.replaceTotal = res.data.count
-        if (this.selectedListRep.length !== 0) {
-          this.selectedListRep.map((list) => {
-            this.replaceLawsNumRow.map((item) => {
-              if (list.id === item.id) {
-                item._checked = true
-              }
-            })
-          })
-        }
-      }, e => {
-      })
-    },
-    beginImportFile (file) {
-      var filename = file.name
-      var index1 = filename.lastIndexOf('.')
-      var index2 = filename.length
-      var fileSuffix = filename.substring(index1, index2)
-      // const fileSuffix = file.name.split('.')[1] // 后缀名
-      // 判断上传文件格式
-      if (fileSuffix === '.pdf' || fileSuffix === '.PDF' || fileSuffix === '.ppt'|| fileSuffix === '.PPT' || fileSuffix === '.pptx'|| fileSuffix === '.PPTX'|| fileSuffix === '.doc' || fileSuffix === '.DOC' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
-        return true
-      } else {
-        this.spinShow = false
-        this.$message.error('文件' + file.name + '格式不正确，请上传PDF/PPT/PPTX/DOC/DOCX或XLS文件')
-        return false
-      }
-      // 判断文件上传大小
-      // eslint-disable-next-line no-unreachable
-      if (file.size / 1024 / 1024 <= 200) {
-        return true
-      } else {
-        this.$message.error('文件' + file.name + '大小不超过200M')
-        return false
-      }
-      return true
-    },
-    getBusStandFileByAttId(attId) {
-      return new Promise((resolve, reject) => {
-        getBusStandFileByAttId({
-          attId
-        }).then(res => {
-          if (res.ok) {
-            resolve(res.data)
-          } else {
-            reject()
-          }
-        }).catch(e => {
-          reject(e)
-        })
-      })
-    },
-    // 文件预览及下载
-    handleFilePreview(file) {
-      const attId = file.response.data.id
-      if (this.preview) {
-        if (attId) {
-          window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + attId
-        } else {
-          this.$message.warning('文件不存在,下载失败')
-        }
-      } else {
-        this.getBusStandFileByAttId(attId)
-          .then(res => {
-            if(res){
-              const editFileInfo = res
-              if(editFileInfo.fileSuffix === 'pdg' || editFileInfo.fileSuffix === 'PDG'){
-                window.open('book://ssreader/e0?url='+editFileInfo.downLoadUrl)
-              }else {
-                const nowTime = new Date().getTime()
-                // window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(Base64.encode(editFileInfo.downLoadUrl)));
-                window.open(onlyOfficeUrl+'/onlyOffice?oldFileName=' + editFileInfo.oldFileName + '&fileType=' + editFileInfo.fileSuffix + '&attId=' + editFileInfo.id + '&fileUrl=' + editFileInfo.downLoadUrl + '&key=' + editFileInfo.id + nowTime+'&filePath='+editFileInfo.filePath+'&fileName='+editFileInfo.fileName)
-              }
-            }
-          }).catch(e => {
-          console.log(e)
-          this.$message.warning('文件不存在,预览失败')
-        })
-      }
-    },
-    // 导入标准数据成功后执行
-    importFileSuccess (response, file,fileList) {
-      // 上传成功后判断是否是两条数据是的话替换掉旧数据
-      // if (fileList.length > 1) {
-      //   this.fileList = fileList.splice(0, 1)
-      // }
-      if (response.ok) {
-
-        switch (this.fileType){
-          case 'FBGBUSS':
-            this.FBGBUSSFileList = fileList
-            break;
-          case 'BZSMBUSS' :
-            this.BZSMBUSSFileList = fileList
-            break;
-          case 'LSBBBUSS':
-            this.LSBBBUSSFileList = fileList
-            break;
-          case 'GLWJLAWS':
-            this.QTWJBUSSFileList = fileList
-            break;
-          case 'GLWJBUSS':
-            this.GLWJBUSSFileList = fileList
-            break;
-          default : ;
-        }
-        this.$message({
-          // showClose: true,
-          message: response.message,
-          type: 'success'
-        })
-      }
-    },
-    downloadFile (data) {
-      //文件id中出现了','字符,去除掉
-      window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + data.id
-    },
-    fileUpload (type) {
-      this.fileType = '';
-      // this.fileMadel = true;//此句应在最后执行,否则会有先显示没变换的的文件列表,在显示变换了的文件列表
-
-      this.fileType = type;
-
-      switch (this.fileType){
-        case 'FBGBUSS':
-          this.fileList=this.FBGBUSSFileList
-          break;
-        case 'BZSMBUSS' :
-          this.fileList=this.BZSMBUSSFileList
-          break;
-        case 'LSBBBUSS':
-          this.fileList=this.LSBBBUSSFileList
-          break;
-        case 'QTWJBUSS':
-          this.fileList=this.QTWJBUSSFileList
-          break;
-        case 'GLWJBUSS':
-          this.fileList=this.GLWJBUSSFileList
-          break;
-        default : ;
-      }
-      this.fileMadel = true;
-
-    },
-    removeOneFile(file, fileList) {
-
-      switch (this.fileType){
-        case 'FBGBUSS':
-          this.FBGBUSSFileList = fileList
-          break;
-        case 'BZSMBUSS' :
-          this.BZSMBUSSFileList = fileList
-          break;
-        case 'LSBBBUSS':
-          this.LSBBBUSSFileList = fileList
-          break;
-        case 'QTWJBUSS':
-          this.QTWJBUSSFileList = fileList
-          break;
-        case 'GLWJBUSS':
-          this.GLWJBUSSFileList = fileList
-          break;
-        default : ;
-      }
-    },
-    popoverHideBusVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
-      if(checkedData) {
-        if(checkedData.length > 0){
-          this.form.VPPSBMBUSS = checkedData.map(item => item.code).join(",")
-          this.form.VPPSCNBUSS = checkedData.map(item => item.chineseName).join(",")
-        }else {
-          this.form.VPPSBMBUSS = checkedData.code
-          this.form.VPPSCNBUSS = checkedData.chineseName
-        }
-      }
-      this.modalShowFlag2 = false
-      this.$forceUpdate()
-    },
-    popoverHide (checkedIds, checkedData,isShow,isLoadChild,topId) {
-      if(checkedData) {
-        if(checkedData.length > 0){
-          this.form.TXLBBUSS = checkedData.map(item => item.menuName).join(",")
-        }else {
-          this.form.TXLBBUSS = checkedData.menuName
-        }
-      }
-      this.modalShowFlag1 = false
-      this.$forceUpdate()
-    },
-    popoverHideCancel(){
-      this.modalShowFlag1  = false
-    },
-    popoverHideBusVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
-      if(checkedData && checkedData.length != 0) {
-        if(checkedData.length > 0 && checkedData.length != 0){
-          this.form.cycvppsbm = checkedData.map(item => item.code).join(",")
-          this.form.cycvppscn = checkedData.map(item => item.chineseName).join(",")
-        }else {
-          this.form.cycvppsbm = checkedData.code
-          this.form.cycvppscn = checkedData.chineseName
-        }
-        this.modalShowFlag2 = false
-      }
-
-    },
-    popoverHideBusVsCancel(){
-      this.modalShowFlag2 = false
-    },
-    popoverHideCarVs (checkedIds, checkedData,isShow,isLoadChild,topId) {
-      if(checkedData && checkedData.length != 0) {
-        if(checkedData.length > 0){
-          this.form.kccvppsbm = checkedData.map(item => item.code).join(",")
-          this.form.kccvppscn = checkedData.map(item => item.chineseName).join(",")
-        }else {
-          this.form.kccvppsbm = checkedData.code
-          this.form.kccvppscn = checkedData.chineseName
-        }
-        this.modalShowFlag3 = false
-
-      }
-    },
-    popoverHideCarVsCancel(){
-      this.modalShowFlag3 = false
-    },
-    popoverHideModel (checkedIds, checkedData,isShow,isLoadChild,topId) {
-      if(checkedData && checkedData.length != 0) {
-        if(checkedData.length > 0){
-          this.form.dybxh = checkedData.map(item => item.model).join(",")
-          this.form.dymc = checkedData.map(item => item.name).join(",")
-        }else {
-          this.form.dybxh = checkedData.model
-          this.form.dymc = checkedData.name
-        }
-        this.modalShowFlag4 = false
-      }
-
-    },
-    popoverHideModelCancel(){
-      this.modalShowFlag4 = false
-    },
-    closeDrawer() {
-      this.ListModel = false
-    },
-    OkDrawer() {
-      this.ListModel = false
-      var item = {
-        remarks: '123'
-      }
-      this.data.push(item)
-    },
-    addList() {
-      this.title = '新增标准'
-      this.ListModel = true
-    },
     handleTabs(name) {
-      this.active = name
+      this.active = name;
     },
-    //保存
-    handleSave() {
-      this.form.country=this.countryArr;
-      // if(item.country !== undefined && item.country !== null){
-      //   this.sarStandardsInfoEO.country = item.country.split(",");
-      // }
+    getData () {
+      const { taskIds, prcId } = this.$route.query
 
-      this.saveLoading = true
-      let _formData = new FormData()
-      // _formData.append('id', this.bpnId)
-      _formData.append('createUser', this.$store.getters.userInfo.account)
-      _formData.append('createUserName', this.$store.getters.userInfo.uName)
-      _formData.append('prcType', 'buss1')
-      _formData.append('prcName', '企标制修订-技术标准')
-      _formData.append('json', JSON.stringify({
-        prcNum:this.prcNum,
-        taskInfo: this.taskInfo,
-        form: this.form,
-        roleForm: this.roleForm,
-        commentText: this.formTongGuo.commentText
-      }))
-      saveTaskFirst(_formData).then(res => {
-        this.saveLoading = false
-        this.$message.success('保存成功')
-        // this.bpnId = res.result
-      }).catch(e => {
-        this.saveLoading = false
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          // if (!processForm.form) {
+          //   this.getEvaluation()
+          // }
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
       })
     },
-    fileInfoHandle(){
+    handle2 () {
+      // this.$message({
+      //   dangerouslyUseHTMLString: true,
+      //   message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+      //   type: 'error'
+      // })
 
-      //拼接文件名和id 提交到流程Activity
-      this.form.FBGBUSS=this.FBGBUSSFileList.map(item => item.response.data.id).join(",")
-      this.form.FBGBUSSName=this.FBGBUSSFileList.map(item => item.name).join(",")
-
-      this.form.BZSMBUSS=this.BZSMBUSSFileList.map(item => item.response.data.id).join(",")
-      this.form.BZSMBUSSName=this.BZSMBUSSFileList.map(item => item.name).join(",")
-
-      this.form.LSBBBUSS=this.LSBBBUSSFileList.map(item => item.response.data.id).join(",")
-      this.form.LSBBBUSSName=this.LSBBBUSSFileList.map(item => item.name).join(",")
-
-      this.form.QTWJBUSS=this.QTWJBUSSFileList.map(item => item.response.data.id).join(",")
-      this.form.QTWJBUSSName=this.QTWJBUSSFileList.map(item => item.name).join(",")
-
-      this.form.GLWJBUSS=this.GLWJBUSSFileList.map(item => item.response.data.id).join(",")
-      this.form.GLWJBUSSName=this.GLWJBUSSFileList.map(item => item.name).join(",")
-
-    },
-    // 删除方法
-    deletedId(data, ids) {
-      let m = 0, n = data.length;
-      for (; m < n; m++) {
-        let i = 0, j = ids.length;
-        for (; i <j; i++) {
-          if (data[m] && data[m].id === ids[i]) {
-            data.splice(m, 1)
-          }
-        }
-        if (data[m] && data[m].children.length > 0) {
-          this.deletedId(data[m].children, ids)
-        }
-      }
-      return data
-    },
-    changeRestTree(val) {
-      let arr = [];
-      if (val.length !== 0) {
-        val.forEach(item => {
-          if (item.children.length >= 1) {
-            item.children = this.changeTree(item.children);
-          }
-          if(item.pid === '0'){
-            item.id = arr.length + 1,
-              item.modelNum = arr.length + 1+''
-            item.orderNum = arr.length + 1 // orderNum为新创建行的索引
-            item.modelIndex = arr.length
-          }else {
-            item.id = item.modelNum+'.'+(arr.length + 1)
-            item.modelNum = item.modelNum+'.'+(arr.length + 1)
-            item.orderNum = arr.length + 1
-            item.pid = item.modelNum
-            item.modelIndex = arr.length
-          }
-          arr.push(item);
-        });
-      }
-
-      return arr;
-    },
-    changeTree(val) {
-      let arr = [];
-      this.modelDataNameVerify = []
-      this.modelDataZrUserVerify = []
-      if (val.length !== 0) {
-        val.forEach(item => {
-          let obj = {};
-          obj.modelName = item.modelName;
-          obj.zrUserIdName = item.zrUserIdName;
-          if(!obj.modelName || obj.modelName === ''){
-            this.modelDataNameVerify.push("1")
-          }
-          if(item.pid === '0' && (!obj.zrUserIdName || obj.zrUserIdName === '')){
-            this.modelDataZrUserVerify.push("1")
-          }
-          if (item.children.length >= 1) {
-            item.children = this.changeTree(item.children);
-          }
-          arr.push(item);
-        });
-      }
-
-      return arr;
-    },
-    handleTransfer() {
-      this.drawerModal = true
-      this.drawerTitle = '转办处理人'
-    },
-    handle1(){
-      this.formTongGuo.approvalOpinion = 1
-      this.handleSubmit()
-    },
-    handle2(){
-      this.formTongGuo.approvalOpinion = 0
+      this.form.approvalOpinion = 0
       this.$refs['form'].validate((valid) => {
         if (valid) {
           this.handleSubmit()
         }
       })
     },
-    getRule(){
-      if (this.formTongGuo.approvalOpinion === 0) {
-        this.rules.commentText[0].required = false;
-        this.$refs.formTongGuo.clearValidate('commentText')
-      }else {
-        this.rules.commentText[0].required = true;
-      }
+    handle1 () {
+      this.form.approvalOpinion = 1
+      this.handleSubmit()
     },
+
     handleSubmit() {
-      this.getRule()
-      // const val= this.form.country;
-      // if (val !== '' && val !== null && typeof (val) !== 'undefined') {
-      //     if (val instanceof Array) {
-      //         this.form.country = val.join(",");
-      //     } else {
-      //         this.form.country = val
-      //     }
-      // } else if (val === '') {
-      //     this.form.country = []
-      // }
-      this.$refs['formTongGuo'].validate((valid) => {
+      this.addRule()
+      this.$refs['form'].validate((valid) => {
         if (valid) {
-          this.isSubmit = true
-          this.saveLoading = true
-          this.form.commentText = this.formTongGuo.commentText
-          this.form.approvalOpinion = this.formTongGuo.approvalOpinion
+          this.footerLoading = true
           const json = JSON.stringify(this.form);
-          this.$http.post('lawss/activiti/completeTask', {
-            taskIds: this.taskIds,
-            userId : this.userId,
+          const query = {
+            taskIds: this.$route.query.taskIds,
+            userId : this.$route.query.userId,
             json: json
-          }, {
-            _this: this
-          }, res => {
+          }
+          this.$http._post('lawss/activiti/completeTask', query).then(res => {
             if (res.success) {
-              if(this.formTongGuo.approvalOpinion === '1'){
+              if(this.form.approvalOpinion === 1){
                 this.$message.warning("驳回成功")
               }else{
-                this.$message.success(res.message)
-                // this.processCreateLaws(json)
+                this.$message.success('操作成功')
               }
-              // hwh5.close()
-    this.$router.go(-2)
-              // 流程提交之后，应该流转至待办任务页面
-              // this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
-            }else {
-              this.$message.success(res.message)
+              this.footerLoading = false
+
+              this.$router.go(-2)
+            } else {
+              this.footerLoading = false
+              this.$message.error(res.message)
             }
-            this.isSubmit = false
-            this.saveLoading = false
           })
-        }})
-    },
-    busVsFunc(){
-      this.$http.get('sarVppsTree/list', '', {
-        _this: this
-      }, res => {
-        this.busVppsOptions = []
-        this.busVppsOptions = res.data
-      })
-    },
-    busVsChildFunc(id){
-      this.$http.get('sarVppsTree/childByList', {id:id}, {
-        _this: this
-      }, res => {
-        this.busVppsChildOptions = []
-        this.busVppsChildOptions = res.data
-      })
-    },
-    modelFunc(){
-      this.$http.get('sarModelTree/list', '', {
-        _this: this
-      }, res => {
-        this.modelOptions = []
-        this.modelOptions = res.data
-      })
-    },
-    /**
-     * @description: 动态表单读取
-     */
-    getFormFieldList (item) {
-      this.$nextTick(() => {
-        this.form = JSON.parse(JSON.stringify(item))
-        this.form.evaluationData = []
-        this.getEvaluation()
-        this.form.prcNum = this.prcNum
-        this.form.prcName = this.prcName
-        this.form['id'] = item.id
-        this.form['SYCXCLASS'] = this.filterObj(this.form['SYCXCLASS'])
-        this.form['NYLXCLASS'] = this.filterObj(this.form['NYLXCLASS'])
-        this.form['SYCPXCLASS'] = this.filterObj(this.form['SYCPXCLASS'])
-      })
-    },
-    filterObj(obj){
-      if(obj && obj !== ''){
-        if(obj instanceof Array){
-          return obj;
-        }else {
-          return obj.split(",")
+        } else {
+          this.$message.warning('请检查基础信息表单是否填写完整')
         }
-      }
-      return "";
+      })
     },
-    assemble(ids,names){
-      let list= new Array();
-      if(ids && ids !== '' && names && names !== ''){
-        let idArray=ids.split(',');
-        let nameArray=names.split(',');
-        for(let i=0; i<idArray.length; i++){
-          list.push({id:idArray[i],name:nameArray[i]});
-        }
+    addRule() {
+      if (this.form.approvalOpinion === 0) {
+        this.rules.commentText = [
+          { required: false }
+        ]
+        this.$refs.form.clearValidate('commentText')
+      } else {
+        this.rules.commentText = [
+          { required: true, message: '审批意见不能为空' }
+        ]
       }
-      return list;
+      this.rules = { ...this.rules }
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
     },
     getEvaluation() {
       return new Promise((resolve, reject) => {
@@ -2065,157 +304,34 @@ export default {
         })
       })
     },
-    getData() {
-      if(this.taskIds && this.pId){
-        return new Promise((resolve, reject) => {
-          inboundLiaisonDetail({
-            taskIds: this.taskIds,
-            pId: this.pId
-          }).then(res => {
-            if (res) {
-              const processForm = JSON.parse(res.mesg)
-              const dateArr = []
-              if(processForm.commentCycleStart && processForm.commentCycleEnd){
-                dateArr[0] = processForm.commentCycleStart
-                dateArr[1] = processForm.commentCycleEnd
-                this.commentCycleDate = dateArr
-              }
-
-              this.getFormFieldList(processForm)
-              this.FBGBUSSFileList=this.assemble(processForm.FBGBUSS,processForm.FBGBUSSName);
-              this.BZSMBUSSFileList=this.assemble(processForm.BZSMBUSS,processForm.BZSMBUSSName);
-              this.LSBBBUSSFileList=this.assemble(processForm.LSBBBUSS,processForm.LSBBBUSSName);
-              this.QTWJBUSSFileList=this.assemble(processForm.QTWJBUSS,processForm.QTWJBUSSName);
-              this.GLWJBUSSFileList=this.assemble(processForm.GLWJBUSS,processForm.GLWJBUSSName);
-              this.summaryFileList=this.assemble(processForm.summaryFile,processForm.summaryFileName);
-            }
-          }).catch(e => {
-          })
-        })
-      }
-    },
-    processTable () {
-      this.$nextTick(() => {
-        Promise.all([this.getTaskId()]).then((value) => {
-          if(value[0] &&value.length > 0){
-            let mes = JSON.parse(value[0].mes)
-            mes.form.date = new Date(this.$moment(mes.form.date).format('YYYY-MM-DD'))
-            this.form = mes.form
-            this.taskIds = mes.taskIds;
-            this.pId = mes.pId;
-            this.userId = mes.userId;
-            this.prcNum = mes.prcNum;
-            this.prcName = mes.prcName;
-            this.roleForm = mes.roleForm
-            this.commentText = mes.commentText
-          }
-          this.loading = true
-          this.$http.get('lawss/activiti/get_list_by_instance', {
-            prcNum: this.prcNum,
-            sortWord: this.shunxu ? this.paixu : '',
-            shunxu: this.shunxu
-          }, {
-            loading: 'loading',
-            _this: this
-          }, res => {
-            this.detailData = res
-            this.loading = false
-          }, e => {})
-        })
-      })
-    },
-  },
-  mounted () {
-    this.getTaskId()
-    this.getData()
-    this.processTable()
-    this.$http.get('sys/dictype/getDicTypeListCode', '', {
-      _this: this
-    }, res => {
-      this.countryOptions = res.data.COUNTRY
-      this.applyCountryOptions = res.data.COUNTRY
-      this.regionOptions = res.data.REGION // 区域
-      this.standStateOptions = res.data.BUSSSTATE
-      this.energyKindOptions = res.data.ENERGYTYPES
-      this.standGeneraOptions = res.data.BUSSBIGCLASS
-      this.standSubclassOptions = res.data.BUSSFINECLASS
-      this.standSortOptions = res.data.BUSSSTANDCLASS // 标准类别
-      this.standNatureOptions = res.data.SARPROPERTY // 标准性质
-      this.standStateOptions = res.data.TEXTSTATUSBUSS // 文本状态
-      this.standSystemOptions = res.data.TXLBBUSS // 标准体系
-      this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
-      this.categoryOptions = res.data.NYLXCLASS // 能源类型
-      this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
-      this.cysdOptions = res.data.WSCYSD // 我司参与深度
-      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
-      this.txlbOptions = res.data.TXLBCLASS // 体系类别
-      this.qcdwOptions = res.data.QCDW // 起草单位
-      this.qcrOptions = res.data.QCRBUSS // 起草人
-      this.nylxOptions = res.data.NYLXCLASS // 能源类型
-      this.syrzOptions = res.data.SYRZCLASS // 适用认证
-      this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
-      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
-      this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
-      this.gkglbmOptions=res.data.GKGLBM;//归口管理部门
-      this.setMap(this.standStateOptions)
-    })
-    this.tablePHeight = $('.content').height()
-    window.onresize = () => {
-      this.tablePHeight = $('.content').height()
-    }
-    this.busVsFunc()
-    this.modelFunc()
   }
 }
 </script>
 
-<style lang="less" scoped>
-@import '~@/assets/styles/phone';
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
 
-.bzrkStep2 {
-  /deep/.el-select .el-input .el-select__caret {
-    font-size: 0;
-  }
-  /deep/.prc-content-border {
-    width: 600px;
-  }
-  /deep/ .el-drawer__container {
-    .prc-content-border {
-      border: none;
-      padding: 0 20px 0;
-    }
-  }
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
 
-  /deep/ .van-dialog__content {
-    min-height: 300px;
-    padding: 10px;
-  }
-
-
-
-  position: relative;
-  height: 100%;
-
-  .content {
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    overflow: auto;
-
-    .tableTitle {
-      margin-bottom: 10px;
-      height: 30px;
-      line-height: 30px;
-      position: relative;
-      font-size: 13px;
-      font-weight: bold;
-
-      .tableButton {
-        position: absolute;
-        right: 0;
-        top: 0;
-      }
-    }
   }
 }
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
 </style>
diff --git a/src/pages/processCenter/pages/phone/qbrk/step9.vue b/src/pages/processCenter/pages/phone/qbrk/step9.vue
new file mode 100644
index 000000000..b13df3000
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbrk/step9.vue
@@ -0,0 +1,338 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订-技术标准</template>
+      <template slot="proNode">审核</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '5' ? 'active' : ''" @click="handleTabs('5')">评审评分</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          :rules="rules"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">过程稿件</template>
+            </ProcessTitle>
+            <ProcessFile :form="form" :disabled="disabled"></ProcessFile>
+            <ProcessTitle>
+              <template slot="title">适用范围</template>
+            </ProcessTitle>
+            <Range :form="form" :dict="dict" :disabled="disabled"></Range>
+            <ProcessTitle>
+              <template slot="title">关联信息</template>
+            </ProcessTitle>
+            <Info :form="form" :dict="dict" :disabled="disabled"></Info>
+            <!--<ProcessTitle>-->
+            <!--  <template slot="title">文件汇总</template>-->
+            <!--</ProcessTitle>-->
+            <!--<FileSummary :data="form.fileModelList"></FileSummary>-->
+            <ProcessTitle>
+              <template slot="title">意见信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.infoList"></TermInfo>
+            <div class="prc-content-border">
+              <UploadFormItem
+                  label="汇总评审意见文件"
+                  prop="summaryFileName"
+                  :ids.sync="form.summaryFile"
+                  :names.sync="form.summaryFileName"
+                  view
+                  :disabled="disabled"
+              ></UploadFormItem>
+            </div>
+          </div>
+          <ReceiptDescription v-model="form.commentText" prop="commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+        <template v-if="active === '4'">
+          <div style="height: 100%">
+            <ProcessTitle>
+              <template slot="title">条款信息</template>
+            </ProcessTitle>
+            <TermInfo :data="form.modelData"></TermInfo>
+          </div>
+        </template>
+        <template v-if="active === '5'">
+          <Score :form="form" :standSort="form.standSort" :standName="form.standName"></Score>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit2
+        show-over2
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit2="handle2"
+        @transfer="handleTransfer"
+        @over2="handle1"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import {getEvaluationIndex} from "api/businessApi";
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import ProcessFile from "./components/ProcessFile";
+import Range from "./components/Range";
+import Info from "./components/Info";
+import RoleInfo from "./components/RoleInfo";
+import FileSummary from "./components/FileSummary";
+import TermInfo from "./components/TermInfo";
+import Score from "./components/Score";
+
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    ProcessFile,
+    Range,
+    Info,
+    RoleInfo,
+    FileSummary,
+    TermInfo,
+    Score,
+    UploadFormItem
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      rules: {},
+      roleForm: {},
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          if (!processForm.form) {
+            this.getEvaluation()
+          }
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    handle2 () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+
+      // this.form.approvalOpinion = 0
+      // this.$refs['form'].validate((valid) => {
+      //   if (valid) {
+      //     this.handleSubmit()
+      //   }
+      // })
+    },
+    handle1 () {
+      this.form.approvalOpinion = 1
+      this.handleSubmit()
+    },
+
+    handleSubmit() {
+      this.addRule()
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.footerLoading = true
+          const json = JSON.stringify(this.form);
+          const query = {
+            taskIds: this.$route.query.taskIds,
+            userId : this.$route.query.userId,
+            json: json
+          }
+          this.$http._post('lawss/activiti/completeTask', query).then(res => {
+            if (res.success) {
+              if(this.form.approvalOpinion === 1){
+                this.$message.warning("驳回成功")
+              }else{
+                this.$message.success('操作成功')
+              }
+              this.footerLoading = false
+
+              this.$router.go(-2)
+            } else {
+              this.footerLoading = false
+              this.$message.error(res.message)
+            }
+          })
+        } else {
+          this.$message.warning('请检查基础信息表单是否填写完整')
+        }
+      })
+    },
+    addRule() {
+      if (this.form.approvalOpinion === 0) {
+        this.rules.commentText = [
+          { required: false }
+        ]
+        this.$refs.form.clearValidate('commentText')
+      } else {
+        this.rules.commentText = [
+          { required: true, message: '审批意见不能为空' }
+        ]
+      }
+      this.rules = { ...this.rules }
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    },
+    getEvaluation() {
+      return new Promise((resolve, reject) => {
+        getEvaluationIndex({
+          indexType: 'quality'
+        }).then(res => {
+          if (res) {
+            const evalList = []
+            res.data.forEach(item =>{
+              item.score = ''
+              item.scoreMin = ''
+              item.reason = ''
+              item.userId = this.userId
+              item.processNode = this.taskInfo
+              evalList.push(item)
+            })
+            this.form.evaluationData = evalList
+            this.$forceUpdate()
+          }
+        }).catch(e => {
+        })
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbzxdlx/components/Basic.vue b/src/pages/processCenter/pages/phone/qbzxdlx/components/Basic.vue
new file mode 100644
index 000000000..f9ba869cf
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbzxdlx/components/Basic.vue
@@ -0,0 +1,206 @@
+<template>
+  <div class="prc-content-border">
+    <InputFormItem
+        label="项目目标"
+        prop="projectTarget"
+        v-model="form.projectTarget"
+        :disabled="disabled"
+    ></InputFormItem>
+    <UploadFormItem
+        label="附件"
+        prop="fileName"
+        :ids.sync="form.fileId"
+        :names.sync="form.fileName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+    <SelectFormItem
+        label="企标类别"
+        title="企标类别"
+        v-model="form.bussSort"
+        :options="dict.BUSSSTANDCLASS || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <InputFormItem
+        label="企标名称"
+        prop="esName"
+        v-model="form.esName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <SelectFormItem
+        label="制修订类型"
+        title="制修订类型"
+        v-model="form.reviseStatus"
+        :options="reviseStatusOptions"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <InputFormItem
+        v-if="form.reviseStatus === '修订'"
+        label="代替企标编号"
+        prop="rqbJson"
+        v-model="form.rqbJson"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="起草责任单位"
+        prop="unitName"
+        v-model="form.unitName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="起草人"
+        prop="drafterName"
+        v-model="form.drafterName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="评审责任人"
+        prop="resPersonName"
+        v-model="form.resPersonName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="技术委员会评审负责人"
+        prop="wgLeaderName"
+        v-model="form.wgLeaderName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <DatePickerFormItem
+        label="计划标准初稿完成时间"
+        prop="draftTime"
+        v-model="form.draftTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+    <DatePickerFormItem
+        label="计划标准发布时间"
+        prop="releaseTime"
+        v-model="form.releaseTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+    <DatePickerFormItem
+        label="立项完成时间"
+        prop="endTime"
+        v-model="form.endTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+    <InputFormItem
+        label="体系结构"
+        prop="tsJsonName"
+        v-model="form.tsJsonName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <SelectMultipleFormItem
+        label="适用车型"
+        title="适用车型"
+        v-model="form.area"
+        :options="dict.ENERGYTYPES || []"
+        :disabled="disabled">
+    </SelectMultipleFormItem>
+    <SelectFormItem
+        label="是否采用标准"
+        title="是否采用标准"
+        v-model="form.isRelate"
+        :options="isRelateOptions"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <InputFormItem
+        v-if="form.isRelate === '否'"
+        label="简述指标依据"
+        prop="technologic"
+        v-model="form.technologic"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        v-if="form.isRelate === '是'"
+        label="采用标准"
+        prop="esStandRelations"
+        v-model="form.esStandRelations"
+        :disabled="disabled"
+    ></InputFormItem>
+    <SelectFormItem
+        v-if="form.isRelate === '是'"
+        label="采标程度"
+        title="采标程度"
+        v-model="form.useLevel"
+        :options="dict.DEGREESTANDARD || []"
+        :disabled="disabled"
+    ></SelectFormItem>
+    <InputFormItem
+        label="引用标准"
+        prop="esMatingRelations"
+        v-model="form.esMatingRelations"
+        :disabled="disabled"
+    ></InputFormItem>
+    <UploadFormItem
+        label="立项单"
+        prop="LXDName"
+        :ids.sync="form.LXD"
+        :names.sync="form.LXDName"
+        view
+        :disabled="disabled"
+    ></UploadFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+import UploadFormItem from '@/components/hzwlComponents/UploadFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+
+export default {
+  name: "Basic",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    InputFormItem,
+    DatePickerFormItem,
+    SelectFormItem,
+    UploadFormItem,
+    SelectMultipleFormItem
+  },
+  data () {
+    const reviseStatusOptions = [
+      {
+        label: '制订',
+        value: '制订'
+      },
+      {
+        label: '修订',
+        value: '修订'
+      }
+    ]
+    const isRelateOptions = [
+      {
+        label: '是',
+        value: '是'
+      },
+      {
+        label: '否',
+        value: '否'
+      }
+    ]
+    return {
+      reviseStatusOptions,
+      isRelateOptions
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbzxdlx/components/RoleInfo.vue b/src/pages/processCenter/pages/phone/qbzxdlx/components/RoleInfo.vue
new file mode 100644
index 000000000..9fa5d5fc4
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbzxdlx/components/RoleInfo.vue
@@ -0,0 +1,82 @@
+<template>
+  <el-timeline style="padding-top: 20px">
+    <el-form
+        ref="userForm"
+        :model="roleForm"
+        class="label-input-form">
+      <TimeLineFormItem
+          prop="prcCreateUserName"
+          timestamp="起草"
+          title="标准立项申请人"
+          :id.sync="roleForm.prcCreateUser"
+          :name.sync="roleForm.prcCreateUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="dockUserName"
+          timestamp="审核"
+          title="标准立项单位整车/系统总工"
+          :id.sync="roleForm.dockUser"
+          :name.sync="roleForm.dockUserName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="countersignerName"
+          timestamp="会签"
+          title="创新技术委员会成员/标准体系工作组成员(必选)、二级研发(部所所长、总工、中心主任/研究院院长)(必选)、质量相关人员(可选)、制造部相关人员(可选)、采购部相关人员(可选)、海外相关人员(可选)"
+          :id.sync="roleForm.countersigner"
+          :name.sync="roleForm.countersignerName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="examineName"
+          timestamp="审定"
+          title="标准体系工作组组长"
+          :id.sync="roleForm.examine"
+          :name.sync="roleForm.examineName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="approverName"
+          timestamp="批准"
+          title="标准法规部高级经理"
+          :id.sync="roleForm.approver"
+          :name.sync="roleForm.approverName"
+          disabled
+      ></TimeLineFormItem>
+      <TimeLineFormItem
+          prop="engineerName"
+          timestamp="抄送"
+          title="相关单位、工程研究总院标准法规部"
+          :id.sync="roleForm.engineer"
+          :name.sync="roleForm.engineerName"
+          disabled
+      ></TimeLineFormItem>
+    </el-form>
+  </el-timeline>
+</template>
+
+<script>
+import TimeLineFormItem from '@/components/hzwlComponents/TimeLineFormItem'
+
+export default {
+  name: "RoleInfo",
+  components: {
+    TimeLineFormItem
+  },
+  props: {
+    roleForm: {
+      type: Object,
+      default: () => ({})
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbzxdlx/step2-new.vue b/src/pages/processCenter/pages/phone/qbzxdlx/step2-new.vue
new file mode 100644
index 000000000..b3539bd7c
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbzxdlx/step2-new.vue
@@ -0,0 +1,209 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订立项计划流程</template>
+      <template slot="proNode">立项确认</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+        <template v-if="active === '2'">
+          <RoleInfo :roleForm="roleForm"></RoleInfo>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from './components/Basic'
+import RoleInfo from './components/RoleInfo'
+
+export default {
+  name: "step2-new",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    RoleInfo
+  },
+  data () {
+    const form = {}
+    const roleForm = {
+      prcCreateUserName: this.$store.getters.userInfo.userName,
+      prcCreateUser: this.$store.getters.userInfo.userId,
+      dockUser: "",
+      dockUserName: "",
+      countersigner: "",
+      countersignerName: "",
+      approver: "",
+      approverName: "",
+      engineer: "",
+      engineerName: "",
+      examine: "",
+      examineName: ""
+    }
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      roleForm,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData() {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.form.fileId = this.form.qblxFile.map(item => item.id).join(',');
+          this.form.fileName = this.form.qblxFile.map(item => item.name).join(',');
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/qbzxdlx/step2.vue b/src/pages/processCenter/pages/phone/qbzxdlx/step2.vue
new file mode 100644
index 000000000..cf7fa4639
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/qbzxdlx/step2.vue
@@ -0,0 +1,643 @@
+<template>
+  <div class="phoneQbzxdjhgkStep2 phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">企标制修订立项计划流程</template>
+      <template slot="proNode">立项确认</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : '' " @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content" >
+      <div style="flex: auto; " v-show="active === '1'">
+        <process-title>
+          <template slot="title">基础信息</template>
+        </process-title>
+        <template v-if="active === '1'">
+        <el-form :model="qbfsForm" class="label-input-form prc-content-border"
+                 label-width="100px" :rules="qbfsFormRules">
+            <InputFormItem
+                label="项目目标"
+                prop="projectTarget"
+                v-model="qbfsForm.projectTarget"
+                :disabled="true"
+            ></InputFormItem>
+              <el-form-item label="附件" prop="fileName" class="add-form-item form-item-disabled">
+                <div class="file-box" v-if="fileList.length > 0" style="display: flex;flex-direction: column">
+                  <p v-for="item in fileList"
+                     style="margin-left: 10px;"
+                     :key="item.id" @click.stop="clickButtonToUpload2(item.id)">
+                        <span class="fileName">{{ item.name }}
+                        </span>
+                           <i
+                               title="下载"
+                               @click.stop="downloadFile(item.id)"
+                               class="icon-download"
+                               v-btn-permission="''"
+                           />
+
+                  </p>
+                </div>
+                <div v-else>
+                  暂无数据
+                </div>
+              </el-form-item>
+            <SelectFormItem
+                label="企标类别"
+                prop="bussSort"
+                v-model="qbfsForm.bussSort"
+                :options="standSortOptions || []"
+                :disabled="true"
+            ></SelectFormItem>
+            <InputFormItem
+                label="企标名称"
+                prop="esName"
+                v-model="qbfsForm.esName"
+                :disabled="true"
+            ></InputFormItem>
+            <SelectFormItem
+                label="制修订类型"
+                prop="bussSort"
+                v-model="qbfsForm.reviseStatus"
+                :options="reviewOptions || []"
+                :disabled="true"
+            ></SelectFormItem>
+            <InputFormItem
+              v-if="qbfsForm.reviseStatus === '修订'"
+              label="代替企标编号"
+              prop="esName"
+              v-model="qbfsForm.rqbName"
+              :disabled="true"
+          ></InputFormItem>
+            <InputFormItem
+                label="起草责任单位"
+                prop="unitName"
+                v-model="qbfsForm.unitName"
+                :disabled="true"
+            ></InputFormItem>
+            <InputFormItem
+                label="起草人"
+                prop="drafterName"
+                v-model="qbfsForm.drafterName"
+                :disabled="true"
+            ></InputFormItem>
+            <InputFormItem
+                label="评审责任人"
+                prop="resPersonName"
+                v-model="qbfsForm.resPersonName"
+                :disabled="true"
+            ></InputFormItem>
+            <InputFormItem
+                label="技术委员会评审负责人"
+                prop="wgLeaderName"
+                v-model="qbfsForm.wgLeaderName"
+                :disabled="true"
+            ></InputFormItem>
+            <DatePickerFormItem
+                label="计划标准初稿完成时间"
+                prop="draftTime"
+                v-model="qbfsForm.draftTime"
+                :disabled="true"
+            ></DatePickerFormItem>
+            <DatePickerFormItem
+                label="计划标准发布时间"
+                prop="endTime"
+                v-model="qbfsForm.releaseTime"
+                :disabled="true"
+            ></DatePickerFormItem>
+            <DatePickerFormItem
+                label="立项完成时间"
+                prop="endTime"
+                v-model="qbfsForm.endTime"
+                :disabled="true"
+            ></DatePickerFormItem>
+            <InputFormItem
+                label="体系结构"
+                prop="tsJsonName"
+                v-model="qbfsForm.tsJsonName"
+                :disabled="true"
+            ></InputFormItem>
+            <SelectFormItem
+                label="适用车型"
+                prop="bussSort"
+                v-model="qbfsForm.area"
+                :options="BZList || []"
+                :disabled="true"
+            ></SelectFormItem>
+            <el-form-item prop="isRelate" label="是否采用标准" style="width: 100%; margin-right:10px"
+                          class="add-form-item form-item-disabled">
+              <el-select  v-model="qbfsForm.isRelate" placeholder="请选择是否采用标准" disabled>
+                <el-option label="是" value="是"></el-option>
+                <el-option label="否" value="否"></el-option>
+              </el-select>
+            </el-form-item>
+            <InputFormItem
+                v-if="qbfsForm.isRelate === '否'"
+                label="简述指标依据"
+                prop="tsJsonName"
+                v-model="qbfsForm.technologic"
+                :disabled="true"
+            ></InputFormItem>
+            <template v-if="qbfsForm.isRelate === '是'">
+              <custom-input-for-all-standards2
+                  class="classDisplay"
+                  :config="{attrName: '采用标准',attrField:'esStandRelations'}"
+                  :labelWidth="'100px'"
+                  v-model="qbfsForm.esStandRelations"
+                  :disabled="true"
+              ></custom-input-for-all-standards2>
+            </template>
+            <SelectFormItem
+                v-if="qbfsForm.isRelate === '是'"
+                label="采标程度"
+                prop="bussSort"
+                v-model="qbfsForm.useLevel"
+                :options="cbcdOptions || []"
+                :disabled="true"
+            ></SelectFormItem>
+            <template>
+              <custom-input-for-all-standards2
+                  class="classDisplay"
+                  :enterpriseStandard="true"
+                  :placeholderText="'包括已有、应有的关联标准，如企业标准、行业标准、国家标准'"
+                  :config="{attrName: '引用标准',isPhone:true}"
+                  :labelWidth="'100px'"
+                  :disabled="true"
+                  v-model="qbfsForm.esMatingRelations"
+              ></custom-input-for-all-standards2>
+            </template>
+            <el-form-item label="立项单" prop="LXDName" class="add-form-item form-item-disabled">
+              <div v-if="LXDList.length > 0" v-for="(item,index) in LXDList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+                <span style="width: 80%;" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+                <!--              <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">-->
+                <!--                        <el-button type="primary" size="mini" plain icon="el-icon-download"  @click="handleFilePreview(item,'down')"></el-button>-->
+                <!--                  </span>-->
+                <span style="width: 20%;margin-left: 15px;" v-if="item.id !== ''">
+                          <el-button type="primary" size="mini" plain icon="el-icon-edit"  @click="handleFilePreview(item,'onlineEdit')"></el-button>
+                    </span>
+              </div>
+            </el-form-item>
+
+
+
+        </el-form>
+        </template>
+      </div>
+      <template  class="content"  v-if="active === '3'">
+
+        <PhoneHistortTable :prcNum="$route.query.prcNum"></PhoneHistortTable>
+      </template>
+    </div>
+
+    <ProcessFooter
+        show-transfer
+        show-submit
+        :submitLoading="isSubmit"
+        :saveLoading="saveLoading"
+        :approval="true"
+        @back="beforeBack"
+        @transfer="handleTransfer"
+        @submit="handleSubmit"
+    >
+    </ProcessFooter>
+    <phone-role
+        :role-title="drawerTitle"
+        :result-list="phoneRoleList"
+        :is-show-phone.sync="phoneshowflag"
+        @checkedRole="drawerCheck"
+    />
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
+import SelectMultipleFormItem from '@/components/hzwlComponents/SelectMultipleFormItem'
+import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
+import ProcessHeader from "../../components/ProcessHeader";
+import ProcessTitle from "process/components/ProcessTitle";
+import CustomInputForAllStandards2 from '@/components/CustomFormComponents/InputForAllStandards2'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+
+import ProcessFooter from "process/components/ProcessFooter";
+import { changeAssigneeNew,inboundLiaisonDetail } from "api/process";
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+export default {
+  name: "step2.vue",
+  components: {
+    PhoneHistortTable,
+    InputFormItem,
+    ProcessHeader,
+    ProcessTitle,
+    ProcessHeaderPhone,
+    ProcessFooter,
+    DatePickerFormItem,
+    SelectMultipleFormItem,
+    SelectFormItem,
+    CustomInputForAllStandards2
+  },
+  data(){
+    const standNameVerify = (rule, value, callback) => {
+      if(value === '' || value === null){
+        return callback(new Error('请输入企标名称'))
+      }else {
+        this.$http.get('esRevisePlan/es-revise-plan/getDataByNameAndSort', {
+          bussSort: this.qbfsForm.bussSort,
+          esName: this.qbfsForm.esName,
+        }, {
+          _this: this,
+        }, res => {
+          if (res.data && res.data > 0) {
+            return callback(new Error('企标名称重复'))
+          }else {
+            callback()
+          }
+        }, e => {
+        })
+      }
+    };
+    return {
+      reviewOptions:[
+        {label:'制定',value:'制定'},
+        {label:'修订',value:'修订'},
+      ],
+      active: '1',
+      commentText: '',
+      workModel: false,
+      isTransfer: false,
+      isSubmit: false,
+      saveLoading: false,
+      drawerModal: false,
+      workSearch: {
+        workGroupName: "",
+      },
+      total: 0,
+      page: 1,
+      pageSize: this.$store.getters.userInfo.configContent,
+      QYBZmodal: false,
+      TXJGmodal: false,
+      modalshowflagZRBM: false,
+      QYBZShow: false,
+      defaultProps: {
+        children: 'children',
+        label: 'menuName'
+      },
+      workData: [],
+      TXJGList: [],
+      QYBZList: [],
+      QYBZformSelect: [],
+      standSystemOptions: [],
+      QYBZform: {
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        validFlag: '0',
+        userId: this.$store.getters.userInfo.userId,
+        standCode: '',
+        standName: '',
+        total: 0,
+      },
+      nodeListZRBM: [],
+      drawerTitle2: '',
+      drawerTitle: '',
+      roleType: '',
+      modalshowflag2: false,
+      modalshowflag: false,
+      nodeList2: [],
+      fileList:[],
+      nodeList: [],
+      workChangeList: [],
+      standSortOptions: [],
+      cbcdOptions: [],
+      lxdList:[],
+      BZList: [],
+      qcdwOptions: [],
+      LXDList: [],
+      qbfsForm: {
+        type: "5",
+        unit: "", // 单位
+        unitName: "",
+        esName: "", // 企标名称
+        planStatus: "0", // 计划状态
+        reviseStatus: "", // 制修订类型
+        area: "", //适用车型
+        isRelate: "", //采用何种标准
+        technologic: '',  //指标依据
+        resPerson: "", // 评审责任人
+        resPersonName: "",
+        wgLeader: "", // 工作组组长
+        wgLeaderName: "",
+        draftTime: "", // 计划标准初稿完成时间
+        releaseTime: "", // 计划标准发布时间
+        drafter: "", // 起草人
+        drafterName: "",
+        esMatingRelations: "", //配套标准
+        newReason: "", //立项原因
+        LXDName: "", //立项单名称
+        LXD: "", //立项单
+        // remarks: '', // 备注
+      },
+      //必填人员校验规则
+      roleFormRules: {
+        dockUserName: [
+          { required: true, message: "请选择标准立项单位整车/系统总工", trigger: "change" }
+        ],
+        countersignerName:[
+          {required: true, message:'请选择会签人员',  trigger: "change" }
+        ],
+        examineName:[
+          {required: true, message:'请选择标准体系工作组组长',  trigger: "change" }
+        ],
+        approverName:[
+          {required: true, message:'请选择总院技术委员会覆盖领域企业标准：专委会主任/总院技术委员会未覆盖领域企业标准：总院院长或总院主管副院长',  trigger: "change" }
+        ],
+        engineerName:[
+          {required: true, message:'请选择相关单位、工程研究总院标准法规部',  trigger: "change" }
+        ],
+      },
+      roleForm: {
+        prcCreateUserName: this.$store.getters.userInfo.userName,
+        prcCreateUser: this.$store.getters.userInfo.userId,
+        dockUser: "",
+        dockUserName: "",
+        countersigner: "",
+        countersignerName: "",
+        approver: "",
+        approverName: "",
+        engineer: "",
+        engineerName: "",
+        examine: "",
+        examineName: ""
+      },
+      qbfsFormRules: {
+        projectTarget: [
+          { required: true, message: "请输入项目目标", trigger: "blur" }
+        ],
+        // fileName: [
+        //   { required: true, message: "请上传附件", trigger: "blur" }
+        // ],
+        bussSort: [
+          { required: true, message: "请选择企标类别", trigger: "blur" }
+        ],
+        esName: [
+          { required: true, validator: standNameVerify, trigger: "blur" }
+        ],
+        rqbName: [
+          { required: true, message: "请输入代替企标编号", trigger: "blur" }
+        ],
+        reviseStatus: [
+          { required: true, message: "请选择制修订类型", trigger: "blur" }
+        ],
+        unitName: [
+          { required: true, message: "请选择起草单位", trigger: "change" }
+        ],
+        drafterName: [
+          { required: true, message: "请选择起草人", trigger: "change" }
+        ],
+        resPersonName: [
+          { required: true, message: "请输入评审责任人", trigger: "blur" }
+        ],
+        wgLeaderName: [
+          { required: true, message: "请输入技术委员会评审负责人", trigger: "blur" }
+        ],
+        draftTime: [
+          { required: true, message: "请选择计划标准初稿完成时间", trigger: "blur" }
+        ],
+        releaseTime: [
+          { required: true, message: "请选择计划标准发布时间", trigger: "blur" }
+        ],
+        endTime: [
+          { required: true, message: "请选择立项完成时间", trigger: "change" }
+        ],
+        tsJsonName: [
+          { required: true, message: "请选择体系结构", trigger: "change" }
+        ],
+        area: [
+          { required: true, message: "请选择适用车型", trigger: "blur" }
+        ],
+        isRelate: [
+          { required: true, message: "请选择是否采用标准", trigger: "blur" }
+        ],
+        technologic: [
+          { required: true, message: "请输入指标依据", trigger: "blur" }
+        ],
+        useLevel: [
+          { required: true, message: "请选择采标程度", trigger: "change" }
+        ],
+        newReason: [
+          {required: true, message: '请输入立项原因', trigger: 'blur'},
+        ],
+        esStandRelations: [
+          {required: true, message: '请输入采用标准', trigger: 'blur'},
+        ],
+      },
+      //技术委员会评审负责人
+      workLeaderVisible: false,
+      workLeaderNodeList: []
+    }
+  },
+  mounted() {
+    this.getWorkData()
+    this.processTable()
+    this.getData()
+
+    this.$http.get('/lawss/activiti/saveEditFile', {
+      model: 'model_lx'
+    },{
+      _this: this
+    }, res => {
+      console.log(res)
+      if(res){
+        this.qbfsForm.LXD = res.id
+        this.qbfsForm.LXDName = '立项单'
+        this.LXDList=this.assemble(res.id,'立项单');
+      }
+    })
+    //查询下拉框数据
+    this.$http.get('sys/dictype/getDicTypeListCode', '',{
+      _this: this
+    }, res => {
+      this.cbcdOptions = res.data.DEGREESTANDARD  //采标程度
+      this.BZList = res.data.ENERGYTYPES //适用车型
+      this.standSystemOptions = res.data.TXLBBUSS // 体系结构
+      this.qcdwOptions = res.data.QCDW // 起草单位
+      res.data.BUSSSTANDCLASS.forEach(item => {
+        if(item.label){
+          this.standSortOptions.push(item)   //企标类别
+        }
+      })
+    })
+  },
+  methods:{
+    handleTransfer(){
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleSubmit(){
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    //预览
+    clickButtonToUpload2(file) {
+      const attId = file
+      this.$preview(attId)
+    },
+    /**
+     * @Description: 点击下载
+     */
+    downloadFile(attId) {
+      if (attId != null && attId !== "") {
+        window.location.href = "/api/att/attFile/downloadFileForSarNew?fileId=" + attId;
+      } else {
+        this.$message.error("请选择要下载的文件");
+      }
+    },
+    handleTabs(name) {
+      this.active = name;
+    },
+    getWorkData() {
+      this.$http.get("workGroup/work-group", {
+        pageSize: this.pageSize,
+        page: this.page,
+        workGroupName: this.workSearch.workGroupName
+      }, {
+        _this: this
+      }, res => {
+        this.workData = res.data.records;
+        this.total = res.data.total;
+      }, e => {
+      });
+    },
+    processTable() {
+      this.$http.get("lawss/activiti/get_list_by_instance", {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : "",
+        shunxu: this.shunxu
+      }, {
+        loading: "loading",
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.$route.query.taskIds,
+          pId: this.$route.query.prcId,
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg)
+            this.getFormFieldList(processForm)
+          }
+        }).catch(e => {
+        })
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList (item) {
+      console.log(item);
+      this.$nextTick(() => {
+        this.qbfsForm = JSON.parse(JSON.stringify(item))
+        item.qblxFile.forEach(itemId => {
+          this.fileIds = itemId.id
+          this.getFileInfo();
+        });
+        this.type = item.type
+      })
+    },
+    // 请求上传的文件信息
+    getFileInfo() {
+      this.$http.get("att/attFile/getMultiFileInfos", {
+        fileIds: this.fileIds
+      }, {
+        _this: this
+      }, res => {
+        this.$nextTick(() => {
+          res.data.map(item => {
+            // 赋值要回显的上传文件内容
+            this.fileList.push({
+              name: item.oldFileName,
+              uid: item.uid,
+              status: item.status,
+              id: item.id,
+              fileSuffix: item.fileSuffix
+            });
+          });
+
+        });
+      }, e => {
+      });
+    },
+  }
+}
+</script>
+
+
+<style lang="less" scoped>
+@import '~@/assets/styles/phone';
+.phoneQbzxdjhgkStep2 {
+  .fileName{
+    display: inline-block;
+    width: calc(100% - 21px);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-wrap: nowrap;
+  }
+   p .icon-download{
+     margin-top: 17px;
+     display: inline-block;
+     margin-left: 3px;
+     width: 18px;
+     height: 16px;
+     background-repeat: no-repeat;
+     background-size: 100% 100%;
+     background-position: center center;
+     vertical-align: top;
+     cursor: pointer;
+
+    background-image: url('~assets/images/shangqi/img/download.png');
+  }
+  /deep/.van-dialog__content {
+    min-height: 300px;
+    padding: 10px;
+  }
+  .prc-content-border {
+    overflow: auto;
+  }
+  ///deep/.prc-content-border .el-form-item__content {
+  //  width: 270px;
+  //}
+  .content {
+    border-top: 1px solid #DCDFE6;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 52px;
+    //height: calc(~'100% - 155px');
+    overflow: auto;
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
+</style>
+
diff --git a/src/pages/processCenter/pages/phone/wfhxzg/step4.vue b/src/pages/processCenter/pages/phone/wfhxzg/step4.vue
new file mode 100644
index 000000000..7029c4298
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/wfhxzg/step4.vue
@@ -0,0 +1,260 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">未符合项整改流程</template>
+      <template slot="proNode">审定</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <el-table
+                ref="selection"
+                :data="dataList"
+                tooltip-effect="dark"
+                style="width: 100%;"
+                border
+                row-key="id"
+                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+            >
+              <el-table-column prop="standSerialNumber" width="150" align="center" label="标准号">
+                <template slot-scope="scope">
+                  <a  class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSerialNumber }}</a>
+                </template>
+              </el-table-column>
+              <el-table-column prop="standName" width="250" align="center" label="标准名称">
+                <template slot-scope="scope">
+                  <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+                </template>
+              </el-table-column>
+              <el-table-column prop="productName" width="250" label="项目名称" align="center" show-overflow-tooltip/>
+              <el-table-column prop="itemsNum" label="条款号" align="center"/>
+              <el-table-column prop="itemsName" width="200" label="条款名称" align="center"/>
+              <el-table-column prop="planCloseTime" width="120" label="整改完成时间" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.planCloseTime ? $moment(scope.row.planCloseTime).format('YYYY-MM-DD') : '' }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="responsibleUnit" width="150" label="责任部门" align="center"/>
+              <el-table-column prop="dutyEngineerName" width="150" label="责任工程师" align="center"/>
+              <el-table-column prop="dutyPeople" width="150" label="负责人" align="center"/>
+              <el-table-column
+                  label="回执文件"
+                  min-width="200"
+                  align="center">
+                <template slot-scope="scope">
+                  <div v-for="file in scope.row.fileText"
+                       :key="file.id"
+                       style="color: #409eff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;"
+                       @click="preview(file.id)"
+                  >{{file.name}}</div>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+export default {
+  name: "step4",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dataList: [],
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+          if (this.form.responUserList) {
+            this.dataList = this.form.responUserList
+          } else if (this.form.dockUserList) {
+            this.dataList = this.form.dockUserList[0].standardInfoList
+          } else {
+            this.dataList = [this.form.info]
+          }
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    // 点击查看
+    handlePreview(item) {
+      if(item.standType ==='BUSINESS_STAND'){
+        this.$router.push({
+          name: 'domesticDetails',
+          query: {
+            id: item.standId,
+            pageType: 'BUSS'
+          }
+        })
+      }else if (item.standType === 'INLAND'){
+        this.$router.push({
+          name: 'domesticDetails',
+          query: {
+            id: item.standId,
+            pageType: 'INLAND_STAND'
+          }
+        })
+      } else if (item.standType === 'FOREIGN') {
+        this.$router.push({
+          name: 'domesticDetails',
+          query: {
+            id: item.standId,
+            pageType: 'FOREIGN_STAND'
+          }
+        })
+      }
+    },
+    // 预览文件
+    preview(fileId) {
+      this.$preview(fileId)
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmpg/components/Basic.vue b/src/pages/processCenter/pages/phone/xmpg/components/Basic.vue
new file mode 100644
index 000000000..3640c9159
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmpg/components/Basic.vue
@@ -0,0 +1,53 @@
+<template>
+  <div class="prc-content-border">
+    <InputFormItem
+        label="项目编号"
+        prop="projectNumber"
+        v-model="form.projectNumber"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="项目名称"
+        prop="projectName"
+        v-model="form.projectName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <DatePickerFormItem
+        label="截止日期"
+        prop="endTime"
+        v-model="form.endTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+
+export default {
+  name: "Basic",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    InputFormItem,
+    DatePickerFormItem
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmpg/components/Info.vue b/src/pages/processCenter/pages/phone/xmpg/components/Info.vue
new file mode 100644
index 000000000..4010e7924
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmpg/components/Info.vue
@@ -0,0 +1,161 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        label="标准编号"
+        width="180"
+        prop="standNumber">
+      <template slot-scope="scope">
+        <a v-if="scope.row.standYear" class="table-jump"
+           @click="handlePreview(scope.row)">{{ scope.row.standSort }} {{ scope.row.standNumber
+          }}-{{ scope.row.standYear }}</a>
+        <a v-else class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSort }}
+          {{ scope.row.standNumber }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        label="标准名称"
+        width="300"
+        prop="standName">
+      <template slot-scope="scope">
+        <a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        label="条款号"
+        width="180"
+        prop="itemsNum">
+    </el-table-column>
+    <el-table-column
+        label="条款名称"
+        width="180"
+        prop="itemsName">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneXmpgStep2'"
+        align="center"
+        label="责任人"
+        width="120"
+        prop="workPeople">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneXmpgStep3'"
+        prop="termsConditions"
+        label="条款内容"
+        width="500"
+        align="center">
+      <template slot-scope="scope">
+        <div class="itemsTextBox" v-if="scope.row.termsConditions" v-html="scope.row.termsConditions.replace(/''/g, '\'')"></div>
+      </template>
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneXmpgStep3'"
+        prop="ssrq"
+        width="200"
+        align="center"
+        label="实施日期">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneXmpgStep3'"
+        prop="xcxssrq"
+        width="200"
+        align="center"
+        label="新车型实施日期">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneXmpgStep3'"
+        prop="zccssrq"
+        width="200"
+        align="center"
+        label="在产车实施日期">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneXmpgStep3'"
+        label="合规"
+        prop="complianceReasons"
+        width="210"
+        align="center">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneXmpgStep3'"
+        prop="noCompliance"
+        align="center"
+        width="170"
+        label="不合规项目">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneXmpgStep3'"
+        prop="countermeasures"
+        align="center"
+        width="160"
+        label="应对措施">
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneXmpgStep3'"
+        prop="completionTime"
+        align="center"
+        width="140"
+        label="完成时间">
+      <template slot-scope="scope">
+        {{ $moment(scope.row.completionTime).format('YYYY-MM-DD')}}
+      </template>
+    </el-table-column>
+    <el-table-column
+        v-if="$route.name === 'phoneXmpgStep3'"
+        prop="remarks"
+        align="center"
+        width="160"
+        label="不涉及理由">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "Info",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+  },
+  methods: {
+    // 点击查看
+    handlePreview(item) {
+      let replaceStandInfoEO ={}
+      replaceStandInfoEO.standNumber = item.standNumber
+      this.$http.get('sarStandardsInfo/sar-standards-info/queryInfoByStandNum', replaceStandInfoEO, {
+        _this: this
+      }, res => {
+        if (res.data != null) {
+          let dataType ='INLAND_STAND'
+          if(res.data.standType ==='FOREIGN'){
+            dataType ='FOREIGN_STAND'
+          }
+          this.$router.push({
+            name: 'domesticDetails',
+            query: {
+              id: res.data.id,
+              pageType: dataType
+            }
+          })
+        } else {
+          this.$message.error(res.message)
+        }
+      }, e => {
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmpg/step2.vue b/src/pages/processCenter/pages/phone/xmpg/step2.vue
new file mode 100644
index 000000000..01f3d4563
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmpg/step2.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">项目合规评估流程-项目</template>
+      <template slot="proNode">任务分发</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info :data="form.dataList"></Info>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info from './components/Info'
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmpg/step3.vue b/src/pages/processCenter/pages/phone/xmpg/step3.vue
new file mode 100644
index 000000000..b23fe5347
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmpg/step3.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">项目合规评估流程-项目</template>
+      <template slot="proNode">合规评估</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info :data="form.dataList"></Info>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info from './components/Info'
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmqdqr/components/Basic.vue b/src/pages/processCenter/pages/phone/xmqdqr/components/Basic.vue
new file mode 100644
index 000000000..3640c9159
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmqdqr/components/Basic.vue
@@ -0,0 +1,53 @@
+<template>
+  <div class="prc-content-border">
+    <InputFormItem
+        label="项目编号"
+        prop="projectNumber"
+        v-model="form.projectNumber"
+        :disabled="disabled"
+    ></InputFormItem>
+    <InputFormItem
+        label="项目名称"
+        prop="projectName"
+        v-model="form.projectName"
+        :disabled="disabled"
+    ></InputFormItem>
+    <DatePickerFormItem
+        label="截止日期"
+        prop="endTime"
+        v-model="form.endTime"
+        :disabled="disabled"
+    ></DatePickerFormItem>
+  </div>
+</template>
+
+<script>
+import InputFormItem from '@/components/hzwlComponents/InputFormItem'
+import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
+
+export default {
+  name: "Basic",
+  props: {
+    form: {
+      type: Object,
+      default: () => {}
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dict: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  components: {
+    InputFormItem,
+    DatePickerFormItem
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmqdqr/components/Info.vue b/src/pages/processCenter/pages/phone/xmqdqr/components/Info.vue
new file mode 100644
index 000000000..1c40fac0f
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmqdqr/components/Info.vue
@@ -0,0 +1,122 @@
+<template>
+  <el-table
+      ref="selection"
+      :data="data"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      border
+      row-key="id"
+      :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+  >
+    <el-table-column
+        align="center"
+        width="200px"
+        label="标准号"
+    >
+      <template slot-scope="scope">
+        <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSort
+          }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
+        <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSort }}
+          {{ scope.row.standNumber }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="standName"
+        align="center"
+        min-width="300"
+        label="中文名称"
+    >
+      <template slot-scope="scope">
+        <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="standEnName"
+        label="英文名称"
+        min-width="300"
+        align="center"
+    >
+      <template slot-scope="scope">
+        <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="textStatus"
+        label="标准状态"
+        align="center"
+        width="100px"
+    >
+      <template slot-scope="scope">
+        <span v-if="scope.row.textStatus && textStatusMap.length > 0 ">{{ textStatusMap.find(item => item.value === scope.row.textStatus).label }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column
+        prop="ssrq"
+        width="190px"
+        align="center"
+        label="标准实施日期">
+    </el-table-column>
+    <el-table-column
+        prop="xcxssrq"
+        width="190px"
+        align="center"
+        label="新车型实施日期">
+    </el-table-column>
+    <el-table-column
+        prop="zccssrq"
+        align="center"
+        width="190px"
+        label="在产车实施日期">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+export default {
+  name: "Info",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    textStatusMap: {
+      type: Array,
+      default: () => {}
+    }
+  },
+  methods: {
+    // 点击查看
+    handlePreview(item) {
+      if(item.standType ==='BUSINESS_STAND'){
+        this.$router.push({
+          name: 'domesticDetails',
+          query: {
+            id: item.id || item.standId,
+            pageType: 'BUSS'
+          }
+        })
+      }else if (item.standType === 'INLAND'){
+        this.$router.push({
+          name: 'domesticDetails',
+          query: {
+            id: item.id || item.standId,
+            pageType: 'INLAND_STAND'
+          }
+        })
+      } else if (item.standType === 'FOREIGN') {
+        this.$router.push({
+          name: 'domesticDetails',
+          query: {
+            id: item.id || item.standId,
+            pageType: 'FOREIGN_STAND'
+          }
+        })
+      }
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmqdqr/step2.vue b/src/pages/processCenter/pages/phone/xmqdqr/step2.vue
new file mode 100644
index 000000000..599a61b2d
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmqdqr/step2.vue
@@ -0,0 +1,196 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">项目清单确认流程</template>
+      <template slot="proNode">认证工程师添加数据</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info :data="form.dataList" :textStatusMap="textStatusMap"></Info>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info from './components/Info'
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+
+        this.textStatusMap = [...this.dict.WBZTCLASS, ...this.dict.TEXTSTATUSBUSS, ...this.dict.ZRBMCLASS]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmqdqr/step3.vue b/src/pages/processCenter/pages/phone/xmqdqr/step3.vue
new file mode 100644
index 000000000..3781bc156
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmqdqr/step3.vue
@@ -0,0 +1,196 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">项目清单确认流程</template>
+      <template slot="proNode">产品工程经理添加数据</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info :data="form.dataList" :textStatusMap="textStatusMap"></Info>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-submit
+        show-transfer
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info from './components/Info'
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      this.$message({
+        dangerouslyUseHTMLString: true,
+        message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+        type: 'error'
+      })
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+        const textStatusMap = [...this.dict.WBZTCLASS, ...this.dict.TEXTSTATUSBUSS, ...this.dict.ZRBMCLASS]
+        this.textStatusMap = [...textStatusMap]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/pages/processCenter/pages/phone/xmqdqr/step4.vue b/src/pages/processCenter/pages/phone/xmqdqr/step4.vue
new file mode 100644
index 000000000..2ff1fed5c
--- /dev/null
+++ b/src/pages/processCenter/pages/phone/xmqdqr/step4.vue
@@ -0,0 +1,222 @@
+<template>
+  <div class="phoneBox">
+    <ProcessHeaderPhone toggle>
+      <template slot="proName">项目清单确认流程</template>
+      <template slot="proNode">标准法规工程师确认</template>
+    </ProcessHeaderPhone>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+    </div>
+    <div class="content">
+      <el-form
+          v-if="reloadForm"
+          ref="form"
+          :model="form"
+          class="label-input-form phoneForm"
+          label-width="112px"
+      >
+        <template v-if="active === '1'">
+          <div>
+            <ProcessTitle>
+              <template slot="title">基础信息</template>
+            </ProcessTitle>
+            <Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
+            <ProcessTitle>
+              <template slot="title">填写信息</template>
+            </ProcessTitle>
+            <Info :data="form.dataList" :textStatusMap="textStatusMap"></Info>
+          </div>
+          <ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
+        </template>
+        <template v-if="active === '3'">
+          <PhoneHistortTable :prcNum="this.$route.query.prcNum"></PhoneHistortTable>
+        </template>
+      </el-form>
+    </div>
+    <ProcessFooter
+        show-transfer
+        show-affirm
+        :submitLoading="footerLoading"
+        :saveLoading="footerLoading"
+        @submit="handleSubmit"
+        @transfer="handleTransfer"
+    >
+    </ProcessFooter>
+    <!-- 福田全公司选人解决方案 -->
+    <phoneRoleTree
+        check-box
+        :is-title="drawerTitle"
+        :is-visible.sync="drawerModal"
+        @checkedRole="checkedRole"
+        :nodeList="nodeList"
+    ></phoneRoleTree>
+  </div>
+</template>
+
+<script>
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+
+import ProcessHeaderPhone from '@/pages/processCenter/pages/components/ProcessHeaderPhone'
+import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
+import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
+import PhoneHistortTable from '@/components/hzwlComponents/phoneComponents/phoneApprovalHistory'
+import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
+import phoneRoleTree from '@/components/hzwlComponents/phoneComponents/phoneRoleTree'
+
+import Basic from "./components/Basic";
+import Info from './components/Info'
+
+export default {
+  name: "step2",
+  components: {
+    ProcessHeaderPhone,
+    PhoneHistortTable,
+    ProcessTitle,
+    ProcessFooter,
+    ReceiptDescription,
+    phoneRoleTree,
+    Basic,
+    Info
+  },
+  data () {
+    const form = {}
+    return {
+      active: '1',
+      reloadForm: true,
+      form,
+      dict: {},
+      textStatusMap: [],
+      disabled: true,
+      footerLoading: false,
+
+      // 福田全公司选人解决方案
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: []
+    }
+  },
+  created() {
+    this.getDicTypeListCode()
+    this.getData()
+  },
+  methods: {
+    handleTabs(name) {
+      this.active = name;
+    },
+    getData () {
+      const { taskIds, prcId } = this.$route.query
+
+      inboundLiaisonDetail({
+        taskIds,
+        pId: prcId
+      }).then(res => {
+        if (res) {
+          this.reloadForm = false
+          const processForm = JSON.parse(res.mesg)
+          this.form = JSON.parse(JSON.stringify(processForm.form || processForm))
+          this.form.commentText = ''
+
+          this.$nextTick(() => {
+            this.reloadForm = true
+          })
+        }
+      })
+    },
+    async handleSubmit () {
+      // this.$message({
+      //   dangerouslyUseHTMLString: true,
+      //   message: <div style="word-break: keep-all;color: #F56C6C">当前任务不支持手机端处理</div>,
+      //   type: 'error'
+      // })
+
+      this.form.dataList.forEach(item => {
+        if(!item.standId){
+          this.$set(item, 'standId', item.id)
+        }
+      })
+
+      this.footerLoading = true;
+      const json = JSON.stringify(this.form);
+
+      const query = {
+        taskIds: this.$route.query.taskIds,
+        userId : this.$store.getters.userInfo.userId,
+        json
+      }
+      const completeTaskRef = await this.$http._post('lawss/activiti/completeTask', query)
+      if (!completeTaskRef.success) {
+        this.footerLoading = false
+        return this.$message.error(completeTaskRef.message)
+      }
+
+      this.$message.success(completeTaskRef.message)
+      this.footerLoading = false
+      setTimeout(() => {
+        this.$router.go(-2)
+      }, 100)
+    },
+    handleTransfer () {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    // 转办
+    checkedRole (data) {
+      this.footerLoading = true
+      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('调整成功')
+          setTimeout(() => {
+            this.$router.go(-2)
+          }, 100)
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.footerLoading = false
+      })
+    },
+    getDicTypeListCode () {
+      this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
+        this.dict = { ...res.data }
+        const textStatusMap = [...this.dict.WBZTCLASS, ...this.dict.TEXTSTATUSBUSS, ...this.dict.ZRBMCLASS]
+        this.textStatusMap = [...textStatusMap]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.phoneBox .content {
+  border-top: 1px solid #DCDFE6;
+  margin-top: 51px;
+  height: calc(100% - 156px);
+
+  background-color: #fff;
+  padding: 0 10px;
+  box-sizing: border-box;
+
+  overflow: auto;
+  .phoneForm {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+.phoneBox /deep/ .van-field__label {
+  width: 112px !important;
+  margin-right: 0 !important;
+  padding-left: 10px !important;
+}
+.phoneBox /deep/ .van-field__control {
+  padding-left: 10px !important;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index a57c35fb9..aaf88fedc 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1748,6 +1748,28 @@ const routes = [
           title: '标准征求意见流程'
         }
       },
+      //  意见反馈
+      {
+        path: '/phoneBzzqyjStep3',
+        name: 'phoneBzzqyjStep3',
+        component: () => import('@/pages/processCenter/pages/phone/bzzqyj/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准征求意见流程'
+        }
+      },
+      //  意见汇总报批
+      {
+        path: '/phoneBzzqyjStep4',
+        name: 'phoneBzzqyjStep4',
+        component: () => import('@/pages/processCenter/pages/phone/bzzqyj/step4.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准征求意见流程'
+        }
+      },
       {
         path: '/phoneBzzqyjStep4-1',
         name: 'phoneBzzqyjStep4-1',
@@ -1768,6 +1790,17 @@ const routes = [
           title: '标准征求意见流程'
         }
       },
+      //  意见处理
+      {
+        path: '/phoneBzzqyjStep5',
+        name: 'phoneBzzqyjStep5',
+        component: () => import('@/pages/processCenter/pages/phone/bzzqyj/step5.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准征求意见流程'
+        }
+      },
       {
         path: '/phoneBzzqyjStep6',
         name: 'phoneBzzqyjStep6',
@@ -1891,6 +1924,17 @@ const routes = [
           title: '标准调研流程'
         }
       },
+      //  调研结果反馈
+      {
+        path: '/phoneBzdyStep3',
+        name: 'phoneBzdyStep3',
+        component: () => import('@/pages/processCenter/pages/phone/bzdy/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准调研流程'
+        }
+      },
       {
         path: '/phoneBzdyStep4',
         name: 'phoneBzdyStep4',
@@ -1901,6 +1945,17 @@ const routes = [
           title: '标准调研流程'
         }
       },
+      // 调研结果处理
+      {
+        path: '/phoneBzdyStep5',
+        name: 'phoneBzdyStep5',
+        component: () => import('@/pages/processCenter/pages/phone/bzdy/step5.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准调研流程'
+        }
+      },
       {
         path: '/phoneBzdyStep6',
         name: 'phoneBzdyStep6',
@@ -2031,6 +2086,28 @@ const routes = [
           title: '标准解读流程'
         }
       },
+      // 选择责任人
+      {
+        path: '/phoneBzjdStep2',
+        name: 'phoneBzjdStep2',
+        component: () => import('@/pages/processCenter/pages/phone/bzjd/step2.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准调研流程'
+        }
+      },
+      //  解读
+      {
+        path: '/phoneBzjdStep3',
+        name: 'phoneBzjdStep3',
+        component: () => import('@/pages/processCenter/pages/phone/bzjd/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准调研流程'
+        }
+      },
       {
         path: '/zcrhStep1',
         name: 'zcrhStep1',
@@ -2475,6 +2552,29 @@ const routes = [
           title: '企标废止流程'
         }
       },
+      /*
+      {
+        path: '/phoneqbfzStep4',
+        name: 'phoneqbfzStep4',
+        component: () => import('@/pages/processCenter/pages/phone/qbfz/step4.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标废止流程'
+        }
+      },
+      */
+      //  起草人修改标准状态
+      {
+        path: '/phoneQbfzStep4',
+        name: 'phoneQbfzStep4',
+        component: () => import('@/pages/processCenter/pages/phone/qbfz/step4-new.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标废止流程'
+        }
+      },
       {
         path: '/qbfzStep4-1',
         name: 'qbfzStep4-1',
@@ -2620,6 +2720,29 @@ const routes = [
           requireAuth: true,
           title: '企标制修订立项计划流程（责任人确认）'
         }
+      },
+        /*
+      {
+        path: '/phoneqbzxdlxStep2',
+        name: 'phoneqbzxdlxStep2',
+        component: () => import('@/pages/processCenter/pages/phone/qbzxdlx/step2.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订立项计划流程（责任人确认）'
+        }
+      },
+        */
+      //  立项确认
+      {
+        path: '/phoneQbzxdlxStep2',
+        name: 'phoneQbzxdlxStep2',
+        component: () => import('@/pages/processCenter/pages/phone/qbzxdlx/step2-new.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订立项计划流程'
+        }
       },
       {
         path: '/qbzxdlxStep1-2',
@@ -2877,6 +3000,28 @@ const routes = [
           title: '标准解读流程'
         }
       },
+      //  会签
+      {
+        path: '/phoneBzqdfbStep2',
+        name: 'phoneBzqdfbStep2',
+        component: () => import('@/pages/processCenter/pages/phone/bzqdfb/step2.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准清单发布/更新流程'
+        }
+      },
+      //  修订
+      {
+        path: '/phoneBzqdfbStep3',
+        name: 'phoneBzqdfbStep3',
+        component: () => import('@/pages/processCenter/pages/phone/bzqdfb/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准清单发布/更新流程'
+        }
+      },
       {
         path: '/phoneBzqdfbStep4',
         name: 'phoneBzqdfbStep4',
@@ -2897,6 +3042,39 @@ const routes = [
           title: '标准合规评估流程'
         }
       },
+      // 项目分发
+      {
+        path: '/phoneBzpgStep3',
+        name: 'phoneBzpgStep3',
+        component: () => import('@/pages/processCenter/pages/phone/bzpg/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准合规评估流程'
+        }
+      },
+      // 任务分发
+      {
+        path: '/phoneBzpgStep4',
+        name: 'phoneBzpgStep4',
+        component: () => import('@/pages/processCenter/pages/phone/bzpg/step4.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准合规评估流程'
+        }
+      },
+      // 合规评估
+      {
+        path: '/phoneBzpgStep5',
+        name: 'phoneBzpgStep5',
+        component: () => import('@/pages/processCenter/pages/phone/bzpg/step5.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准合规评估流程'
+        }
+      },
       {
         path: '/phoneBzpgStep6',
         name: 'phoneBzpgStep6',
@@ -2927,6 +3105,28 @@ const routes = [
           title: '标准合规评估流程'
         }
       },
+      // 任务分发
+      {
+        path: '/phoneXmpgStep2',
+        name: 'phoneXmpgStep2',
+        component: () => import('@/pages/processCenter/pages/phone/xmpg/step2.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '项目合规评估流程'
+        }
+      },
+      // 合规评估
+      {
+        path: '/phoneXmpgStep3',
+        name: 'phoneXmpgStep3',
+        component: () => import('@/pages/processCenter/pages/phone/xmpg/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '项目合规评估流程'
+        }
+      },
       {
         path: '/phoneXmpgStep4',
         name: 'phoneXmpgStep4',
@@ -2947,6 +3147,39 @@ const routes = [
           title: '项目合规评估流程'
         }
       },
+      // 清单完善1
+      {
+        path: '/phoneXmqdqrStep2',
+        name: 'phoneXmqdqrStep2',
+        component: () => import('@/pages/processCenter/pages/phone/xmqdqr/step2.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '项目清单确认流程'
+        }
+      },
+      // 清单完善2
+      {
+        path: '/phoneXmqdqrStep3',
+        name: 'phoneXmqdqrStep3',
+        component: () => import('@/pages/processCenter/pages/phone/xmqdqr/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '项目清单确认流程'
+        }
+      },
+      // 清单发布
+      {
+        path: '/phoneXmqdqrStep4',
+        name: 'phoneXmqdqrStep4',
+        component: () => import('@/pages/processCenter/pages/phone/xmqdqr/step4.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '项目清单确认流程'
+        }
+      },
       {
         path: '/phoneXmqdqrStep5',
         name: 'phoneXmqdqrStep5',
@@ -3157,6 +3390,17 @@ const routes = [
           title: '未符合项整改流程'
         }
       },
+      // 审定
+      {
+        path: '/phoneWfhxzgStep4',
+        name: 'phoneWfhxzgStep4',
+        component: () => import('@/pages/processCenter/pages/phone/wfhxzg/step4.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '未符合项整改流程'
+        }
+      },
       {
         path: '/phoneWfhxzgStep5',
         name: 'phoneWfhxzgStep5',
@@ -3227,6 +3471,29 @@ const routes = [
           title: '政策征求意见流程'
         }
       },
+      //  会签
+      {
+        path: '/phoneBzrkStep3',
+        name: 'phoneBzrkStep3',
+        component: () => import('@/pages/processCenter/pages/phone/bzrk/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准入库流程'
+        }
+      },
+      // 修订
+      {
+        path: '/phoneBzrkStep4',
+        name: 'phoneBzrkStep4',
+        component: () => import('@/pages/processCenter/pages/phone/bzrk/step4.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '标准入库流程'
+        }
+      },
+      //  批准
       {
         path: '/phoneBzrkStep2',
         name: 'phoneBzrkStep2',
@@ -3237,6 +3504,39 @@ const routes = [
           title: '标准入库流程'
         }
       },
+      //  起草(制定/修订)
+      {
+        path: '/phoneQbzxdjhgkStep6',
+        name: 'phoneQbzxdjhgkStep6',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk/step1.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-技术标准'
+        }
+      },
+      // 企标编写
+      {
+        path: '/phoneBussLibrary2',
+        name: 'phoneBussLibrary2',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk/step2.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-技术标准'
+        }
+      },
+      // 企标编写汇总
+      {
+        path: '/phoneBussLibrary3',
+        name: 'phoneBussLibrary3',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-技术标准'
+        }
+      },
       {
         path: '/phoneBussLibrary4',
         name: 'phoneBussLibrary4',
@@ -3247,6 +3547,40 @@ const routes = [
           title: '企标制修订流程及企业标准库流程'
         }
       },
+      // 征求意见
+      {
+        path: '/phoneBussLibrary5',
+        name: 'phoneBussLibrary5',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk/step5.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-技术标准'
+        }
+      },
+      // 技术委员会评审、评审意见修改
+      {
+        path: '/phoneBussLibrary6',
+        name: 'phoneBussLibrary6',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk/step6.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-技术标准'
+        }
+      },
+      // 标准化复审
+      {
+        path: '/phoneBussLibrary7',
+        name: 'phoneBussLibrary7',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk/step7.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-技术标准'
+        }
+      },
+      //  审核
       {
         path: '/phoneBussLibrary8',
         name: 'phoneBussLibrary8',
@@ -3254,7 +3588,18 @@ const routes = [
         meta: {
           isBoolean: true,
           requireAuth: true,
-          title: '企标制修订流程及企业标准库流程'
+          title: '企标制修订-技术标准'
+        }
+      },
+      //  审核
+      {
+        path: '/phoneBussLibrary9',
+        name: 'phoneBussLibrary9',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk/step9.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-技术标准'
         }
       },
       {
@@ -3277,6 +3622,50 @@ const routes = [
           title: '企标制修订流程及企业标准库流程'
         }
       },
+      //  主起草人培训
+      {
+        path: '/phoneBussLibrary12',
+        name: 'phoneBussLibrary12',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk/step12.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-技术标准'
+        }
+      },
+      //  发布
+      {
+        path: '/phoneBussLibrary13',
+        name: 'phoneBussLibrary13',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk/step13.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-技术标准'
+        }
+      },
+      // 企标编写
+      {
+        path: '/phoneBussLibraryProduct2',
+        name: 'phoneBussLibraryProduct2',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk-product/step2.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-产品标准'
+        }
+      },
+      // 企标编写汇总
+      {
+        path: '/phoneBussLibraryProduct3',
+        name: 'phoneBussLibraryProduct3',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk-product/step3.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-产品标准'
+        }
+      },
       {
         path: '/phoneBussLibraryProduct4',
         name: 'phoneBussLibraryProduct4',
@@ -3287,6 +3676,17 @@ const routes = [
           title: '企标制修订流程及企业标准库流程'
         }
       },
+      // 征求意见
+      {
+        path: '/phoneBussLibraryProduct5',
+        name: 'phoneBussLibraryProduct5',
+        component: () => import('@/pages/processCenter/pages/phone/qbrk-product/step5.vue'),
+        meta: {
+          isBoolean: true,
+          requireAuth: true,
+          title: '企标制修订-产品标准'
+        }
+      },
       {
         path: '/phoneBussLibraryProduct7',
         name: 'phoneBussLibraryProduct7',