[update] 修改企标计划立项/变更流程

2023-10-08 16:51:17 +08:00
parent 893e1450af
commit 526f0629bc
15 changed files with 1873 additions and 651 deletions
@@ -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
 }
@@ -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;
@@ -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',
@@ -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: '部署'
+  }
+}
@@ -64,7 +64,15 @@ module.exports = {
    standardContrastiveAnalysis: '企业同类标准对比分析',
    leadershipAndNecessity: '立项标准的领先性与必要性',
    initiatedProject: '立项目的及预期效果等',
-    uploadAttachment: '上传附件'
+    uploadAttachment: '上传附件',
+    completionTimeChange: '完成时间变更',
+    terminationOfWork: '工作终止',
+    masterDraftingDepartmentChanges: '主起草部门变更',
+    merge: '合并',
+    originalDraftPlanFinishDate: '原草稿计划完成日期',
+    originalExposureDraftPlanFinishDate: '原征求意见稿计划完成日期',
+    originalPlanSubmissionDate: '原计划报批日期',
+    changeReason: '变更原因'
  },
  // 流程配置
  processConfig: {
@@ -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: {
@@ -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
@@ -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: {
@@ -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'))
@@ -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>
@@ -5,6 +5,7 @@
    :width="width"
    :visible="visible"
    :confirm-loading="confirmLoading"
+    switchFullscreen
    @cancel="handleCancel">

    <a-spin :spinning="confirmLoading">
@@ -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>
@@ -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>
@@ -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>