[add] 增加年度制修订计划（各部门主动上报）流程页面

2023-10-10 18:03:28 +08:00
parent dc8046589a
commit 03088b4729
11 changed files with 1476 additions and 12 deletions
@@ -55,7 +55,7 @@ export default {
            },
            { // 年度制修订计划审批流程(各部门主动上报)
              title: this.$t('workCenter.newProcess.annualRevisionPlanActivelyReport'),
-              path: ''
+              path: '/workCenter/annualRevisionPlanActivelyReport/revisionPlanActivelyReportFlow'
            },
            { // 年度制修订计划审批流程(标准化发起)
              title: this.$t('workCenter.newProcess.annualRevisionPlanStandardizationInit'),
@@ -12,7 +12,7 @@
      </div>
    </template>
    <!--  基础信息  -->
-    <div class="scroll-content">
+    <div v-if="switchValue === 'base'" class="scroll-content">
      <!--  流程信息  -->
      <div class="process-part-title">{{ $t('processInformation') }}</div>
      <a-form :form="processInfoForm">
@@ -52,7 +52,10 @@

      <!--  业务基本信息  -->
      <div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
-      <engineer-init-form v-if="currentNode === 1"></engineer-init-form>
+      <!--  节点1、标准工程师发起的基本信息表单  -->
+      <engineer-init-form v-if="currentNode === 1" ref="basicInfoFormRef"></engineer-init-form>
+      <!--  节点2、各部所联络人填写/下发任务  -->
+      <contact-enter-send-task-form v-if="currentNode === 2" ref="basicInfoFormRef"></contact-enter-send-task-form>

      <!--  流程审批信息  -->
      <div class="process-part-title">{{ $t('processApprovalInformation') }}</div>
@@ -70,17 +73,167 @@
        </a-form-item>
      </a-form>
    </div>
+
+    <!--  人员信息  -->
+    <div v-if="switchValue === 'user'" class="scroll-content personnel-info-wrapper">
+      <personnel-info :data="personnelInfoData" :currentNode="currentNode"></personnel-info>
+    </div>
  </internal-detail-page>
 </template>

 <script>
 import EngineerInitForm from './modules/EngineerInitForm'
+import InternalDetailPage from '@/components/InternalDetailPage'
+import PersonnelInfo from '@/components/PersonnelInfo'
+import ContactEnterSendTaskForm from './modules/ContactEnterSendTaskForm'
+
+const personData = [
+  {
+    id: 1,
+    nodeName: '主起草人发起',
+    nodeRoleName: '发起人',
+    canChoose: false
+  },
+  {
+    id: 2,
+    nodeName: '各部门联络人填写/下发任务',
+    nodeRoleName: '各部门联络人',
+    canChoose: true,
+    chooseType: 'checkbox'
+  },
+  {
+    id: 3,
+    nodeName: '工作组/所联络人填写企标',
+    nodeRoleName: '工作组/所联络人',
+    canChoose: false,
+    chooseType: 'checkbox'
+  },
+  {
+    id: 4,
+    nodeName: '收集联络人主管级领导审批',
+    nodeRoleName: '联络人主管级领导',
+    canChoose: false,
+    chooseType: 'checkbox'
+  },
+  {
+    id: 5,
+    nodeName: '各部门联络人汇总',
+    nodeRoleName: '各部门联络人',
+    canChoose: false,
+    chooseType: 'checkbox'
+  },
+  {
+    id: 6,
+    nodeName: '联络人主管级上一级领导审批',
+    nodeRoleName: '联络人主管级上一级领导',
+    canChoose: false,
+    chooseType: 'checkbox'
+  },
+  {
+    id: 7,
+    nodeName: '标准化工程师归档',
+    nodeRoleName: '标准化工程师',
+    canChoose: false,
+    chooseType: 'radio'
+  }
+]
+
 export default {
  name: 'RevisionPlanActivelyReportFlow',
-  components: { EngineerInitForm }
+  components: { ContactEnterSendTaskForm, EngineerInitForm, InternalDetailPage, PersonnelInfo },
+  computed: {
+    pageTitle () {
+      return this.$t('flowCenter') + this.$route.meta.title
+    }
+  },
+  mounted () {
+    this.personnelInfoData = personData
+  },
+  data () {
+    return {
+      switchValue: 'base',
+      processInfoForm: this.$form.createForm(this),
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 4 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 20 }
+      },
+      longLabelCol: {
+        xs: { span: 24 },
+        sm: { span: 2 }
+      },
+      longWrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 22 }
+      },
+      disabled: false,
+      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'
+        }
+      },
+      currentNode: 2,
+      approvalInfoForm: this.$form.createForm(this), // 审批信息表单
+      personnelInfoData: [], // 人员信息数据
+      url: {
+        importExcelUrl: ''
+      }
+    }
+  },
+  methods: {
+    switchChange (value) {
+      this.switchValue = value
+    }
+  }
 }
 </script>

-<style scoped>
+<style scoped lang="less">
+/deep/ .ant-form-item-children {
+  width: 100%;
+  display: inline-block;
+}

+.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;
+}
+
+// 人员信息
+.personnel-info-wrapper {
+  /deep/ .ant-steps {
+    width: 400px;
+  }
+}
 </style>
@@ -0,0 +1,447 @@
+<template>
+  <div>
+    <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+      <div class="collapsible-panel-form">
+        <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
+          <!--  是否下发联络人  -->
+          <div class="box-title-text form-flex-item-long">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.whetherToSendAContact')">
+                  {{ $t('workCenter.revisionPlanActivelyReport.whetherToSendAContact') }}
+                </span>
+            </div>
+            <a-form-model-item class="item-model" prop="whetherToSendAContact">
+              <a-radio-group v-model="formInline.whetherToSendAContact">
+                <a-radio :value="1">
+                  {{ $t('yes') }}
+                </a-radio>
+                <a-radio :value="2">
+                  {{ $t('not') }}
+                </a-radio>
+              </a-radio-group>
+            </a-form-model-item>
+          </div>
+          <!--  是否下发联络人选了是，不显示表格，只显示完整表单  -->
+          <template v-if="formInline.whetherToSendAContact === 1">
+            <!--  工作组/所联络人  -->
+            <div class="box-title-text form-flex-item-long">
+              <div class="title-text">
+                <span class="required">*</span>
+                <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson')">
+                  {{ $t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="workingGroupContactPerson">
+                <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson')"
+                                v-model="formInline.revisionPlanActivelyReport"
+                                :disabled="disabled"
+                                filedName="revisionPlanActivelyReport"
+                                @nameChange="userSelectNameChange"
+                                :nameStr="formInline.revisionPlanActivelyReport_dictText"
+                                type="checkbox" />
+              </a-form-model-item>
+            </div>
+            <!--  联络人主管级上一级领导  -->
+            <div class="box-title-text form-flex-item-long">
+              <div class="title-text">
+                <span class="required">*</span>
+                <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader')">
+                  {{ $t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="contactSupervisorSuperiorLeader">
+                <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader')"
+                                v-model="formInline.contactSupervisorSuperiorLeader"
+                                :disabled="disabled"
+                                filedName="contactSupervisorSuperiorLeader"
+                                @nameChange="userSelectNameChange"
+                                :nameStr="formInline.contactSupervisorSuperiorLeader_dictText"
+                                type="radio" />
+              </a-form-model-item>
+            </div>
+          </template>
+        </div>
+      </div>
+    </a-form-model>
+    <!--  是否下发联络人选了否，不显示完整表单，显示表格  -->
+    <div v-if="formInline.whetherToSendAContact === 2" class="change-base-info-wrapper">
+      <!--  操作区域  -->
+      <div class="table-operator">
+        <!--  新增  -->
+        <a-button icon="plus" type="primary" @click="handleAdd" :disabled="disabled">
+          {{ $t('newlyAdded') }}
+        </a-button>
+        <!--  导入  -->
+        <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
+          <a-button icon="upload" type="primary" ghost>{{ $t('import') }}</a-button>
+        </a-upload>
+        <!--  批量删除  -->
+        <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="enterpriseStandardPlanId"
+          :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, index}" class="action-span-cell">
+            <a @click="handleEdit(record, index)" class="table-ope-btn" :disabled="disabled">{{ $t('edit') }}</a>
+            <a-divider type="vertical" />
+            <a @click="handleDelete(record.id, index)" class="table-ope-btn" :disabled="disabled">{{ $t('delete') }}</a>
+          </div>
+
+        </j-table>
+      </div>
+    </div>
+    <!--  表格新增、编辑弹框  -->
+    <contact-enter-send-task-modal ref="contactEnterSendTaskModal" @ok="modelFormOk"></contact-enter-send-task-modal>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import { ACCESS_TOKEN, TENANT_ID } from '@/store/mutation-types'
+import store from '@/store'
+import UserSelection from '@/components/selection/UserSelection'
+import JTable from '@/components/jero/JTable'
+import ContactEnterSendTaskModal from './ContactEnterSendTaskModal'
+
+// 导入的加载提示
+let importModalLoading
+
+export default {
+  name: 'ContactEnterSendTaskForm',
+  components: { ContactEnterSendTaskModal, UserSelection, JTable },
+  props: {
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    currentNode: {
+      type: Number,
+      required: false,
+      default: 1
+    }
+  },
+  computed: {
+    tokenHeader () {
+      const head = { 'X-Access-Token': Vue.ls.get(ACCESS_TOKEN) }
+      const tenantid = Vue.ls.get(TENANT_ID)
+      if (tenantid) {
+        head['tenant-id'] = tenantid
+      }
+      return head
+    },
+    importExcelUrl: function () {
+      return `${window._CONFIG.domianURL}/${this.url.importExcelUrl}`
+    }
+  },
+  data () {
+    return {
+      loading: false,
+      formInline: {},
+      rules: {
+        // 是否下发联络人
+        whetherToSendAContact: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 工作组/所联络人
+        workingGroupContactPerson: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.workingGroupContactPerson') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 联络人主管级上一级领导
+        contactSupervisorSuperiorLeader: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.contactSupervisorSuperiorLeader') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ]
+      },
+      columns: [
+        { // 制修订类型
+          title: this.$t('enterpriseStandardLibrary.plan.revisionType'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'applicationCategory_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 原企标编号
+          title: this.$t('enterpriseStandardLibrary.plan.oldEnterpriseStandardNum'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'originEnStandardNo',
+          scopedSlots: { customRender: 'toDetailOld' }
+        },
+        { // 新企标编号
+          title: this.$t('enterpriseStandardLibrary.plan.newEnterpriseStandardNum'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'newEnStandardNo',
+          scopedSlots: { customRender: 'toDetailNew' }
+        },
+        { // 原企标名称
+          title: this.$t('enterpriseStandardLibrary.plan.oldEnterpriseStandardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'originEnStandardName',
+          scopedSlots: { customRender: 'toDetailOld' }
+        },
+        { // 新企标名称
+          title: this.$t('enterpriseStandardLibrary.plan.newEnterpriseStandardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'newEnStandardName',
+          scopedSlots: { customRender: 'toDetailNew' }
+        },
+        { // 授权部门
+          title: this.$t('enterpriseStandardLibrary.plan.authDepartment'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'authDeparts',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 企业标准代号
+          title: this.$t('enterpriseStandardLibrary.plan.enterpriseStandardCode'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'enStandardCode',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 配合单位
+          title: this.$t('enterpriseStandardLibrary.plan.suitUnit'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'cooperateDeparts',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 主起草人
+          title: this.$t('enterpriseStandardLibrary.plan.principalDrafter'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainDraftingUser',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 主起草单位
+          title: this.$t('enterpriseStandardLibrary.plan.mainDraftingUnit'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainDraftingUnit',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 主起草单位负责人
+          title: this.$t('enterpriseStandardLibrary.plan.headOfMainDraftingUnit'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainDraftingUnitResponsiblePerson',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 隶属工作组
+          title: this.$t('workCenter.revisionPlanActivelyReport.affiliatedWorkingGroup'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'affiliatedWorkingGroup',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 标准推进人
+          title: this.$t('enterpriseStandardLibrary.plan.standardPusher'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardPromoter',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 草稿计划完成日期
+          title: this.$t('enterpriseStandardLibrary.plan.draftPlanFinishDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'draftPlannedCompleteDate',
+          scopedSlots: { customRender: 'specialDate' }
+        },
+        { // 征求意见稿计划完成日期
+          title: this.$t('enterpriseStandardLibrary.plan.exposureDraftPlanFinishDate'),
+          align: 'center',
+          width: 200,
+          dataIndex: 'solicitationDraftPlanCompleteDate',
+          scopedSlots: { customRender: 'specialDate' }
+        },
+        { // 计划报批日期
+          title: this.$t('enterpriseStandardLibrary.plan.planSubmissionDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'planApprovalDate',
+          scopedSlots: { customRender: 'specialDate' }
+        },
+        { // 变更状态
+          title: this.$t('enterpriseStandardLibrary.plan.changeState'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'changeStatus_dictText',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('operation'),
+          scopedSlots: { customRender: 'action' },
+          align: 'center',
+          fixed: 'right',
+          width: 200
+        }
+      ],
+      dataSource: [],
+      selectedRowKeys: [],
+      selectionRows: [],
+      url: {
+        list: ''
+      },
+      modalType: '' // 是在新增还是在编辑，编辑的时候放正在编辑的下标
+    }
+  },
+  methods: {
+    // 选择用户得到用户名
+    userSelectNameChange (value, fieldName) {
+      this.formInline[fieldName + '_dictText'] = value
+    },
+    // 企标编号，企标名称跳转详情
+    handleGoDetail (record) {
+      this.$openPageNewSheet({
+        path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
+        query: {
+          standardNumber: record.standardNo
+        }
+      })
+    },
+    // 表格选中
+    onSelectChange (selectedRowKeys, selectionRows) {
+      this.selectedRowKeys = selectedRowKeys
+      this.selectionRows = selectionRows
+    },
+    // 新增或编辑完成
+    modelFormOk (value) {
+      console.log(value, this.modalType)
+      if (this.modalType === 'add') {
+        this.dataSource.push(value)
+      } else if (this.modalType && this.modalType.split(',')[0] === 'edit') {
+        this.dataSource.splice(Number(this.modalType.split(',')[1]), 1, value)
+      }
+    },
+    // 新增
+    handleAdd () {
+      this.modalType = 'add'
+      this.$refs.contactEnterSendTaskModal.add()
+    },
+    // 导入
+    handleImportExcel (info) {
+      // 加一个大的提示
+      if (!this.loading) {
+        importModalLoading = this.$info({
+          title: '提示',
+          content: <span>正在导入，请稍候 <a-spin size="small" /></span>,
+          keyboard: false
+        })
+      }
+      this.loading = true
+      // 把知道了这个按钮去掉
+      this.$nextTick(() => {
+        document.getElementsByClassName('ant-modal-confirm-btns')[0].style = 'display:none'
+      })
+      if (info.file.status !== 'uploading') {
+        console.log(info.file, info.fileList)
+      }
+      if (info.file.status === 'done') {
+        // 销毁这个提示
+        importModalLoading && importModalLoading.destroy()
+        this.loading = false
+        if (info.file.response.success) {
+          // this.$message.success(`${info.file.name} 文件上传成功`);
+          if (info.file.response.code === 201) {
+            const { message, result: { msg, fileUrl, fileName } } = info.file.response
+            const href = window._CONFIG.domianURL + fileUrl
+            this.$warning({
+              title: message,
+              content: (<div>
+                <span>{msg}</span><br />
+                <span>具体详情请 <a href={href} target="_blank" download={fileName}>点击下载</a> </span>
+              </div>
+              )
+            })
+          } else {
+            this.$message.success(info.file.response.message || `${info.file.name} 文件上传成功`)
+          }
+          this.loadData()
+        } else {
+          this.$message.error(`${info.file.name} ${info.file.response.message}.`)
+        }
+      } else if (info.file.status === 'error') {
+        // 销毁这个提示
+        importModalLoading && importModalLoading.destroy()
+        this.loading = false
+        if (info.file.response.status === 500) {
+          const data = info.file.response
+          const token = Vue.ls.get(ACCESS_TOKEN)
+          if (token && data.message.includes('Token失效')) {
+            this.error({
+              title: '登录已过期',
+              content: '很抱歉，登录已过期，请重新登录',
+              okText: '重新登录',
+              mask: false,
+              onOk: () => {
+                store.dispatch('Logout').then(() => {
+                  Vue.ls.remove(ACCESS_TOKEN)
+                  window.location.reload()
+                })
+              }
+            })
+          }
+        } else {
+          this.$message.error(`文件上传失败: ${info.file.msg} `)
+        }
+      }
+    },
+    // 编辑
+    handleEdit (record, index) {
+      this.modalType = 'edit' + index
+      this.$refs.contactEnterSendTaskModal.edit(record)
+    },
+    // 删除
+    handleDelete (id, index) {
+      this.dataSource.splice(index, 1)
+    },
+    // 批量删除
+    batchDel () {
+      this.dataSource = this.dataSource.filter(item => !this.selectedRowKeys.includes(item.enterpriseStandardPlanId))
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
@@ -0,0 +1,780 @@
+<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="header-text">{{ $t('basicInformation') }}</div>
+          <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.applicationType')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.applicationType') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="applicationType">
+                <a-select v-model="formInline.applicationType"
+                          :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>
+                </a-select>
+              </a-form-model-item>
+            </div>
+            <!--  项目类别  -->
+            <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.itemCategory')">
+                  {{ $t('workCenter.enterpriseInitChangePlan.itemCategory') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="itemCategory">
+                <a-select v-if="formInline.applicationType === 1"
+                          v-model="formInline.itemCategory"
+                          @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-select v-else
+                          v-model="formInline.itemCategory"
+                          :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>
+            <!--  标准立项-制定  -->
+            <template v-if="formInline.itemCategory && formInline.itemCategory === 1">
+              <!--  企标编号  -->
+              <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">
+                  <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-half">
+                <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-half">
+                <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-half">
+                <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-half">
+                <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-half">
+                <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-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"
+                                      type="radio"
+                                      v-model="formInline.enterpriseStandardNum"
+                                      @nameChange="nameChange"/>
+                </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"
+                           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-half">
+                <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-half">
+                <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>
+            </template>
+            <!--  标准英文名称  -->
+            <div class="box-title-text form-flex-item-half">
+              <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-half">
+              <div class="title-text">
+                <span class="required">*</span>
+                <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-half">
+              <div class="title-text">
+                <span class="required">*</span>
+                <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-half">
+              <div class="title-text">
+                <span class="required">*</span>
+                <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-half">
+              <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 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-half">
+              <div class="title-text title-text-long">
+                <span class="required">*</span>
+                <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.affiliatedWorkingGroup')">
+                  {{ $t('workCenter.revisionPlanActivelyReport.affiliatedWorkingGroup') }}
+                </span>
+              </div>
+              <a-form-model-item class="item-model" prop="affiliatedWorkingGroup">
+                <a-tree-select
+                  tree-node-filter-prop="title"
+                  v-model="formInline.workingGroupId"
+                  :maxTagCount="1"
+                  :show-search="true"
+                  :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                  style="width: 100%"
+                  :tree-data="workingGroupTreeList"
+                  :placeholder="$t('pleaseSelect')"
+                />
+              </a-form-model-item>
+            </div>
+          </div>
+
+          <!--  适用范围  -->
+          <div class="header-text">{{ $t('rangeOfApplication') }}</div>
+          <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.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-half">
+              <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-half">
+              <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-half">
+              <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-half">
+              <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-half">
+              <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>
+        </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 { getWorkGroupTreeList, getFormDictTreeList } from '@/api/api'
+import UserSelection from '@/components/selection/UserSelection'
+import StandardSelection from '@/components/selection/StandardSelection'
+
+export default {
+  name: 'ContactEnterSendTaskModal',
+  components: { UserSelection, StandardSelection },
+  data () {
+    return {
+      StandardSource,
+      workingGroupTreeList: [], // 隶属工作组下拉框数据
+      partNameOptions: [], // 零部件名称下拉框数据
+      visible: false,
+      confirmLoading: false,
+      model: {},
+      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'
+          }
+        ],
+        // 企标编号
+        enterpriseStandardPlanId: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 企业标准代号
+        enterpriseStandardCode: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardCode') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 标准类别代号
+        standardCategoryCode: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.standardCategoryCode') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 企标名称
+        enterpriseStandardName: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName') + this.$t('cannotEmpty'),
+            trigger: 'blur'
+          }
+        ],
+        // 企业名称代号
+        enterpriseNameCode: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.enterpriseNameCode') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 年代号
+        yearNumber: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.yearNumber') + this.$t('cannotEmpty'),
+            trigger: ['change', 'blur']
+          }
+        ],
+        // 新企标名称
+        newEnterpriseStandardName: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.newEnterpriseStandardName') + this.$t('cannotEmpty'),
+            trigger: 'blur'
+          }
+        ],
+        // 标准类型
+        standardType: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.standardType') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 标准体系
+        standardSystem: [
+          {
+            required: true,
+            message: this.$t('workCenter.enterpriseInitChangePlan.standardSystem') + 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'
+          }
+        ]
+      }
+    }
+  },
+  computed: {
+    yearNumberDefaultValue () {
+      return new Date().getFullYear() + ''
+    }
+  },
+  mounted () {
+    this.getWorkGroupTree()
+    this.initPartNameOptions()
+  },
+  methods: {
+    add () {
+      this.edit({})
+    },
+    edit (record) {
+      this.visible = true
+      this.model = Object.assign({}, record)
+      this.formInline = Object.assign({}, record)
+    },
+    // 获取零部件名称下拉框数据
+    initPartNameOptions () {
+      getFormDictTreeList({ dictId: '1696821512600637441' }).then(res => {
+        if (res.success) {
+          this.partNameOptions = res.result
+        }
+      })
+    },
+    // 获取内部工作组树
+    getWorkGroupTree () {
+      getWorkGroupTreeList().then((res) => {
+        if (res.success) {
+          this.workingGroupTreeList = this.dealTreeData(res.result)
+        } else {
+          this.workingGroupTreeList = []
+        }
+      })
+    },
+    // 处理左侧树数据结构
+    dealTreeData (treeData) {
+      return treeData.map(item => {
+        item.label = item.name
+        item.value = item.id
+        item.children = this.dealTreeData(item.subset)
+        return item
+      })
+    },
+    // 标准选择组件返回标准名称的回调
+    nameChange (value) {
+      this.formInline.enterpriseStandardName = value
+    },
+    // 项目类别改变
+    itemCategoryChange (value) {
+      console.log(value)
+      if (value === 1) {
+        this.rules.enterpriseStandardName[0].required = true
+      } else {
+        this.rules.enterpriseStandardName[0].required = false
+      }
+    },
+    // 选择用户得到用户名
+    userSelectNameChange (value, fieldName) {
+      this.formInline[fieldName + '_dictText'] = value
+    },
+    // 取消
+    handleCancel () {
+      this.close()
+    },
+    close () {
+      this.model = {}
+      this.formInline = {}
+      this.visible = false
+      this.$refs.ruleForm.clearValidate()
+    },
+    // 提交
+    handleSubmit () {
+      if (this.confirmLoading) return
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          this.confirmLoading = true
+          const formInline = JSON.parse(JSON.stringify(this.formInline))
+          this.$emit('ok', formInline)
+          this.close()
+          this.confirmLoading = false
+        }
+      })
+    }
+  }
+}
+</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>
@@ -3,7 +3,7 @@
    <div class="collapsible-panel-form">
      <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
        <!--  制修订计划说明  -->
-        <div class="box-title-text form-flex-item">
+        <div class="box-title-text form-flex-item-long">
          <div class="title-text">
            <span class="required">*</span>
            <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.revisionPlanDesc')">
@@ -50,6 +50,75 @@ export default {
 }
 </script>

-<style scoped>
+<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: @primary-color;
+    }
+
+    .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%;
+}
 </style>
@@ -332,7 +332,7 @@ const changePersonalInfo = [
    canChoose: true,
    chooseType: 'checkbox',
    disabled: true
-  },
+  }
 ]

 export default {