diff --git a/package.json b/package.json
index 96cdaa2..76d078d 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "ant-design-vue": "1.7.2",
     "axios": "^0.21.1",
     "core-js": "^3.8.3",
     "js-base64": "^3.6.0",
diff --git a/src/api/api.js b/src/api/api.js
index ae44625..b2e89c1 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -26,6 +26,9 @@ const checkRuleByCode = (params) => getAction('/sys/checkRule/checkByCode', para
 // 通过文件的id获取文件的相应信息
 const getFileInfo = (params) => getAction('/sys/oss/file/queryById', params)
 
+// 获取部门列表数据
+const getDepartmentList = (params) => getAction('/sys/sysDepart/queryTreeList', params)
+
 // 获取人员信息列表
 const getPersonInfoList = (params) => getAction('/process/fb/processFbInfo/getNodeList', params)
 
@@ -50,6 +53,14 @@ const rejectStandardECProcess = (params) => postAction('/process/fb/processFbEnt
 // 初始化数据
 // 根据流程id获取流程信息
 const getProcessDataById = (taskId, params) => getAction(`/process/es/initChange/handle/${taskId}`, params)
+// 同意
+const enterprisePlanApprovalAgree = (params) => postAction('/process/es/initChange/agree', params)
+// 驳回
+const enterprisePlanApprovalReject = (params) => postAction('/process/es/initChange/reject', params)
+// 转办
+const enterprisePlanApprovalTurnTo = (params) => postAction('/process/es/initChange/transfer', params)
+// 保存
+const enterprisePlanApprovalSave = (params) => postAction('/process/es/initChange/save', params)
 
 export {
   queryPermissionsByUser,
@@ -58,6 +69,7 @@ export {
   duplicateCheck,
   checkRuleByCode,
   getFileInfo,
+  getDepartmentList,
   getSSOUserInfo,
 
   getPersonInfoList,
@@ -70,5 +82,9 @@ export {
   agreeStandardECProcess,
   rejectStandardECProcess,
 
-  getProcessDataById
+  getProcessDataById,
+  enterprisePlanApprovalAgree,
+  enterprisePlanApprovalReject,
+  enterprisePlanApprovalTurnTo,
+  enterprisePlanApprovalSave
 }
diff --git a/src/assets/less/common.less b/src/assets/less/common.less
index 85fe8d9..bebfeeb 100644
--- a/src/assets/less/common.less
+++ b/src/assets/less/common.less
@@ -93,4 +93,19 @@
       -webkit-text-fill-color: #888888;
     }
   }
+}
+
+/* 表格样式 */
+/deep/ .ant-table {
+  padding: 0.2rem 0.32rem;
+  color: @font-color;
+  th {
+    font-size: 0.26rem;
+    font-weight: 600;
+    padding: 0.44rem 0;
+  }
+  td {
+    font-size: 0.24rem;
+    font-weight: 400;
+  }
 }
\ No newline at end of file
diff --git a/src/common/lang/en-us.js b/src/common/lang/en-us.js
index 153bb08..4290851 100644
--- a/src/common/lang/en-us.js
+++ b/src/common/lang/en-us.js
@@ -22,12 +22,85 @@ module.exports = {
   turnTo: '转办',
   agree: '同意',
   reject: '驳回',
+  save: '保存',
+  submit: '提交',
+  determine: '确定',
   processApprovalInfo: '流程审批信息',
   remark: '备注',
   clickSelect: '点击选择',
   selectUser: '选择人员',
+  finishDate: '完成日期',
+  rangeOfApplication: '适用范围',
+  standardNumber: '标准编号',
+  standardName: '标准名称',
+  serialNumber: '序号',
+  pleaseEnterRemarks: '请填写备注',
+  // 标准法规入库/变更流程
   standardEntryOrChange: {
     source: '来源',
     operationType: '操作类型'
+  },
+  esInitChange: {
+    applicationType: '申请类型',
+    standardProjectEstablishment: '标准立项',
+    change: '变更',
+    itemCategory: '项目类别',
+    formulate: '制定',
+    revise: '修订',
+    completionTimeChange: '完成时间变更',
+    terminationOfWork: '工作终止',
+    dutyDepartChange: '责任部门变更',
+    merge: '合并',
+    enterpriseStandardNum: '企标编号',
+    enterpriseStandardName: '企标名称',
+    enterpriseStandardCode: '企业标准代号',
+    enterpriseNameCode: '企业名称代号',
+    standardCategoryCode: '标准类别代号',
+    yearNumber: '年代号',
+    newEnterpriseStandardNum: '新企标编号',
+    newEnterpriseStandardName: '新企标名称',
+    standardEnglishName: '标准英文名称',
+    standardSystem: '标准体系',
+    standardType: '标准类型',
+    standardGradeClassification: '标准等级分类',
+    compilationIllustration: '编制说明',
+    draftPlanFinishDate: '草稿计划完成日期',
+    exposureDraftPlanFinishDate: '征求意见稿计划完成日期',
+    planSubmissionDate: '计划报批日期',
+    partName: '零部件名称',
+    authorizationDepart: '授权部门',
+    principalDrafter: '主起草人',
+    mainDraftUnit: '主起草单位',
+    headOfMainDraftingUnit: '起草单位负责人',
+    standardPusher: '标准推进人',
+    suitUnit: '配合单位',
+    projectStatement: '立项说明',
+    projectApprovalChangeReason: '立项/变更原因',
+    projectBackground: '立项背景、立项依据',
+    homogeneousStandardAnalysis: '国际、国家及行业同类标准分析',
+    standardContrastiveAnalysis: '企业同类标准对比分析',
+    leadershipAndNecessity: '立项标准的领先性与必要性',
+    initiatedProject: '立项目的及预期效果等',
+    uploadAttachment: '上传附件',
+    originalDraftPlanFinishDate: '原草稿计划完成日期',
+    originalExposureDraftPlanFinishDate: '原征求意见稿计划完成日期',
+    originalPlanSubmissionDate: '原计划报批日期',
+    changeReason: '变更原因',
+    originPrincipalDrafter: '原主起草人',
+    originMainDraftUnit: '原主起草单位',
+    originHeadOfMainDraftingUnit: '原起草单位负责人',
+    newPrincipalDrafter: '新主起草人',
+    newMainDraftUnit: '新主起草单位',
+    newHeadOfMainDraftingUnit: '新起草单位负责人',
+    mergeStandardInformation: '合并标准信息',
+    typeOfRevision: '制修订类型',
+    superintendent: '所长',
+    relatedPersonnel: '相关人员'
+  },
+  // 标准征求意见流程
+  standardConsultation: {
+    standardText: '标准文本',
+    relevantDocument: '相关文件',
+    closingDateForComments: '征求意见结束日期'
   }
 }
diff --git a/src/common/lang/zh-cn.js b/src/common/lang/zh-cn.js
index f850169..31a813e 100644
--- a/src/common/lang/zh-cn.js
+++ b/src/common/lang/zh-cn.js
@@ -22,6 +22,9 @@ module.exports = {
   turnTo: '转办',
   agree: '同意',
   reject: '驳回',
+  save: '保存',
+  submit: '提交',
+  determine: '确定',
   processApprovalInfo: '流程审批信息',
   remark: '备注',
   clickSelect: '点击选择',
@@ -30,6 +33,8 @@ module.exports = {
   rangeOfApplication: '适用范围',
   standardNumber: '标准编号',
   standardName: '标准名称',
+  serialNumber: '序号',
+  pleaseEnterRemarks: '请填写备注',
   // 标准法规入库/变更流程
   standardEntryOrChange: {
     source: '来源',
@@ -76,7 +81,21 @@ module.exports = {
     standardContrastiveAnalysis: '企业同类标准对比分析',
     leadershipAndNecessity: '立项标准的领先性与必要性',
     initiatedProject: '立项目的及预期效果等',
-    uploadAttachment: '上传附件'
+    uploadAttachment: '上传附件',
+    originalDraftPlanFinishDate: '原草稿计划完成日期',
+    originalExposureDraftPlanFinishDate: '原征求意见稿计划完成日期',
+    originalPlanSubmissionDate: '原计划报批日期',
+    changeReason: '变更原因',
+    originPrincipalDrafter: '原主起草人',
+    originMainDraftUnit: '原主起草单位',
+    originHeadOfMainDraftingUnit: '原起草单位负责人',
+    newPrincipalDrafter: '新主起草人',
+    newMainDraftUnit: '新主起草单位',
+    newHeadOfMainDraftingUnit: '新起草单位负责人',
+    mergeStandardInformation: '合并标准信息',
+    typeOfRevision: '制修订类型',
+    superintendent: '所长',
+    relatedPersonnel: '相关人员'
   },
   // 标准征求意见流程
   standardConsultation: {
diff --git a/src/components/CalendarField.vue b/src/components/CalendarField.vue
index bab9462..1a32a99 100644
--- a/src/components/CalendarField.vue
+++ b/src/components/CalendarField.vue
@@ -4,6 +4,7 @@
     <van-field
       readonly
       clickable
+      type="text"
       name="calendar"
       :value="value"
       v-bind="$attrs"
@@ -13,8 +14,6 @@
     <van-calendar
       color="#3074F6"
       v-model="showCalendar"
-      :min-date="minDate"
-      :max-date="maxDate"
       @confirm="onConfirm"
     />
   </div>
@@ -25,22 +24,6 @@
 export default {
   name: 'CalendarField',
   props: {
-    // 可选择的最小日期--不知道为什么没有起作用
-    minDate: {
-      // type: [Date, String],
-      required: false,
-      default: () => {
-        return new Date(2020, 0, 1)
-      }
-    },
-    // 可选择的最大日期--不知道为什么没有起作用
-    maxDate: {
-      type: [Date, String],
-      required: false,
-      default: () => {
-        return new Date(2030, 12, 31)
-      }
-    },
     value: {
       type: [String, Number, Object],
       required: false
diff --git a/src/components/SelectDepartment.vue b/src/components/SelectDepartment.vue
new file mode 100644
index 0000000..13ba746
--- /dev/null
+++ b/src/components/SelectDepartment.vue
@@ -0,0 +1,268 @@
+<template>
+  <ul class="list-menu" v-if="data.length">
+<!--    @click.stop="!item.isLeaf || selectItem(item.value)"-->
+    <li v-for="(item, i) in data" :key="i" @click.stop="selectItem(item.value)" v-show="expandFlag">
+      <div class="item">
+        <div class="item-left">
+          <!-- 展开的图标 -->
+          <i class='expandIcon'
+             @click.stop="expandItem(item, i)"
+             :class="[expandArr.includes(i) ? 'reduce' : 'add',item.children && item.children.length ? '' : 'disabled']">
+          </i>
+          <!-- 选项名 -->
+          <span class="value-span">{{ item.title }}</span>
+        </div>
+        <!-- 选择的图标 -->
+        <!--   单选   -->
+        <template v-if="!multiple">
+          <i class='selectIcon'
+             :class="[value === item.value ? 'checked' : 'noChecked']">
+          </i>
+        </template>
+        <!--    多选  -->
+        <template v-else>
+          <i class='selectIcon multiple-select-icon'
+             :class="[checkedArr.includes(item.value) ? 'checked' : 'noChecked']">
+          </i>
+        </template>
+<!--        <i class='selectIcon'-->
+<!--           :class="[checkedArr.indexOf(item.value) > -1 ? 'checked' : 'noChecked']">-->
+<!--        </i>-->
+      </div>
+      <select-department
+        v-if='item.children'
+        @input='input'
+        :data='item.children'
+        :valueKey='valueKey'
+        :labelKey='labelKey'
+        :value="value"
+        :toastText='toastText'
+        :expandFlag='expandArr.includes(i)'
+        :multiple="multiple"
+      />
+    </li>
+  </ul>
+</template>
+
+<script>
+export default {
+  name: 'SelectDepartment',
+  props: {
+    // 选中的值的属性名，必传
+    valueKey: String,
+    // 在页面要展示的选项属性名，必传
+    labelKey: String,
+    // 选中的值，必传
+    value: [Object, String, Array],
+    // 控制展开，不需要传
+    expandFlag: {
+      type: Boolean,
+      default: true
+    },
+    // 总数据，必传
+    data: Array,
+    // 不可选提示文字，非必传
+    toastText: String,
+    // 是否多选
+    multiple: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      deep: true,
+      handler (val) {
+        if (this.multiple !== false) {
+          this.checkedArr = this.value
+        }
+        return val
+      }
+    }
+  },
+  data () {
+    return {
+      // 当前级组件已展开的项
+      expandArr: [],
+      checkedArr: []
+    }
+  },
+  methods: {
+    // 子组件逐级传递选中项
+    input (item) {
+      // console.log(item.concat(this.checkedArr))
+      if (!this.multiple) {
+        // 是单选
+        this.$emit('input', item)
+      } else {
+        this.$emit('input', item)
+      }
+    },
+    // 选择
+    selectItem (item) {
+      console.log(item)
+      // this.$emit('input', item)
+      if (!this.multiple) {
+        // 是单选
+        this.$emit('input', item)
+      } else {
+        this.checkedArr.indexOf(item) <= -1 ? this.checkedArr.push(item) : this.checkedArr.splice(this.checkedArr.indexOf(item), 1)
+        this.$emit('input', this.checkedArr)
+      }
+    },
+    // 展开
+    expandItem (item, i) {
+      if (item.children && item.children.length) {
+        const index = this.expandArr.indexOf(i)
+        if (index > -1) {
+          this.expandArr.splice(index, 1)
+        } else {
+          this.expandArr.push(i)
+        }
+      }
+    }
+  },
+  created () {
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+.popup-box > ul {
+  padding-right: @pad-base;
+}
+
+ul {
+  width: 100%;
+  color: #2a2a2a;
+  font-size: 0.22rem;
+  background: #fff;
+  border-bottom: .8px solid #e1e1e1;
+
+  li {
+    .item {
+      padding: @pad-base;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+      font-size: 0.3rem;
+
+      &-left {
+        display: flex;
+        flex: 1;
+      }
+
+      .expandIcon {
+        height: 0.4rem;
+        width: 0.4rem;
+        font-style: normal;
+        position: relative;
+
+        &:after {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          font-size: 0.4rem;
+          transform: translate(-50%, -50%);
+        }
+
+        &.add {
+          border-color: #2a2a2a;
+
+          &:after {
+            color: #2a2a2a;
+            content: '＋';
+          }
+        }
+
+        &.reduce {
+          border-color: @primary-color;
+
+          &:after {
+            color: @primary-color;
+            content: '－';
+          }
+        }
+
+        &.disabled {
+          border-color: #ddd;
+
+          &:after {
+            color: #ddd;
+          }
+        }
+      }
+
+      .value-span {
+        text-align: left;
+        flex: 1;
+      }
+
+      .selectIcon {
+        float: right;
+        height: 0.3rem;
+        width: 0.3rem;
+        border: 1.5px solid;
+        border-radius: 50%;
+        position: relative;
+
+        &:after {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+        }
+
+        &.checked {
+          border-color: @primary-color;
+          background: @primary-color;;
+
+          &:after {
+            color: #fff;
+            content: '✓';
+          }
+        }
+
+        &.noChecked {
+          border-color: @primary-color;
+        }
+
+        &.disabled {
+          border-color: #ddd;
+        }
+      }
+      .multiple-select-icon {
+        border-radius: 0.04rem;
+      }
+    }
+
+    &:not(:first-child) {
+      border-top: .8px solid #e1e1e1;
+    }
+
+    > ul {
+      border-bottom: 0;
+      padding-left: 0.35rem;
+      box-sizing: border-box;
+
+      li {
+        .item {
+          padding-left: 0.35rem;
+          box-sizing: border-box;
+        }
+        .item-left span{
+          width: 0;
+          overflow: auto;
+        }
+
+        border-top: .8px solid #e1e1e1;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/SelectDepartmentField.vue b/src/components/SelectDepartmentField.vue
new file mode 100644
index 0000000..bc47975
--- /dev/null
+++ b/src/components/SelectDepartmentField.vue
@@ -0,0 +1,273 @@
+<template>
+  <div>
+    <van-field
+      :class="(required ? 'required ' : '') + 'form-item label-weight'"
+      type="textarea"
+      :label="label"
+      clearable
+      @click="showPopup"
+      v-model="departmentNames"
+      :rules="rules"
+      rows="1"
+      autosize
+      :placeholder="$t('clickSelect') + label"
+      readonly
+    />
+
+    <!--   多选选择责任单位   -->
+    <van-popup v-if="multiple" v-model="showSelectDepartment" style="height: 60vh" position="bottom" safe-area-inset-bottom
+               :close-on-click-overlay="false" :close-on-popstate="true">
+      <div class="popup-box">
+        <div class="operate">
+          <span @click="selectDepartmentCancel">取消</span>
+          <span @click="selectDepartmenthandleOk">确认</span>
+        </div>
+        <select-department :data="list" :value="selectedDepartTemp" @input="selected" :multiple="true"></select-department>
+      </div>
+    </van-popup>
+
+    <!--  单选选择责任单位  -->
+    <van-popup v-else v-model="showSelectDepartment" style="height: 60vh" position="bottom" safe-area-inset-bottom
+               :close-on-click-overlay="false" :close-on-popstate="true">
+      <div class="popup-box">
+        <div class="operate">
+          <span @click="selectDepartmentCancel">取消</span>
+          <span @click="singleSelectDepartmentHandleOk">确认</span>
+        </div>
+        <select-department :data="list" :value="singleSelectedDepartTemp" @input="selected" :multiple="false"></select-department>
+      </div>
+
+<!--      <link-menu :data="list" value-key="value" label-key="title" :value="singleSelectedDepartTemp" @input="selected"></link-menu>-->
+    </van-popup>
+
+  </div>
+</template>
+
+<script>
+import SelectDepartment from './SelectDepartment'
+export default {
+  name: 'SelectDepartmentField',
+  components: { SelectDepartment },
+  props: {
+    readonly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    value: {
+      type: String,
+      required: true,
+      default: () => ''
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    departmentNameString: {
+      type: String,
+      default: () => ''
+    },
+    // 是否是多选,默认是多选
+    multiple: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    // 是否必填
+    required: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    // 校验信息
+    rules: {
+      type: [Array, null],
+      required: false,
+      default: null
+    },
+    label: {
+      type: String,
+      required: false,
+      default: '部门'
+    }
+  },
+  watch: {
+    departmentNameString: {
+      immediate: true,
+      deep: true,
+      handler (val) {
+        this.departmentNames = val
+        return val
+      }
+    },
+    value: {
+      immediate: true,
+      deep: true,
+      handler (val) {
+        if (val) {
+          console.log('测试初始化名字', val)
+          if (this.multiple) {
+            this.selectedDepartmentName = []
+            // 设置输入框中的显示
+            setTimeout(() => {
+              for (const item of val.split(',')) {
+                this.selectTitleByValue(item, this.list)
+              }
+              this.departmentNames = this.selectedDepartmentName.join(',')
+            }, 500)
+          } else {
+            // 设置输入框中的显示
+            setTimeout(() => {
+              this.departmentNames = this.getTitle(val, this.list)
+            }, 500)
+          }
+        } else {
+          // 说明传进来的是空
+          this.departmentNames = ''
+        }
+        return val
+      }
+    }
+  },
+  data () {
+    return {
+      rulesObj: {
+        departmentId: [{ required: true, message: '请选择责任单位' }]
+      },
+      showSelectDepartment: false, // 下方选择框是否显示
+      selectedDepartTemp: [], // 多选选中的部门暂存
+      confirm: false, // 是否点击了确认
+      selectedDepartmentName: [], // 多选时返回的名称数组
+      departmentNames: '', // 责任单位名称字符串，输入框中要展示的
+
+      singleSelectedDepartTemp: undefined// 单选选中的部门暂存
+    }
+  },
+  methods: {
+    // 查询传入的value在传入的数组中是否存在，存在返回title属性值
+    selectTitleByValue (value, arr) {
+      for (const item of arr) {
+        if (item.value === value) {
+          console.log(item.title)
+          // 说明找到了，返回item.title
+          // callback(item.title)
+          this.selectedDepartmentName.push(item.title)
+          break
+        }
+        // 没有找到，如果有子树，在子树中查找
+        if (item.children) {
+          this.selectTitleByValue(value, item.children)
+        }
+      }
+      // 循环结束还没有找到
+      // return title
+    },
+    // 点击选择框中的取消
+    selectDepartmentCancel () {
+      this.showSelectDepartment = false
+    },
+    // 多选责任部门点击确认
+    selectDepartmenthandleOk () {
+      // this.$emit('input',this.selectedDepartTemp)
+      // this.departmentNames = this.selectedDepartTemp.join(',')
+      // 设置列表不展示
+      this.showSelectDepartment = false
+      // 清空已选择的责任单位名称数组
+      this.selectedDepartmentName = []
+      for (const item of this.selectedDepartTemp) {
+        this.selectTitleByValue(item, this.list)
+      }
+      // 设置输入框中的显示
+      this.departmentNames = this.selectedDepartmentName.join(',')
+      // 设置输入框的绑定值
+      this.$emit('input', this.selectedDepartTemp.join(','))
+    },
+    // 点击选择，展示选择框
+    showPopup () {
+      if (this.readonly) {
+        return
+      }
+      console.log(this.value)
+      if (this.multiple) {
+        console.log(Boolean(this.value))
+        // 是多选
+        this.selectedDepartTemp = JSON.parse(JSON.stringify(this.value !== '' && this.value ? this.value.split(',') : []))
+      } else {
+        // 是单选
+        this.singleSelectedDepartTemp = this.value || undefined
+      }
+      this.showSelectDepartment = true
+    },
+    // 选择完成的回调
+    selected (val) {
+      if (this.multiple) {
+        // 是多选
+        this.selectedDepartTemp = JSON.parse(JSON.stringify(val))
+      } else {
+        // 是单选
+        this.singleSelectedDepartTemp = val
+      }
+    },
+    // 单选责任部门确认
+    singleSelectDepartmentHandleOk () {
+      // 设置输入框中的显示
+      this.departmentNames = this.getTitle(this.singleSelectedDepartTemp, this.list)
+      // 设置输入框的绑定值
+      this.$emit('input', this.singleSelectedDepartTemp)
+      // 设置列表不展示
+      this.showSelectDepartment = false
+    },
+    // 从传入的数组中查找传入值的title
+    getTitle (value, arr) {
+      let result = {}
+      arr.forEach(item => {
+        const loop = data => {
+          if (data.value === value) {
+            result = data
+            console.log(item.title)
+            return item.title
+          }
+          const child = data.children
+          if (child) {
+            for (let i = 0; i < child.length; i++) {
+              loop(child[i])
+            }
+          }
+        }
+        loop(item)
+      })
+      return result.title
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+
+// 解决线上滚动条不灵敏的bug
+.popup-box{
+  height: 100%;
+  position: relative;
+  /deep/& > .list-menu {
+    height: calc(100% - 0.8rem);
+    overflow: auto;
+  }
+}
+
+.operate {
+  padding: 0 @pad-base;
+  box-sizing: border-box;
+  font-size: 0.3rem;
+  font-weight: 600;
+  height: 0.8rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.content {
+  width: 100%;
+  flex: 1;
+}
+</style>
diff --git a/src/components/SelectUserField.vue b/src/components/SelectUserField.vue
index 8133f29..9b724e9 100644
--- a/src/components/SelectUserField.vue
+++ b/src/components/SelectUserField.vue
@@ -7,10 +7,10 @@
       readonly
       rows="1"
       autosize
+      :rules="rules"
       type="textarea"
       @click="handleSelect"
     >
-
     </van-field>
     <select-user
       ref="evaluatePersonSelectedList"
@@ -67,6 +67,12 @@ export default {
       type: String,
       required: false,
       default: ''
+    },
+    // 校验信息
+    rules: {
+      type: [Array, null],
+      required: false,
+      default: null
     }
   },
   watch: {
@@ -76,6 +82,12 @@ export default {
       handler (val) {
         this.selectedDataNames = val
       }
+    },
+    rules: {
+      immediate: true,
+      handler (val) {
+        console.log(val)
+      }
     }
   },
   data () {
diff --git a/src/components/TreeSelectMultiple.vue b/src/components/TreeSelectMultiple.vue
index 246c52d..14f13d4 100644
--- a/src/components/TreeSelectMultiple.vue
+++ b/src/components/TreeSelectMultiple.vue
@@ -7,6 +7,9 @@
       clearable
       @click="showPopup"
       v-model="showValue"
+      rows="1"
+      autosize
+      type="textarea"
     />
     <van-popup
       v-model="show"
@@ -45,7 +48,7 @@ export default {
   },
   props: {
     value: {
-      type: [Object, Array],
+      type: [Object, Array, String],
       required: true,
       default: () => []
     },
diff --git a/src/enums/commonEnums.js b/src/enums/commonEnums.js
index 6fa373e..8c70383 100644
--- a/src/enums/commonEnums.js
+++ b/src/enums/commonEnums.js
@@ -88,3 +88,17 @@ export const ProjectType = {
   RESPONSIBLE_DEPT_CHANGE: { text: '责任部门变更', value: '5' },
   MERGE: { text: '合并', value: '6' }
 }
+
+// 企标立项、变更流程
+export const EsInitChangeNodes = new EsEnums({
+  mainDrafterStart: { text: '主起草人发起', value: 'sid-7120EF36-78C3-4DB0-8B49-91178F79C24B' },
+  contactCheck: { text: '部所联络人校对', value: 'sid-BB1FF9A5-89DF-4356-AB16-9D68B8FABC04' },
+  expertApproval: { text: '专家审批', value: 'sid-ABE29414-15C7-4798-B690-E53055F6CA75' },
+  leaderApproval: { text: '主管级领导审批', value: 'sid-A58C400F-BA13-4125-9B00-45EB45F1A559' },
+  leaderLeaderApproval: { text: '主管级上一级领导审批', value: 'sid-298A57B6-6658-47C0-94EB-76E3A5790258' },
+  standardizationApproval: { text: '标准化审批', value: 'sid-06CB29CE-E39F-4CD2-A534-18546DC8C6FB' },
+  newDraftUnitLeaderLeaderSend: { text: '新起草部门主管级上一级领导下发', value: 'sid-AB70F1CA-8311-4639-B3DA-204EF3332B29' },
+  newDraftUnitLeaderConfirm: { text: '新起草部门主管级领导确认', value: 'sid-A26EC37C-7C93-4987-9833-363C4E25EC50' },
+  relevantPersonnelWillSign: { text: '相关人员会签', value: 'sid-7BFD2753-B6CD-4637-8D4B-819903511925' },
+  mainDrafterCopy: { text: '主起草人抄送', value: 'sid-08D0381A-5C20-4708-9D73-C7EB5C51DB02' }
+})
diff --git a/src/main.js b/src/main.js
index efc0884..6b66a19 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,11 +15,15 @@ import { ACCESS_TOKEN, USER_INFO } from '@/store/mutation-types'
 import './permission'
 import './assets/font/iconfont.css'
 
+import { Table } from 'ant-design-vue'
+import 'ant-design-vue/dist/antd.css'
+
 Vue.config.productionTip = false
 
 Vue.use(Vant)
 Vue.use(VueI18n)
 Vue.prototype.$message = Toast
+Vue.use(Table)
 
 const i18n = new VueI18n({
   locale: 'zh-CN',
diff --git a/src/router/workCenter/index.js b/src/router/workCenter/index.js
index 88a9e82..cf82e4d 100644
--- a/src/router/workCenter/index.js
+++ b/src/router/workCenter/index.js
@@ -5,9 +5,8 @@ export default [
     component: (resolve) => require(['@/views/workCenter/enterpriseStandardInitChange/EnterpriseStandardInitChange.vue'], resolve),
     meta: {
       title: '企标计划立项/变更流程',
-      hasTabbar: false, // 这个属性控制页面是否显示tabbar
       hasNavBar: true, // 这个属性控制页面是否显示上面的导航栏
-      leftArrow: true // 这个属性控制页面上面的导航栏 是否有返回按钮
+      hasBack: true // 这个属性控制页面上面的导航栏 是否有返回按钮
     }
   },
   // 标准法规入库/变更流程
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5c04ec0..e094bf4 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,11 +1,14 @@
 <template>
   <div class="home">
     首页
+    <van-button type="info" @click="logout">退出登录</van-button>
     <van-button type="primary" @click="goEnterpriseStandardInitChange">跳转企标计划立项、变更流程审批</van-button>
   </div>
 </template>
 
 <script>
+import { Dialog } from 'vant'
+import { mapActions } from 'vuex'
 export default {
   name: 'Home',
   methods: {
@@ -13,9 +16,37 @@ export default {
       this.$router.push({
         path: '/workCenter/enterpriseStandardInitChange',
         query: {
-          processInstanceId: '392773'
+          // processInstanceId: '392773',
+          // taskId: '435061'
+          // 完成时间变更
+          // processInstanceId: '435062',
+          // taskId: '435106'
+          // 工作终止变更
+          // processInstanceId: '435107',
+          // taskId: '435135'
+          // 责任部门变更
+          processInstanceId: '447619',
+          taskId: '447680',
+          nodeId: 'sid-A26EC37C-7C93-4987-9833-363C4E25EC50'
         }
       })
+    },
+    ...mapActions(['Logout']),
+    logout () {
+      const that = this
+      Dialog.confirm({
+        title: '提示',
+        message: '确定退出登录吗'
+      }).then(() => {
+        that.Logout().then(() => {
+          // let routeHistory = history.length - 2
+          // this.$router.go(-routeHistory)
+          this.$router.replace({ path: '/user/login' })
+          // window.location.href = window._CONFIG.domianIp + '/wechatClient/user/login'
+        })
+      }).catch(() => {
+        console.log('catch')
+      })
     }
   }
 }
diff --git a/src/views/workCenter/enterpriseStandardInitChange/EnterpriseStandardInitChange.vue b/src/views/workCenter/enterpriseStandardInitChange/EnterpriseStandardInitChange.vue
index dc950b3..8cf6680 100644
--- a/src/views/workCenter/enterpriseStandardInitChange/EnterpriseStandardInitChange.vue
+++ b/src/views/workCenter/enterpriseStandardInitChange/EnterpriseStandardInitChange.vue
@@ -1,12 +1,10 @@
 <template>
-  <process-common-layout class="page-box" :processKey="ProcessKey.ES_INIT_CHANGE.value">
+  <process-common-layout class="page-box" ref="processCommonLayout" :processKey="ProcessKey.ES_INIT_CHANGE.value" :loading="loading">
     <template v-slot:process>
       <!--  流程信息  -->
       <div class="process-part">
         <div class="process-part-title">{{ $t('processInformation') }}</div>
         <van-form
-          @failed="onFailed"
-          @submit="onSubmit"
           ref="form"
           input-align="right"
           error-message-align="right"
@@ -17,7 +15,9 @@
             :label="$t('processName')"
             :placeholder="$t('pleaseEnter') + $t('processName')"
             readonly
-            maxLength="50"
+            type="textarea"
+            row="1"
+            autosize
             v-model="processInfoForm.prcName" />
           <!--   截止日期  -->
           <calendar-field
@@ -28,7 +28,7 @@
           />
           <!--    流程说明   -->
           <van-field
-            v-model="processInfoForm.processDescription"
+            v-model="processInfoForm.prcMes"
             :label="$t('processExplain')"
             type="textarea"
             autosize
@@ -41,7 +41,7 @@
         </van-form>
       </div>
       <van-form
-        ref="form"
+        ref="baseInfoFormRef"
         input-align="right"
         error-message-align="right"
         :readonly="readonly"
@@ -49,309 +49,669 @@
         <!--   业务基本信息   -->
         <div class="process-part">
           <div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
-            <!--   申请类型  -->
-            <picker-field
-              :label="$t('esInitChange.applicationType')"
-              :placeholder="$t('pleaseSelect')+$t('esInitChange.applicationType')"
-              v-model="baseInfoForm.applicationCategory"
-              readonly
-              :columnData="applicationCategoryData"
-            ></picker-field>
-            <!--   项目类别  -->
-            <picker-field
-              :label="$t('esInitChange.itemCategory')"
-              :placeholder="$t('pleaseSelect')+$t('esInitChange.itemCategory')"
-              v-model="baseInfoForm.projectType"
-              readonly
-              :columnData="projectTypeData"
-            ></picker-field>
+          <!--   申请类型  -->
+          <picker-field
+            :label="$t('esInitChange.applicationType')"
+            :placeholder="$t('pleaseSelect')+$t('esInitChange.applicationType')"
+            v-model="baseInfoForm[0].applicationCategory"
+            readonly
+            :columnData="applicationCategoryData"
+          ></picker-field>
+          <!--   项目类别  -->
+          <picker-field
+            :label="$t('esInitChange.itemCategory')"
+            :placeholder="$t('pleaseSelect')+$t('esInitChange.itemCategory')"
+            v-model="baseInfoForm[0].projectType"
+            readonly
+            :columnData="projectTypeData"
+          ></picker-field>
+          <!--   申请类型为立项时的显示  -->
+          <template v-if="baseInfoForm[0].applicationCategory === ApplicationCategory.INITIATION.value">
             <!--   制定   -->
-            <template v-if="baseInfoForm.projectType === ProjectType.ENACT.value">
+            <template v-if="baseInfoForm[0].projectType === ProjectType.ENACT.value">
               <!--  企标编号  -->
               <van-field
                 :label="$t('esInitChange.enterpriseStandardNum')"
                 :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardNum')"
                 readonly
-                maxLength="50"
-                v-model="baseInfoForm.newEnStandardNo" />
+                type="textarea"
+                row="1"
+                autosize
+                v-model="baseInfoForm[0].newEnStandardNo" />
               <!--  企标名称  -->
               <van-field
                 :label="$t('esInitChange.enterpriseStandardName')"
                 :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardName')"
                 readonly
-                maxLength="50"
-                v-model="baseInfoForm.newEnStandardName" />
+                type="textarea"
+                row="1"
+                autosize
+                v-model="baseInfoForm[0].newEnStandardName" />
               <!--  企业标准代号   -->
               <picker-dict-field
                 :label="$t('esInitChange.enterpriseStandardCode')"
                 :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardCode')"
                 dict-code="enterprise_standard_code"
                 readonly
-                v-model="baseInfoForm.enStandardCode" />
+                v-model="baseInfoForm[0].enStandardCode" />
               <!--  企业名称代号   -->
               <picker-dict-field
                 :label="$t('esInitChange.enterpriseNameCode')"
                 :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseNameCode')"
                 dict-code="enterprise_name_code"
                 readonly
-                v-model="baseInfoForm.enNameCode" />
+                v-model="baseInfoForm[0].enNameCode" />
               <!--  标准类别代号   -->
               <picker-dict-field
                 :label="$t('esInitChange.standardCategoryCode')"
                 :placeholder="$t('pleaseEnter') + $t('esInitChange.standardCategoryCode')"
                 dict-code="standard_category_code"
                 readonly
-                v-model="baseInfoForm.standardCategoryCode" />
+                v-model="baseInfoForm[0].standardCategoryCode" />
             </template>
             <!--   修订   -->
-            <template v-else-if="baseInfoForm.projectType === ProjectType.MODIFY.value">
+            <template v-else-if="baseInfoForm[0].projectType === ProjectType.MODIFY.value">
               <!--  企标编号  -->
               <van-field
                 :label="$t('esInitChange.enterpriseStandardNum')"
                 :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardNum')"
                 readonly
-                maxLength="50"
-                v-model="baseInfoForm.originEnStandardNo" />
+                type="textarea"
+                row="1"
+                autosize
+                v-model="baseInfoForm[0].originEnStandardNo" />
               <!--  企标名称  -->
               <van-field
                 :label="$t('esInitChange.enterpriseStandardName')"
                 :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardName')"
                 readonly
-                maxLength="50"
-                v-model="baseInfoForm.originEnStandardName" />
+                type="textarea"
+                row="1"
+                autosize
+                v-model="baseInfoForm[0].originEnStandardName" />
               <!--  新企标编号  -->
               <van-field
                 :label="$t('esInitChange.newEnterpriseStandardNum')"
                 :placeholder="$t('pleaseEnter') + $t('esInitChange.newEnterpriseStandardNum')"
                 readonly
-                maxLength="50"
-                v-model="baseInfoForm.newEnStandardNo" />
+                type="textarea"
+                row="1"
+                autosize
+                v-model="baseInfoForm[0].newEnStandardNo" />
               <!--  新企标名称  -->
               <van-field
                 :label="$t('esInitChange.newEnterpriseStandardName')"
                 :placeholder="$t('pleaseEnter') + $t('esInitChange.newEnterpriseStandardName')"
                 readonly
-                maxLength="50"
-                v-model="baseInfoForm.newEnStandardName" />
+                type="textarea"
+                row="1"
+                autosize
+                v-model="baseInfoForm[0].newEnStandardName" />
             </template>
             <!--  年代号   -->
             <van-field
               :label="$t('esInitChange.yearNumber')"
               :placeholder="$t('pleaseEnter') + $t('esInitChange.yearNumber')"
               readonly
-              maxLength="50"
-              v-model="baseInfoForm.decadeCode" />
+              type="textarea"
+                row="1"
+                autosize
+              v-model="baseInfoForm[0].decadeCode" />
             <!--  标准英文名称  -->
             <van-field
               :label="$t('esInitChange.standardEnglishName')"
               :placeholder="$t('pleaseEnter') + $t('esInitChange.standardEnglishName')"
               readonly
-              maxLength="50"
-              v-model="baseInfoForm.enStandardEnglishName" />
+              type="textarea"
+                row="1"
+                autosize
+              v-model="baseInfoForm[0].enStandardEnglishName" />
             <!--  标准体系  -->
             <tree-select-multiple
               :label="$t('esInitChange.standardSystem')"
               :placeholder="$t('pleaseSelect') + $t('esInitChange.standardSystem')"
               :list="standardSystemOptions"
               readonly
-              v-model="baseInfoForm.enStandardSystem"/>
+              v-model="baseInfoForm[0].enStandardSystem"/>
             <!--  标准类型   -->
             <picker-dict-field
               :label="$t('esInitChange.standardType')"
               :placeholder="$t('pleaseEnter') + $t('esInitChange.standardType')"
               dict-code="esp_standard_type"
               readonly
-              v-model="baseInfoForm.standardType" />
+              v-model="baseInfoForm[0].standardType" />
             <!--  标准等级分类   -->
             <picker-dict-field
               :label="$t('esInitChange.standardGradeClassification')"
               :placeholder="$t('pleaseEnter') + $t('esInitChange.standardGradeClassification')"
               dict-code="standard_grade_classify"
               readonly
-              v-model="baseInfoForm.enStandardClassification" />
+              v-model="baseInfoForm[0].enStandardClassification" />
             <!--  编制说明   -->
             <van-field
               :label="$t('esInitChange.compilationIllustration')"
               :placeholder="$t('pleaseEnter') + $t('esInitChange.compilationIllustration')"
               readonly
-              v-model="baseInfoForm.compilationDescription" >
+              v-model="baseInfoForm[0].compilationDescription" >
               <template v-slot:input>
-                <file-display :file-ids="baseInfoForm.compilationDescription" />
+                <file-display :file-ids="baseInfoForm[0].compilationDescription" />
               </template>
             </van-field>
+          </template>
+          <!--   项目类别为完成时间变更的显示  -->
+          <template v-if="baseInfoForm[0].projectType === ProjectType.COMPLETE_TIME_CHANGE.value">
+            <a-table
+              bordered
+              :scroll="{x: '100%'}"
+              ref="table"
+              rowKey="espId"
+              :columns="finishTimeChangeColumns"
+              :dataSource="baseInfoForm"
+              :pagination="false">
+            </a-table>
+          </template>
+          <!--   项目类别为工作终止变更的显示  -->
+          <template v-if="baseInfoForm[0].projectType === ProjectType.WORK_TERMINATE.value">
+            <a-table
+              bordered
+              :scroll="{x: '100%'}"
+              ref="table"
+              rowKey="espId"
+              :columns="jobEndChangeColumns"
+              :dataSource="baseInfoForm"
+              :pagination="false">
+            </a-table>
+          </template>
+          <!--   项目类别为责任部门变更的显示  -->
+          <template v-if="baseInfoForm[0].projectType === ProjectType.RESPONSIBLE_DEPT_CHANGE.value">
+            <!--  企标编号  -->
+            <van-field
+              :label="$t('esInitChange.enterpriseStandardNum')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardNum')"
+              readonly
+              type="textarea"
+                row="1"
+                autosize
+              v-model="baseInfoForm[0].originEnStandardNo" />
+            <!--  企标名称  -->
+            <van-field
+              :label="$t('esInitChange.enterpriseStandardName')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardName')"
+              readonly
+              type="textarea"
+                row="1"
+                autosize
+              v-model="baseInfoForm[0].originEnStandardName" />
+            <!--  原主起草人  -->
+            <van-field
+              :label="$t('esInitChange.originPrincipalDrafter')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.originPrincipalDrafter')"
+              readonly
+              type="textarea"
+                row="1"
+                autosize
+              v-model="baseInfoForm[0].mainDraftingUser_dictText" />
+            <!--  原主起草单位  -->
+            <van-field
+              :label="$t('esInitChange.originMainDraftUnit')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.originMainDraftUnit')"
+              readonly
+              type="textarea"
+                row="1"
+                autosize
+              v-model="baseInfoForm[0].mainDraftingUnit_dictText" />
+            <!--  原主起草单位负责人  -->
+            <van-field
+              :label="$t('esInitChange.originHeadOfMainDraftingUnit')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.originHeadOfMainDraftingUnit')"
+              readonly
+              type="textarea"
+                row="1"
+                autosize
+              v-model="baseInfoForm[0].mainDraftingUnitResponsiblePerson_dictText" />
+            <!--   新主起草人  -->
+            <select-user-field
+              :label="$t('esInitChange.newPrincipalDrafter')"
+              v-model="baseInfoForm[0].newMainDraftingUser"
+              :readonly="!newMainDrafterCanUpdate && !onlyNewMainDrafterCanUpdate"
+              filedName="newMainDraftingUser"
+              @nameChange="selectUserNameChange"
+              :checkedNames="baseInfoForm[0].newMainDraftingUser_dictText"
+              type="radio"
+            />
+            <!--   新主起草单位  -->
+            <select-department-field
+              :label="$t('esInitChange.newMainDraftUnit')"
+              v-model="baseInfoForm[0].newMainDraftingUnit"
+              :readonly="!newMainDrafterCanUpdate"
+              :list="departmentList"
+            />
+            <!--   新主起草单位负责人  -->
+            <select-user-field
+              :label="$t('esInitChange.newHeadOfMainDraftingUnit')"
+              v-model="baseInfoForm[0].newMainDraftingUnitResponsiblePerson"
+              :readonly="!newMainDrafterCanUpdate"
+              filedName="newMainDraftingUnitResponsiblePerson"
+              @nameChange="selectUserNameChange"
+              :checkedNames="baseInfoForm[0].newMainDraftingUnitResponsiblePerson_dictText"
+              type="radio"
+            />
+          </template>
         </div>
-        <!--   完成日期  -->
-        <div class="process-part">
-          <div class="process-part-title">{{ $t('finishDate') }}</div>
-          <!--   草稿计划完成日期  -->
-          <calendar-field
-            :label="$t('esInitChange.draftPlanFinishDate')"
-            v-model="baseInfoForm.draftPlannedCompleteDate"
-            type="date"
-            readonly
-          />
-          <!--    征求意见稿计划完成日期  -->
-          <calendar-field
-            :label="$t('esInitChange.exposureDraftPlanFinishDate')"
-            v-model="baseInfoForm.exposureDraftPlanFinishDate"
-            type="date"
-            readonly
-          />
-          <!--    计划报批日期  -->
-          <calendar-field
-            :label="$t('esInitChange.planSubmissionDate')"
-            v-model="baseInfoForm.planApprovalDate"
-            type="date"
-            readonly
-          />
-        </div>
-        <!--   适用范围  -->
-        <div class="process-part">
-          <div class="process-part-title">{{ $t('rangeOfApplication') }}</div>
-          <!--  零部件名称   -->
-          <van-field
-            :label="$t('esInitChange.partName')"
-            :placeholder="$t('pleaseEnter') + $t('esInitChange.partName')"
-            readonly
-            autosize
-            v-model="baseInfoForm.componentName" />
-          <!--  授权部门   -->
-          <van-field
-            :label="$t('esInitChange.authorizationDepart')"
-            :placeholder="$t('pleaseEnter') + $t('esInitChange.authorizationDepart')"
-            readonly
-            v-model="baseInfoForm.authDept_dictText" />
-          <!--  主起草人   -->
-          <van-field
-            :label="$t('esInitChange.principalDrafter')"
-            :placeholder="$t('pleaseEnter') + $t('esInitChange.principalDrafter')"
-            readonly
-            v-model="baseInfoForm.mainDraftingUser_dictText" />
-          <!--  主起草单位   -->
-          <van-field
-            :label="$t('esInitChange.mainDraftUnit')"
-            :placeholder="$t('pleaseEnter') + $t('esInitChange.mainDraftUnit')"
-            readonly
-            v-model="baseInfoForm.mainDraftingUnit_dictText" />
-          <!--  起草单位负责人   -->
-          <van-field
-            :label="$t('esInitChange.headOfMainDraftingUnit')"
-            :placeholder="$t('pleaseEnter') + $t('esInitChange.headOfMainDraftingUnit')"
-            readonly
-            v-model="baseInfoForm.mainDraftingUnitResponsiblePerson_dictText" />
-          <!--  标准推进人   -->
-          <van-field
-            :label="$t('esInitChange.standardPusher')"
-            :placeholder="$t('pleaseEnter') + $t('esInitChange.standardPusher')"
-            readonly
-            v-model="baseInfoForm.standardPromoter_dictText" />
-          <!--  配合单位   -->
-          <van-field
-            :label="$t('esInitChange.suitUnit')"
-            :placeholder="$t('pleaseEnter') + $t('esInitChange.suitUnit')"
-            readonly
-            v-model="baseInfoForm.cooperationUnit_dictText" />
-        </div>
-        <!--   立项说明  -->
-        <div class="process-part">
-          <div class="process-part-title">{{ $t('esInitChange.projectStatement') }}</div>
-          <!--    立项/变更原因   -->
-          <van-field
-            v-model="baseInfoForm.changeReason"
-            :label="$t('esInitChange.projectApprovalChangeReason')"
-            type="textarea"
-            autosize
-            disabled
-            rows="2"
-            :placeholder="$t('pleaseEnter')+$t('esInitChange.projectApprovalChangeReason')"
-            :border="false"
-            input-align="left"
-            class="vertical-form-item"/>
-          <!--    立项背景、立项依据   -->
-          <van-field
-            v-model="baseInfoForm.projectBackground"
-            :label="$t('esInitChange.projectBackground')"
-            type="textarea"
-            autosize
-            disabled
-            rows="2"
-            :placeholder="$t('pleaseEnter')+$t('esInitChange.projectBackground')"
-            :border="false"
-            input-align="left"
-            class="vertical-form-item"/>
-          <!--    国际、国家及行业同类标准分析   -->
-          <van-field
-            v-model="baseInfoForm.similarNaStandardsAnalysis"
-            :label="$t('esInitChange.homogeneousStandardAnalysis')"
-            type="textarea"
-            autosize
-            disabled
-            rows="2"
-            :placeholder="$t('pleaseEnter')+$t('esInitChange.homogeneousStandardAnalysis')"
-            :border="false"
-            input-align="left"
-            class="vertical-form-item"/>
-          <!--    企业同类标准对比分析   -->
-          <van-field
-            v-model="baseInfoForm.similarEnStandardsAnalysis"
-            :label="$t('esInitChange.standardContrastiveAnalysis')"
-            type="textarea"
-            autosize
-            disabled
-            rows="2"
-            :placeholder="$t('pleaseEnter')+$t('esInitChange.standardContrastiveAnalysis')"
-            :border="false"
-            input-align="left"
-            class="vertical-form-item"/>
-          <!--    立项标准的领先性与必要性   -->
-          <van-field
-            v-model="baseInfoForm.standardLeadingNecessity"
-            :label="$t('esInitChange.leadershipAndNecessity')"
-            type="textarea"
-            autosize
-            disabled
-            rows="2"
-            :placeholder="$t('pleaseEnter')+$t('esInitChange.leadershipAndNecessity')"
-            :border="false"
-            input-align="left"
-            class="vertical-form-item"/>
-          <!--    立项目的及预期效果等   -->
-          <van-field
-            v-model="baseInfoForm.projectExpectedEffects"
-            :label="$t('esInitChange.initiatedProject')"
-            type="textarea"
-            autosize
-            disabled
-            rows="2"
-            :placeholder="$t('pleaseEnter')+$t('esInitChange.initiatedProject')"
-            :border="false"
-            input-align="left"
-            class="vertical-form-item"/>
-          <!--  上传附件   -->
-          <van-field
-            :label="$t('esInitChange.uploadAttachment')"
-            readonly
-            v-model="baseInfoForm.uploadAttachment" >
-            <template v-slot:input>
-              <file-display :file-ids="baseInfoForm.uploadAttachment" />
-            </template>
-          </van-field>
-        </div>
+        <!--   申请类型为立项时的显示  -->
+        <template v-if="baseInfoForm[0].applicationCategory === ApplicationCategory.INITIATION.value">
+          <!--   完成日期  -->
+          <div class="process-part">
+            <div class="process-part-title">{{ $t('finishDate') }}</div>
+            <!--   草稿计划完成日期  -->
+            <calendar-field
+              :label="$t('esInitChange.draftPlanFinishDate')"
+              v-model="baseInfoForm[0].draftPlannedCompleteDate"
+              type="date"
+              readonly
+            />
+            <!--    征求意见稿计划完成日期  -->
+            <calendar-field
+              :label="$t('esInitChange.exposureDraftPlanFinishDate')"
+              v-model="baseInfoForm[0].solicitationDraftPlanCompleteDate"
+              type="date"
+              readonly
+            />
+            <!--    计划报批日期  -->
+            <calendar-field
+              :label="$t('esInitChange.planSubmissionDate')"
+              v-model="baseInfoForm[0].planApprovalDate"
+              type="date"
+              readonly
+            />
+          </div>
+          <!--   适用范围  -->
+          <div class="process-part">
+            <div class="process-part-title">{{ $t('rangeOfApplication') }}</div>
+            <!--  零部件名称   -->
+            <van-field
+              :label="$t('esInitChange.partName')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.partName')"
+              readonly
+              autosize
+              v-model="baseInfoForm[0].componentName" />
+            <!--  授权部门   -->
+            <van-field
+              :label="$t('esInitChange.authorizationDepart')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.authorizationDepart')"
+              readonly
+              v-model="baseInfoForm[0].authDept_dictText" />
+            <!--  主起草人   -->
+            <van-field
+              :label="$t('esInitChange.principalDrafter')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.principalDrafter')"
+              readonly
+              v-model="baseInfoForm[0].mainDraftingUser_dictText" />
+            <!--  主起草单位   -->
+            <van-field
+              :label="$t('esInitChange.mainDraftUnit')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.mainDraftUnit')"
+              readonly
+              v-model="baseInfoForm[0].mainDraftingUnit_dictText" />
+            <!--  起草单位负责人   -->
+            <van-field
+              :label="$t('esInitChange.headOfMainDraftingUnit')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.headOfMainDraftingUnit')"
+              readonly
+              v-model="baseInfoForm[0].mainDraftingUnitResponsiblePerson_dictText" />
+            <!--  标准推进人   -->
+            <van-field
+              :label="$t('esInitChange.standardPusher')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.standardPusher')"
+              readonly
+              v-model="baseInfoForm[0].standardPromoter_dictText" />
+            <!--  配合单位   -->
+            <van-field
+              :label="$t('esInitChange.suitUnit')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.suitUnit')"
+              readonly
+              v-model="baseInfoForm[0].cooperationUnit_dictText" />
+          </div>
+          <!--   立项说明  -->
+          <div class="process-part">
+            <div class="process-part-title">{{ $t('esInitChange.projectStatement') }}</div>
+            <!--    立项/变更原因   -->
+            <van-field
+              v-model="baseInfoForm[0].changeReason"
+              :label="$t('esInitChange.projectApprovalChangeReason')"
+              type="textarea"
+              autosize
+              disabled
+              rows="2"
+              :placeholder="$t('pleaseEnter')+$t('esInitChange.projectApprovalChangeReason')"
+              :border="false"
+              input-align="left"
+              class="vertical-form-item"/>
+            <!--    立项背景、立项依据   -->
+            <van-field
+              v-model="baseInfoForm[0].projectBackground"
+              :label="$t('esInitChange.projectBackground')"
+              type="textarea"
+              autosize
+              disabled
+              rows="2"
+              :placeholder="$t('pleaseEnter')+$t('esInitChange.projectBackground')"
+              :border="false"
+              input-align="left"
+              class="vertical-form-item"/>
+            <!--    国际、国家及行业同类标准分析   -->
+            <van-field
+              v-model="baseInfoForm[0].similarNaStandardsAnalysis"
+              :label="$t('esInitChange.homogeneousStandardAnalysis')"
+              type="textarea"
+              autosize
+              disabled
+              rows="2"
+              :placeholder="$t('pleaseEnter')+$t('esInitChange.homogeneousStandardAnalysis')"
+              :border="false"
+              input-align="left"
+              class="vertical-form-item"/>
+            <!--    企业同类标准对比分析   -->
+            <van-field
+              v-model="baseInfoForm[0].similarEnStandardsAnalysis"
+              :label="$t('esInitChange.standardContrastiveAnalysis')"
+              type="textarea"
+              autosize
+              disabled
+              rows="2"
+              :placeholder="$t('pleaseEnter')+$t('esInitChange.standardContrastiveAnalysis')"
+              :border="false"
+              input-align="left"
+              class="vertical-form-item"/>
+            <!--    立项标准的领先性与必要性   -->
+            <van-field
+              v-model="baseInfoForm[0].standardLeadingNecessity"
+              :label="$t('esInitChange.leadershipAndNecessity')"
+              type="textarea"
+              autosize
+              disabled
+              rows="2"
+              :placeholder="$t('pleaseEnter')+$t('esInitChange.leadershipAndNecessity')"
+              :border="false"
+              input-align="left"
+              class="vertical-form-item"/>
+            <!--    立项目的及预期效果等   -->
+            <van-field
+              v-model="baseInfoForm[0].projectExpectedEffects"
+              :label="$t('esInitChange.initiatedProject')"
+              type="textarea"
+              autosize
+              disabled
+              rows="2"
+              :placeholder="$t('pleaseEnter')+$t('esInitChange.initiatedProject')"
+              :border="false"
+              input-align="left"
+              class="vertical-form-item"/>
+            <!--  上传附件   -->
+            <van-field
+              :label="$t('esInitChange.uploadAttachment')"
+              readonly
+              v-model="baseInfoForm[0].uploadAttachment" >
+              <template v-slot:input>
+                <file-display :file-ids="baseInfoForm[0].uploadAttachment" />
+              </template>
+            </van-field>
+          </div>
+        </template>
+        <!--   项目类别为合并的显示  -->
+        <template v-if="baseInfoForm[0].projectType === ProjectType.MERGE.value">
+          <!--   完成日期  -->
+          <div class="process-part">
+            <div class="process-part-title">{{ $t('esInitChange.mergeStandardInformation') }}</div>
+            <!--  企标编号1  -->
+            <van-field
+              :label="$t('esInitChange.enterpriseStandardNum') + '1'"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardNum') + '1'"
+              readonly
+              type="textarea"
+              row="1"
+              autosize
+              v-model="baseInfoForm[0].standardNoOne" />
+            <!--  企标名称1  -->
+            <van-field
+              :label="$t('esInitChange.enterpriseStandardName') + '1'"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardName') + '1'"
+              readonly
+              type="textarea"
+              row="1"
+              autosize
+              v-model="baseInfoForm[0].standardNameOne" />
+            <!--  制修订类型1  -->
+            <van-field
+              :label="$t('esInitChange.typeOfRevision') + '1'"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.typeOfRevision') + '1'"
+              readonly
+              type="textarea"
+              row="1"
+              autosize
+              v-model="baseInfoForm[0].projectTypeOne" />
+            <!--  企标编号2  -->
+            <van-field
+              :label="$t('esInitChange.enterpriseStandardNum') + '2'"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardNum') + '2'"
+              readonly
+              type="textarea"
+              row="1"
+              autosize
+              v-model="baseInfoForm[0].standardIdTwo" />
+            <!--  企标名称2  -->
+            <van-field
+              :label="$t('esInitChange.enterpriseStandardName') + '2'"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardName') + '2'"
+              readonly
+              type="textarea"
+              row="1"
+              autosize
+              v-model="baseInfoForm[0].standardNameTwo" />
+            <!--  制修订类型2  -->
+            <van-field
+              :label="$t('esInitChange.typeOfRevision') + '2'"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.typeOfRevision') + '2'"
+              readonly
+              type="textarea"
+              row="1"
+              autosize
+              v-model="baseInfoForm[0].projectTypeTwo" />
+            <!--  新企标编号  -->
+            <van-field
+              :label="$t('esInitChange.newEnterpriseStandardNum')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.newEnterpriseStandardNum')"
+              readonly
+              type="textarea"
+              row="1"
+              autosize
+              v-model="baseInfoForm[0].newEnStandardNo" />
+            <!--  新企标名称  -->
+            <van-field
+              :label="$t('esInitChange.newEnterpriseStandardName')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.newEnterpriseStandardName')"
+              readonly
+              type="textarea"
+              row="1"
+              autosize
+              v-model="baseInfoForm[0].newEnStandardName" />
+            <!--  标准英文名称  -->
+            <van-field
+              :label="$t('esInitChange.standardEnglishName')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.standardEnglishName')"
+              readonly
+              type="textarea"
+              row="1"
+              autosize
+              v-model="baseInfoForm[0].enStandardEnglishName" />
+            <!--  标准体系  -->
+            <tree-select-multiple
+              :label="$t('esInitChange.standardSystem')"
+              :placeholder="$t('pleaseSelect') + $t('esInitChange.standardSystem')"
+              :list="standardSystemOptions"
+              v-model="baseInfoForm[0].enStandardSystem"/>
+            <!--  企业标准代号   -->
+            <picker-dict-field
+              :label="$t('esInitChange.enterpriseStandardCode')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseStandardCode')"
+              dict-code="enterprise_standard_code"
+              readonly
+              v-model="baseInfoForm[0].enStandardCode" />
+            <!--  企业名称代号   -->
+            <picker-dict-field
+              :label="$t('esInitChange.enterpriseNameCode')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.enterpriseNameCode')"
+              dict-code="enterprise_name_code"
+              readonly
+              v-model="baseInfoForm[0].enNameCode" />
+            <!--  标准类别代号   -->
+            <picker-dict-field
+              :label="$t('esInitChange.standardCategoryCode')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.standardCategoryCode')"
+              dict-code="standard_category_code"
+              readonly
+              v-model="baseInfoForm[0].standardCategoryCode" />
+            <!--  年代号   -->
+            <van-field
+              :label="$t('esInitChange.yearNumber')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.yearNumber')"
+              readonly
+              type="textarea"
+              row="1"
+              autosize
+              v-model="baseInfoForm[0].decadeCode" />
+            <!--  编制说明   -->
+            <van-field
+              :label="$t('esInitChange.compilationIllustration')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.compilationIllustration')"
+              readonly
+              v-model="baseInfoForm[0].compilationDescription" >
+              <template v-slot:input>
+                <file-display :file-ids="baseInfoForm[0].compilationDescription" />
+              </template>
+            </van-field>
+            <!--  标准等级分类   -->
+            <picker-dict-field
+              :label="$t('esInitChange.standardGradeClassification')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.standardGradeClassification')"
+              dict-code="standard_grade_classify"
+              readonly
+              v-model="baseInfoForm[0].enStandardClassification" />
+          </div>
+          <!--   完成日期  -->
+          <div class="process-part">
+            <div class="process-part-title">{{ $t('finishDate') }}</div>
+            <!--   草稿计划完成日期  -->
+            <calendar-field
+              :label="$t('esInitChange.draftPlanFinishDate')"
+              v-model="baseInfoForm[0].draftPlannedCompleteDate"
+              type="date"
+              readonly
+            />
+            <!--    征求意见稿计划完成日期  -->
+            <calendar-field
+              :label="$t('esInitChange.exposureDraftPlanFinishDate')"
+              v-model="baseInfoForm[0].solicitationDraftPlanCompleteDate"
+              type="date"
+              readonly
+            />
+            <!--    计划报批日期  -->
+            <calendar-field
+              :label="$t('esInitChange.planSubmissionDate')"
+              v-model="baseInfoForm[0].planApprovalDate"
+              type="date"
+              readonly
+            />
+          </div>
+          <!--   适用范围  -->
+          <div class="process-part">
+            <div class="process-part-title">{{ $t('rangeOfApplication') }}</div>
+            <!--  零部件名称   -->
+            <van-field
+              :label="$t('esInitChange.partName')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.partName')"
+              readonly
+              autosize
+              v-model="baseInfoForm[0].componentName" />
+            <!--  主起草人   -->
+            <van-field
+              :label="$t('esInitChange.principalDrafter')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.principalDrafter')"
+              readonly
+              v-model="baseInfoForm[0].mainDraftingUser_dictText" />
+            <!--  主起草单位   -->
+            <van-field
+              :label="$t('esInitChange.mainDraftUnit')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.mainDraftUnit')"
+              readonly
+              v-model="baseInfoForm[0].mainDraftingUnit_dictText" />
+            <!--  起草单位负责人   -->
+            <van-field
+              :label="$t('esInitChange.headOfMainDraftingUnit')"
+              :placeholder="$t('pleaseEnter') + $t('esInitChange.headOfMainDraftingUnit')"
+              readonly
+              v-model="baseInfoForm[0].mainDraftingUnitResponsiblePerson_dictText" />
+            <!--  变更原因   -->
+            <van-field
+              v-model="baseInfoForm[0].changeReason"
+              :label="$t('esInitChange.changeReason')"
+              type="textarea"
+              autosize
+              disabled
+              rows="2"
+              :placeholder="$t('pleaseEnter')+$t('esInitChange.changeReason')"
+              :border="false"
+              input-align="left"
+              class="vertical-form-item"/>
+          </div>
+        </template>
+      </van-form>
+      <van-form
+        v-if="baseInfoForm[0].applicationCategory === ApplicationCategory.CHANGE.value && [7, 8].includes(currentNode)"
+        ref="userFormRef"
+        input-align="right"
+        error-message-align="right"
+        :readonly="readonly"
+      >
+        <!--   所长  -->
+        <select-user-field
+          v-if="currentNode === 7"
+          name="newMainDraftUserLeader"
+          :rules="userRules.newMainDraftUserLeader"
+          :label="$t('esInitChange.superintendent')"
+          v-model="userForm.newMainDraftUserLeader"
+          filedName="newMainDraftUserLeader"
+          @nameChange="userFormUserNameChange"
+          :checkedNames="userForm.newMainDraftUserLeader_dictText"
+          type="radio"
+        />
+        <!--   相关人员  -->
+        <select-user-field
+          v-if="currentNode === 8"
+          name="relatedUserList"
+          :rules="userRules.relatedUserList"
+          :label="$t('esInitChange.relatedPersonnel')"
+          v-model="userForm.relatedUserList"
+          filedName="relatedUserList"
+          @nameChange="userFormUserNameChange"
+          :checkedNames="userForm.relatedUserList_dictText"
+          type="checkbox"
+        />
       </van-form>
       <!--   流程审批信息   -->
       <div class="process-part">
         <div class="process-part-title">{{ $t('processApprovalInformation') }}</div>
         <van-form
-          @failed="onFailed"
-          @submit="onSubmit"
-          ref="form"
+          ref="processForm"
           input-align="right"
           error-message-align="right"
           :readonly="readonly">
           <!--    备注   -->
           <van-field
             v-model="processInfoForm.commitText"
+            :rules="processInfoRules.commitText"
             :label="$t('remark')"
+            name="commitText"
             type="textarea"
             autosize
             rows="2"
@@ -363,37 +723,81 @@
       </div>
     </template>
     <template v-slot:operation>
-      <van-button class="operation-common-btn">
-        <template #icon>
-          <van-icon class="iconfont" class-prefix="icon" name="xunhuan" />
+      <template v-if="currentNode !== 10">
+        <!--   转办  -->
+        <van-button class="operation-common-btn" @click="handleTurnTo">
+          <template #icon>
+            <van-icon class="iconfont" class-prefix="icon" name="xunhuan" />
+          </template>
+          {{ $t('turnTo') }}
+        </van-button>
+        <template v-if="![7, 8].includes(currentNode)">
+          <!--   同意  -->
+          <van-button class="operation-common-btn" type="primary" @click="handleAgree">
+            <template #icon>
+              <van-icon class="iconfont" class-prefix="icon" name="check" />
+            </template>
+            {{ $t('agree') }}
+          </van-button>
+          <!--   驳回  -->
+          <van-button class="operation-common-btn light-color-button" @click="handleReject">
+            <template #icon>
+              <van-icon class="iconfont" class-prefix="icon" name="close" />
+            </template>
+            {{ $t('reject') }}
+          </van-button>
         </template>
-        {{ $t('turnTo') }}
-      </van-button>
-      <van-button class="operation-common-btn" type="primary" @click="handleAgree">
-        <template #icon>
-          <van-icon class="iconfont" class-prefix="icon" name="check" />
+        <template v-if="[7, 8].includes(currentNode)">
+          <!--   保存   -->
+          <van-button class="operation-common-btn light-color-button" @click="handleSave">
+            <template #icon>
+              <van-icon class="iconfont" class-prefix="icon" name="baocun" />
+            </template>
+            {{ $t('save') }}
+          </van-button>
+          <!--   提交   -->
+          <van-button class="operation-common-btn" type="primary" @click="handleSubmit">
+            <template #icon>
+              <van-icon class="iconfont" class-prefix="icon" name="check" />
+            </template>
+            {{ $t('submit') }}
+          </van-button>
         </template>
-        {{ $t('agree') }}
-      </van-button>
-      <van-button class="operation-common-btn light-color-button">
-        <template #icon>
-          <van-icon class="iconfont" class-prefix="icon" name="close" />
-        </template>
-        {{ $t('reject') }}
-      </van-button>
+      </template>
+      <template v-else>
+        <!--   确定   -->
+        <van-button class="operation-common-btn" type="primary" @click="handleAgree">
+          <template #icon>
+            <van-icon class="iconfont" class-prefix="icon" name="check" />
+          </template>
+          {{ $t('determine') }}
+        </van-button>
+      </template>
     </template>
+    <select-user ref="selectUserRef" @selected-change="selectUserChange"></select-user>
   </process-common-layout>
 </template>
 
 <script>
 import ProcessCommonLayout from '@/components/ProcessCommonLayout'
-import { ApplicationCategory, ProcessKey, ProjectType } from '@/enums/commonEnums'
+import { ApplicationCategory, ProcessKey, ProjectType, EsInitChangeNodes } from '@/enums/commonEnums'
 import CalendarField from '@/components/CalendarField'
 import PickerField from '@/components/PickerField'
 import PickerDictField from '@/components/PickerDictField'
 import TreeSelectMultiple from '@/components/TreeSelectMultiple'
 import FileDisplay from '@/components/FileDisplay'
-import { getProcessDataById, getTreeList } from '@/api/api'
+import {
+  enterprisePlanApprovalAgree,
+  enterprisePlanApprovalReject,
+  enterprisePlanApprovalSave,
+  enterprisePlanApprovalTurnTo,
+  getDepartmentList,
+  getProcessDataById,
+  getTreeList
+} from '@/api/api'
+import SelectUserField from '@/components/SelectUserField'
+import SelectDepartmentField from '@/components/SelectDepartmentField'
+import SelectUser from '@/components/SelectUser'
 
 export default {
   name: 'EnterpriseStandardInitChange',
@@ -403,13 +807,18 @@ export default {
     ProcessCommonLayout,
     CalendarField,
     TreeSelectMultiple,
-    FileDisplay
+    FileDisplay,
+    SelectUserField,
+    SelectDepartmentField,
+    SelectUser
   },
   data () {
     return {
       ProcessKey,
+      ApplicationCategory,
       ProjectType,
       readonly: false,
+      loading: false,
       // 申请类型
       applicationCategoryData: [
         { // 标准立项
@@ -456,16 +865,229 @@ export default {
           text: this.$t('esInitChange.merge')
         }
       ],
+      // 完成时间变更，表格列信息
+      finishTimeChangeColumns: [
+        {
+          title: this.$t('serialNumber'),
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 80,
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        { // 企标编号
+          title: this.$t('esInitChange.enterpriseStandardNum'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'originEnStandardNo',
+          scopedSlots: { customRender: 'toDetail' }
+        },
+        { // 企标名称
+          title: this.$t('esInitChange.enterpriseStandardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'originEnStandardName',
+          scopedSlots: { customRender: 'toDetail' }
+        },
+        { // 主起草人
+          title: this.$t('esInitChange.principalDrafter'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainDraftingUser_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 主起草单位
+          title: this.$t('esInitChange.mainDraftUnit'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainDraftingUnit_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 原草稿计划完成日期
+          title: this.$t('esInitChange.originalDraftPlanFinishDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'originDraftPlannedCompleteDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 原征求意见稿计划完成日期
+          title: this.$t('esInitChange.originalExposureDraftPlanFinishDate'),
+          align: 'center',
+          width: 210,
+          dataIndex: 'originSolicitationDraftPlanCompleteDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 原计划报批日期
+          title: this.$t('esInitChange.originalPlanSubmissionDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'originPlanApprovalDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 草稿计划完成日期
+          title: this.$t('esInitChange.draftPlanFinishDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'draftPlannedCompleteDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 征求意见稿计划完成日期
+          title: this.$t('esInitChange.exposureDraftPlanFinishDate'),
+          align: 'center',
+          width: 200,
+          dataIndex: 'solicitationDraftPlanCompleteDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 计划报批日期
+          title: this.$t('esInitChange.planSubmissionDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'planApprovalDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 变更原因
+          title: this.$t('esInitChange.changeReason'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'changeReason',
+          scopedSlots: { customRender: 'text' }
+        }
+      ],
+      // 工作终止表格列信息
+      jobEndChangeColumns: [
+        {
+          title: this.$t('serialNumber'),
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 80,
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        { // 企标编号
+          title: this.$t('esInitChange.enterpriseStandardNum'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'originEnStandardNo',
+          scopedSlots: { customRender: 'toDetail' }
+        },
+        { // 企标名称
+          title: this.$t('esInitChange.enterpriseStandardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'originEnStandardName',
+          scopedSlots: { customRender: 'toDetail' }
+        },
+        { // 主起草人
+          title: this.$t('esInitChange.principalDrafter'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainDraftingUser_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 主起草单位
+          title: this.$t('esInitChange.mainDraftUnit'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainDraftingUnit_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 变更原因
+          title: this.$t('esInitChange.changeReason'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'changeReason',
+          scopedSlots: { customRender: 'text' }
+        }
+      ],
       standardSystemOptions: [], // 标准体系下拉框数据
+      departmentList: [], // 部门列表数据
       processInfoForm: {}, // 流程信息表单
-      baseInfoForm: {} // 业务基本信息
+      // 流程信息校验
+      processInfoRules: {
+        commitText: [
+          { required: false, message: this.$t('pleaseEnter') + this.$t('remark') }
+        ]
+      },
+      userForm: {
+        newMainDraftUserLeader: '',
+        newMainDraftUserLeader_dictText: '',
+        relatedUserList: '',
+        relatedUserList_dictText: ''
+      },
+      userRules: {
+        newMainDraftUserLeader: [
+          { required: true, message: this.$t('pleaseSelect') + this.$t('esInitChange.superintendent') }
+        ],
+        relatedUserList: [
+          { required: true, message: this.$t('pleaseSelect') + this.$t('esInitChange.relatedPersonnel') }
+        ]
+      },
+      baseInfoForm: [
+        {
+          applicationCategory: '3',
+          projectType: '1'
+        }
+      ], // 业务基本信息
+      newMainDrafterCanUpdate: false, // 新主起草的三个字段是否可修改
+      onlyNewMainDrafterCanUpdate: false, // 新主起草人字段是否可修改
+      currentNode: 1,
+      isValidatePass: false // 是否通过了校验
     }
   },
   created () {
+    this.initDepartmentList()
     this.initStandardSystemOptions()
     this.initData()
   },
+  mounted () {
+    // 初始化流程节点
+    const nodeId = this.$route.query.nodeId
+    if (nodeId) {
+      if (nodeId === EsInitChangeNodes.mainDrafterStart.value) {
+        this.currentNode = 1
+      } else if (nodeId === EsInitChangeNodes.contactCheck.value) {
+        this.currentNode = 2
+      } else if (nodeId === EsInitChangeNodes.expertApproval.value) {
+        this.currentNode = 3
+      } else if (nodeId === EsInitChangeNodes.leaderApproval.value) {
+        this.currentNode = 4
+      } else if (nodeId === EsInitChangeNodes.leaderLeaderApproval.value) {
+        this.currentNode = 5
+      } else if (nodeId === EsInitChangeNodes.standardizationApproval.value) {
+        this.currentNode = 6
+      } else if (nodeId === EsInitChangeNodes.newDraftUnitLeaderLeaderSend.value) {
+        this.currentNode = 7
+      } else if (nodeId === EsInitChangeNodes.newDraftUnitLeaderConfirm.value) {
+        this.currentNode = 8
+      } else if (nodeId === EsInitChangeNodes.relevantPersonnelWillSign.value) {
+        this.currentNode = 9
+      } else if (nodeId === EsInitChangeNodes.mainDrafterCopy.value) {
+        this.currentNode = 10
+      } else {
+        // 预留加签节点
+        this.currentNode = 999
+      }
+    }
+    console.log(this.currentNode)
+    if (this.currentNode === 6) {
+      this.newMainDrafterCanUpdate = true
+    } else if (this.currentNode === 7 || this.currentNode === 8) {
+      this.onlyNewMainDrafterCanUpdate = true
+    }
+  },
   methods: {
+    // 获取部门列表数据
+    initDepartmentList () {
+      getDepartmentList().then(res => {
+        if (res.success) {
+          this.departmentList = res.result
+        }
+      })
+    },
     // 获取标准体系下拉框数据
     initStandardSystemOptions () {
       getTreeList({ option: 1 }).then(res => {
@@ -474,30 +1096,188 @@ export default {
         }
       })
     },
+    // 初始化数据
     initData () {
+      this.loading = true
       getProcessDataById(this.$route.query.taskId).then(res => {
         if (res.success) {
           const result = res.result
           this.processInfoForm = result.common
-          this.baseInfoForm = result.dataList[0]
+          this.baseInfoForm = result.dataList
+          // 节点7或者节点8需要回显选人表单
+          if (this.currentNode === 7) {
+            this.userForm = {
+              newMainDraftUserLeader: result.dataList[0].newMainDraftUserLeader,
+              newMainDraftUserLeader_dictText: result.dataList[0].newMainDraftUserLeader_dictText
+            }
+          } else if (this.currentNode === 8) {
+            this.userForm = {
+              relatedUserList: result.dataList[0].relatedUserList,
+              relatedUserList_dictText: result.dataList[0].relatedUserList_dictText
+            }
+          }
+        } else {
+          this.$message(res.message)
         }
+      }).finally(() => {
+        this.loading = false
       })
     },
     selectUserNameChange (value, fieldName) {
-      this.processInfoForm[fieldName + '_dictText'] = value
+      this.baseInfoForm[0][fieldName + '_dictText'] = value
     },
-    onFailed () {},
-    onSubmit () {
-      console.log(this.processInfoForm)
+    userFormUserNameChange (value, fieldName) {
+      this.userForm[fieldName + '_dictText'] = value
     },
+    // 转办
+    handleTurnTo () {
+      if (this.loading) return
+      // 点击显示选人组件
+      this.$refs.selectUserRef.open()
+    },
+    // 转办选完人的回调
+    selectUserChange (userIds) {
+      this.loading = true
+      const param = {}
+      param.userId = userIds
+      param.taskId = this.$route.query.taskId
+      enterprisePlanApprovalTurnTo(param).then(res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.goBack()
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 保存
+    handleSave () {
+      if (this.loading) return
+      const param = {}
+      param.common = Object.assign({}, this.processInfoForm)
+      param.common.taskId = this.$route.query.taskId || null
+      param.flowUser = this.$refs.processCommonLayout.getDataObj()
+      param.dataList = Array.from(this.baseInfoForm)
+      console.log(param)
+      param.dataList[0] = { ...param.dataList[0], ...this.userForm }
+      this.loading = true
+      // 保存到草稿
+      enterprisePlanApprovalSave(param).then(res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.goBack()
+        } else {
+          this.$message.warning(res.message)
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 同意
     handleAgree () {
-      this.onSubmit()
+      if (this.loading) return
+      this.processInfoRules.commitText[0].required = false
+      this.$refs.processForm.validate().then(async () => {
+        const param = {} // 需要传给后端的数据
+        if (this.baseInfoForm[0].projectType === this.ProjectType.RESPONSIBLE_DEPT_CHANGE.value && this.currentNode === 6) {
+          // 责任部门变更，节点6需要校验业务基本信息的必填，新起草单位负责人就是新起草部门主管级上一级领导
+          await this.$refs.baseInfoFormRef.validate().then(() => {
+            console.log('--------baseInfoFormRef.validate--------')
+            param.common = Object.assign({}, this.processInfoForm)
+            param.common.taskId = this.$route.query.taskId
+            param.dataList = this.baseInfoForm
+            param.flowUser = {
+              newMainDraftUserLeaderLeader: this.baseInfoForm[0].newMainDraftingUnitResponsiblePerson
+            }
+          }).catch((errorInfo) => {
+            console.log(errorInfo)
+          })
+        } else {
+          param.common = Object.assign({}, this.processInfoForm)
+          param.common.taskId = this.$route.query.taskId
+        }
+        console.log('loading', param)
+        this.loading = true
+        enterprisePlanApprovalAgree(param).then(res => {
+          if (res.success) {
+            this.$message(res.message)
+            this.goBack()
+          } else {
+            this.$message(res.message)
+          }
+        }).finally(() => {
+          this.loading = false
+        })
+      }).catch((errorInfo) => {
+        console.log(errorInfo)
+      })
+    },
+    // 驳回
+    handleReject () {
+      if (this.loading) return
+      this.processInfoRules.commitText[0].required = true
+      this.$refs.processForm.validate().then(() => {
+        this.loading = true
+        const param = {}
+        param.common = Object.assign({}, this.processInfoForm)
+        param.common.taskId = this.$route.query.taskId
+        enterprisePlanApprovalReject(param).then(res => {
+          if (res.success) {
+            this.$message.success(res.message)
+            this.goBack()
+          } else {
+            this.$message.warning(res.message)
+          }
+        }).finally(() => {
+          this.loading = false
+          this.processInfoRules.commitText[0].required = false
+        })
+      }).catch((errorInfo) => {
+        console.log(errorInfo)
+        if (errorInfo.find(item => item.name === 'commitText')) {
+          // 没通过校验的有备注，弹窗提示输入备注
+          this.$message(this.$t('pleaseEnterRemarks'))
+        }
+      })
+    },
+    // 提交
+    handleSubmit () {
+      console.log('------handleSubmit-------')
+      if (this.loading) return
+      this.$refs.userFormRef.validate().then(() => {
+        this.$refs.processForm.validate().then(() => {
+          this.loading = true
+          const param = {}
+          param.common = Object.assign({}, this.processInfoForm)
+          param.common.taskId = this.$route.query.taskId
+          param.flowUser = Object.assign({}, this.userForm)
+          enterprisePlanApprovalAgree(param).then(res => {
+            if (res.success) {
+              this.$message(res.message)
+              this.goBack()
+            } else {
+              this.$message(res.message)
+            }
+          }).finally(() => {
+            this.loading = false
+          })
+        }).catch((errorInfo) => {
+          console.log(errorInfo)
+        })
+      }).catch((errorInfo) => {
+        console.log(errorInfo)
+      })
     },
     selectUserFinish (value) {
       console.log(value)
     },
     selectUser () {
       this.$refs.selectUserRef.open()
+    },
+    goBack () {
+      this.$router.go(-1)
     }
   }
 }