diff --git a/src/api/workCenter.js b/src/api/workCenter.js
index 84d7ee97..aa0920ee 100644
--- a/src/api/workCenter.js
+++ b/src/api/workCenter.js
@@ -1,8 +1,20 @@
-import { getAction } from './manage.js'
+import { getAction, postAction } from './manage.js'
 
 // 流程配置-部署
 const deployWorkFlow = (params) => getAction('/activitiModel/deploy', params)
 
+// 企标计划立项、变更流程相关
+// 转办
+const enterprisePlanApprovalTurnTo = (params) => postAction('', params)
+// 同意
+const enterprisePlanApprovalAgree = (params) => postAction('', params)
+// 驳回
+const enterprisePlanApprovalReject = (params) => postAction('', params)
+
 export {
-  deployWorkFlow
+  deployWorkFlow,
+
+  enterprisePlanApprovalTurnTo,
+  enterprisePlanApprovalAgree,
+  enterprisePlanApprovalReject
 }
diff --git a/src/assets/less/common.less b/src/assets/less/common.less
index 351af8d6..a7a1ffe7 100644
--- a/src/assets/less/common.less
+++ b/src/assets/less/common.less
@@ -812,6 +812,15 @@
 
 /*流程表单样式end*/
 
+/* 按钮中发那个自定义图标的样式 */
+/deep/ .ant-btn {
+  .iconfont {
+    margin-right: 8px;
+    font-size: 14px;
+  }
+}
+/* 按钮中发那个自定义图标的样式 end */
+
 .detail-page-bottom-operate-box {
   height: 52px;
   padding: 10px 32px;
diff --git a/src/common/lang/en-us.js b/src/common/lang/en-us.js
index 72b5a3a5..879b6a92 100644
--- a/src/common/lang/en-us.js
+++ b/src/common/lang/en-us.js
@@ -137,6 +137,17 @@ module.exports = {
   standardName: 'Standard Name',
   standardNumOrName: 'Standard Number Or Standard Name',
   fileImportError: 'File import error',
+  flowCenter: 'Process Center——',
+  processInformation: 'Process Information',
+  basicServiceInformation: 'Basic Service Information',
+  processApprovalInformation: 'Process Approval Information',
+  processName: 'Process Name',
+  expirationDate: 'Deadline Date',
+  processExplain: 'Process Description',
+  entrust: 'Entrust',
+  turnTo: 'Turn To',
+  agree: 'agree',
+  reject: 'Reject',
   // 树右键
   treeRight: {
     addFolder: 'Create New Folder',
diff --git a/src/common/lang/workCenter/en.js b/src/common/lang/workCenter/en.js
index e69de29b..bde541e4 100644
--- a/src/common/lang/workCenter/en.js
+++ b/src/common/lang/workCenter/en.js
@@ -0,0 +1,84 @@
+module.exports = {
+  // 新建流程页
+  newProcess: {
+    externalStandardsManagementProcess: '外部标准管理流程',
+    standardRegulationEntryCorrectionProcess: '标准法规入库/更正流程',
+    annotateTheConsultationProcess: '标准征求意见流程',
+    projectComplianceAssessmentProcess: '项目合规评估流程',
+    noMatchTrackingProcess: '未符合项跟踪流程',
+    regulatoryComplianceAssessmentProcess: '法规合规评估流程',
+    regulatoryProcurementProcess: '法规采购流程',
+    enterpriseProjectChangePlan: '企标立项/变更计划',
+    annualRevisionPlanActivelyReport: '年度制修订计划审批流程(各部门主动上报)',
+    annualRevisionPlanStandardizationInit: '年度制修订计划审批流程(标准化发起)',
+    enterpriseStandardSystemRevisionProcess: '企标制修订流程',
+    bidChangeProcess: '企标更改流程',
+    processOfEnterpriseBidReview: '企标复审流程',
+    processOfEnterpriseBidAnnulment: '企标废止流程',
+    processOfSealingEnterpriseStandard: '企标封存流程',
+    theSealedEnterpriseBidHasBeenActivatedProcess: '已封存企标启用流程',
+    enterpriseStandardAuditPlan: '企标稽查计划',
+    processOfEnterpriseStandardAudit: '企标稽查流程',
+    auditExtensionApplicationProcess: '稽查延期申请流程',
+    enterpriseStandardInspectionAndRectification: '企标稽查整改',
+    permissionApplicationProcess: '权限申请流程',
+    standardPromotionProcess: '标准宣贯流程',
+    workgroupProcess: '工作组相关流程',
+    postMeetingManagementProcess: '会后管理流程'
+  },
+  // 企标立项/变更计划
+  enterpriseInitChangePlan: {
+    applicationType: '申请类型',
+    standardProjectEstablishment: '标准立项',
+    change: '变更',
+    itemCategory: '项目类别',
+    formulate: '制定',
+    revise: '修订',
+    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: '上传附件',
+    completionTimeChange: '完成时间变更',
+    terminationOfWork: '工作终止',
+    masterDraftingDepartmentChanges: '主起草部门变更',
+    merge: '合并',
+    originalDraftPlanFinishDate: '原草稿计划完成日期',
+    originalExposureDraftPlanFinishDate: '原征求意见稿计划完成日期',
+    originalPlanSubmissionDate: '原计划报批日期',
+    changeReason: '变更原因'
+  },
+  // 流程配置
+  processConfig: {
+    processType: '流程类型',
+    editFlowchart: '编辑流程图',
+    editFlowNode: '编辑流程节点',
+    deploy: '部署'
+  }
+}
diff --git a/src/common/lang/workCenter/zh.js b/src/common/lang/workCenter/zh.js
index 322b0c20..bde541e4 100644
--- a/src/common/lang/workCenter/zh.js
+++ b/src/common/lang/workCenter/zh.js
@@ -64,7 +64,15 @@ module.exports = {
     standardContrastiveAnalysis: '企业同类标准对比分析',
     leadershipAndNecessity: '立项标准的领先性与必要性',
     initiatedProject: '立项目的及预期效果等',
-    uploadAttachment: '上传附件'
+    uploadAttachment: '上传附件',
+    completionTimeChange: '完成时间变更',
+    terminationOfWork: '工作终止',
+    masterDraftingDepartmentChanges: '主起草部门变更',
+    merge: '合并',
+    originalDraftPlanFinishDate: '原草稿计划完成日期',
+    originalExposureDraftPlanFinishDate: '原征求意见稿计划完成日期',
+    originalPlanSubmissionDate: '原计划报批日期',
+    changeReason: '变更原因'
   },
   // 流程配置
   processConfig: {
diff --git a/src/common/lang/zh-cn.js b/src/common/lang/zh-cn.js
index c17f529a..6426de1c 100644
--- a/src/common/lang/zh-cn.js
+++ b/src/common/lang/zh-cn.js
@@ -145,8 +145,9 @@ module.exports = {
   expirationDate: '截止日期',
   processExplain: '流程说明',
   entrust: '委托',
-  consent: '同意',
-  turnDown: '驳回',
+  turnTo: '转办',
+  agree: '同意',
+  reject: '驳回',
   // 树右键
   treeRight: {
     addFolder: '新增文件夹',
@@ -529,6 +530,7 @@ module.exports = {
     maxSize: '文件大小限制为500M',
     onlyUploadPic: '请上传图片',
     pleaseUpload: '请上传',
+    theFollowingDocuments: 'M以下文件',
     file: '文件'
   },
   importWithTemplate: {
diff --git a/src/components/UploadFile.vue b/src/components/UploadFile.vue
index 62baf999..e2fb7b95 100644
--- a/src/components/UploadFile.vue
+++ b/src/components/UploadFile.vue
@@ -135,6 +135,11 @@ export default {
     disabledUpload: {
       type: Boolean,
       default: false
+    },
+    fileMaxSize: {
+      type: Number,
+      required: false,
+      default: 500
     }
   },
   data () {
@@ -342,6 +347,12 @@ export default {
         file.uploadGoOn = false
         return false
       }
+      if (this.fileMaxSize && fileSize > 1024 * 1024 * this.fileMaxSize) {
+        this.$message.error(this.$t('uploadFile.pleaseUpload') + this.fileMaxSize + this.$t('uploadFile.theFollowingDocuments'))
+        this.uploadGoOn = false
+        file.uploadGoOn = false
+        return false
+      }
       if (fileSize > 1024 * 1024 * 500) {
         this.$message.error(this.$t('uploadFile.maxSize'))
         this.uploadGoOn = false
diff --git a/src/components/selection/StandardSelection.vue b/src/components/selection/StandardSelection.vue
index ff0e77c1..bf00231e 100644
--- a/src/components/selection/StandardSelection.vue
+++ b/src/components/selection/StandardSelection.vue
@@ -8,7 +8,7 @@
         {{this.$t('standardSelect.standardSelection')}}
       </a-button>
     </div>
-    <standard-selection-modal ref="standardSelectionModal" v-bind="$attrs" :value="value" @change="modalInput" @nameChange="modalNameChange"></standard-selection-modal>
+    <standard-selection-modal ref="standardSelectionModal" v-bind="$attrs" :value="value" @change="modalInput" @nameChange="modalNameChange" @listChange="modalListChange"></standard-selection-modal>
   </div>
 </template>
 
@@ -46,6 +46,9 @@ export default {
     },
     modalNameChange (value) {
       this.$emit('nameChange', value)
+    },
+    modalListChange (value) {
+      this.$emit('listChange', value)
     }
   },
   model: {
diff --git a/src/components/selection/StandardSelectionModal.vue b/src/components/selection/StandardSelectionModal.vue
index 4d1dcf50..5735380f 100644
--- a/src/components/selection/StandardSelectionModal.vue
+++ b/src/components/selection/StandardSelectionModal.vue
@@ -193,6 +193,7 @@ export default {
         })
         this.$emit('change', serialNumber.join(','))
         this.$emit('nameChange', serialNameArr.join(','))
+        this.$emit('listChange', this.selectedRowList)
         this.visible = false
       } else {
         this.$message.warning(this.$t('selectLeastOne'))
diff --git a/src/components/selection/UserSelection.vue b/src/components/selection/UserSelection.vue
index de1e6f44..1455caaf 100644
--- a/src/components/selection/UserSelection.vue
+++ b/src/components/selection/UserSelection.vue
@@ -13,7 +13,7 @@
         :title="checkedValue"
       >
       </a-input>
-      <a-button type="primary" class="button-box" @click="selectClick">
+      <a-button type="primary" class="button-box" @click="selectClick" :disabled="disabled">
         {{ $t('userSelect.select') }}
       </a-button>
     </div>
diff --git a/src/views/enterpriseStandardLibrary/standard/detail/module/UpdateRecordModal.vue b/src/views/enterpriseStandardLibrary/standard/detail/module/UpdateRecordModal.vue
index af9564e9..6cf337b7 100644
--- a/src/views/enterpriseStandardLibrary/standard/detail/module/UpdateRecordModal.vue
+++ b/src/views/enterpriseStandardLibrary/standard/detail/module/UpdateRecordModal.vue
@@ -5,6 +5,7 @@
     :width="width"
     :visible="visible"
     :confirm-loading="confirmLoading"
+    switchFullscreen
     @cancel="handleCancel">
 
     <a-spin :spinning="confirmLoading">
diff --git a/src/views/workCenter/enterpriseStandardInitChange/flow/PlanApprovalChangeFlow.vue b/src/views/workCenter/enterpriseStandardInitChange/flow/PlanApprovalChangeFlow.vue
index 05c8c0a7..31c2979f 100644
--- a/src/views/workCenter/enterpriseStandardInitChange/flow/PlanApprovalChangeFlow.vue
+++ b/src/views/workCenter/enterpriseStandardInitChange/flow/PlanApprovalChangeFlow.vue
@@ -1,6 +1,18 @@
 <template>
   <internal-detail-page :title="pageTitle">
-    <div class="scroll-content">
+    <!--  标题右侧tab  -->
+    <template v-slot:titleRightCustom>
+      <div class="table-operator-tab">
+        <a class="switch-item" :class="switchValue === 'base' ? 'table-operator-tab-active' : ''"
+           @click="switchChange('base')">基础信息
+        </a>
+        <a class="switch-item" :class="switchValue === 'user' ? 'table-operator-tab-active' : ''"
+           @click="switchChange('user')">人员信息
+        </a>
+      </div>
+    </template>
+    <div v-if="switchValue === 'base'" class="scroll-content">
+      <!--  流程信息  -->
       <div class="process-part-title">{{ $t('processInformation') }}</div>
       <a-form :form="processInfoForm">
         <a-row>
@@ -9,42 +21,38 @@
             <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        @change="event => event.target.value = event.target.value.trim()"
+                       :disabled="disabled"
                        :maxLength="50"
-                       v-decorator="['processName']" />
+                       v-decorator="['processName', validatorRules.processName]" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
             <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
+                             style="width: 100%"
+                             :disabled="disabled"
                              value-format="YYYY-MM-DD"
                              v-decorator="['expirationDate']" />
             </a-form-item>
           </a-col>
-          <a-col :span="12">
-            <!--  流程说明  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processExplain')">
-              <a-textarea :placeholder="$t('pleaseSelect') + $t('processExplain')"
-                          maxLength="500"
-                          :rows="4"
-                          v-decorator="['processExplain']" />
-            </a-form-item>
-          </a-col>
+          <!--  流程说明  -->
+          <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+            <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
+                        :maxLength="500"
+                        :rows="4"
+                        :disabled="disabled"
+                        v-decorator="['processExplain']" />
+          </a-form-item>
         </a-row>
       </a-form>
 
+      <!--  业务基本信息  -->
       <div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
-      <a-form-model :model="formInline" v-if="isFormInline" class="form-add" :rules="rules" ref="ruleForm">
-        <!--  基础信息部分  -->
+      <!--  申请类型和项目类型  -->
+      <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
         <div class="collapsible-panel-form">
-          <div class="collapsible-panel-form-header">
-            <span>基础信息</span>
-            <div class="retractable-btn" @click="handleChangeRetractable('baseInfo')">
-              <a-icon type="double-right" :class="retractableFlag.baseInfo ? 'pack-up-btn' : 'unfold-btn'" />
-              {{ retractableFlag.baseInfo ? '收起' : '展开' }}
-            </div>
-          </div>
-          <div class="form-flex-box collapsible-panel-form-content" v-show="retractableFlag.baseInfo">
+          <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
             <!--  申请类型  -->
             <div class="box-title-text form-flex-item">
               <div class="title-text">
@@ -55,6 +63,7 @@
               </div>
               <a-form-model-item class="item-model" prop="applicationType">
                 <a-select v-model="formInline.applicationType"
+                          :disabled="disabled"
                           :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.applicationType')">
                   <a-select-option :value="1">{{ $t('workCenter.enterpriseInitChangePlan.standardProjectEstablishment') }}</a-select-option>
                   <a-select-option :value="2">{{ $t('workCenter.enterpriseInitChangePlan.change') }}</a-select-option>
@@ -62,7 +71,7 @@
               </a-form-model-item>
             </div>
             <!--  项目类别  -->
-            <div v-if="formInline.applicationType === 1" class="box-title-text form-flex-item">
+            <div class="box-title-text form-flex-item">
               <div class="title-text">
                 <span class="required">*</span>
                 <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.itemCategory')">
@@ -70,616 +79,121 @@
                 </span>
               </div>
               <a-form-model-item class="item-model" prop="itemCategory">
-                <a-select v-model="formInline.itemCategory"
+                <a-select v-if="formInline.applicationType === 1"
+                          v-model="formInline.itemCategory"
+                          :disabled="disabled"
+                          @change="itemCategoryChange"
                           :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.itemCategory')">
                   <a-select-option :value="1">{{ $t('workCenter.enterpriseInitChangePlan.formulate') }}</a-select-option>
                   <a-select-option :value="2">{{ $t('workCenter.enterpriseInitChangePlan.revise') }}</a-select-option>
                 </a-select>
-              </a-form-model-item>
-            </div>
-            <!--  标准立项-制定  -->
-            <template v-if="formInline.itemCategory && formInline.itemCategory === 1">
-              <!--  企业编号  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="required">*</span>
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="enterpriseStandardNum">
-                  <a-input class="box-input"
-                           v-model="formInline.enterpriseStandardNum"
-                           :maxLength="50"
-                           disabled
-                           :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')" />
-                </a-form-model-item>
-              </div>
-              <!--  企业名称  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="required">*</span>
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardName') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="enterpriseStandardName">
-                  <a-input class="box-input"
-                           v-model="formInline.enterpriseStandardName"
-                           :maxLength="50"
-                           :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-                </a-form-model-item>
-              </div>
-              <!--  企业标准代号  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="required">*</span>
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardCode')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardCode') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="enterpriseStandardCode">
-                  <j-dict-select-tag class="box-input"
-                                     v-model="formInline.enterpriseStandardCode"
-                                     :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardCode')"
-                                     :type="'select'"
-                                     :triggerChange="false"
-                                     dictCode="enterprise_standard_code" />
-                </a-form-model-item>
-              </div>
-              <!--  企业名称代号  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="required">*</span>
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseNameCode')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseNameCode') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="enterpriseNameCode">
-                  <j-dict-select-tag class="box-input"
-                                     v-model="formInline.enterpriseNameCode"
-                                     :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.enterpriseNameCode')"
-                                     :type="'select'"
-                                     :triggerChange="false"
-                                     dictCode="enterprise_name_code" />
-                </a-form-model-item>
-              </div>
-              <!--  标准类别代号  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="required">*</span>
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardCategoryCode')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.standardCategoryCode') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="standardCategoryCode">
-                  <j-dict-select-tag class="box-input"
-                                     v-model="formInline.standardCategoryCode"
-                                     :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardCategoryCode')"
-                                     :type="'select'"
-                                     :triggerChange="false"
-                                     dictCode="standard_category_code" />
-                </a-form-model-item>
-              </div>
-              <!--  年代号  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="required">*</span>
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.yearNumber')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.yearNumber') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="yearNumber">
-                  <j-date show-type="year"
-                          v-model="formInline.yearNumber"
-                          :default-value="yearNumberDefaultValue"
-                          date-format="YYYY"
-                          :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.yearNumber')" />
-                </a-form-model-item>
-              </div>
-            </template>
-            <!--  标准立项-修订  -->
-            <template v-else-if="formInline.itemCategory && formInline.itemCategory === 2">
-              <!--  企标编号  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="required">*</span>
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="enterpriseStandardNum">
-                  <standard-selection :source="StandardSource.ENTERPRISE.value"
-                                      :disabledSourceSearch="true"
-                                      type="radio"
-                                      v-model="formInline.enterpriseStandardNum"
-                                      @nameChange="nameChange"/>
-                </a-form-model-item>
-              </div>
-              <!--  企标名称  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardName') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="enterpriseStandardName">
-                  <a-input class="box-input"
-                           v-model="formInline.enterpriseStandardName"
-                           :maxLength="50"
-                           disabled
-                           :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-                </a-form-model-item>
-              </div>
-              <!--  新企标编号  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="required">*</span>
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardNum')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardNum') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="newEnterpriseStandardNum">
-                  <a-input class="box-input"
-                           v-model="formInline.newEnterpriseStandardNum"
-                           :maxLength="50"
-                           disabled
-                           :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardNum')" />
-                </a-form-model-item>
-              </div>
-              <!--  新企标名称  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="required">*</span>
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardName')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardName') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="newEnterpriseStandardName">
-                  <a-input class="box-input"
-                           v-model="formInline.newEnterpriseStandardName"
-                           :maxLength="50"
-                           :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardName')" />
-                </a-form-model-item>
-              </div>
-              <!--  年代号  -->
-              <div class="box-title-text form-flex-item">
-                <div class="title-text">
-                  <span class="required">*</span>
-                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.yearNumber')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.yearNumber') }}
-                </span>
-                </div>
-                <a-form-model-item class="item-model" prop="yearNumber">
-                  <j-date show-type="year"
-                          v-model="formInline.yearNumber"
-                          :default-value="yearNumberDefaultValue"
-                          date-format="YYYY"
-                          :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.yearNumber')" />
-                </a-form-model-item>
-              </div>
-            </template>
-            <!--  标准英文名称  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardEnglishName')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.standardEnglishName') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="standardEnglishName">
-                <a-input class="box-input"
-                         v-model="formInline.standardEnglishName"
-                         :maxLength="50"
-                         :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.standardEnglishName')" />
-              </a-form-model-item>
-            </div>
-            <!--  标准体系  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardSystem')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.standardSystem') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="standardSystem">
-                <j-dict-select-tag class="box-input"
-                                   v-model="formInline.standardSystem"
-                                   :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardSystem')"
-                                   :type="'select'"
-                                   :triggerChange="false"
-                                   dictCode="standard_system" />
-              </a-form-model-item>
-            </div>
-            <!--  标准类型  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardType')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.standardType') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="standardType">
-                <j-dict-select-tag class="box-input"
-                                   v-model="formInline.standardType"
-                                   :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardType')"
-                                   :type="'select'"
-                                   :triggerChange="false"
-                                   dictCode="esp_standard_type" />
-              </a-form-model-item>
-            </div>
-            <!--  标准等级分类  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardGradeClassification')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.standardGradeClassification') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="standardGradeClassification">
-                <j-dict-select-tag class="box-input"
-                                   v-model="formInline.standardGradeClassification"
-                                   :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardGradeClassification')"
-                                   :type="'select'"
-                                   :triggerChange="false"
-                                   dictCode="standard_grade_classify" />
-              </a-form-model-item>
-            </div>
-            <!--  编制说明  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.compilationIllustration')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.compilationIllustration') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="compilationIllustration">
-                <a-button type="primary" class="button-text" @click="clickButtonToUpload('compilationIllustration')">
-                  {{
-                    (formInline.compilationIllustration === 'null' || formInline.compilationIllustration === ''
-                      || formInline.compilationIllustration === null || formInline.compilationIllustration === undefined)
-                      ? $t('uploadFile.clickUpload')
-                      : $t('uploadFile.viewUploadedFiles')
-                  }}
-                </a-button>
-              </a-form-model-item>
-            </div>
-          </div>
-        </div>
-        <!--  完成日期部分  -->
-        <div class="collapsible-panel-form">
-          <div class="collapsible-panel-form-header">
-            <span>完成日期</span>
-            <div class="retractable-btn" @click="handleChangeRetractable('finishDate')">
-              <a-icon type="double-right" :class="retractableFlag.finishDate ? 'pack-up-btn' : 'unfold-btn'" />
-              {{ retractableFlag.finishDate ? '收起' : '展开' }}
-            </div>
-          </div>
-          <div class="form-flex-box collapsible-panel-form-content" v-show="retractableFlag.finishDate">
-            <!--  草稿计划完成日期  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text title-text-long">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.draftPlanFinishDate')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.draftPlanFinishDate') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="draftPlanFinishDate">
-                <a-date-picker v-model="formInline.draftPlanFinishDate" :showTime="false" value-format="YYYY-MM-DD"></a-date-picker>
-              </a-form-model-item>
-            </div>
-            <!--  征求意见稿计划完成日期  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text title-text-long">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.exposureDraftPlanFinishDate')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.exposureDraftPlanFinishDate') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="exposureDraftPlanFinishDate">
-                <a-date-picker v-model="formInline.exposureDraftPlanFinishDate" :showTime="false" value-format="YYYY-MM-DD"></a-date-picker>
-              </a-form-model-item>
-            </div>
-            <!--  计划报批日期  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text title-text-long">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.planSubmissionDate')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.planSubmissionDate') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="planSubmissionDate">
-                <a-date-picker v-model="formInline.planSubmissionDate" :showTime="false" value-format="YYYY-MM-DD"></a-date-picker>
-              </a-form-model-item>
-            </div>
-          </div>
-        </div>
-        <!--  适用范围部分  -->
-        <div class="collapsible-panel-form">
-          <div class="collapsible-panel-form-header">
-            <span>适用范围</span>
-            <div class="retractable-btn" @click="handleChangeRetractable('rangeOfApplication')">
-              <a-icon type="double-right" :class="retractableFlag.rangeOfApplication ? 'pack-up-btn' : 'unfold-btn'" />
-              {{ retractableFlag.rangeOfApplication ? '收起' : '展开' }}
-            </div>
-          </div>
-          <div class="form-flex-box collapsible-panel-form-content" v-show="retractableFlag.rangeOfApplication">
-            <!--  零部件名称  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.partName')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.partName') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="partName">
-                <a-tree-select v-model="formInline.partName"
-                               :getPopupContainer="triggerNode=> triggerNode.parentNode"
-                               style="width: 100%"
-                               :tree-data="partNameOptions"
-                               :label-in-value="false"
-                               :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')" />
-              </a-form-model-item>
-            </div>
-            <!--  授权部门  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.authorizationDepart')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.authorizationDepart') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="authorizationDepart">
-                <j-select-depart v-model="formInline.authorizationDepart"
-                                 :backDepart="true" />
-              </a-form-model-item>
-            </div>
-            <!--  主起草人  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.principalDrafter')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.principalDrafter') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="principalDrafter">
-                <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
-                                v-model="formInline.principalDrafter"
-                                filedName="principalDrafter"
-                                @nameChange="userSelectNameChange"
-                                :nameStr="formInline.principalDrafter_dictText"
-                                type="radio" />
-              </a-form-model-item>
-            </div>
-            <!--  主起草单位  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.mainDraftUnit')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.mainDraftUnit') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="mainDraftUnit">
-                <j-select-depart v-model="formInline.mainDraftUnit"
-                                 :backDepart="true" />
-              </a-form-model-item>
-            </div>
-            <!--  起草单位负责人  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.headOfMainDraftingUnit')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.headOfMainDraftingUnit') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="headOfMainDraftingUnit">
-                <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.headOfMainDraftingUnit')"
-                                v-model="formInline.headOfMainDraftingUnit"
-                                filedName="headOfMainDraftingUnit"
-                                @nameChange="userSelectNameChange"
-                                :nameStr="formInline.headOfMainDraftingUnit_dictText"
-                                type="radio" />
-              </a-form-model-item>
-            </div>
-            <!--  标准推进人  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardPusher')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.standardPusher') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="standardPusher">
-                <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardPusher')"
-                                v-model="formInline.standardPusher"
-                                filedName="standardPusher"
-                                @nameChange="userSelectNameChange"
-                                :nameStr="formInline.standardPusher_dictText"
-                                type="radio" />
-              </a-form-model-item>
-            </div>
-            <!--  配合单位  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.suitUnit')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.suitUnit') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="suitUnit">
-                <j-select-depart v-model="formInline.suitUnit"
-                                 :backDepart="true" />
-              </a-form-model-item>
-            </div>
-          </div>
-        </div>
-        <!--  立项说明部分  -->
-        <div class="collapsible-panel-form">
-          <div class="collapsible-panel-form-header">
-            <span>立项说明</span>
-            <div class="retractable-btn" @click="handleChangeRetractable('projectStatement')">
-              <a-icon type="double-right" :class="retractableFlag.projectStatement ? 'pack-up-btn' : 'unfold-btn'" />
-              {{ retractableFlag.projectStatement ? '收起' : '展开' }}
-            </div>
-          </div>
-          <div class="form-flex-box collapsible-panel-form-content" v-show="retractableFlag.projectStatement">
-            <!--  立项/变更原因  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.projectApprovalChangeReason')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.projectApprovalChangeReason') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="projectApprovalChangeReason">
-                <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.projectApprovalChangeReason')"
-                            :maxLength="500"
-                            v-model="formInline.projectApprovalChangeReason" :rows="4" />
-              </a-form-model-item>
-            </div>
-            <!--  立项背景、立项依据  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.projectBackground')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.projectBackground') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="projectBackground">
-                <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.projectBackground')"
-                            :maxLength="500"
-                            v-model="formInline.projectBackground" :rows="4" />
-              </a-form-model-item>
-            </div>
-            <!--  国际、国家及行业同类标准分析  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.homogeneousStandardAnalysis')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.homogeneousStandardAnalysis') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="homogeneousStandardAnalysis">
-                <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.homogeneousStandardAnalysis')"
-                            :maxLength="500"
-                            v-model="formInline.homogeneousStandardAnalysis" :rows="4" />
-              </a-form-model-item>
-            </div>
-            <!--  企业同类标准对比分析  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardContrastiveAnalysis')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.standardContrastiveAnalysis') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="standardContrastiveAnalysis">
-                <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.standardContrastiveAnalysis')"
-                            :maxLength="500"
-                            v-model="formInline.standardContrastiveAnalysis" :rows="4" />
-              </a-form-model-item>
-            </div>
-            <!--  立项标准的领先性与必要性  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.leadershipAndNecessity')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.leadershipAndNecessity') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="leadershipAndNecessity">
-                <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.leadershipAndNecessity')"
-                            :maxLength="500"
-                            v-model="formInline.leadershipAndNecessity" :rows="4" />
-              </a-form-model-item>
-            </div>
-            <!--  立项目的及预期效果等  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.initiatedProject')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.initiatedProject') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="initiatedProject">
-                <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.initiatedProject')"
-                            :maxLength="500"
-                            v-model="formInline.initiatedProject" :rows="4" />
-              </a-form-model-item>
-            </div>
-            <!--  上传附件  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.uploadAttachment')">
-                  {{ $t('workCenter.enterpriseInitChangePlan.uploadAttachment') }}
-                </span>
-              </div>
-              <a-form-model-item class="item-model" prop="uploadAttachment">
-                <a-button type="primary" class="button-text" @click="clickButtonToUpload('uploadAttachment')">
-                  {{
-                    (formInline.uploadAttachment === 'null' || formInline.uploadAttachment === ''
-                      || formInline.uploadAttachment === null || formInline.uploadAttachment === undefined)
-                      ? $t('uploadFile.clickUpload')
-                      : $t('uploadFile.viewUploadedFiles')
-                  }}
-                </a-button>
+                <a-select v-else
+                          v-model="formInline.itemCategory"
+                          :disabled="disabled"
+                          @change="itemCategoryChange"
+                          :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.itemCategory')">
+                  <a-select-option :value="1">{{ $t('workCenter.enterpriseInitChangePlan.completionTimeChange') }}</a-select-option>
+                  <a-select-option :value="2">{{ $t('workCenter.enterpriseInitChangePlan.terminationOfWork') }}</a-select-option>
+                  <a-select-option :value="3">{{ $t('workCenter.enterpriseInitChangePlan.masterDraftingDepartmentChanges') }}</a-select-option>
+                  <a-select-option :value="4">{{ $t('workCenter.enterpriseInitChangePlan.merge') }}</a-select-option>
+                </a-select>
               </a-form-model-item>
             </div>
           </div>
         </div>
       </a-form-model>
+      <!--  申请类型为立项时的业务基本信息部分组件  -->
+      <approval-base-info
+        v-if="formInline.applicationType === 1"
+        ref="approvalBaseInfo"
+        :disabled="disabled"
+        :itemCategory="formInline.itemCategory">
+      </approval-base-info>
+      <!--  申请类型为变更时的业务基本信息部分组件  -->
+      <change-base-info
+        v-else-if="formInline.applicationType === 2"
+        ref="changeBaseInfo"
+        :disabled="disabled"
+      >
+      </change-base-info>
 
       <!--  流程审批信息  -->
       <div class="process-part-title">{{ $t('processApprovalInformation') }}</div>
-      <a-textarea :placeholder="$t('pleaseEnter')"
-                  :maxLength="500"
-                  v-model="remark" :rows="4" />
-      <j-upload v-model="attach" return-id/>
+      <a-form :form="approvalInfoForm">
+        <!--备注-->
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+          <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
+                      :maxLength="500"
+                      :rows="4"
+                      v-decorator="['remarks', validatorRules.remarks]" />
+        </a-form-item>
+        <!--附件-->
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+          <j-upload v-decorator="['file']" return-id />
+        </a-form-item>
+      </a-form>
+    </div>
+    <div v-if="switchValue === 'user'" class="scroll-content">
+      <personnel-info></personnel-info>
     </div>
     <!--  操作按钮  -->
     <div class="bottom-operate-box">
-      <!--  委托  -->
-      <a-button type="primary" ghost :loading="loading" icon="arrow-up">{{ $t('entrust') }}</a-button>
-      <!--  保存  -->
-      <a-button type="primary" ghost :loading="loading" icon="icon-save">{{ $t('preservation') }}</a-button>
-      <!--  同意  -->
-      <a-button type="primary" :loading="loading" @click="handleConsent">{{ $t('consent') }}</a-button>
-      <!--  驳回  -->
-      <a-button type="primary" :loading="loading" @click="handleTurnDown">{{ $t('turnDown') }}</a-button>
+      <template v-if="currentNode === 1">
+        <!--  保存  -->
+        <a-button type="primary" ghost :loading="loading" @click="handleSave"><i class="iconfont icon-save"></i> {{ $t('preservation') }}</a-button>
+        <!--  提交  -->
+        <a-button type="primary" :loading="loading" @click="handleSubmit" icon="upload">{{ $t('agree') }}</a-button>
+      </template>
+      <template v-if="currentNode === 2">
+        <!--  转办  -->
+        <a-button type="primary" ghost :loading="loading" @click="handleTurnTo" icon="upload">{{ $t('turnTo') }}</a-button>
+        <!--  保存  -->
+        <a-button type="primary" ghost :loading="loading" @click="handleSave"><i class="iconfont icon-save"></i> {{ $t('preservation') }}</a-button>
+        <!--  同意  -->
+        <a-button type="primary" :loading="loading" @click="handleAgree" icon="check-circle">{{ $t('agree') }}</a-button>
+        <!--  驳回  -->
+        <a-button type="primary" :loading="loading" @click="handleReject" icon="check-circle">{{ $t('reject') }}</a-button>
+      </template>
     </div>
-    <upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false"></upload-file>
+
+    <!--  选人弹框  -->
+    <user-select-modal ref="userSelectModal" type="radio" @change="userSelectModalChange"></user-select-modal>
   </internal-detail-page>
 </template>
 
 <script>
 import InternalDetailPage from '@/components/InternalDetailPage'
-import { StandardSource } from '@/enums/commonEnums.js'
-import StandardSelection from '@/components/selection/StandardSelection'
-import UploadFile from '@/components/UploadFile'
-import UserSelection from '@/components/selection/UserSelection'
-import Vue from 'vue'
-import { USER_INFO } from '@/store/mutation-types'
-import { getFormDictTreeList } from '../../../../api/api'
+import PersonnelInfo from '@/components/PersonnelInfo'
+import UserSelectModal from '@/components/selection/UserSelectModal'
+import {
+  enterprisePlanApprovalTurnTo,
+  enterprisePlanApprovalAgree,
+  enterprisePlanApprovalReject
+} from '@/api/workCenter'
+import ApprovalBaseInfo from './modules/ApprovalBaseInfo'
+import ChangeBaseInfo from './modules/ChangeBaseInfo'
 
 export default {
   name: 'PlanApprovalFlow',
   components: {
-    InternalDetailPage,
-    StandardSelection,
-    UploadFile,
-    UserSelection
+    ChangeBaseInfo,
+    ApprovalBaseInfo,
+    UserSelectModal,
+    PersonnelInfo,
+    InternalDetailPage
   },
   computed: {
     pageTitle () {
       return this.$t('flowCenter') + this.$route.meta.title
-    },
-    yearNumberDefaultValue () {
-      return new Date().getFullYear() + ''
     }
   },
-  mounted () {
-    const userInfo = Vue.ls.get(USER_INFO)
-    // 初始化主起草人信息
-    this.formInline.principalDrafter = userInfo.id
-    this.formInline.principalDrafter_dictText = userInfo.realname
-    // 初始化主起草单位信息
-    this.formInline.mainDraftUnit = userInfo.departIds
-    // 获取零部件名称下拉框数据
-    this.initPartNameOptions()
-  },
   data () {
     return {
-      StandardSource,
       loading: false,
+      switchValue: 'base', // 头部tab选中值
+      disabled: false,
+      currentNode: 2, // 当前节点
+      model: {},
       processInfoForm: this.$form.createForm(this),
       labelCol: {
         xs: { span: 24 },
@@ -689,58 +203,156 @@ export default {
         xs: { span: 24 },
         sm: { span: 20 }
       },
-      formInline: {},
-      isFormInline: true,
-      rules: {},
-      // 各模块的收齐和展开状态
-      retractableFlag: {
-        baseInfo: true, // 基础信息部分
-        finishDate: true, // 完成日期部分
-        rangeOfApplication: true, // 适用范围部分
-        projectStatement: true // 立项说明部分
+      longLabelCol: {
+        xs: { span: 24 },
+        sm: { span: 2 }
       },
-      uploadName: '',
-      partNameOptions: [],
-      remark: '', // 备注
-      attach: '' // 附件
+      longWrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 22 }
+      },
+      validatorRules: {
+        // 流程名称
+        processName: {
+          rules: [
+            { required: true, message: this.$t('pleaseEnter') + this.$t('processName') }
+          ],
+          validateTrigger: 'blur'
+        },
+        remarks: {
+          rules: [
+            { required: false, message: this.$t('pleaseEnter') + this.$t('remarks') }
+          ],
+          validateTrigger: 'blur'
+        }
+      },
+      formInline: {},
+      rules: {
+        // 申请类型
+        applicationType: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.applicationType') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 项目类别
+        itemCategory: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.itemCategory') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ]
+      },
+      approvalInfoForm: this.$form.createForm(this) // 审批信息表单
     }
   },
   methods: {
-    initPartNameOptions () {
-      getFormDictTreeList({ dictId: '1696821512600637441' }).then(res => {
-        if (res.success) {
-          this.partNameOptions = res.result
+    // 头部tab改变
+    switchChange (value) {
+      this.switchValue = value
+    },
+    // 项目类别改变
+    itemCategoryChange (value) {
+      if (value === 1) {
+        this.$refs.approvalBaseInfo.rules.enterpriseStandardName[0].required = true
+      } else {
+        this.$refs.approvalBaseInfo.rules.enterpriseStandardName[0].required = false
+      }
+    },
+    // 保存
+    handleSave () {
+
+    },
+    // 提交
+    handleSubmit () {
+      if (this.loading) return
+      this.processInfoForm.validateFields((err, values) => {
+        this.$refs.ruleForm.validate(valid => {
+          this.$refs.approvalBaseInfo.$refs.ruleForm.validate(approvalBaseValid => {
+            this.approvalInfoForm.validateFields((approvalErr, approvalValues) => {
+              if (valid && approvalBaseValid && !err && !approvalErr) {
+                this.loading = true
+                const param = Object.assign({}, this.$refs.approvalBaseInfo.formInline)
+                console.log(param)
+              }
+            })
+          })
+        })
+      })
+    },
+    // 转办
+    handleTurnTo () {
+      if (this.loading) return
+      // 点击显示选人组件
+      this.$refs.userSelectModal.open()
+    },
+    // 转办选完人的回调
+    userSelectModalChange (userIds) {
+      this.approvalInfoForm.validateFields((err, values) => {
+        if (!err) {
+          this.loading = true
+          let param = {}
+          param = Object.assign({}, values)
+          param.userIds = userIds
+          param.processId = this.model.id
+          enterprisePlanApprovalTurnTo(param).then(res => {
+            if (res.success) {
+              this.$message.success(res.message)
+            } else {
+              this.$message.warning(res.message)
+            }
+          }).finally(() => {
+            this.loading = false
+          })
         }
       })
     },
-    handleChangeRetractable (module) {
-      this.$set(this.retractableFlag, module, !this.retractableFlag[module])
-      this.$forceUpdate()
-    },
-    nameChange (value) {
-      this.formInline.enterpriseStandardName = value
-    },
-    // 点击文件上传
-    clickButtonToUpload (fieldName) {
-      this.$refs.uploadFile.open(this.formInline[fieldName])
-      this.uploadName = fieldName
-    },
-    // 文件上传改变后的回调
-    uploadFileChange (data) {
-      const attIdList = []
-      if (data && data.length > 0) {
-        data.map(item => {
-          attIdList.push(item.id)
-        })
-      }
-      /** 赋值给当前对应的表单文件 */
-      this.formInline[this.uploadName] = attIdList.join(',')
-      this.formInline = { ...this.formInline }
-    },
-    // 选择用户得到用户名
-    userSelectNameChange (value, fieldName) {
-      this.formInline[fieldName + '_dictText'] = value
+    // 同意
+    handleAgree () {
+      if (this.loading) return
+      this.approvalInfoForm.validateFields((err, values) => {
+        if (!err) {
+          this.loading = true
+          let param = {}
+          param = Object.assign({}, values)
+          param.processId = this.model.id
+          enterprisePlanApprovalAgree(param).then(res => {
+            if (res.success) {
+              this.$message.success(res.message)
+            } else {
+              this.$message.warning(res.message)
+            }
+          }).finally(() => {
+            this.loading = false
+          })
+        }
+      })
     },
+    // 驳回
+    handleReject () {
+      if (this.loading) return
+      this.validatorRules.remarks.rules[0].required = true
+      this.approvalInfoForm.validateFields((err, values) => {
+        if (!err) {
+          this.loading = true
+          let param = {}
+          param = Object.assign({}, values)
+          param.processId = this.model.id
+          enterprisePlanApprovalReject(param).then(res => {
+            if (res.success) {
+              this.$message.success(res.message)
+            } else {
+              this.$message.warning(res.message)
+            }
+          }).finally(() => {
+            this.loading = false
+            this.validatorRules.remarks.rules[0].required = false
+          })
+        }
+      })
+    }
   }
 }
 </script>
@@ -804,12 +416,29 @@ export default {
     padding: 20px;
   }
 }
+.collapsible-content-no-head {
+  border-top: 1px solid #E5E6EB;
+  border-radius: 8px 8px 8px 8px;
+}
 
 .form-flex-item {
   width: calc(100% / 3);
 }
 
-.title-text-long {
-  width: 210px;
+.bottom-operate-box {
+  height: 52px;
+  padding: 10px 32px;
+  text-align: right;
+
+  .ant-btn {
+    margin-left: 15px;
+  }
+}
+
+.scroll-content {
+  height: calc(100% - 52px);
+  box-sizing: border-box;
+  overflow: auto;
+  padding: 32px;
 }
 </style>
diff --git a/src/views/workCenter/enterpriseStandardInitChange/flow/modules/ApprovalBaseInfo.vue b/src/views/workCenter/enterpriseStandardInitChange/flow/modules/ApprovalBaseInfo.vue
new file mode 100644
index 00000000..5a396f75
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInitChange/flow/modules/ApprovalBaseInfo.vue
@@ -0,0 +1,939 @@
+<template>
+  <a-form-model :model="formInline" v-if="isFormInline" class="form-add" :rules="rules" ref="ruleForm">
+    <!--  基础信息部分  -->
+    <div class="collapsible-panel-form">
+      <div class="collapsible-panel-form-header">
+        <span>基础信息</span>
+        <div class="retractable-btn" @click="handleChangeRetractable('baseInfo')">
+          <a-icon type="double-right" :class="retractableFlag.baseInfo ? 'pack-up-btn' : 'unfold-btn'" />
+          {{ retractableFlag.baseInfo ? '收起' : '展开' }}
+        </div>
+      </div>
+      <div class="form-flex-box collapsible-panel-form-content" v-show="retractableFlag.baseInfo">
+        <!--  标准立项-制定  -->
+        <template v-if="itemCategory && itemCategory === 1">
+          <!--  企业编号  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="enterpriseStandardNum">
+              <a-input class="box-input"
+                       v-model="formInline.enterpriseStandardNum"
+                       :maxLength="50"
+                       disabled
+                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')" />
+            </a-form-model-item>
+          </div>
+          <!--  企业名称  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardName') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="enterpriseStandardName">
+              <a-input class="box-input"
+                       v-model="formInline.enterpriseStandardName"
+                       :disabled="disabled"
+                       :maxLength="50"
+                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
+            </a-form-model-item>
+          </div>
+          <!--  企业标准代号  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardCode')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardCode') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="enterpriseStandardCode">
+              <j-dict-select-tag class="box-input"
+                                 :disabled="disabled"
+                                 v-model="formInline.enterpriseStandardCode"
+                                 :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardCode')"
+                                 :type="'select'"
+                                 :triggerChange="false"
+                                 dictCode="enterprise_standard_code" />
+            </a-form-model-item>
+          </div>
+          <!--  企业名称代号  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseNameCode')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseNameCode') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="enterpriseNameCode">
+              <j-dict-select-tag class="box-input"
+                                 :disabled="disabled"
+                                 v-model="formInline.enterpriseNameCode"
+                                 :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.enterpriseNameCode')"
+                                 :type="'select'"
+                                 :triggerChange="false"
+                                 dictCode="enterprise_name_code" />
+            </a-form-model-item>
+          </div>
+          <!--  标准类别代号  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardCategoryCode')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.standardCategoryCode') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="standardCategoryCode">
+              <j-dict-select-tag class="box-input"
+                                 :disabled="disabled"
+                                 v-model="formInline.standardCategoryCode"
+                                 :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardCategoryCode')"
+                                 :type="'select'"
+                                 :triggerChange="false"
+                                 dictCode="standard_category_code" />
+            </a-form-model-item>
+          </div>
+          <!--  年代号  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.yearNumber')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.yearNumber') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="yearNumber">
+              <j-date show-type="year"
+                      :disabled="disabled"
+                      v-model="formInline.yearNumber"
+                      :default-value="yearNumberDefaultValue"
+                      date-format="YYYY"
+                      :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.yearNumber')" />
+            </a-form-model-item>
+          </div>
+        </template>
+        <!--  标准立项-修订  -->
+        <template v-else-if="itemCategory && itemCategory === 2">
+          <!--  企标编号  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="enterpriseStandardNum">
+              <standard-selection :source="StandardSource.ENTERPRISE.value"
+                                  :disabled="disabled"
+                                  :disabledSourceSearch="true"
+                                  type="radio"
+                                  v-model="formInline.enterpriseStandardNum"
+                                  @nameChange="nameChange"/>
+            </a-form-model-item>
+          </div>
+          <!--  企标名称  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+                  <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardName') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="enterpriseStandardName">
+              <a-input class="box-input"
+                       v-model="formInline.enterpriseStandardName"
+                       :maxLength="50"
+                       disabled
+                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
+            </a-form-model-item>
+          </div>
+          <!--  新企标编号  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardNum')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardNum') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="newEnterpriseStandardNum">
+              <a-input class="box-input"
+                       v-model="formInline.newEnterpriseStandardNum"
+                       :maxLength="50"
+                       disabled
+                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardNum')" />
+            </a-form-model-item>
+          </div>
+          <!--  新企标名称  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardName')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardName') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="newEnterpriseStandardName">
+              <a-input class="box-input"
+                       :disabled="disabled"
+                       v-model="formInline.newEnterpriseStandardName"
+                       :maxLength="50"
+                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardName')" />
+            </a-form-model-item>
+          </div>
+          <!--  年代号  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.yearNumber')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.yearNumber') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="yearNumber">
+              <j-date show-type="year"
+                      :disabled="disabled"
+                      v-model="formInline.yearNumber"
+                      :default-value="yearNumberDefaultValue"
+                      date-format="YYYY"
+                      :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.yearNumber')" />
+            </a-form-model-item>
+          </div>
+        </template>
+        <!--  标准英文名称  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardEnglishName')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.standardEnglishName') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="standardEnglishName">
+            <a-input class="box-input"
+                     :disabled="disabled"
+                     v-model="formInline.standardEnglishName"
+                     :maxLength="50"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.standardEnglishName')" />
+          </a-form-model-item>
+        </div>
+        <!--  标准体系  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardSystem')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.standardSystem') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="standardSystem">
+            <j-dict-select-tag class="box-input"
+                               :disabled="disabled"
+                               v-model="formInline.standardSystem"
+                               :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardSystem')"
+                               :type="'select'"
+                               :triggerChange="false"
+                               dictCode="standard_system" />
+          </a-form-model-item>
+        </div>
+        <!--  标准类型  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardType')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.standardType') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="standardType">
+            <j-dict-select-tag class="box-input"
+                               :disabled="disabled"
+                               v-model="formInline.standardType"
+                               :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardType')"
+                               :type="'select'"
+                               :triggerChange="false"
+                               dictCode="esp_standard_type" />
+          </a-form-model-item>
+        </div>
+        <!--  标准等级分类  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardGradeClassification')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.standardGradeClassification') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="standardGradeClassification">
+            <j-dict-select-tag class="box-input"
+                               :disabled="disabled"
+                               v-model="formInline.standardGradeClassification"
+                               :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardGradeClassification')"
+                               :type="'select'"
+                               :triggerChange="false"
+                               dictCode="standard_grade_classify" />
+          </a-form-model-item>
+        </div>
+        <!--  编制说明  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.compilationIllustration')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.compilationIllustration') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="compilationIllustration">
+            <a-button type="primary" class="button-text" :disabled="disabled" @click="clickButtonToUpload('compilationIllustration')">
+              {{
+                (formInline.compilationIllustration === 'null' || formInline.compilationIllustration === ''
+                  || formInline.compilationIllustration === null || formInline.compilationIllustration === undefined)
+                  ? $t('uploadFile.clickUpload')
+                  : $t('uploadFile.viewUploadedFiles')
+              }}
+            </a-button>
+          </a-form-model-item>
+        </div>
+      </div>
+    </div>
+    <!--  完成日期部分  -->
+    <div class="collapsible-panel-form">
+      <div class="collapsible-panel-form-header">
+        <span>完成日期</span>
+        <div class="retractable-btn" @click="handleChangeRetractable('finishDate')">
+          <a-icon type="double-right" :class="retractableFlag.finishDate ? 'pack-up-btn' : 'unfold-btn'" />
+          {{ retractableFlag.finishDate ? '收起' : '展开' }}
+        </div>
+      </div>
+      <div class="form-flex-box collapsible-panel-form-content" v-show="retractableFlag.finishDate">
+        <!--  草稿计划完成日期  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text title-text-long">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.draftPlanFinishDate')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.draftPlanFinishDate') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="draftPlanFinishDate">
+            <a-date-picker
+              v-model="formInline.draftPlanFinishDate"
+              :showTime="false"
+              :disabled="disabled"
+              value-format="YYYY-MM-DD">
+            </a-date-picker>
+          </a-form-model-item>
+        </div>
+        <!--  征求意见稿计划完成日期  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text title-text-long">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.exposureDraftPlanFinishDate')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.exposureDraftPlanFinishDate') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="exposureDraftPlanFinishDate">
+            <a-date-picker
+              v-model="formInline.exposureDraftPlanFinishDate"
+              :showTime="false"
+              :disabled="disabled"
+              value-format="YYYY-MM-DD">
+            </a-date-picker>
+          </a-form-model-item>
+        </div>
+        <!--  计划报批日期  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text title-text-long">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.planSubmissionDate')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.planSubmissionDate') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="planSubmissionDate">
+            <a-date-picker
+              v-model="formInline.planSubmissionDate"
+              :showTime="false"
+              :disabled="disabled"
+              value-format="YYYY-MM-DD">
+            </a-date-picker>
+          </a-form-model-item>
+        </div>
+      </div>
+    </div>
+    <!--  适用范围部分  -->
+    <div class="collapsible-panel-form">
+      <div class="collapsible-panel-form-header">
+        <span>适用范围</span>
+        <div class="retractable-btn" @click="handleChangeRetractable('rangeOfApplication')">
+          <a-icon type="double-right" :class="retractableFlag.rangeOfApplication ? 'pack-up-btn' : 'unfold-btn'" />
+          {{ retractableFlag.rangeOfApplication ? '收起' : '展开' }}
+        </div>
+      </div>
+      <div class="form-flex-box collapsible-panel-form-content" v-show="retractableFlag.rangeOfApplication">
+        <!--  零部件名称  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.partName')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.partName') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="partName">
+            <a-tree-select v-model="formInline.partName"
+                           :disabled="disabled"
+                           :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                           style="width: 100%"
+                           :tree-data="partNameOptions"
+                           :label-in-value="false"
+                           :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')" />
+          </a-form-model-item>
+        </div>
+        <!--  授权部门  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.authorizationDepart')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.authorizationDepart') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="authorizationDepart">
+            <j-select-depart v-model="formInline.authorizationDepart"
+                             :disabled="disabled"
+                             :backDepart="true" />
+          </a-form-model-item>
+        </div>
+        <!--  主起草人  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.principalDrafter')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.principalDrafter') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="principalDrafter">
+            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
+                            v-model="formInline.principalDrafter"
+                            :disabled="disabled"
+                            filedName="principalDrafter"
+                            @nameChange="userSelectNameChange"
+                            :nameStr="formInline.principalDrafter_dictText"
+                            type="radio" />
+          </a-form-model-item>
+        </div>
+        <!--  主起草单位  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.mainDraftUnit')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.mainDraftUnit') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="mainDraftUnit">
+            <j-select-depart v-model="formInline.mainDraftUnit"
+                             :disabled="disabled"
+                             :backDepart="true" />
+          </a-form-model-item>
+        </div>
+        <!--  起草单位负责人  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.headOfMainDraftingUnit')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.headOfMainDraftingUnit') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="headOfMainDraftingUnit">
+            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.headOfMainDraftingUnit')"
+                            v-model="formInline.headOfMainDraftingUnit"
+                            :disabled="disabled"
+                            filedName="headOfMainDraftingUnit"
+                            @nameChange="userSelectNameChange"
+                            :nameStr="formInline.headOfMainDraftingUnit_dictText"
+                            type="radio" />
+          </a-form-model-item>
+        </div>
+        <!--  标准推进人  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardPusher')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.standardPusher') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="standardPusher">
+            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardPusher')"
+                            v-model="formInline.standardPusher"
+                            :disabled="disabled"
+                            filedName="standardPusher"
+                            @nameChange="userSelectNameChange"
+                            :nameStr="formInline.standardPusher_dictText"
+                            type="radio" />
+          </a-form-model-item>
+        </div>
+        <!--  配合单位  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.suitUnit')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.suitUnit') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="suitUnit">
+            <j-select-depart v-model="formInline.suitUnit"
+                             :disabled="disabled"
+                             :backDepart="true" />
+          </a-form-model-item>
+        </div>
+      </div>
+    </div>
+    <!--  立项说明部分  -->
+    <div class="collapsible-panel-form">
+      <div class="collapsible-panel-form-header">
+        <span>立项说明</span>
+        <div class="retractable-btn" @click="handleChangeRetractable('projectStatement')">
+          <a-icon type="double-right" :class="retractableFlag.projectStatement ? 'pack-up-btn' : 'unfold-btn'" />
+          {{ retractableFlag.projectStatement ? '收起' : '展开' }}
+        </div>
+      </div>
+      <div class="form-flex-box collapsible-panel-form-content" v-show="retractableFlag.projectStatement">
+        <!--  立项/变更原因  -->
+        <div class="box-title-text form-flex-item form-flex-item-long">
+          <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.projectApprovalChangeReason')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.projectApprovalChangeReason') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="projectApprovalChangeReason">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.projectApprovalChangeReason')"
+                        :maxLength="500"
+                        :disabled="disabled"
+                        v-model="formInline.projectApprovalChangeReason" :rows="4" />
+          </a-form-model-item>
+        </div>
+        <!--  立项背景、立项依据  -->
+        <div class="box-title-text form-flex-item form-flex-item-long">
+          <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.projectBackground')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.projectBackground') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="projectBackground">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.projectBackground')"
+                        :maxLength="500"
+                        :disabled="disabled"
+                        v-model="formInline.projectBackground" :rows="4" />
+          </a-form-model-item>
+        </div>
+        <!--  国际、国家及行业同类标准分析  -->
+        <div class="box-title-text form-flex-item form-flex-item-long">
+          <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.homogeneousStandardAnalysis')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.homogeneousStandardAnalysis') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="homogeneousStandardAnalysis">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.homogeneousStandardAnalysis')"
+                        :maxLength="500"
+                        :disabled="disabled"
+                        v-model="formInline.homogeneousStandardAnalysis" :rows="4" />
+          </a-form-model-item>
+        </div>
+        <!--  企业同类标准对比分析  -->
+        <div class="box-title-text form-flex-item form-flex-item-long">
+          <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardContrastiveAnalysis')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.standardContrastiveAnalysis') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="standardContrastiveAnalysis">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.standardContrastiveAnalysis')"
+                        :maxLength="500"
+                        :disabled="disabled"
+                        v-model="formInline.standardContrastiveAnalysis" :rows="4" />
+          </a-form-model-item>
+        </div>
+        <!--  立项标准的领先性与必要性  -->
+        <div class="box-title-text form-flex-item form-flex-item-long">
+          <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.leadershipAndNecessity')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.leadershipAndNecessity') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="leadershipAndNecessity">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.leadershipAndNecessity')"
+                        :maxLength="500"
+                        :disabled="disabled"
+                        v-model="formInline.leadershipAndNecessity" :rows="4" />
+          </a-form-model-item>
+        </div>
+        <!--  立项目的及预期效果等  -->
+        <div class="box-title-text form-flex-item form-flex-item-long">
+          <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.initiatedProject')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.initiatedProject') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="initiatedProject">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.initiatedProject')"
+                        :maxLength="500"
+                        :disabled="disabled"
+                        v-model="formInline.initiatedProject" :rows="4" />
+          </a-form-model-item>
+        </div>
+        <!--  上传附件  -->
+        <div class="box-title-text form-flex-item form-flex-item-long">
+          <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.uploadAttachment')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.uploadAttachment') }}
+                </span>
+          </div>
+          <a-form-model-item class="item-model" prop="uploadAttachment">
+            <a-button type="primary" :disabled="disabled" class="button-text" style="width: 200px" @click="clickButtonToUpload('uploadAttachment')">
+              {{
+                (formInline.uploadAttachment === 'null' || formInline.uploadAttachment === ''
+                  || formInline.uploadAttachment === null || formInline.uploadAttachment === undefined)
+                  ? $t('uploadFile.clickUpload')
+                  : $t('uploadFile.viewUploadedFiles')
+              }}
+            </a-button>
+          </a-form-model-item>
+        </div>
+      </div>
+    </div>
+
+    <!--  上传文件弹框  -->
+    <upload-file ref="uploadFile" :file-max-size="fileMaxSize" @change="uploadFileChange" :return-url="false"></upload-file>
+  </a-form-model>
+</template>
+
+<script>
+import Vue from 'vue'
+import { USER_INFO } from '@/store/mutation-types'
+import { StandardSource } from '@/enums/commonEnums.js'
+import StandardSelection from '@/components/selection/StandardSelection'
+import UserSelection from '@/components/selection/UserSelection'
+import UploadFile from '@/components/UploadFile'
+import { getFormDictTreeList } from '@/api/api'
+
+export default {
+  name: 'ApprovalBaseInfo',
+  components: { StandardSelection, UserSelection, UploadFile },
+  props: {
+    itemCategory: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  computed: {
+    yearNumberDefaultValue () {
+      return new Date().getFullYear() + ''
+    }
+  },
+  data () {
+    return {
+      StandardSource,
+      partNameOptions: [],
+      formInline: {},
+      isFormInline: true,
+      rules: {
+        // 企标编号
+        enterpriseStandardNum: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') + this.$t('cannotEmpty'),
+            trigger: 'blur'
+          }
+        ],
+        // 企标名称
+        enterpriseStandardName: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName') + this.$t('cannotEmpty'),
+            trigger: 'blur'
+          }
+        ],
+        // 企业标准代号
+        enterpriseStandardCode: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 企业名称代号
+        enterpriseNameCode: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseNameCode') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 标准类别代号
+        standardCategoryCode: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.standardCategoryCode') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 年代号
+        yearNumber: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.yearNumber') + this.$t('cannotEmpty'),
+            trigger: ['change', 'blur']
+          }
+        ],
+        // 新企标号
+        newEnterpriseStandardNum: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardNum') + this.$t('cannotEmpty'),
+            trigger: 'blur'
+          }
+        ],
+        // 新企标名称
+        newEnterpriseStandardName: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardName') + this.$t('cannotEmpty'),
+            trigger: 'blur'
+          }
+        ],
+        // 标准体系
+        standardSystem: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.standardSystem') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 标准类型
+        standardType: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.standardType') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 标准等级分类
+        standardGradeClassification: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.standardGradeClassification') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 草稿计划完成日期
+        draftPlanFinishDate: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.draftPlanFinishDate') + this.$t('cannotEmpty'),
+            trigger: ['change', 'blur']
+          }
+        ],
+        // 征求意见稿计划完成日期
+        exposureDraftPlanFinishDate: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.exposureDraftPlanFinishDate') + this.$t('cannotEmpty'),
+            trigger: ['change', 'blur']
+          }
+        ],
+        // 计划报批日期
+        planSubmissionDate: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.planSubmissionDate') + this.$t('cannotEmpty'),
+            trigger: ['change', 'blur']
+          }
+        ],
+        // 授权部门
+        authorizationDepart: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.authorizationDepart') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 主起草人
+        principalDrafter: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.principalDrafter') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 主起草单位
+        mainDraftUnit: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.mainDraftUnit') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 起草单位负责人
+        headOfMainDraftingUnit: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.headOfMainDraftingUnit') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 标准推进人
+        standardPusher: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.standardPusher') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 配合单位
+        suitUnit: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.suitUnit') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ]
+      },
+      // 各模块的收齐和展开状态
+      retractableFlag: {
+        baseInfo: true, // 基础信息部分
+        finishDate: true, // 完成日期部分
+        rangeOfApplication: true, // 适用范围部分
+        projectStatement: true // 立项说明部分
+      },
+      uploadName: '',
+      fileMaxSize: undefined,
+    }
+  },
+  mounted () {
+    const userInfo = Vue.ls.get(USER_INFO)
+    // 初始化主起草人信息
+    this.formInline.principalDrafter = userInfo.id
+    this.formInline.principalDrafter_dictText = userInfo.realname
+    // 初始化主起草单位信息
+    this.formInline.mainDraftUnit = userInfo.departIds
+    // 获取零部件名称下拉框数据
+    this.initPartNameOptions()
+  },
+  methods: {
+    // 获取零部件名称下拉框数据
+    initPartNameOptions () {
+      getFormDictTreeList({ dictId: '1696821512600637441' }).then(res => {
+        if (res.success) {
+          this.partNameOptions = res.result
+        }
+      })
+    },
+    // 改变内容区域收起和展开
+    handleChangeRetractable (module) {
+      this.$set(this.retractableFlag, module, !this.retractableFlag[module])
+      this.$forceUpdate()
+    },
+    // 标准选择组件返回标准名称的回调
+    nameChange (value) {
+      this.formInline.enterpriseStandardName = value
+    },
+    // 点击文件上传
+    clickButtonToUpload (fieldName) {
+      if (fieldName === 'uploadAttachment') {
+        this.fileMaxSize = 10
+      } else {
+        this.fileMaxSize = undefined
+      }
+      this.$refs.uploadFile.open(this.formInline[fieldName])
+      this.uploadName = fieldName
+    },
+    // 文件上传改变后的回调
+    uploadFileChange (data) {
+      const attIdList = []
+      if (data && data.length > 0) {
+        data.map(item => {
+          attIdList.push(item.id)
+        })
+      }
+      /** 赋值给当前对应的表单文件 */
+      this.formInline[this.uploadName] = attIdList.join(',')
+      this.formInline = { ...this.formInline }
+    },
+    // 选择用户得到用户名
+    userSelectNameChange (value, fieldName) {
+      this.formInline[fieldName + '_dictText'] = value
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+/deep/ .ant-form-item-children {
+  width: 100%;
+  display: inline-block;
+}
+
+.form-flex-box {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.form-flex-item-line {
+  width: 100%;
+}
+
+.collapsible-panel-form {
+  margin-top: 20px;
+
+  &-header {
+    height: 56px;
+    line-height: 56px;
+    background: rgba(245, 245, 245, 0.6);
+    border-radius: 8px 8px 0 0;
+    border: 1px solid #E5E6EB;
+    padding: 0 20px;
+    font-size: 16px;
+    font-family: PingFang SC-Medium, PingFang SC, sans-serif;
+    font-weight: 600;
+    color: #1D2129;
+    display: flex;
+    justify-content: space-between;
+
+    .retractable-btn {
+      cursor: pointer;
+      font-size: 14px;
+      font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+      color: #D52C26;
+    }
+
+    .anticon {
+      margin-right: 8px;
+    }
+
+    .pack-up-btn {
+      transform: rotate(-90deg);
+    }
+
+    .unfold-btn {
+      transform: rotate(90deg);
+    }
+  }
+
+  &-content {
+    border: 1px solid #E5E6EB;
+    border-top: none;
+    border-radius: 0 0 8px 8px;
+    padding: 20px;
+  }
+}
+.collapsible-content-no-head {
+  border-top: 1px solid #E5E6EB;
+  border-radius: 8px 8px 8px 8px;
+}
+
+.form-flex-item {
+  width: calc(100% / 3);
+}
+
+.form-flex-item-long {
+  width: 100%;
+}
+
+.title-text-long {
+  width: 220px;
+}
+</style>
diff --git a/src/views/workCenter/enterpriseStandardInitChange/flow/modules/ChangeBaseInfo.vue b/src/views/workCenter/enterpriseStandardInitChange/flow/modules/ChangeBaseInfo.vue
new file mode 100644
index 00000000..dda439a1
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInitChange/flow/modules/ChangeBaseInfo.vue
@@ -0,0 +1,198 @@
+<template>
+  <div class="change-base-info-wrapper">
+    <!--  操作区域  -->
+    <div class="table-operator">
+      <!--  新增  -->
+      <a-button icon="plus" type="primary" @click="handleAdd" :disabled="disabled">
+        {{ $t('newlyAdded') }}
+      </a-button>
+      <!--  批量删除  -->
+      <a-button icon="delete" type="primary" ghost @click="batchDel" :disabled="disabled">
+        {{ $t('batchDelete') }}
+      </a-button>
+    </div>
+
+    <div>
+      <j-table
+        :can-drag="true"
+        :scroll="{x: '100%'}"
+        ref="table"
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="false"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}">
+
+        <!--   企标编号/企标名称  -->
+        <template v-slot:toDetail="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a v-if="text" class="link-a" @click="handleGoDetail(record)">{{ text }}</a>
+            <div v-else class="table-text">{{ global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+
+        <!--    操作栏   -->
+        <div slot="action" slot-scope="{record}" class="action-span-cell">
+          <a @click="handleEdit(record)" class="table-ope-btn" :disabled="disabled">{{ $t('edit') }}</a>
+          <a-divider type="vertical" />
+          <a @click="handleDelete(record.id)" class="table-ope-btn" :disabled="disabled">{{ $t('delete') }}</a>
+        </div>
+
+      </j-table>
+    </div>
+    <change-base-info-drawer ref="changeBaseInfoDrawer"></change-base-info-drawer>
+  </div>
+</template>
+
+<script>
+import ChangeBaseInfoDrawer from './ChangeBaseInfoDrawer'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import JTable from '@/components/jero/JTable'
+
+export default {
+  name: 'ChangeBaseInfo',
+  components: { ChangeBaseInfoDrawer, JTable },
+  mixins: [JeroListMixin],
+  props: {
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  data () {
+    return {
+      loading: false,
+      columns: [
+        {
+          title: this.$t('serialNumber'),
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 80,
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        { // 企标编号
+          title: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardNo',
+          scopedSlots: { customRender: 'toDetail' }
+        },
+        { // 企标名称
+          title: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardName',
+          scopedSlots: { customRender: 'toDetail' }
+        },
+        { // 主起草人
+          title: this.$t('workCenter.enterpriseInitChangePlan.principalDrafter'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainDraftingUser',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 主起草单位
+          title: this.$t('workCenter.enterpriseInitChangePlan.mainDraftUnit'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainDraftingUnit',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 原草稿计划完成日期
+          title: this.$t('workCenter.enterpriseInitChangePlan.originalDraftPlanFinishDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'originalDraftPlanFinishDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 原征求意见稿计划完成日期
+          title: this.$t('workCenter.enterpriseInitChangePlan.originalExposureDraftPlanFinishDate'),
+          align: 'center',
+          width: 200,
+          dataIndex: 'originalExposureDraftPlanFinishDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 原计划报批日期
+          title: this.$t('workCenter.enterpriseInitChangePlan.originalPlanSubmissionDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'originalPlanSubmissionDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 草稿计划完成日期
+          title: this.$t('workCenter.enterpriseInitChangePlan.draftPlanFinishDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'draftPlannedCompleteDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 征求意见稿计划完成日期
+          title: this.$t('workCenter.enterpriseInitChangePlan.exposureDraftPlanFinishDate'),
+          align: 'center',
+          width: 200,
+          dataIndex: 'solicitationDraftPlanCompleteDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 计划报批日期
+          title: this.$t('workCenter.enterpriseInitChangePlan.planSubmissionDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'planApprovalDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 操作
+          title: this.$t('operation'),
+          scopedSlots: { customRender: 'action' },
+          align: 'center',
+          fixed: 'right',
+          width: 200
+        }
+      ],
+      dataSource: [],
+      selectedRowKeys: [],
+      selectionRows: [],
+      url: {
+        list: '',
+        delete: '',
+        deleteBatch: ''
+      }
+    }
+  },
+  methods: {
+    // 企标编号，企标名称跳转详情
+    handleGoDetail (record) {
+      this.$openPageNewSheet({
+        path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
+        query: {
+          standardNumber: record.standardNo
+        }
+      })
+    },
+    // 表格选中
+    onSelectChange (selectedRowKeys, selectionRows) {
+      this.selectedRowKeys = selectedRowKeys
+      this.selectionRows = selectionRows
+    },
+    // 新增
+    handleAdd () {
+      this.$refs.changeBaseInfoDrawer.add()
+    },
+    // 编辑
+    handleEdit (record) {
+      this.$refs.changeBaseInfoDrawer.edit(record)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.change-base-info-wrapper {
+  margin-top: 20px;
+}
+</style>
diff --git a/src/views/workCenter/enterpriseStandardInitChange/flow/modules/ChangeBaseInfoDrawer.vue b/src/views/workCenter/enterpriseStandardInitChange/flow/modules/ChangeBaseInfoDrawer.vue
new file mode 100644
index 00000000..5e5959ce
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInitChange/flow/modules/ChangeBaseInfoDrawer.vue
@@ -0,0 +1,314 @@
+<template>
+  <a-drawer
+    :title="$t('standardSelect.standardSelection')"
+    :maskClosable="false"
+    :width="1000"
+    placement="right"
+    :closable="true"
+    @close="handleCancel"
+    :visible="visible"
+    class="custom-drawer-style">
+    <div class="custom-drawer-style-scroll">
+      <a-spin :spinning="confirmLoading">
+        <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+          <div class="form-flex-box">
+            <!--  企标编号  -->
+            <div class="box-title-text form-flex-item-half">
+              <div class="title-text">
+                <span class="required">*</span>
+                <span class="title-text-text"
+                      :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="enterpriseStandardNum">
+                <standard-selection :source="StandardSource.ENTERPRISE.value"
+                                    :disabledSourceSearch="true"
+                                    v-model="formInline.enterpriseStandardNum"
+                                    @listChange="listChange"/>
+              </a-form-model-item>
+            </div>
+            <!--  企标名称  -->
+            <div class="box-title-text form-flex-item-half">
+              <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardName') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="enterpriseStandardName">
+                <a-input class="box-input"
+                         disabled
+                         v-model="formInline.enterpriseStandardName"
+                         :maxLength="50"
+                         :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
+              </a-form-model-item>
+            </div>
+            <!--  主起草人  -->
+            <div class="box-title-text form-flex-item-half">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.principalDrafter')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.principalDrafter') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="principalDrafter">
+                <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
+                                v-model="formInline.principalDrafter"
+                                filedName="principalDrafter"
+                                @nameChange="userSelectNameChange"
+                                :nameStr="formInline.principalDrafter_dictText"
+                                type="radio" />
+              </a-form-model-item>
+            </div>
+            <!--  主起草单位  -->
+            <div class="box-title-text form-flex-item-half">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.mainDraftUnit')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.mainDraftUnit') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="mainDraftUnit">
+                <j-select-depart v-model="formInline.mainDraftUnit"
+                                 :backDepart="true" />
+              </a-form-model-item>
+            </div>
+            <!--  原草稿计划完成日期  -->
+            <div class="box-title-text form-flex-item-half">
+              <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.originalDraftPlanFinishDate')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.originalDraftPlanFinishDate') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="originalDraftPlanFinishDate">
+                <a-date-picker
+                  v-model="formInline.originalDraftPlanFinishDate"
+                  :showTime="false"
+                  disabled
+                  value-format="YYYY-MM-DD">
+                </a-date-picker>
+              </a-form-model-item>
+            </div>
+            <!--  原征求意见稿计划完成日期  -->
+            <div class="box-title-text form-flex-item-half">
+              <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.originalExposureDraftPlanFinishDate')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.originalExposureDraftPlanFinishDate') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="originalExposureDraftPlanFinishDate">
+                <a-date-picker
+                  v-model="formInline.originalExposureDraftPlanFinishDate"
+                  :showTime="false"
+                  disabled
+                  value-format="YYYY-MM-DD">
+                </a-date-picker>
+              </a-form-model-item>
+            </div>
+            <!--  原计划报批日期  -->
+            <div class="box-title-text form-flex-item-half">
+              <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.originalPlanSubmissionDate')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.originalPlanSubmissionDate') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="originalPlanSubmissionDate">
+                <a-date-picker
+                  v-model="formInline.originalPlanSubmissionDate"
+                  :showTime="false"
+                  disabled
+                  value-format="YYYY-MM-DD">
+                </a-date-picker>
+              </a-form-model-item>
+            </div>
+            <!--  草稿计划完成日期  -->
+            <div class="box-title-text form-flex-item-half">
+              <div class="title-text title-text-long">
+                <span class="required">*</span>
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.draftPlanFinishDate')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.draftPlanFinishDate') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="draftPlanFinishDate">
+                <a-date-picker
+                  v-model="formInline.draftPlanFinishDate"
+                  :showTime="false"
+                  value-format="YYYY-MM-DD">
+                </a-date-picker>
+              </a-form-model-item>
+            </div>
+            <!--  征求意见稿计划完成日期  -->
+            <div class="box-title-text form-flex-item-half">
+              <div class="title-text title-text-long">
+                <span class="required">*</span>
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.exposureDraftPlanFinishDate')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.exposureDraftPlanFinishDate') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="exposureDraftPlanFinishDate">
+                <a-date-picker
+                  v-model="formInline.exposureDraftPlanFinishDate"
+                  :showTime="false"
+                  value-format="YYYY-MM-DD">
+                </a-date-picker>
+              </a-form-model-item>
+            </div>
+            <!--  计划报批日期  -->
+            <div class="box-title-text form-flex-item-half">
+              <div class="title-text title-text-long">
+                <span class="required">*</span>
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.planSubmissionDate')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.planSubmissionDate') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="planSubmissionDate">
+                <a-date-picker
+                  v-model="formInline.planSubmissionDate"
+                  :showTime="false"
+                  value-format="YYYY-MM-DD">
+                </a-date-picker>
+              </a-form-model-item>
+            </div>
+            <!--  变更原因  -->
+            <div class="box-title-text form-flex-item form-flex-item-long">
+              <div class="title-text title-text-long">
+                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.changeReason')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.changeReason') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="changeReason">
+                <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.changeReason')"
+                            :maxLength="500"
+                            v-model="formInline.changeReason" :rows="4" />
+              </a-form-model-item>
+            </div>
+          </div>
+        </a-form-model>
+      </a-spin>
+    </div>
+    <div class="custom-drawer-style-bottom-btn">
+      <a-button @click="handleCancel">{{ $t('cancel') }}</a-button>
+      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{ $t('submit') }}</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { StandardSource } from '@/enums/commonEnums'
+import StandardSelection from '@/components/selection/StandardSelection'
+import UserSelection from '@/components/selection/UserSelection'
+
+export default {
+  name: 'ChangeBaseInfoDrawer',
+  components: { StandardSelection, UserSelection },
+  data () {
+    return {
+      StandardSource,
+      visible: false,
+      confirmLoading: false,
+      model: {},
+      formInline: {},
+      rules: {
+        // 企标编号
+        enterpriseStandardNum: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    add () {
+      this.edit({})
+    },
+    edit (record) {
+      this.visible = true
+      this.model = Object.assign({}, record)
+      this.formInline = Object.assign({}, record)
+    },
+    // 企标选编号选择完成的回调
+    listChange (value) {
+      console.log(value)
+      // 企标名称
+      const serialNameArr = []
+      // 主起草人
+      const principalDrafterArr = []
+      // 主起草单位
+      const mainDraftUnitArr = []
+      // 草稿计划完成日期
+      const draftPlanFinishDateArr = []
+      // 征求意见稿计划完成日期
+      const exposureDraftPlanFinishDateArr = []
+      // 计划报批日期
+      const planSubmissionDateArr = []
+      if (value && value.length > 0) {
+        value.forEach(res => {
+          serialNameArr.push(res.standardName || '')
+          principalDrafterArr.push(res.principalDrafter)
+          mainDraftUnitArr.push(res.mainDraftUnit)
+          draftPlanFinishDateArr.push(res.draftPlanFinishDate || '')
+          exposureDraftPlanFinishDateArr.push(res.exposureDraftPlanFinishDate || '')
+          planSubmissionDateArr.push(res.planSubmissionDate || '')
+        })
+      }
+      // const formInline = {}
+      this.formInline.enterpriseStandardName = serialNameArr.join(',')
+      this.formInline.principalDrafter = principalDrafterArr.join(',')
+      this.formInline.mainDraftUnit = mainDraftUnitArr.join(',')
+      this.formInline.originalDraftPlanFinishDate = draftPlanFinishDateArr.join(',')
+      this.formInline.originalExposureDraftPlanFinishDate = exposureDraftPlanFinishDateArr.join(',')
+      this.formInline.originalPlanSubmissionDate = planSubmissionDateArr.join(',')
+      this.formInline.draftPlanFinishDate = draftPlanFinishDateArr.join(',')
+      this.formInline.exposureDraftPlanFinishDate = exposureDraftPlanFinishDateArr.join(',')
+      this.formInline.planSubmissionDate = planSubmissionDateArr.join(',')
+    },
+    // 选择用户得到用户名
+    userSelectNameChange (value, fieldName) {
+      this.formInline[fieldName + '_dictText'] = value
+    },
+    // 取消
+    handleCancel () {
+      this.close()
+    },
+    close () {
+      this.model = {}
+      this.formInline = {}
+      this.visible = false
+    },
+    // 提交
+    handleSubmit () {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          const formInline = JSON.parse(JSON.stringify(this.formInline))
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+/deep/ .ant-form-item-children {
+  width: 100%;
+  display: inline-block;
+}
+
+.form-flex-box {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.form-flex-item-half {
+  width: 50%;
+}
+
+.form-flex-item-line {
+  width: 100%;
+}
+
+.form-flex-item-long {
+  width: 100%;
+}
+</style>