[update] 修改企标流程样式

src/common/lang/en-us.js

@@ -168,6 +168,8 @@ module.exports = {
   pleaseSelectTime: '请选择时间',
   oneTableAdded: '只能添加一个表格',
   addATable: '请添加一个表格',
+  select: '选择',
+  attach: '附件',
   // 树右键
   treeRight: {
     addFolder: 'Create New Folder',

src/common/lang/zh-cn.js

@@ -172,6 +172,7 @@ module.exports = {
   oneTableAdded: '只能添加一个表格',
   addATable: '请添加一个表格',
   select: '选择',
+  attach: '附件',
   // 树右键
   treeRight: {
     addFolder: '新增文件夹',

src/mixins/WorkCenterMixin.js

@@ -7,6 +7,7 @@ export const WorkCenterMixin = {
     return {
       personnelInfoData: [], // 需要传给PersonnelInfo的数据
       switchValue: 'base',
+      formItemColon: false // a-form不显示冒号
     }
   },
   methods: {

src/views/workCenter/annualRevisionPlanActivelyReport/RevisionPlanActivelyReportFlow.vue

@@ -21,7 +21,7 @@
         <a-row>
           <a-col :span="12">
             <!--  流程名称  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')" :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        @change="event => event.target.value = event.target.value.trim()"
                        :disabled="disabled || processInfoDisabled"
@@ -31,7 +31,7 @@
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')" :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
                              :disabled="disabled || processInfoDisabled"
@@ -41,7 +41,7 @@
           </a-col>
           <a-col :span="24">
             <!--  流程说明  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')" :colon="formItemColon">
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
@@ -83,14 +83,14 @@
       <div class="process-part-title">{{ $t('processApprovalInformation') }}</div>
       <a-form :form="approvalInfoForm">
         <!--备注-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')" :colon="formItemColon">
           <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
                       :maxLength="500"
                       :rows="4"
                       v-decorator="['commitText', validatorRules.commitText]" />
         </a-form-item>
         <!--附件-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('attach')" :colon="formItemColon">
           <j-upload v-decorator="['commitFile']" return-id />
         </a-form-item>
       </a-form>
@@ -159,8 +159,6 @@ import {
   activelyReportReject,
   activelyReportGetDataById
 } from '@/api/workCenter'
-import Vue from 'vue'
-import { USER_INFO } from '@/store/mutation-types'
 import pick from 'lodash.pick'
 import { WorkCenterMixin } from '@/mixins/WorkCenterMixin'
 import { ProcessKey } from '@/enums/commonEnums'

src/views/workCenter/annualRevisionPlanActivelyReport/modules/ContactEnterSendTaskForm.vue

@@ -1,67 +1,65 @@
 <template>
   <div>
-    <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-      <div class="collapsible-panel-form">
+      <div class="form-flex-box">
-        <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
+        <!--  是否下发联络人  -->
-          <!--  是否下发联络人  -->
+        <div class="box-title-text form-flex-item flex-item-small">
-          <div class="box-title-text form-flex-item flex-item-small">
+          <div class="title-text">
-            <div class="title-text">
+            <span class="required">*</span>
-              <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.whetherToSendAContact')">
-              <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.whetherToSendAContact')">
                   {{ $t('workCenter.revisionPlanActivelyReport.whetherToSendAContact') }}
                 </span>
-            </div>
-            <a-form-model-item class="item-model" prop="distributeFlag">
-              <a-radio-group v-model="formInline.distributeFlag">
-                <a-radio value="1">
-                  {{ $t('yes') }}
-                </a-radio>
-                <a-radio value="0">
-                  {{ $t('not') }}
-                </a-radio>
-              </a-radio-group>
-            </a-form-model-item>
           </div>
-          <!--  是否下发联络人选了是，不显示表格，只显示完整表单  -->
+          <a-form-model-item class="item-model" prop="distributeFlag">
-          <template v-if="formInline.distributeFlag === '1'">
+            <a-radio-group v-model="formInline.distributeFlag">
-            <!--  工作组/所联络人  -->
+              <a-radio value="1">
-            <div class="box-title-text form-flex-item flex-item-long">
+                {{ $t('yes') }}
-              <div class="title-text title-text-middle">
+              </a-radio>
-                <span class="required">*</span>
+              <a-radio value="0">
-                <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson')">
+                {{ $t('not') }}
+              </a-radio>
+            </a-radio-group>
+          </a-form-model-item>
+        </div>
+        <!--  是否下发联络人选了是，不显示表格，只显示完整表单  -->
+        <template v-if="formInline.distributeFlag === '1'">
+          <!--  工作组/所联络人  -->
+          <div class="box-title-text form-flex-item flex-item-long">
+            <div class="title-text title-text-middle">
+              <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="workGroupUser">
-                <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson')"
-                                v-model="formInline.workGroupUser"
-                                :disabled="disabled"
-                                filedName="workGroupUser"
-                                @nameChange="userSelectNameChange"
-                                :nameStr="formInline.workGroupUser_dictText"
-                                type="checkbox" />
-              </a-form-model-item>
             </div>
-            <!--  联络人主管级上一级领导  -->
+            <a-form-model-item class="item-model" prop="workGroupUser">
-            <div class="box-title-text form-flex-item flex-item-long">
+              <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson')"
-              <div class="title-text title-text-long">
+                              v-model="formInline.workGroupUser"
-                <span class="required">*</span>
+                              :disabled="disabled"
-                <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader')">
+                              filedName="workGroupUser"
+                              @nameChange="userSelectNameChange"
+                              :nameStr="formInline.workGroupUser_dictText"
+                              type="checkbox" />
+            </a-form-model-item>
+          </div>
+          <!--  联络人主管级上一级领导  -->
+          <div class="box-title-text form-flex-item flex-item-long">
+            <div class="title-text title-text-long">
+              <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="contactUserLeaderLeader">
-                <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader')"
-                                v-model="formInline.contactUserLeaderLeader"
-                                :disabled="disabled"
-                                filedName="contactUserLeaderLeader"
-                                @nameChange="userSelectNameChange"
-                                :nameStr="formInline.contactUserLeaderLeader_dictText"
-                                type="radio" />
-              </a-form-model-item>
             </div>
-          </template>
+            <a-form-model-item class="item-model" prop="contactUserLeaderLeader">
-        </div>
+              <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader')"
+                              v-model="formInline.contactUserLeaderLeader"
+                              :disabled="disabled"
+                              filedName="contactUserLeaderLeader"
+                              @nameChange="userSelectNameChange"
+                              :nameStr="formInline.contactUserLeaderLeader_dictText"
+                              type="radio" />
+            </a-form-model-item>
+          </div>
+        </template>
       </div>
     </a-form-model>
     <!--  是否下发联络人选了否，不显示完整表单，显示表格  -->
@@ -187,10 +185,6 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
 
 /deep/ .ant-form-item-children {
   width: 100%;

src/views/workCenter/annualRevisionPlanActivelyReport/modules/ContactEnterStandardForm.vue

@@ -1,26 +1,24 @@
 <template>
   <div>
-    <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-      <div class="collapsible-panel-form">
+      <div class="form-flex-box">
-        <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
+        <!--  收集联络人主管级领导  -->
-          <!--  收集联络人主管级领导  -->
+        <div class="box-title-text form-flex-item-long">
-          <div class="box-title-text form-flex-item-long">
+          <div class="title-text title-text-middle">
-            <div class="title-text title-text-middle">
+            <span class="required">*</span>
-              <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.contactsSupervisorLevelLeaders')">
-              <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.contactsSupervisorLevelLeaders')">
                   {{ $t('workCenter.revisionPlanActivelyReport.contactsSupervisorLevelLeaders') }}
                 </span>
-            </div>
-            <a-form-model-item class="item-model" prop="collectUserLeader">
-              <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.contactsSupervisorLevelLeaders')"
-                              v-model="formInline.collectUserLeader"
-                              :disabled="disabled"
-                              filedName="collectUserLeader"
-                              @nameChange="userSelectNameChange"
-                              :nameStr="formInline.collectUserLeader_dictText"
-                              type="radio" />
-            </a-form-model-item>
           </div>
+          <a-form-model-item class="item-model" prop="collectUserLeader">
+            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.contactsSupervisorLevelLeaders')"
+                            v-model="formInline.collectUserLeader"
+                            :disabled="disabled"
+                            filedName="collectUserLeader"
+                            @nameChange="userSelectNameChange"
+                            :nameStr="formInline.collectUserLeader_dictText"
+                            type="radio" />
+          </a-form-model-item>
         </div>
       </div>
     </a-form-model>
@@ -118,10 +116,6 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
 
 .title-text-middle {
   width: 130px !important;

src/views/workCenter/annualRevisionPlanActivelyReport/modules/EngineerInitForm.vue

@@ -1,22 +1,20 @@
 <template>
-  <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+  <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-    <div class="collapsible-panel-form">
+    <div class="form-flex-box">
-      <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
+      <!--  制修订计划说明  -->
-        <!--  制修订计划说明  -->
+      <div class="box-title-text form-flex-item-long">
-        <div class="box-title-text form-flex-item-long">
+        <div class="title-text">
-          <div class="title-text">
+          <span class="required">*</span>
-            <span class="required">*</span>
+          <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.revisionPlanDesc')">
-            <span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.revisionPlanDesc')">
                   {{ $t('workCenter.revisionPlanActivelyReport.revisionPlanDesc') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="processDescription">
-            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.revisionPlanActivelyReport.revisionPlanDesc')"
-                        :maxLength="500"
-                        :disabled="disabled"
-                        v-model="formInline.processDescription" :rows="4" />
-          </a-form-model-item>
         </div>
+        <a-form-model-item class="item-model" prop="processDescription">
+          <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.revisionPlanActivelyReport.revisionPlanDesc')"
+                      :maxLength="500"
+                      :disabled="disabled"
+                      v-model="formInline.processDescription" :rows="4" />
+        </a-form-model-item>
       </div>
     </div>
   </a-form-model>
@@ -93,55 +91,6 @@ export default {
   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);
 }

src/views/workCenter/annualRevisionPlanStandardizationInit/RevisionPlanStandardizationInitFlow.vue

@@ -21,7 +21,7 @@
         <a-row>
           <a-col :span="12">
             <!--  流程名称  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')" :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        @change="event => event.target.value = event.target.value.trim()"
                        :disabled="disabled || processInfoDisabled"
@@ -31,7 +31,7 @@
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')" :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
                              :disabled="disabled || processInfoDisabled"
@@ -41,7 +41,7 @@
           </a-col>
           <a-col :span="24">
             <!--  流程说明  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')" :colon="formItemColon">
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
@@ -70,14 +70,14 @@
       <div class="process-part-title">{{ $t('processApprovalInformation') }}</div>
       <a-form :form="approvalInfoForm">
         <!--备注-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')" :colon="formItemColon">
           <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
                       :maxLength="500"
                       :rows="4"
                       v-decorator="['commitText', validatorRules.commitText]" />
         </a-form-item>
         <!--附件-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('attach')" :colon="formItemColon">
           <j-upload v-decorator="['commitFile']" return-id />
         </a-form-item>
       </a-form>
@@ -152,59 +152,6 @@ import pick from 'lodash.pick'
 import { WorkCenterMixin } from '@/mixins/WorkCenterMixin'
 import { ProcessKey } from '../../../enums/commonEnums'
 
-const personData = [
-  {
-    id: 1,
-    nodeName: '标准化工程师发起',
-    nodeRoleName: '发起人',
-    canChoose: false,
-    userList: Vue.ls.get(USER_INFO).realname + '(' + Vue.ls.get(USER_INFO).username + ')',
-    fieldName: 'standardEngineer'
-  },
-  {
-    id: 2,
-    nodeName: '部所联络人选取审批人',
-    nodeRoleName: '部所联络人',
-    canChoose: false,
-    fieldName: 'contactUser'
-  },
-  {
-    id: 3,
-    nodeName: '主起草单位主管级领导审批下发',
-    nodeRoleName: '主起草单位主管级领导',
-    canChoose: false,
-    fieldName: 'approvalUser'
-  },
-  {
-    id: 4,
-    nodeName: '主起草人填写信息',
-    nodeRoleName: '主起草人',
-    canChoose: false,
-    fieldName: 'mainDraftUser'
-  },
-  {
-    id: 5,
-    nodeName: '部所联络人汇总',
-    nodeRoleName: '部所联络人',
-    canChoose: false,
-    fieldName: 'contactUser'
-  },
-  {
-    id: 6,
-    nodeName: '主起草单位主管级领导批准',
-    nodeRoleName: '主起草单位主管级领导',
-    canChoose: false,
-    fieldName: 'approvalUser'
-  },
-  {
-    id: 7,
-    nodeName: '标准化归档',
-    nodeRoleName: '标准化工程师',
-    canChoose: false,
-    fieldName: 'standardEngineer'
-  }
-]
-
 export default {
   name: 'RevisionPlanStandardizationInitFlow',
   components: {

src/views/workCenter/enterpriseStandardAnnul/EnterpriseStandardAnnulFlow.vue

@@ -19,7 +19,7 @@
         <a-row>
           <a-col :span="12">
             <!--  流程名称  自动生成规则：标准号-标准名称-废止  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')" :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        @change="event => event.target.value = event.target.value.trim()"
                        disabled
@@ -29,7 +29,7 @@
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')" :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
                              :disabled="disabled"
@@ -39,7 +39,7 @@
           </a-col>
           <a-col :span="24">
             <!--  流程说明  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')" :colon="formItemColon">
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
@@ -63,14 +63,14 @@
       <div class="process-part-title" v-if="!onlyLook">{{ $t('processApprovalInformation') }}</div>
       <a-form :form="approvalInfoForm" v-if="!onlyLook">
         <!--备注-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')" :colon="formItemColon">
           <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
                       :maxLength="500"
                       :rows="4"
                       v-decorator="['commitText', validatorRules.commitText]" />
         </a-form-item>
         <!--附件-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('attach')" :colon="formItemColon">
           <j-upload v-decorator="['commitFile']" return-id />
         </a-form-item>
       </a-form>
@@ -119,12 +119,12 @@ import {
   enStandardAnnulApproval,
   enStandardAnnulTurnTo,
   enStandardAnnulAgree,
-  enStandardAnnulReject
+  enStandardAnnulReject,
+  enStandardAnnulGetDataDraft
 } from '@/api/workCenter'
 import BaseInfoForm from './modules/BaseInfoForm'
 import { WorkCenterMixin } from '@/mixins/WorkCenterMixin'
 import { ProcessKey, EsAnnulNodes } from '@/enums/commonEnums'
-import { enStandardAnnulGetDataDraft } from '../../../api/workCenter'
 
 export default {
   name: 'EnterpriseStandardAnnulFlow',

src/views/workCenter/enterpriseStandardAnnul/modules/BaseInfoForm.vue

@@ -1,154 +1,152 @@
 <template>
   <a-spin :spinning="loading">
-    <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-      <div class="collapsible-panel-form">
+      <div class="form-flex-box">
-        <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">
+          <div class="title-text">
-            <div class="title-text">
+            <span class="required">*</span>
-              <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
                     {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="standardNumber">
-              <standard-selection :source="StandardSource.ENTERPRISE.value"
-                                  :disabled="disabled"
-                                  :disabledSourceSearch="true"
-                                  type="radio"
-                                  :filters="{standardState: '1,2,3,4,5,6,7,8,A'}"
-                                  v-model="formInline.standardNumber"
-                                  @listChange="listChange" />
-            </a-form-model-item>
           </div>
-          <!--  企标名称  -->
+          <a-form-model-item class="item-model" prop="standardNumber">
-          <div class="box-title-text form-flex-item">
+            <standard-selection :source="StandardSource.ENTERPRISE.value"
-            <div class="title-text">
+                                :disabled="disabled"
+                                :disabledSourceSearch="true"
+                                type="radio"
+                                :filters="{standardState: '1,2,3,4,5,6,7,8,A'}"
+                                v-model="formInline.standardNumber"
+                                @listChange="listChange" />
+          </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="standardName">
-              <a-input class="box-input"
-                       v-model="formInline.standardName"
-                       :maxLength="50"
-                       disabled
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-            </a-form-model-item>
           </div>
-          <!--  标准英文名称  -->
+          <a-form-model-item class="item-model" prop="standardName">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     v-model="formInline.standardName"
+                     :maxLength="50"
+                     disabled
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :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="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardEnglishName')">
                     {{ $t('workCenter.enterpriseInitChangePlan.standardEnglishName') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="englishName">
-              <a-input class="box-input"
-                       disabled
-                       v-model="formInline.englishName"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.standardEnglishName')" />
-            </a-form-model-item>
           </div>
-          <!--  标准类型  -->
+          <a-form-model-item class="item-model" prop="englishName">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     disabled
+                     v-model="formInline.englishName"
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :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.standardType')">
                 {{ $t('workCenter.enterpriseInitChangePlan.standardType') }}
               </span>
-            </div>
-            <a-form-model-item class="item-model" prop="standardCategory">
-              <j-dict-select-tag class="box-input"
-                                 disabled
-                                 v-model="formInline.standardCategory"
-                                 :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardType')"
-                                 :type="'select'"
-                                 :triggerChange="false"
-                                 dictCode="esp_standard_type" />
-            </a-form-model-item>
           </div>
-          <!--  代替企标编号  -->
+          <a-form-model-item class="item-model" prop="standardCategory">
-          <div class="box-title-text form-flex-item">
+            <j-dict-select-tag class="box-input"
-            <div class="title-text">
+                               disabled
+                               v-model="formInline.standardCategory"
+                               :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.enStandardAnnul.substituteStandardNumber')">
                     {{ $t('workCenter.enStandardAnnul.substituteStandardNumber') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="substituteStandardNumber">
-              <a-input class="box-input"
-                       disabled
-                       v-model="formInline.substituteStandardNumber"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.substituteStandardNumber')" />
-            </a-form-model-item>
           </div>
-          <!--  被代替企标编号  -->
+          <a-form-model-item class="item-model" prop="substituteStandardNumber">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     disabled
+                     v-model="formInline.substituteStandardNumber"
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.substituteStandardNumber')" />
+          </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.enStandardAnnul.replacedByEnStandardNumber')">
                     {{ $t('workCenter.enStandardAnnul.replacedByEnStandardNumber') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="replacedByStandardNumber">
-              <a-input class="box-input"
-                       disabled
-                       v-model="formInline.replacedByStandardNumber"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.replacedByEnStandardNumber')" />
-            </a-form-model-item>
           </div>
-          <!--  发布日期  -->
+          <a-form-model-item class="item-model" prop="replacedByStandardNumber">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     disabled
+                     v-model="formInline.replacedByStandardNumber"
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.replacedByEnStandardNumber')" />
+          </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.enStandardChange.releaseDate')">
                     {{ $t('workCenter.enStandardChange.releaseDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="releaseDate">
-              <a-date-picker
-                v-model="formInline.releaseDate"
-                :showTime="false"
-                disabled
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
-          <!--  实施日期  -->
+          <a-form-model-item class="item-model" prop="releaseDate">
-          <div class="box-title-text form-flex-item">
+            <a-date-picker
-            <div class="title-text">
+              v-model="formInline.releaseDate"
+              :showTime="false"
+              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">
               <span class="title-text-text" :title="$t('workCenter.enStandardChange.materialDate')">
                     {{ $t('workCenter.enStandardChange.materialDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="implementationDate">
-              <a-date-picker
-                v-model="formInline.implementationDate"
-                :showTime="false"
-                disabled
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
-          <!--  废止理由  -->
+          <a-form-model-item class="item-model" prop="implementationDate">
-          <div class="box-title-text form-flex-item">
+            <a-date-picker
-            <div class="title-text">
+              v-model="formInline.implementationDate"
-              <span class="required">*</span>
+              :showTime="false"
-              <span class="title-text-text" :title="$t('workCenter.enStandardAnnul.annulReason')">
+              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">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enStandardAnnul.annulReason')">
                 {{ $t('workCenter.enStandardAnnul.annulReason') }}
               </span>
-            </div>
-            <a-form-model-item class="item-model" prop="abolishReason">
-              <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.annulReason')"
-                          :disabled="disabled"
-                          :maxLength="500"
-                          v-model="formInline.abolishReason" :rows="4" />
-            </a-form-model-item>
           </div>
+          <a-form-model-item class="item-model" prop="abolishReason">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.annulReason')"
+                        :disabled="disabled"
+                        :maxLength="500"
+                        v-model="formInline.abolishReason" :rows="4" />
+          </a-form-model-item>
         </div>
       </div>
     </a-form-model>
@@ -261,9 +259,4 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
-
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
 </style>

src/views/workCenter/enterpriseStandardChange/EnterpriseStandardChangeFlow.vue

@@ -19,7 +19,7 @@
         <a-row>
           <a-col :span="12">
             <!--  流程名称  自动生成规则：标准号-标准名称-企标更改  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')" :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        @change="event => event.target.value = event.target.value.trim()"
                        disabled
@@ -29,7 +29,7 @@
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')" :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
                              :disabled="disabled"
@@ -39,7 +39,7 @@
           </a-col>
           <a-col :span="24">
             <!--  流程说明  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')" :colon="formItemColon">
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
@@ -64,14 +64,14 @@
       <div class="process-part-title" v-if="!onlyLook">{{ $t('processApprovalInformation') }}</div>
       <a-form :form="approvalInfoForm" v-if="!onlyLook">
         <!--备注-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')" :colon="formItemColon">
           <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
                       :maxLength="500"
                       :rows="4"
                       v-decorator="['commitText', validatorRules.commitText]" />
         </a-form-item>
         <!--附件-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('attach')" :colon="formItemColon">
           <j-upload v-decorator="['commitFile']" return-id />
         </a-form-item>
       </a-form>
@@ -120,13 +120,13 @@ import {
   enStandardChangeAgree,
   enStandardChangeReject,
   enStandardChangeTurnTo,
-  enStandardChangeGetDataById
+  enStandardChangeGetDataById,
+  enStandardChangeGetDataDraft
 } from '@/api/workCenter'
 import MainDrafterInitBaseInfo from './modules/MainDrafterInitBaseInfo'
 import ApproveBaseInfo from './modules/ApproveBaseInfo'
 import { WorkCenterMixin } from '@/mixins/WorkCenterMixin'
 import { ProcessKey, EsChangeNodes } from '@/enums/commonEnums'
-import { enStandardChangeGetDataDraft } from '../../../api/workCenter'
 
 export default {
   name: 'EnterpriseStandardChangeFlow',

src/views/workCenter/enterpriseStandardChange/modules/BaseInfoForm.vue

@@ -1,326 +1,324 @@
 <template>
   <a-spin :spinning="loading">
-    <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-      <div class="collapsible-panel-form">
+      <div class="form-flex-box">
-        <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">
+          <div class="title-text">
-            <div class="title-text">
+            <span class="required">*</span>
-              <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.typeOfRevision')">
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.typeOfRevision')">
                     {{ $t('workCenter.enterpriseInitChangePlan.typeOfRevision') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model">
-              <a-input class="box-input"
-                       :maxLength="50"
-                       defaultValue="更改"
-                       disabled
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.typeOfRevision')" />
-            </a-form-model-item>
           </div>
-          <!--  企标编号  -->
+          <a-form-model-item class="item-model">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     :maxLength="50"
-              <span class="required">*</span>
+                     defaultValue="更改"
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
+                     disabled
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.typeOfRevision')" />
+          </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.enterpriseStandardNum')">
                     {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="standardNumber">
-              <standard-selection :source="StandardSource.ENTERPRISE.value"
-                                  :disabled="disabled"
-                                  :disabledSourceSearch="true"
-                                  type="radio"
-                                  v-model="formInline.standardNumber"
-                                  @listChange="listChange" />
-            </a-form-model-item>
           </div>
-          <!--  企标名称  -->
+          <a-form-model-item class="item-model" prop="standardNumber">
-          <div class="box-title-text form-flex-item">
+            <standard-selection :source="StandardSource.ENTERPRISE.value"
-            <div class="title-text">
+                                :disabled="disabled"
+                                :disabledSourceSearch="true"
+                                type="radio"
+                                v-model="formInline.standardNumber"
+                                @listChange="listChange" />
+          </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="standardName">
-              <a-input class="box-input"
-                       v-model="formInline.standardName"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-            </a-form-model-item>
           </div>
-          <!--  标准等级分类  -->
+          <a-form-model-item class="item-model" prop="standardName">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     v-model="formInline.standardName"
-              <span class="required">*</span>
+                     :maxLength="50"
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardGradeClassification')">
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :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.standardGradeClassification')">
                 {{ $t('workCenter.enterpriseInitChangePlan.standardGradeClassification') }}
               </span>
-            </div>
-            <a-form-model-item class="item-model" prop="gradeClassification">
-              <j-dict-select-tag class="box-input"
-                                 :disabled="disabled"
-                                 v-model="formInline.gradeClassification"
-                                 :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardGradeClassification')"
-                                 :type="'select'"
-                                 :triggerChange="false"
-                                 dictCode="standard_grade_classify" />
-            </a-form-model-item>
           </div>
-          <!--  标准体系  -->
+          <a-form-model-item class="item-model" prop="gradeClassification">
-          <div class="box-title-text form-flex-item">
+            <j-dict-select-tag class="box-input"
-            <div class="title-text">
+                               :disabled="disabled"
-              <span class="required">*</span>
+                               v-model="formInline.gradeClassification"
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardSystem')">
+                               :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="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">
-              <a-tree-select
-                v-model="formInline.standardSystem"
-                :getPopupContainer="triggerNode=> triggerNode.parentNode"
-                style="width: 100%"
-                :disabled="disabled"
-                :tree-data="standardSystemOptions"
-                tree-checkable
-                treeCheckStrictly
-                :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardSystem')" />
-            </a-form-model-item>
           </div>
-          <!--  标准英文名称  -->
+          <a-form-model-item class="item-model" prop="standardSystem">
-          <div class="box-title-text form-flex-item">
+            <a-tree-select
-            <div class="title-text">
+              v-model="formInline.standardSystem"
+              :getPopupContainer="triggerNode=> triggerNode.parentNode"
+              style="width: 100%"
+              :disabled="disabled"
+              :tree-data="standardSystemOptions"
+              tree-checkable
+              treeCheckStrictly
+              :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardSystem')" />
+          </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.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"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.standardEnglishName')" />
-            </a-form-model-item>
           </div>
-          <!--  发布日期  -->
+          <a-form-model-item class="item-model" prop="standardEnglishName">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text title-text-long">
+                     :disabled="disabled"
-              <span class="required">*</span>
+                     v-model="formInline.standardEnglishName"
-              <span class="title-text-text" :title="$t('workCenter.enStandardChange.releaseDate')">
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.standardEnglishName')" />
+          </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.enStandardChange.releaseDate')">
                     {{ $t('workCenter.enStandardChange.releaseDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="releaseDate">
-              <a-date-picker
-                v-model="formInline.releaseDate"
-                :showTime="false"
-                :disabled="disabled"
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
-          <!--  实施日期  -->
+          <a-form-model-item class="item-model" prop="releaseDate">
-          <div class="box-title-text form-flex-item">
+            <a-date-picker
-            <div class="title-text title-text-long">
+              v-model="formInline.releaseDate"
-              <span class="required">*</span>
+              :showTime="false"
-              <span class="title-text-text" :title="$t('workCenter.enStandardChange.materialDate')">
+              :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.enStandardChange.materialDate')">
                     {{ $t('workCenter.enStandardChange.materialDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="implementationDate">
-              <a-date-picker
-                v-model="formInline.implementationDate"
-                :showTime="false"
-                :disabled="disabled"
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
-          <!--  是否试行  -->
+          <a-form-model-item class="item-model" prop="implementationDate">
-          <div class="box-title-text form-flex-item">
+            <a-date-picker
-            <div class="title-text">
+              v-model="formInline.implementationDate"
+              :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">
               <span class="title-text-text" :title="$t('workCenter.enStandardChange.isTry')">
                     {{ $t('workCenter.enStandardChange.isTry') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="tryFlag">
-              <j-dict-select-tag class="box-input"
-                                 :disabled="disabled"
-                                 v-model="formInline.tryFlag"
-                                 :placeholder="$t('pleaseSelect')+$t('workCenter.enStandardChange.isTry')"
-                                 :type="'select'"
-                                 :triggerChange="false"
-                                 dictCode="is_trial" />
-            </a-form-model-item>
           </div>
-          <!--  试行周期  -->
+          <a-form-model-item class="item-model" prop="tryFlag">
-          <div class="box-title-text form-flex-item">
+            <j-dict-select-tag class="box-input"
-            <div class="title-text">
+                               :disabled="disabled"
+                               v-model="formInline.tryFlag"
+                               :placeholder="$t('pleaseSelect')+$t('workCenter.enStandardChange.isTry')"
+                               :type="'select'"
+                               :triggerChange="false"
+                               dictCode="is_trial" />
+          </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.enStandardChange.trialPeriod')">
                     {{ $t('workCenter.enStandardChange.trialPeriod') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="trialPeriod">
-              <j-dict-select-tag class="box-input"
-                                 :disabled="disabled"
-                                 v-model="formInline.trialPeriod"
-                                 :placeholder="$t('pleaseSelect')+$t('workCenter.enStandardChange.trialPeriod')"
-                                 :type="'select'"
-                                 :triggerChange="false"
-                                 dictCode="trial_period" />
-            </a-form-model-item>
           </div>
-          <!--  零部件名称  -->
+          <a-form-model-item class="item-model" prop="trialPeriod">
-          <div class="box-title-text form-flex-item">
+            <j-dict-select-tag class="box-input"
-            <div class="title-text">
+                               :disabled="disabled"
-              <span class="required">*</span>
+                               v-model="formInline.trialPeriod"
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.partName')">
+                               :placeholder="$t('pleaseSelect')+$t('workCenter.enStandardChange.trialPeriod')"
+                               :type="'select'"
+                               :triggerChange="false"
+                               dictCode="trial_period" />
+          </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.partName')">
                 {{ $t('workCenter.enterpriseInitChangePlan.partName') }}
               </span>
-            </div>
-            <a-form-model-item class="item-model" prop="partName">
-              <tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
-                              v-model="formInline.partName"
-                              @nameChange="treeSelectNameChange"
-                              filedName="partName"
-                              type="radio"
-                              :nameStr="formInline.partName_dictText"
-                              dict-id="1696007957666533377"
-                              :disabled="disabled" />
-            </a-form-model-item>
           </div>
-          <!--  主起草人  -->
+          <a-form-model-item class="item-model" prop="partName">
-          <div class="box-title-text form-flex-item">
+            <tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
-            <div class="title-text">
+                            v-model="formInline.partName"
+                            @nameChange="treeSelectNameChange"
+                            filedName="partName"
+                            type="radio"
+                            :nameStr="formInline.partName_dictText"
+                            dict-id="1696007957666533377"
+                            :disabled="disabled" />
+          </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.principalDrafter')">
                     {{ $t('workCenter.enterpriseInitChangePlan.principalDrafter') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="mainDraftingUser">
-              <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
-                              v-model="formInline.mainDraftingUser"
-                              :disabled="disabled"
-                              filedName="mainDraftingUser"
-                              @nameChange="userSelectNameChange"
-                              :nameStr="formInline.mainDraftingUser_dictText"
-                              type="radio" />
-            </a-form-model-item>
           </div>
-          <!--  主起草单位  -->
+          <a-form-model-item class="item-model" prop="mainDraftingUser">
-          <div class="box-title-text form-flex-item">
+            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
-            <div class="title-text">
+                            v-model="formInline.mainDraftingUser"
+                            :disabled="disabled"
+                            filedName="mainDraftingUser"
+                            @nameChange="userSelectNameChange"
+                            :nameStr="formInline.mainDraftingUser_dictText"
+                            type="radio" />
+          </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.mainDraftUnit')">
                     {{ $t('workCenter.enterpriseInitChangePlan.mainDraftUnit') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="mainDraftingUnit">
-              <j-select-depart v-model="formInline.mainDraftingUnit"
-                               :disabled="disabled"
-                               :backDepart="true" />
-            </a-form-model-item>
           </div>
-          <!--  标准适用范围  -->
+          <a-form-model-item class="item-model" prop="mainDraftingUnit">
-          <div class="box-title-text form-flex-item">
+            <j-select-depart v-model="formInline.mainDraftingUnit"
-            <div class="title-text title-text-long">
+                             :disabled="disabled"
+                             :backDepart="true" />
+          </a-form-model-item>
+        </div>
+        <!--  标准适用范围  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text title-text-long">
                   <span class="title-text-text" :title="$t('workCenter.enStandardChange.scopeOfApplication')">
                     {{ $t('workCenter.enStandardChange.scopeOfApplication') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="standardScope">
-              <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardChange.scopeOfApplication')"
-                          :maxLength="500"
-                          :disabled="disabled"
-                          v-model="formInline.standardScope" :rows="4" />
-            </a-form-model-item>
           </div>
-          <!--  代替标准号  -->
+          <a-form-model-item class="item-model" prop="standardScope">
-          <div class="box-title-text form-flex-item">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardChange.scopeOfApplication')"
-            <div class="title-text">
+                        :maxLength="500"
-              <span class="required">*</span>
+                        :disabled="disabled"
-              <span class="title-text-text" :title="$t('workCenter.enStandardChange.substituteStandardNumber')">
+                        v-model="formInline.standardScope" :rows="4" />
+          </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.enStandardChange.substituteStandardNumber')">
                     {{ $t('workCenter.enStandardChange.substituteStandardNumber') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="substituteStandardNumber">
-              <standard-selection :source="StandardSource.ENTERPRISE.value"
-                                  :disabled="disabled"
-                                  :disabledSourceSearch="true"
-                                  type="radio"
-                                  v-model="formInline.substituteStandardNumber" />
-            </a-form-model-item>
           </div>
-          <!--  引用标准  -->
+          <a-form-model-item class="item-model" prop="substituteStandardNumber">
-          <div class="box-title-text form-flex-item">
+            <standard-selection :source="StandardSource.ENTERPRISE.value"
-            <div class="title-text">
+                                :disabled="disabled"
-              <span class="required">*</span>
+                                :disabledSourceSearch="true"
-              <span class="title-text-text" :title="$t('workCenter.enStandardChange.quotedStandard')">
+                                type="radio"
+                                v-model="formInline.substituteStandardNumber" />
+          </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.enStandardChange.quotedStandard')">
                     {{ $t('workCenter.enStandardChange.quotedStandard') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="quotedStandard">
-              <standard-selection :source="StandardSource.ENTERPRISE.value"
-                                  :disabled="disabled"
-                                  :disabledSourceSearch="true"
-                                  type="radio"
-                                  v-model="formInline.quotedStandard" />
-            </a-form-model-item>
           </div>
-          <!--  关联文件  -->
+          <a-form-model-item class="item-model" prop="quotedStandard">
-          <div class="box-title-text form-flex-item">
+            <standard-selection :source="StandardSource.ENTERPRISE.value"
-            <div class="title-text title-text-long">
+                                :disabled="disabled"
+                                :disabledSourceSearch="true"
+                                type="radio"
+                                v-model="formInline.quotedStandard" />
+          </a-form-model-item>
+        </div>
+        <!--  关联文件  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text title-text-long">
                   <span class="title-text-text" :title="$t('workCenter.enStandardChange.relevantFile')">
                     {{ $t('workCenter.enStandardChange.relevantFile') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="associatedFile">
-              <a-button type="primary" class="button-text" style="width: 200px" @click="clickButtonToUpload('associatedFile')">
-                {{
-                  (formInline.associatedFile === 'null' || formInline.associatedFile === ''
-                    || formInline.associatedFile === null || formInline.associatedFile === undefined)
-                    ? $t('uploadFile.clickUpload')
-                    : $t('uploadFile.viewUploadedFiles')
-                }}
-              </a-button>
-            </a-form-model-item>
           </div>
-          <!--  采标程度  -->
+          <a-form-model-item class="item-model" prop="associatedFile">
-          <div class="box-title-text form-flex-item">
+            <a-button type="primary" class="button-text" style="width: 200px" @click="clickButtonToUpload('associatedFile')">
-            <div class="title-text">
+              {{
+                (formInline.associatedFile === 'null' || formInline.associatedFile === ''
+                  || formInline.associatedFile === null || formInline.associatedFile === undefined)
+                  ? $t('uploadFile.clickUpload')
+                  : $t('uploadFile.viewUploadedFiles')
+              }}
+            </a-button>
+          </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.enStandardChange.degreeOfBidAcquisition')">
                     {{ $t('workCenter.enStandardChange.degreeOfBidAcquisition') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="acquisitionDegree">
-              <j-dict-select-tag class="box-input"
-                                 :disabled="disabled"
-                                 v-model="formInline.acquisitionDegree"
-                                 :placeholder="$t('pleaseSelect')+$t('workCenter.enStandardChange.degreeOfBidAcquisition')"
-                                 :type="'select'"
-                                 :triggerChange="false"
-                                 dictCode="degree_bid_acquisition" />
-            </a-form-model-item>
           </div>
-          <!--  采用国际标准号  -->
+          <a-form-model-item class="item-model" prop="acquisitionDegree">
-          <div class="box-title-text form-flex-item">
+            <j-dict-select-tag class="box-input"
-            <div class="title-text">
+                               :disabled="disabled"
-              <span class="required">*</span>
+                               v-model="formInline.acquisitionDegree"
-              <span class="title-text-text" :title="$t('workCenter.enStandardChange.adoptInternationalStandardNumber')">
+                               :placeholder="$t('pleaseSelect')+$t('workCenter.enStandardChange.degreeOfBidAcquisition')"
+                               :type="'select'"
+                               :triggerChange="false"
+                               dictCode="degree_bid_acquisition" />
+          </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.enStandardChange.adoptInternationalStandardNumber')">
                     {{ $t('workCenter.enStandardChange.adoptInternationalStandardNumber') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="internationalStandardNum">
-              <a-input class="box-input"
-                       v-model="formInline.internationalStandardNum"
-                       :disabled="disabled"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardChange.adoptInternationalStandardNumber')" />
-            </a-form-model-item>
           </div>
+          <a-form-model-item class="item-model" prop="internationalStandardNum">
+            <a-input class="box-input"
+                     v-model="formInline.internationalStandardNum"
+                     :disabled="disabled"
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardChange.adoptInternationalStandardNumber')" />
+          </a-form-model-item>
         </div>
       </div>
 
@@ -516,9 +514,4 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
-
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
 </style>

src/views/workCenter/enterpriseStandardInitChange/PlanApprovalChangeFlow.vue

@@ -19,7 +19,7 @@
         <a-row>
           <a-col :span="12">
             <!--  流程名称  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')" :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        @change="event => event.target.value = event.target.value.trim()"
                        :disabled="disabled || processNameDisabled"
@@ -29,7 +29,7 @@
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')" :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
                              :disabled="disabled"
@@ -39,7 +39,7 @@
           </a-col>
           <a-col :span="24">
             <!--  流程说明  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')" :colon="formItemColon">
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
@@ -53,66 +53,64 @@
       <!--  业务基本信息  -->
       <div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
       <!--  申请类型和项目类型  -->
-      <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+      <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-        <div class="collapsible-panel-form">
+        <div class="form-flex-box">
-          <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">
+            <div class="title-text">
-              <div class="title-text">
+              <span class="required">*</span>
-                <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.applicationType')">
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.applicationType')">
                   {{ $t('workCenter.enterpriseInitChangePlan.applicationType') }}
                 </span>
-              </div>
-              <a-form-model-item class="item-model" prop="applicationCategory">
-                <!--<j-dict-select-tag v-model="formInline.applicationCategory"-->
-                <!--                   :disabled="disabled"-->
-                <!--                   :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.applicationType')"-->
-                <!--                   :type="'select'"-->
-                <!--                   :triggerChange="false"-->
-                <!--                   dictCode="esp_application_category" />-->
-                <a-select v-model="formInline.applicationCategory"
-                          :disabled="disabled"
-                          @change="applicationCategoryChange"
-                          :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.applicationType')">
-                  <a-select-option :value="ApplicationCategory.INITIATION.value">{{ $t('workCenter.enterpriseInitChangePlan.standardProjectEstablishment') }}</a-select-option>
-                  <a-select-option :value="ApplicationCategory.CHANGE.value">{{ $t('workCenter.enterpriseInitChangePlan.change') }}</a-select-option>
-                </a-select>
-              </a-form-model-item>
             </div>
-            <!--  项目类别  -->
+            <a-form-model-item class="item-model" prop="applicationCategory">
-            <div class="box-title-text form-flex-item">
+              <!--<j-dict-select-tag v-model="formInline.applicationCategory"-->
-              <div class="title-text">
+              <!--                   :disabled="disabled"-->
-                <span class="required">*</span>
+              <!--                   :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.applicationType')"-->
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.itemCategory')">
+              <!--                   :type="'select'"-->
+              <!--                   :triggerChange="false"-->
+              <!--                   dictCode="esp_application_category" />-->
+              <a-select v-model="formInline.applicationCategory"
+                        :disabled="disabled"
+                        @change="applicationCategoryChange"
+                        :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.applicationType')">
+                <a-select-option :value="ApplicationCategory.INITIATION.value">{{ $t('workCenter.enterpriseInitChangePlan.standardProjectEstablishment') }}</a-select-option>
+                <a-select-option :value="ApplicationCategory.CHANGE.value">{{ $t('workCenter.enterpriseInitChangePlan.change') }}</a-select-option>
+              </a-select>
+            </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.itemCategory')">
                   {{ $t('workCenter.enterpriseInitChangePlan.itemCategory') }}
                 </span>
-              </div>
-              <a-form-model-item class="item-model" prop="projectType">
-                <a-select v-if="formInline.applicationCategory === ApplicationCategory.INITIATION.value"
-                          v-model="formInline.projectType"
-                          :disabled="disabled"
-                          :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.itemCategory')">
-                  <a-select-option :value="ProjectType.ENACT.value">{{ $t('workCenter.enterpriseInitChangePlan.formulate') }}</a-select-option>
-                  <a-select-option :value="ProjectType.MODIFY.value">{{ $t('workCenter.enterpriseInitChangePlan.revise') }}</a-select-option>
-                </a-select>
-                <a-select v-else-if="formInline.applicationCategory === ApplicationCategory.CHANGE.value"
-                          v-model="formInline.projectType"
-                          :disabled="disabled"
-                          @change="projectTypeChange"
-                          :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.itemCategory')">
-                  <a-select-option :value="ProjectType.COMPLETE_TIME_CHANGE.value">{{ $t('workCenter.enterpriseInitChangePlan.completionTimeChange') }}</a-select-option>
-                  <a-select-option :value="ProjectType.WORK_TERMINATE.value">{{ $t('workCenter.enterpriseInitChangePlan.terminationOfWork') }}</a-select-option>
-                  <a-select-option :value="ProjectType.RESPONSIBLE_DEPT_CHANGE.value">{{ $t('workCenter.enterpriseInitChangePlan.dutyDepartChange') }}</a-select-option>
-                  <a-select-option :value="ProjectType.MERGE.value">{{ $t('workCenter.enterpriseInitChangePlan.merge') }}</a-select-option>
-                </a-select>
-                <a-select v-else
-                          v-model="formInline.projectType"
-                          :disabled="disabled"
-                          :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.itemCategory')">
-                </a-select>
-              </a-form-model-item>
             </div>
+            <a-form-model-item class="item-model" prop="projectType">
+              <a-select v-if="formInline.applicationCategory === ApplicationCategory.INITIATION.value"
+                        v-model="formInline.projectType"
+                        :disabled="disabled"
+                        :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.itemCategory')">
+                <a-select-option :value="ProjectType.ENACT.value">{{ $t('workCenter.enterpriseInitChangePlan.formulate') }}</a-select-option>
+                <a-select-option :value="ProjectType.MODIFY.value">{{ $t('workCenter.enterpriseInitChangePlan.revise') }}</a-select-option>
+              </a-select>
+              <a-select v-else-if="formInline.applicationCategory === ApplicationCategory.CHANGE.value"
+                        v-model="formInline.projectType"
+                        :disabled="disabled"
+                        @change="projectTypeChange"
+                        :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.itemCategory')">
+                <a-select-option :value="ProjectType.COMPLETE_TIME_CHANGE.value">{{ $t('workCenter.enterpriseInitChangePlan.completionTimeChange') }}</a-select-option>
+                <a-select-option :value="ProjectType.WORK_TERMINATE.value">{{ $t('workCenter.enterpriseInitChangePlan.terminationOfWork') }}</a-select-option>
+                <a-select-option :value="ProjectType.RESPONSIBLE_DEPT_CHANGE.value">{{ $t('workCenter.enterpriseInitChangePlan.dutyDepartChange') }}</a-select-option>
+                <a-select-option :value="ProjectType.MERGE.value">{{ $t('workCenter.enterpriseInitChangePlan.merge') }}</a-select-option>
+              </a-select>
+              <a-select v-else
+                        v-model="formInline.projectType"
+                        :disabled="disabled"
+                        :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.itemCategory')">
+              </a-select>
+            </a-form-model-item>
           </div>
         </div>
       </a-form-model>
@@ -191,14 +189,14 @@
       <div class="process-part-title" v-if="!onlyLook">{{ $t('processApprovalInformation') }}</div>
       <a-form :form="approvalInfoForm" v-if="!onlyLook">
         <!--备注-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')" :colon="formItemColon">
           <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
                       :maxLength="500"
                       :rows="4"
                       v-decorator="['commitText', validatorRules.commitText]" />
         </a-form-item>
         <!--附件-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('attach')" :colon="formItemColon">
           <j-upload v-decorator="['commitFile']" return-id />
         </a-form-item>
       </a-form>
@@ -260,7 +258,8 @@ import {
   enterprisePlanApprovalSave,
   enterprisePlanApproval,
   getProcessDataById,
-  getProcessNodeList
+  getProcessNodeList,
+  getProcessDataDraft
 } from '@/api/workCenter'
 import ApprovalBaseInfo from './modules/ApprovalBaseInfo'
 import FinishTimeChangeBaseInfo from './modules/FinishTimeChangeBaseInfo'
@@ -273,7 +272,6 @@ import Vue from 'vue'
 import { USER_INFO } from '@/store/mutation-types'
 import pick from 'lodash.pick'
 import { WorkCenterMixin } from '@/mixins/WorkCenterMixin'
-import { getProcessDataDraft } from '../../../api/workCenter'
 
 export default {
   name: 'PlanApprovalFlow',
@@ -989,11 +987,6 @@ export default {
   display: inline-block;
 }
 
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
-
 .form-flex-item {
   width: calc(100% / 3);
 }

src/views/workCenter/enterpriseStandardInitChange/modules/DutyDepartChangeBaseInfo.vue

@@ -1,155 +1,153 @@
 <template>
-  <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+  <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-    <div class="collapsible-panel-form">
+    <div class="form-flex-box">
-      <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">
+        <div class="title-text">
-          <div class="title-text">
+          <span class="required">*</span>
-            <span class="required">*</span>
+          <span class="title-text-text"
-            <span class="title-text-text"
+                :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
-                  :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
                   {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="espId">
-            <enterprise-plan-selection type="radio"
-                                       :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')"
-                                       v-model="formInline.espId"
-                                       :standard-number="formInline.originEnStandardNo"
-                                       :searchParam="{ projectType: projectType }"
-                                       :disabled="disabled"
-                                       @listChange="listChange"/>
-          </a-form-model-item>
         </div>
-        <!--  企标名称  -->
+        <a-form-model-item class="item-model" prop="espId">
-        <div class="box-title-text form-flex-item">
+          <enterprise-plan-selection type="radio"
-          <div class="title-text">
+                                     :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')"
+                                     v-model="formInline.espId"
+                                     :standard-number="formInline.originEnStandardNo"
+                                     :searchParam="{ projectType: projectType }"
+                                     :disabled="disabled"
+                                     @listChange="listChange"/>
+        </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="originEnStandardName">
-            <a-input class="box-input"
-                     disabled
-                     v-model="formInline.originEnStandardName"
-                     :maxLength="50"
-                     @change="event => event.target.value = event.target.value.trim()"
-                     :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-          </a-form-model-item>
         </div>
-        <!--  原主起草人  -->
+        <a-form-model-item class="item-model" prop="originEnStandardName">
-        <div class="box-title-text form-flex-item">
+          <a-input class="box-input"
-          <div class="title-text">
+                   disabled
+                   v-model="formInline.originEnStandardName"
+                   :maxLength="50"
+                   @change="event => event.target.value = event.target.value.trim()"
+                   :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="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.originPrincipalDrafter')">
                   {{ $t('workCenter.enterpriseInitChangePlan.originPrincipalDrafter') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="mainDraftingUser">
-            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.originPrincipalDrafter')"
-                            v-model="formInline.mainDraftingUser"
-                            disabled
-                            filedName="mainDraftingUser"
-                            @nameChange="userSelectNameChange"
-                            :nameStr="formInline.mainDraftingUser_dictText"
-                            type="radio" />
-          </a-form-model-item>
         </div>
-        <!--  原主起草单位  -->
+        <a-form-model-item class="item-model" prop="mainDraftingUser">
-        <div class="box-title-text form-flex-item">
+          <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.originPrincipalDrafter')"
-          <div class="title-text">
+                          v-model="formInline.mainDraftingUser"
+                          disabled
+                          filedName="mainDraftingUser"
+                          @nameChange="userSelectNameChange"
+                          :nameStr="formInline.mainDraftingUser_dictText"
+                          type="radio" />
+        </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.originMainDraftUnit')">
                   {{ $t('workCenter.enterpriseInitChangePlan.originMainDraftUnit') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="mainDraftingUnit">
-            <j-select-depart v-model="formInline.mainDraftingUnit"
-                             disabled
-                             :backDepart="true" />
-          </a-form-model-item>
         </div>
-        <!--  原起草单位负责人  -->
+        <a-form-model-item class="item-model" prop="mainDraftingUnit">
-        <div class="box-title-text form-flex-item">
+          <j-select-depart v-model="formInline.mainDraftingUnit"
-          <div class="title-text">
+                           disabled
+                           :backDepart="true" />
+        </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.originHeadOfMainDraftingUnit')">
                   {{ $t('workCenter.enterpriseInitChangePlan.originHeadOfMainDraftingUnit') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="mainDraftingUnitResponsiblePerson">
-            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.originHeadOfMainDraftingUnit')"
-                            v-model="formInline.mainDraftingUnitResponsiblePerson"
-                            disabled
-                            filedName="mainDraftingUnitResponsiblePerson"
-                            @nameChange="userSelectNameChange"
-                            :nameStr="formInline.mainDraftingUnitResponsiblePerson_dictText"
-                            type="radio" />
-          </a-form-model-item>
         </div>
-        <!--  新主起草人  -->
+        <a-form-model-item class="item-model" prop="mainDraftingUnitResponsiblePerson">
-        <div class="box-title-text form-flex-item">
+          <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.originHeadOfMainDraftingUnit')"
-          <div class="title-text">
+                          v-model="formInline.mainDraftingUnitResponsiblePerson"
-            <span v-if="rules.newMainDraftingUser[0].required" class="required">*</span>
+                          disabled
-            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.newPrincipalDrafter')">
+                          filedName="mainDraftingUnitResponsiblePerson"
+                          @nameChange="userSelectNameChange"
+                          :nameStr="formInline.mainDraftingUnitResponsiblePerson_dictText"
+                          type="radio" />
+        </a-form-model-item>
+      </div>
+      <!--  新主起草人  -->
+      <div class="box-title-text form-flex-item">
+        <div class="title-text">
+          <span v-if="rules.newMainDraftingUser[0].required" class="required">*</span>
+          <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.newPrincipalDrafter')">
               {{ $t('workCenter.enterpriseInitChangePlan.newPrincipalDrafter') }}
             </span>
-          </div>
-          <a-form-model-item class="item-model" prop="newMainDraftingUser">
-            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.newPrincipalDrafter')"
-                            v-model="formInline.newMainDraftingUser"
-                            :disabled="disabled && !newMainDrafterCanUpdate"
-                            filedName="newMainDraftingUser"
-                            @nameChange="userSelectNameChange"
-                            :nameStr="formInline.newMainDraftingUser_dictText"
-                            type="radio" />
-          </a-form-model-item>
         </div>
-        <!--  新主起草单位  -->
+        <a-form-model-item class="item-model" prop="newMainDraftingUser">
-        <div class="box-title-text form-flex-item">
+          <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.newPrincipalDrafter')"
-          <div class="title-text">
+                          v-model="formInline.newMainDraftingUser"
-            <span v-if="rules.newMainDraftingUnit[0].required" class="required">*</span>
+                          :disabled="disabled && !newMainDrafterCanUpdate"
-            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.newMainDraftUnit')">
+                          filedName="newMainDraftingUser"
+                          @nameChange="userSelectNameChange"
+                          :nameStr="formInline.newMainDraftingUser_dictText"
+                          type="radio" />
+        </a-form-model-item>
+      </div>
+      <!--  新主起草单位  -->
+      <div class="box-title-text form-flex-item">
+        <div class="title-text">
+          <span v-if="rules.newMainDraftingUnit[0].required" class="required">*</span>
+          <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.newMainDraftUnit')">
               {{ $t('workCenter.enterpriseInitChangePlan.newMainDraftUnit') }}
             </span>
-          </div>
-          <a-form-model-item class="item-model" prop="newMainDraftingUnit">
-            <j-select-depart v-model="formInline.newMainDraftingUnit"
-                             :disabled="disabled && !newMainDrafterCanUpdate"
-                             :backDepart="true" />
-          </a-form-model-item>
         </div>
-        <!--  新起草单位负责人  -->
+        <a-form-model-item class="item-model" prop="newMainDraftingUnit">
-        <div class="box-title-text form-flex-item">
+          <j-select-depart v-model="formInline.newMainDraftingUnit"
-          <div class="title-text">
+                           :disabled="disabled && !newMainDrafterCanUpdate"
-            <span v-if="rules.newMainDraftingUnitResponsiblePerson[0].required" class="required">*</span>
+                           :backDepart="true" />
-            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.newHeadOfMainDraftingUnit')">
+        </a-form-model-item>
+      </div>
+      <!--  新起草单位负责人  -->
+      <div class="box-title-text form-flex-item">
+        <div class="title-text">
+          <span v-if="rules.newMainDraftingUnitResponsiblePerson[0].required" class="required">*</span>
+          <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.newHeadOfMainDraftingUnit')">
               {{ $t('workCenter.enterpriseInitChangePlan.newHeadOfMainDraftingUnit') }}
             </span>
-          </div>
-          <a-form-model-item class="item-model" prop="newMainDraftingUnitResponsiblePerson">
-            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.newHeadOfMainDraftingUnit')"
-                            v-model="formInline.newMainDraftingUnitResponsiblePerson"
-                            :disabled="disabled && !newMainDrafterCanUpdate"
-                            filedName="newMainDraftingUnitResponsiblePerson"
-                            @nameChange="userSelectNameChange"
-                            :nameStr="formInline.newMainDraftingUnitResponsiblePerson_dictText"
-                            type="radio" />
-          </a-form-model-item>
         </div>
-        <!--  变更原因  -->
+        <a-form-model-item class="item-model" prop="newMainDraftingUnitResponsiblePerson">
-        <div class="box-title-text form-flex-item form-flex-item-long">
+          <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.newHeadOfMainDraftingUnit')"
-          <div class="title-text title-text-long">
+                          v-model="formInline.newMainDraftingUnitResponsiblePerson"
-            <span class="required">*</span>
+                          :disabled="disabled && !newMainDrafterCanUpdate"
-            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.changeReason')">
+                          filedName="newMainDraftingUnitResponsiblePerson"
+                          @nameChange="userSelectNameChange"
+                          :nameStr="formInline.newMainDraftingUnitResponsiblePerson_dictText"
+                          type="radio" />
+        </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="required">*</span>
+          <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"
-                        :disabled="disabled"
-                        v-model="formInline.changeReason" :rows="4" />
-          </a-form-model-item>
         </div>
+        <a-form-model-item class="item-model" prop="changeReason">
+          <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.changeReason')"
+                      :maxLength="500"
+                      :disabled="disabled"
+                      v-model="formInline.changeReason" :rows="4" />
+        </a-form-model-item>
       </div>
     </div>
   </a-form-model>
@@ -285,11 +283,6 @@ export default {
   display: inline-block;
 }
 
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
-
 .form-flex-item {
   width: calc(100% / 3);
 }

src/views/workCenter/enterpriseStandardRecheck/EnterpriseStandardRecheckFlow.vue

@@ -19,7 +19,7 @@
         <a-row>
           <a-col :span="12">
             <!--  流程名称  自动生成规则：标准号-标准名称-复审  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')" :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        @change="event => event.target.value = event.target.value.trim()"
                        disabled
@@ -29,7 +29,7 @@
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')" :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
                              :disabled="disabled"
@@ -39,7 +39,7 @@
           </a-col>
           <a-col :span="24">
             <!--  流程说明  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')" :colon="formItemColon">
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
@@ -67,14 +67,14 @@
       <div class="process-part-title" v-if="!onlyLook">{{ $t('processApprovalInformation') }}</div>
       <a-form :form="approvalInfoForm" v-if="!onlyLook">
         <!--备注-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')" :colon="formItemColon">
           <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
                       :maxLength="500"
                       :rows="4"
                       v-decorator="['commitText', validatorRules.commitText]" />
         </a-form-item>
         <!--附件-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('attach')" :colon="formItemColon">
           <j-upload v-decorator="['commitFile']" return-id />
         </a-form-item>
       </a-form>
@@ -132,7 +132,8 @@ import {
   enStandardRecheckApproval,
   enStandardRecheckTurnTo,
   enStandardRecheckAgree,
-  enStandardRecheckReject
+  enStandardRecheckReject,
+  enStandardRecheckGetDataDraft
 } from '@/api/workCenter'
 import ContactInitBaseInfo from './modules/ContactInitBaseInfo'
 import StandardizationInitBaseInfo from './modules/StandardizationInitBaseInfo'
@@ -140,7 +141,6 @@ import DrafterEnterOptionBaseInfo from './modules/DrafterEnterOptionBaseInfo'
 import RecheckApproveBaseInfo from './modules/RecheckApproveBaseInfo'
 import { WorkCenterMixin } from '@/mixins/WorkCenterMixin'
 import { ProcessKey, EsRecheckNodes } from '@/enums/commonEnums'
-import { enStandardRecheckGetDataDraft } from '../../../api/workCenter'
 
 export default {
   name: 'EnterpriseStandardRecheckFlow',

src/views/workCenter/enterpriseStandardRecheck/modules/ContactInitBaseInfo.vue

@@ -1,119 +1,117 @@
 <template>
   <a-spin :spinning="loading">
-    <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-      <div class="collapsible-panel-form">
+      <div class="form-flex-box">
-        <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">
+          <div class="title-text">
-            <div class="title-text">
+            <span class="required">*</span>
-              <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
                     {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="recheckPlanId">
-              <enterprise-recheck-plan-selection
-                                  :disabled="disabled"
-                                  type="radio"
-                                  v-model="formInline.recheckPlanId"
-                                  :standardNumber="formInline.standardNumber"
-                                  @listChange="listChange" />
-            </a-form-model-item>
           </div>
-          <!--  企标名称  -->
+          <a-form-model-item class="item-model" prop="recheckPlanId">
-          <div class="box-title-text form-flex-item">
+            <enterprise-recheck-plan-selection
-            <div class="title-text">
+              :disabled="disabled"
+              type="radio"
+              v-model="formInline.recheckPlanId"
+              :standardNumber="formInline.standardNumber"
+              @listChange="listChange" />
+          </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="standardName">
-              <a-input class="box-input"
-                       v-model="formInline.standardName"
-                       :maxLength="50"
-                       disabled
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-            </a-form-model-item>
           </div>
-          <!--  主起草人  -->
+          <a-form-model-item class="item-model" prop="standardName">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     v-model="formInline.standardName"
+                     :maxLength="50"
+                     disabled
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :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="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.principalDrafter')">
                     {{ $t('workCenter.enterpriseInitChangePlan.principalDrafter') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="mainDraftingUser">
-              <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
-                              v-model="formInline.mainDraftingUser"
-                              :disabled="disabled"
-                              filedName="mainDraftingUser"
-                              @nameChange="userSelectNameChange"
-                              :nameStr="formInline.mainDraftingUser_dictText"
-                              type="radio" />
-            </a-form-model-item>
           </div>
-          <!--  主起草单位  -->
+          <a-form-model-item class="item-model" prop="mainDraftingUser">
-          <div class="box-title-text form-flex-item">
+            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
-            <div class="title-text">
+                            v-model="formInline.mainDraftingUser"
+                            :disabled="disabled"
+                            filedName="mainDraftingUser"
+                            @nameChange="userSelectNameChange"
+                            :nameStr="formInline.mainDraftingUser_dictText"
+                            type="radio" />
+          </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.mainDraftUnit')">
                     {{ $t('workCenter.enterpriseInitChangePlan.mainDraftUnit') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="mainDraftingUnit">
-              <j-select-depart v-model="formInline.mainDraftingUnit"
-                               :disabled="disabled"
-                               :backDepart="true" />
-            </a-form-model-item>
           </div>
-          <!--  发布日期  -->
+          <a-form-model-item class="item-model" prop="mainDraftingUnit">
-          <div class="box-title-text form-flex-item">
+            <j-select-depart v-model="formInline.mainDraftingUnit"
-            <div class="title-text">
+                             :disabled="disabled"
+                             :backDepart="true" />
+          </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.enStandardChange.releaseDate')">
                     {{ $t('workCenter.enStandardChange.releaseDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="releaseDate">
-              <a-date-picker
-                v-model="formInline.releaseDate"
-                :showTime="false"
-                disabled
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
-          <!--  实施日期  -->
+          <a-form-model-item class="item-model" prop="releaseDate">
-          <div class="box-title-text form-flex-item">
+            <a-date-picker
-            <div class="title-text">
+              v-model="formInline.releaseDate"
+              :showTime="false"
+              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">
               <span class="title-text-text" :title="$t('workCenter.enStandardChange.materialDate')">
                     {{ $t('workCenter.enStandardChange.materialDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="implementationDate">
-              <a-date-picker
-                v-model="formInline.implementationDate"
-                :showTime="false"
-                disabled
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
-          <!--  复审日期  -->
+          <a-form-model-item class="item-model" prop="implementationDate">
-          <div class="box-title-text form-flex-item">
+            <a-date-picker
-            <div class="title-text">
+              v-model="formInline.implementationDate"
+              :showTime="false"
+              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">
               <span class="title-text-text" :title="$t('workCenter.enStandardRecheck.recheckDate')">
                     {{ $t('workCenter.enStandardRecheck.recheckDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="recheckDate">
-              <a-date-picker
-                v-model="formInline.recheckDate"
-                :showTime="false"
-                disabled
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
+          <a-form-model-item class="item-model" prop="recheckDate">
+            <a-date-picker
+              v-model="formInline.recheckDate"
+              :showTime="false"
+              disabled
+              value-format="YYYY-MM-DD">
+            </a-date-picker>
+          </a-form-model-item>
         </div>
       </div>
     </a-form-model>
@@ -245,9 +243,4 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
-
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
 </style>

src/views/workCenter/enterpriseStandardRecheck/modules/DrafterEnterOptionBaseInfo.vue

@@ -1,144 +1,142 @@
 <template>
-  <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+  <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-    <div class="collapsible-panel-form">
+    <div class="form-flex-box">
-      <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">
+        <div class="title-text">
-          <div class="title-text">
             <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
                   {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="standardNumber">
-            <standard-selection :source="StandardSource.ENTERPRISE.value"
-                                disabled
-                                :disabledSourceSearch="true"
-                                type="radio"
-                                v-model="formInline.standardNumber" />
-          </a-form-model-item>
         </div>
-        <!--  企标名称  -->
+        <a-form-model-item class="item-model" prop="standardNumber">
-        <div class="box-title-text form-flex-item">
+          <standard-selection :source="StandardSource.ENTERPRISE.value"
-          <div class="title-text">
+                              disabled
+                              :disabledSourceSearch="true"
+                              type="radio"
+                              v-model="formInline.standardNumber" />
+        </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="standardName">
-            <a-input class="box-input"
-                     v-model="formInline.standardName"
-                     :maxLength="50"
-                     disabled
-                     @change="event => event.target.value = event.target.value.trim()"
-                     :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-          </a-form-model-item>
         </div>
-        <!--  主起草人  -->
+        <a-form-model-item class="item-model" prop="standardName">
-        <div class="box-title-text form-flex-item">
+          <a-input class="box-input"
-          <div class="title-text">
+                   v-model="formInline.standardName"
+                   :maxLength="50"
+                   disabled
+                   @change="event => event.target.value = event.target.value.trim()"
+                   :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="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.principalDrafter')">
                   {{ $t('workCenter.enterpriseInitChangePlan.principalDrafter') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="mainDraftingUser">
-            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
-                            v-model="formInline.mainDraftingUser"
-                            disabled
-                            filedName="mainDraftingUser"
-                            :nameStr="formInline.mainDraftingUser_dictText"
-                            type="radio" />
-          </a-form-model-item>
         </div>
-        <!--  主起草单位  -->
+        <a-form-model-item class="item-model" prop="mainDraftingUser">
-        <div class="box-title-text form-flex-item">
+          <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
-          <div class="title-text">
+                          v-model="formInline.mainDraftingUser"
+                          disabled
+                          filedName="mainDraftingUser"
+                          :nameStr="formInline.mainDraftingUser_dictText"
+                          type="radio" />
+        </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.mainDraftUnit')">
                   {{ $t('workCenter.enterpriseInitChangePlan.mainDraftUnit') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="mainDraftingUnit">
-            <j-select-depart v-model="formInline.mainDraftingUnit"
-                             disabled
-                             :backDepart="true" />
-          </a-form-model-item>
         </div>
-        <!--  发布日期  -->
+        <a-form-model-item class="item-model" prop="mainDraftingUnit">
-        <div class="box-title-text form-flex-item">
+          <j-select-depart v-model="formInline.mainDraftingUnit"
-          <div class="title-text">
+                           disabled
+                           :backDepart="true" />
+        </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.enStandardChange.releaseDate')">
                   {{ $t('workCenter.enStandardChange.releaseDate') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="releaseDate">
-            <a-date-picker
-              v-model="formInline.releaseDate"
-              :showTime="false"
-              disabled
-              value-format="YYYY-MM-DD">
-            </a-date-picker>
-          </a-form-model-item>
         </div>
-        <!--  实施日期  -->
+        <a-form-model-item class="item-model" prop="releaseDate">
-        <div class="box-title-text form-flex-item">
+          <a-date-picker
-          <div class="title-text">
+            v-model="formInline.releaseDate"
+            :showTime="false"
+            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">
             <span class="title-text-text" :title="$t('workCenter.enStandardChange.materialDate')">
                   {{ $t('workCenter.enStandardChange.materialDate') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="implementationDate">
-            <a-date-picker
-              v-model="formInline.implementationDate"
-              :showTime="false"
-              disabled
-              value-format="YYYY-MM-DD">
-            </a-date-picker>
-          </a-form-model-item>
         </div>
-        <!--  复审日期  -->
+        <a-form-model-item class="item-model" prop="implementationDate">
-        <div class="box-title-text form-flex-item">
+          <a-date-picker
-          <div class="title-text">
+            v-model="formInline.implementationDate"
+            :showTime="false"
+            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">
             <span class="title-text-text" :title="$t('workCenter.enStandardRecheck.recheckDate')">
                   {{ $t('workCenter.enStandardRecheck.recheckDate') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="recheckDate">
-            <a-date-picker
-              v-model="formInline.recheckDate"
-              :showTime="false"
-              disabled
-              value-format="YYYY-MM-DD">
-            </a-date-picker>
-          </a-form-model-item>
         </div>
-        <!--  复审  -->
+        <a-form-model-item class="item-model" prop="recheckDate">
-        <div class="box-title-text form-flex-item form-flex-item-long">
+          <a-date-picker
-          <div class="title-text">
+            v-model="formInline.recheckDate"
-            <span class="required">*</span>
+            :showTime="false"
-            <span class="title-text-text" :title="$t('workCenter.enStandardRecheck.recheck')">
+            disabled
+            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">
+          <span class="required">*</span>
+          <span class="title-text-text" :title="$t('workCenter.enStandardRecheck.recheck')">
                   {{ $t('workCenter.enStandardRecheck.recheck') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="recheckAdvice">
-            <a-radio-group v-model="formInline.recheckAdvice">
-              <!--  继续有效  -->
-              <a-radio :value="Recheck.STAND_GOOD.value">
-                {{ $t('workCenter.enStandardRecheck.standGood') }}
-              </a-radio>
-              <!--  修订  -->
-              <a-radio :value="Recheck.REVISE.value">
-                {{ $t('workCenter.enStandardRecheck.revise') }}
-              </a-radio>
-              <!--  废止  -->
-              <a-radio :value="Recheck.ANNUL.value">
-                {{ $t('workCenter.enStandardRecheck.annul') }}
-              </a-radio>
-              <!--  封存  -->
-              <a-radio :value="Recheck.SEAL_SAVE.value">
-                {{ $t('workCenter.enStandardRecheck.sealSave') }}
-              </a-radio>
-            </a-radio-group>
-          </a-form-model-item>
         </div>
+        <a-form-model-item class="item-model" prop="recheckAdvice">
+          <a-radio-group v-model="formInline.recheckAdvice">
+            <!--  继续有效  -->
+            <a-radio :value="Recheck.STAND_GOOD.value">
+              {{ $t('workCenter.enStandardRecheck.standGood') }}
+            </a-radio>
+            <!--  修订  -->
+            <a-radio :value="Recheck.REVISE.value">
+              {{ $t('workCenter.enStandardRecheck.revise') }}
+            </a-radio>
+            <!--  废止  -->
+            <a-radio :value="Recheck.ANNUL.value">
+              {{ $t('workCenter.enStandardRecheck.annul') }}
+            </a-radio>
+            <!--  封存  -->
+            <a-radio :value="Recheck.SEAL_SAVE.value">
+              {{ $t('workCenter.enStandardRecheck.sealSave') }}
+            </a-radio>
+          </a-radio-group>
+        </a-form-model-item>
       </div>
     </div>
   </a-form-model>
@@ -210,11 +208,6 @@ export default {
 <style scoped>
 @import '~@assets/less/common.less';
 
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
-
 .form-flex-item-long {
   width: 100% !important;
 }

src/views/workCenter/enterpriseStandardRecheck/modules/RecheckApproveBaseInfo.vue

@@ -1,126 +1,124 @@
 <template>
-  <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+  <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-    <div class="collapsible-panel-form">
+    <div class="form-flex-box">
-      <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">
+        <div class="title-text">
-          <div class="title-text">
             <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
                   {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="standardNumber">
-            <standard-selection :source="StandardSource.ENTERPRISE.value"
-                                disabled
-                                :disabledSourceSearch="true"
-                                type="radio"
-                                v-model="formInline.standardNumber" />
-          </a-form-model-item>
         </div>
-        <!--  企标名称  -->
+        <a-form-model-item class="item-model" prop="standardNumber">
-        <div class="box-title-text form-flex-item">
+          <standard-selection :source="StandardSource.ENTERPRISE.value"
-          <div class="title-text">
+                              disabled
+                              :disabledSourceSearch="true"
+                              type="radio"
+                              v-model="formInline.standardNumber" />
+        </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="standardName">
-            <a-input class="box-input"
-                     v-model="formInline.standardName"
-                     :maxLength="50"
-                     disabled
-                     @change="event => event.target.value = event.target.value.trim()"
-                     :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-          </a-form-model-item>
         </div>
-        <!--  主起草人  -->
+        <a-form-model-item class="item-model" prop="standardName">
-        <div class="box-title-text form-flex-item">
+          <a-input class="box-input"
-          <div class="title-text">
+                   v-model="formInline.standardName"
+                   :maxLength="50"
+                   disabled
+                   @change="event => event.target.value = event.target.value.trim()"
+                   :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="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.principalDrafter')">
                   {{ $t('workCenter.enterpriseInitChangePlan.principalDrafter') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="mainDraftingUser">
-            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
-                            v-model="formInline.mainDraftingUser"
-                            disabled
-                            filedName="mainDraftingUser"
-                            :nameStr="formInline.mainDraftingUser_dictText"
-                            type="radio" />
-          </a-form-model-item>
         </div>
-        <!--  主起草单位  -->
+        <a-form-model-item class="item-model" prop="mainDraftingUser">
-        <div class="box-title-text form-flex-item">
+          <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.principalDrafter')"
-          <div class="title-text">
+                          v-model="formInline.mainDraftingUser"
+                          disabled
+                          filedName="mainDraftingUser"
+                          :nameStr="formInline.mainDraftingUser_dictText"
+                          type="radio" />
+        </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.mainDraftUnit')">
                   {{ $t('workCenter.enterpriseInitChangePlan.mainDraftUnit') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="mainDraftingUnit">
-            <j-select-depart v-model="formInline.mainDraftingUnit"
-                             disabled
-                             :backDepart="true" />
-          </a-form-model-item>
         </div>
-        <!--  发布日期  -->
+        <a-form-model-item class="item-model" prop="mainDraftingUnit">
-        <div class="box-title-text form-flex-item">
+          <j-select-depart v-model="formInline.mainDraftingUnit"
-          <div class="title-text">
+                           disabled
+                           :backDepart="true" />
+        </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.enStandardChange.releaseDate')">
                   {{ $t('workCenter.enStandardChange.releaseDate') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="releaseDate">
-            <a-date-picker
-              v-model="formInline.releaseDate"
-              :showTime="false"
-              disabled
-              value-format="YYYY-MM-DD">
-            </a-date-picker>
-          </a-form-model-item>
         </div>
-        <!--  实施日期  -->
+        <a-form-model-item class="item-model" prop="releaseDate">
-        <div class="box-title-text form-flex-item">
+          <a-date-picker
-          <div class="title-text">
+            v-model="formInline.releaseDate"
+            :showTime="false"
+            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">
             <span class="title-text-text" :title="$t('workCenter.enStandardChange.materialDate')">
                   {{ $t('workCenter.enStandardChange.materialDate') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="implementationDate">
-            <a-date-picker
-              v-model="formInline.implementationDate"
-              :showTime="false"
-              disabled
-              value-format="YYYY-MM-DD">
-            </a-date-picker>
-          </a-form-model-item>
         </div>
-        <!--  复审日期  -->
+        <a-form-model-item class="item-model" prop="implementationDate">
-        <div class="box-title-text form-flex-item">
+          <a-date-picker
-          <div class="title-text">
+            v-model="formInline.implementationDate"
+            :showTime="false"
+            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">
             <span class="title-text-text" :title="$t('workCenter.enStandardRecheck.recheckDate')">
                   {{ $t('workCenter.enStandardRecheck.recheckDate') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="recheckDate">
-            <a-date-picker
-              v-model="formInline.recheckDate"
-              :showTime="false"
-              disabled
-              value-format="YYYY-MM-DD">
-            </a-date-picker>
-          </a-form-model-item>
         </div>
-        <!--  复审  -->
+        <a-form-model-item class="item-model" prop="recheckDate">
-        <div class="box-title-text form-flex-item form-flex-item-long">
+          <a-date-picker
-          <div class="title-text">
+            v-model="formInline.recheckDate"
+            :showTime="false"
+            disabled
+            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">
             <span class="title-text-text" :title="$t('workCenter.enStandardRecheck.recheck')">
                   {{ $t('workCenter.enStandardRecheck.recheck') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="recheck">
-            <template>{{ formInline.recheckAdvice_dictText }}</template>
-          </a-form-model-item>
         </div>
+        <a-form-model-item class="item-model" prop="recheck">
+          <template>{{ formInline.recheckAdvice_dictText }}</template>
+        </a-form-model-item>
       </div>
     </div>
   </a-form-model>
@@ -152,6 +150,6 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="less">
-
+@import '~@assets/less/common.less';
 </style>

src/views/workCenter/enterpriseStandardRecheck/modules/StandardizationInitBaseInfo.vue

@@ -1,57 +1,55 @@
 <template>
-  <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+  <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-    <div class="collapsible-panel-form">
+    <div class="form-flex-box">
-      <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">
+        <div class="title-text">
-          <div class="title-text">
+          <span class="required">*</span>
-            <span class="required">*</span>
+          <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
-            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
                   {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="standardNumber">
-            <enterprise-recheck-plan-selection
-                                :disabled="disabled"
-                                type="radio"
-                                v-model="formInline.standardNumber"
-                                :standardNumber="formInline.standardNumber"
-                                @listChange="listChange" />
-          </a-form-model-item>
         </div>
-        <!--  企标名称  -->
+        <a-form-model-item class="item-model" prop="standardNumber">
-        <div class="box-title-text form-flex-item">
+          <enterprise-recheck-plan-selection
-          <div class="title-text">
+            :disabled="disabled"
+            type="radio"
+            v-model="formInline.standardNumber"
+            :standardNumber="formInline.standardNumber"
+            @listChange="listChange" />
+        </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="standardName">
-            <a-input class="box-input"
-                     v-model="formInline.standardName"
-                     :maxLength="50"
-                     disabled
-                     @change="event => event.target.value = event.target.value.trim()"
-                     :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-          </a-form-model-item>
         </div>
-        <!--  联络人  -->
+        <a-form-model-item class="item-model" prop="standardName">
-        <div class="box-title-text form-flex-item">
+          <a-input class="box-input"
-          <div class="title-text">
+                   v-model="formInline.standardName"
+                   :maxLength="50"
+                   disabled
+                   @change="event => event.target.value = event.target.value.trim()"
+                   :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="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.contactPerson')">
                   {{ $t('workCenter.revisionPlanActivelyReport.contactPerson') }}
                 </span>
-          </div>
-          <a-form-model-item class="item-model" prop="contactPerson">
-            <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.contactPerson')"
-                            v-model="formInline.contactPerson"
-                            :disabled="disabled"
-                            filedName="contactPerson"
-                            @nameChange="userSelectNameChange"
-                            :nameStr="formInline.contactPerson_dictText"
-                            type="radio" />
-          </a-form-model-item>
         </div>
+        <a-form-model-item class="item-model" prop="contactPerson">
+          <user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.contactPerson')"
+                          v-model="formInline.contactPerson"
+                          :disabled="disabled"
+                          filedName="contactPerson"
+                          @nameChange="userSelectNameChange"
+                          :nameStr="formInline.contactPerson_dictText"
+                          type="radio" />
+        </a-form-model-item>
       </div>
     </div>
   </a-form-model>
@@ -141,9 +139,4 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
-
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
 </style>

src/views/workCenter/enterpriseStandardRevision/EnterpriseStandardRevisionFlow.vue

@@ -21,7 +21,7 @@
         <a-row>
           <a-col :span="12">
             <!--  流程名称  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')" :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        @change="event => event.target.value = event.target.value.trim()"
                        disabled
@@ -31,7 +31,7 @@
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')" :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
                              :disabled="disabled"
@@ -41,7 +41,7 @@
           </a-col>
           <a-col :span="24">
             <!--  流程说明  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')" :colon="formItemColon">
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
@@ -92,14 +92,14 @@
       <div class="process-part-title">{{ $t('processApprovalInformation') }}</div>
       <a-form :form="approvalInfoForm">
         <!--备注-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')" :colon="formItemColon">
           <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
                       :maxLength="500"
                       :rows="4"
                       v-decorator="['commitText', validatorRules.commitText]" />
         </a-form-item>
         <!--附件-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('attach')" :colon="formItemColon">
           <j-upload v-decorator="['commitFile']" return-id />
         </a-form-item>
       </a-form>
@@ -180,6 +180,7 @@ import {
   enStandardEditSave,
   enStandardEditTurnTo
 } from '@/api/workCenter'
+import { WorkCenterMixin } from '@/mixins/WorkCenterMixin'
 
 export default {
   name: 'EnterpriseStandardRevisionFlow',
@@ -203,6 +204,7 @@ export default {
     ProcessDetailList,
     PersonnelInfo
   },
+  mixins: [WorkCenterMixin],
   computed: {
     pageTitle () {
       return this.$t('flowCenter') + this.$route.meta.title + '（' + this.currentNodeName + '）'

src/views/workCenter/enterpriseStandardRevision/modules/BaseInfoForm.vue

@@ -1,185 +1,183 @@
 <template>
   <a-spin :spinning="loading">
-    <a-form-model v-if="isFormInline" :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <a-form-model v-if="isFormInline" :model="formInline" :rules="rules" ref="ruleForm">
-      <div class="collapsible-panel-form">
+      <div class="form-flex-box">
-        <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">
+          <div class="title-text">
-            <div class="title-text">
+            <span class="required">*</span>
-              <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.typeOfRevision')">
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.typeOfRevision')">
                     {{ $t('workCenter.enterpriseInitChangePlan.typeOfRevision') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="typeOfRevision">
-              <j-dict-select-tag
-                :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.typeOfRevision')"
-                dict-code="esp_revision_type"
-                disabled
-                v-model="formInline.typeOfRevision">
-              </j-dict-select-tag>
-            </a-form-model-item>
           </div>
-          <!--  是新建流程,新增企标编号字段，从企标计划选择 -->
+          <a-form-model-item class="item-model" prop="typeOfRevision">
-          <!--  企标编号，选择企标计划  -->
+            <j-dict-select-tag
-          <div v-if="flowInitType === 'newProcess'" class="box-title-text form-flex-item">
+              :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.typeOfRevision')"
-            <div class="title-text">
+              dict-code="esp_revision_type"
-              <span class="required">*</span>
+              disabled
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
+              v-model="formInline.typeOfRevision">
+            </j-dict-select-tag>
+          </a-form-model-item>
+        </div>
+        <!--  是新建流程,新增企标编号字段，从企标计划选择 -->
+        <!--  企标编号，选择企标计划  -->
+        <div v-if="flowInitType === 'newProcess'" 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="applicationCategory">
+            <enterprise-plan-selection type="radio"
+                                       :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')"
+                                       v-model="formInline.standardPlanId"
+                                       :standard-number="formInline.standard_number"
+                                       @listChange="listChange"
+                                       :disabled="disabled"/>
+          </a-form-model-item>
+        </div>
+        <!--
+            标签管理中企标库的基础信息部分字段
+              1、去掉三个代号一个年代号
+              2、加零部件名称和代替标准号
+              3、企标编号如果是自动发起的就带入，从新建流程点入的话就从企标计划选择
+              4、从企标计划选择企标编号的话，把其他字段也回显
+        -->
+        <template v-for="(item, index) of dataList">
+          <div :key="index" class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required" v-if="item.fieldMustInput === '1'">*</span>
+              <span class="title-text-text" :title="item.dbFieldTxt">
+                    {{ item.dbFieldTxt }}
+                  </span>
             </div>
             <a-form-model-item class="item-model" prop="applicationCategory">
-              <enterprise-plan-selection type="radio"
+              <!--   1, 日期单选  -->
-                                         :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')"
+              <a-date-picker v-if="item.fieldShowType === FieldType.DATE_SINGLE.value"
-                                         v-model="formInline.standardPlanId"
+                             class="box-input"
-                                         :standard-number="formInline.standard_number"
+                             :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
-                                         @listChange="listChange"
+                             :getCalendarContainer="(trigger) => trigger.parentNode"
-                                         :disabled="disabled"/>
+                             format="YYYY-MM-DD"
+                             value-format="YYYY-MM-DD"
+                             v-model="formInline[item.dbFieldName]"
+                             :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
+                             style="width: 100%" />
+              <!--   2, 单选用户  -->
+              <user-selection v-else-if="item.fieldShowType === FieldType.USER_SINGLE.value"
+                              :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
+                              v-model="formInline[item.dbFieldName]"
+                              :filedName="item.dbFieldName"
+                              @nameChange="userSelectNameChange"
+                              :nameStr="formInline[item.dbFieldName + '_dictText']"
+                              type="radio"
+                              :disabled="disabled || disabledFieldList.includes(item.dbFieldName)" />
+              <!--   3, 单选组织机构  -->
+              <j-select-depart v-else-if="item.fieldShowType === FieldType.ORGAN_SINGLE.value"
+                               v-model="formInline[item.dbFieldName]"
+                               :backDepart="true" />
+              <!--   4, 日期多选  -->
+              <j-multiple-date-picker v-else-if="item.fieldShowType === FieldType.DATE_MORE.value"
+                                      class="box-input"
+                                      v-model="formInline[item.dbFieldName]"
+                                      :fieldName="item.dbFieldName"
+                                      :disabled="disabled || disabledFieldList.includes(item.dbFieldName)" />
+              <!--   5, 多行文本  -->
+              <a-textarea v-else-if="item.fieldShowType === FieldType.TEXTAREA.value"
+                          :placeholder="$t('pleaseEnter')+item.dbFieldTxt"
+                          :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
+                          :maxLength="500"
+                          v-model="formInline[item.dbFieldName]" :rows="4" />
+              <!--   6, 标准多选  -->
+              <standard-selection v-else-if="item.fieldShowType === FieldType.STANDARD_MORE.value"
+                                  :source="StandardSource.ENTERPRISE.value"
+                                  :disabledSourceSearch="true"
+                                  :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
+                                  v-model="formInline[item.dbFieldName]" />
+              <!--   7, 多选组织机构  -->
+              <j-select-depart v-else-if="item.fieldShowType === FieldType.ORGAN_MORE.value"
+                               v-model="formInline[item.dbFieldName]"
+                               :multi="true"
+                               :backDepart="true"
+                               :treeOpera="true" />
+              <!--   8, 上传文件  -->
+              <a-button v-else-if="item.fieldShowType === FieldType.FILE_UP.value" type="primary" class="button-text"
+                        @click="clickButtonToUpload(item)">
+                {{
+                  (formInline[item.dbFieldName] === 'null' || formInline[item.dbFieldName] === ''
+                    || formInline[item.dbFieldName] === null || formInline[item.dbFieldName] === undefined)
+                    ? $t('uploadFile.clickUpload')
+                    : $t('uploadFile.viewUploadedFiles')
+                }}
+              </a-button>
+              <!--   9, 文本框  -->
+              <a-input v-else-if="item.fieldShowType === FieldType.TEXT_BOX.value"
+                       class="box-input"
+                       :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
+                       v-model.trim="formInline[item.dbFieldName]"
+                       :maxLength="50"
+                       @change="event => event.target.value = event.target.value.trim()"
+                       :placeholder="$t('pleaseEnter')+item.dbFieldTxt" />
+              <!--   10, 下拉单选（数据字典）  -->
+              <j-dict-select-tag v-else-if="item.fieldShowType === FieldType.OPTION_SINGLE.value"
+                                 class="box-input"
+                                 v-model="formInline[item.dbFieldName]"
+                                 :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
+                                 :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
+                                 :type="'select'"
+                                 :triggerChange="false"
+                                 :dictCode="item.dictField" />
+              <!--   11, 下拉多选（数据字典）  -->
+              <j-multi-select-tag v-else-if="item.fieldShowType === FieldType.OPTION_MORE.value"
+                                  class="box-input"
+                                  v-model="formInline[item.dbFieldName]"
+                                  :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
+                                  :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
+                                  :type="'select'"
+                                  :triggerChange="false"
+                                  :dictCode="item.dictField" />
+              <!--   12, 树选择       -->
+              <a-tree-select
+                v-else-if="item.fieldShowType === FieldType.TREE.value"
+                v-model="formInline[item.dbFieldName]"
+                :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                style="width: 100%"
+                :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
+                :tree-data="optionsData[item.dbFieldName]"
+                tree-checkable
+                treeCheckStrictly
+                :label-in-value="false"
+                :placeholder="$t('pleaseSelect')+item.dbFieldTxt" />
+              <!--  14, 年份选择 -->
+              <j-date v-else-if="item.fieldShowType === FieldType.YEAR_PICKER.value"
+                      show-type="year"
+                      :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
+                      v-model="formInline[item.dbFieldName]"
+                      :default-value="defaultValue[item.dbFieldName]"
+                      date-format="YYYY"
+                      :placeholder="$t('pleaseSelect')+item.dbFieldTxt" />
+              <!--   15, 树选择（单选）       -->
+              <a-tree-select v-else-if="item.fieldShowType === FieldType.TREE_SINGLE.value"
+                             v-model="formInline[item.dbFieldName]"
+                             :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                             style="width: 100%"
+                             :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
+                             :tree-data="optionsData[item.dbFieldName]"
+                             :label-in-value="false"
+                             :placeholder="$t('pleaseSelect')+item.dbFieldTxt" />
+              <!--16、树形弹框选择-->
+              <tree-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"
+                              :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
+                              v-model="formInline[item.dbFieldName]"
+                              @nameChange="treeSelectNameChange"
+                              :filedName="item.dbFieldName"
+                              type="checkbox"
+                              :nameStr="formInline[item.dbFieldName + '_dictText']"
+                              :dict-id="item.dictId"
+                              :disabled="disabled || disabledFieldList.includes(item.dbFieldName)" />
             </a-form-model-item>
           </div>
-          <!--
+        </template>
-              标签管理中企标库的基础信息部分字段
-                1、去掉三个代号一个年代号
-                2、加零部件名称和代替标准号
-                3、企标编号如果是自动发起的就带入，从新建流程点入的话就从企标计划选择
-                4、从企标计划选择企标编号的话，把其他字段也回显
-          -->
-          <template v-for="(item, index) of dataList">
-            <div :key="index" class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="required" v-if="item.fieldMustInput === '1'">*</span>
-                <span class="title-text-text" :title="item.dbFieldTxt">
-                    {{ item.dbFieldTxt }}
-                  </span>
-              </div>
-              <a-form-model-item class="item-model" prop="applicationCategory">
-                <!--   1, 日期单选  -->
-                <a-date-picker v-if="item.fieldShowType === FieldType.DATE_SINGLE.value"
-                               class="box-input"
-                               :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
-                               :getCalendarContainer="(trigger) => trigger.parentNode"
-                               format="YYYY-MM-DD"
-                               value-format="YYYY-MM-DD"
-                               v-model="formInline[item.dbFieldName]"
-                               :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
-                               style="width: 100%" />
-                <!--   2, 单选用户  -->
-                <user-selection v-else-if="item.fieldShowType === FieldType.USER_SINGLE.value"
-                                :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
-                                v-model="formInline[item.dbFieldName]"
-                                :filedName="item.dbFieldName"
-                                @nameChange="userSelectNameChange"
-                                :nameStr="formInline[item.dbFieldName + '_dictText']"
-                                type="radio"
-                                :disabled="disabled || disabledFieldList.includes(item.dbFieldName)" />
-                <!--   3, 单选组织机构  -->
-                <j-select-depart v-else-if="item.fieldShowType === FieldType.ORGAN_SINGLE.value"
-                                 v-model="formInline[item.dbFieldName]"
-                                 :backDepart="true" />
-                <!--   4, 日期多选  -->
-                <j-multiple-date-picker v-else-if="item.fieldShowType === FieldType.DATE_MORE.value"
-                                        class="box-input"
-                                        v-model="formInline[item.dbFieldName]"
-                                        :fieldName="item.dbFieldName"
-                                        :disabled="disabled || disabledFieldList.includes(item.dbFieldName)" />
-                <!--   5, 多行文本  -->
-                <a-textarea v-else-if="item.fieldShowType === FieldType.TEXTAREA.value"
-                            :placeholder="$t('pleaseEnter')+item.dbFieldTxt"
-                            :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
-                            :maxLength="500"
-                            v-model="formInline[item.dbFieldName]" :rows="4" />
-                <!--   6, 标准多选  -->
-                <standard-selection v-else-if="item.fieldShowType === FieldType.STANDARD_MORE.value"
-                                    :source="StandardSource.ENTERPRISE.value"
-                                    :disabledSourceSearch="true"
-                                    :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
-                                    v-model="formInline[item.dbFieldName]" />
-                <!--   7, 多选组织机构  -->
-                <j-select-depart v-else-if="item.fieldShowType === FieldType.ORGAN_MORE.value"
-                                 v-model="formInline[item.dbFieldName]"
-                                 :multi="true"
-                                 :backDepart="true"
-                                 :treeOpera="true" />
-                <!--   8, 上传文件  -->
-                <a-button v-else-if="item.fieldShowType === FieldType.FILE_UP.value" type="primary" class="button-text"
-                          @click="clickButtonToUpload(item)">
-                  {{
-                    (formInline[item.dbFieldName] === 'null' || formInline[item.dbFieldName] === ''
-                      || formInline[item.dbFieldName] === null || formInline[item.dbFieldName] === undefined)
-                      ? $t('uploadFile.clickUpload')
-                      : $t('uploadFile.viewUploadedFiles')
-                  }}
-                </a-button>
-                <!--   9, 文本框  -->
-                <a-input v-else-if="item.fieldShowType === FieldType.TEXT_BOX.value"
-                         class="box-input"
-                         :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
-                         v-model.trim="formInline[item.dbFieldName]"
-                         :maxLength="50"
-                         @change="event => event.target.value = event.target.value.trim()"
-                         :placeholder="$t('pleaseEnter')+item.dbFieldTxt" />
-                <!--   10, 下拉单选（数据字典）  -->
-                <j-dict-select-tag v-else-if="item.fieldShowType === FieldType.OPTION_SINGLE.value"
-                                   class="box-input"
-                                   v-model="formInline[item.dbFieldName]"
-                                   :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
-                                   :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
-                                   :type="'select'"
-                                   :triggerChange="false"
-                                   :dictCode="item.dictField" />
-                <!--   11, 下拉多选（数据字典）  -->
-                <j-multi-select-tag v-else-if="item.fieldShowType === FieldType.OPTION_MORE.value"
-                                    class="box-input"
-                                    v-model="formInline[item.dbFieldName]"
-                                    :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
-                                    :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
-                                    :type="'select'"
-                                    :triggerChange="false"
-                                    :dictCode="item.dictField" />
-                <!--   12, 树选择       -->
-                <a-tree-select
-                  v-else-if="item.fieldShowType === FieldType.TREE.value"
-                  v-model="formInline[item.dbFieldName]"
-                  :getPopupContainer="triggerNode=> triggerNode.parentNode"
-                  style="width: 100%"
-                  :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
-                  :tree-data="optionsData[item.dbFieldName]"
-                  tree-checkable
-                  treeCheckStrictly
-                  :label-in-value="false"
-                  :placeholder="$t('pleaseSelect')+item.dbFieldTxt" />
-                <!--  14, 年份选择 -->
-                <j-date v-else-if="item.fieldShowType === FieldType.YEAR_PICKER.value"
-                        show-type="year"
-                        :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
-                        v-model="formInline[item.dbFieldName]"
-                        :default-value="defaultValue[item.dbFieldName]"
-                        date-format="YYYY"
-                        :placeholder="$t('pleaseSelect')+item.dbFieldTxt" />
-                <!--   15, 树选择（单选）       -->
-                <a-tree-select v-else-if="item.fieldShowType === FieldType.TREE_SINGLE.value"
-                               v-model="formInline[item.dbFieldName]"
-                               :getPopupContainer="triggerNode=> triggerNode.parentNode"
-                               style="width: 100%"
-                               :disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
-                               :tree-data="optionsData[item.dbFieldName]"
-                               :label-in-value="false"
-                               :placeholder="$t('pleaseSelect')+item.dbFieldTxt" />
-                <!--16、树形弹框选择-->
-                <tree-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"
-                                :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
-                                v-model="formInline[item.dbFieldName]"
-                                @nameChange="treeSelectNameChange"
-                                :filedName="item.dbFieldName"
-                                type="checkbox"
-                                :nameStr="formInline[item.dbFieldName + '_dictText']"
-                                :dict-id="item.dictId"
-                                :disabled="disabled || disabledFieldList.includes(item.dbFieldName)" />
-              </a-form-model-item>
-            </div>
-          </template>
-        </div>
       </div>
       <upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false"></upload-file>
     </a-form-model>
@@ -403,8 +401,4 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
 </style>

src/views/workCenter/enterpriseStandardSealSave/EnterpriseStandardSealSaveFlow.vue

@@ -19,7 +19,7 @@
         <a-row>
           <a-col :span="12">
             <!--  流程名称  自动生成规则：标准号-标准名称-废止  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')" :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        @change="event => event.target.value = event.target.value.trim()"
                        disabled
@@ -29,7 +29,7 @@
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')" :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
                              :disabled="disabled"
@@ -39,7 +39,7 @@
           </a-col>
           <a-col :span="24">
             <!--  流程说明  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')" :colon="formItemColon">
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
@@ -63,14 +63,14 @@
       <div class="process-part-title" v-if="!onlyLook">{{ $t('processApprovalInformation') }}</div>
       <a-form :form="approvalInfoForm" v-if="!onlyLook">
         <!--备注-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')" :colon="formItemColon">
           <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
                       :maxLength="500"
                       :rows="4"
                       v-decorator="['commitText', validatorRules.commitText]" />
         </a-form-item>
         <!--附件-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('attach')" :colon="formItemColon">
           <j-upload v-decorator="['commitFile']" return-id />
         </a-form-item>
       </a-form>
@@ -119,12 +119,12 @@ import {
   enStandardSealSaveApproval,
   enStandardSealSaveTurnTo,
   enStandardSealSaveAgree,
-  enStandardSealSaveReject
+  enStandardSealSaveReject,
+  enStandardSealSaveGetDataDraft
 } from '@/api/workCenter'
 import BaseInfoForm from './modules/BaseInfoForm'
 import { WorkCenterMixin } from '@/mixins/WorkCenterMixin'
 import { ProcessKey, EsSealSaveNodes } from '@/enums/commonEnums'
-import { enStandardSealSaveGetDataDraft } from '../../../api/workCenter'
 
 export default {
   name: 'EnterpriseStandardSealSaveFlow',

src/views/workCenter/enterpriseStandardSealSave/modules/BaseInfoForm.vue

@@ -1,154 +1,152 @@
 <template>
   <a-spin :spinning="loading">
-    <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-      <div class="collapsible-panel-form">
+      <div class="form-flex-box">
-        <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">
+          <div class="title-text">
-            <div class="title-text">
+            <span class="required">*</span>
-              <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
                     {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="standardNumber">
-              <standard-selection :source="StandardSource.ENTERPRISE.value"
-                                  :disabled="disabled"
-                                  :disabledSourceSearch="true"
-                                  type="radio"
-                                  :filters="{standardState: '1,2,3,4,5,6,7,8'}"
-                                  v-model="formInline.standardNumber"
-                                  @listChange="listChange" />
-            </a-form-model-item>
           </div>
-          <!--  企标名称  -->
+          <a-form-model-item class="item-model" prop="standardNumber">
-          <div class="box-title-text form-flex-item">
+            <standard-selection :source="StandardSource.ENTERPRISE.value"
-            <div class="title-text">
+                                :disabled="disabled"
+                                :disabledSourceSearch="true"
+                                type="radio"
+                                :filters="{standardState: '1,2,3,4,5,6,7,8'}"
+                                v-model="formInline.standardNumber"
+                                @listChange="listChange" />
+          </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="standardName">
-              <a-input class="box-input"
-                       v-model="formInline.standardName"
-                       :maxLength="50"
-                       disabled
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-            </a-form-model-item>
           </div>
-          <!--  标准英文名称  -->
+          <a-form-model-item class="item-model" prop="standardName">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     v-model="formInline.standardName"
+                     :maxLength="50"
+                     disabled
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :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="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardEnglishName')">
                     {{ $t('workCenter.enterpriseInitChangePlan.standardEnglishName') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="englishName">
-              <a-input class="box-input"
-                       disabled
-                       v-model="formInline.englishName"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.standardEnglishName')" />
-            </a-form-model-item>
           </div>
-          <!--  标准类型  -->
+          <a-form-model-item class="item-model" prop="englishName">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     disabled
+                     v-model="formInline.englishName"
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :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.standardType')">
                 {{ $t('workCenter.enterpriseInitChangePlan.standardType') }}
               </span>
-            </div>
-            <a-form-model-item class="item-model" prop="standardCategory">
-              <j-dict-select-tag class="box-input"
-                                 disabled
-                                 v-model="formInline.standardCategory"
-                                 :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardType')"
-                                 :type="'select'"
-                                 :triggerChange="false"
-                                 dictCode="esp_standard_type" />
-            </a-form-model-item>
           </div>
-          <!--  代替企标编号  -->
+          <a-form-model-item class="item-model" prop="standardCategory">
-          <div class="box-title-text form-flex-item">
+            <j-dict-select-tag class="box-input"
-            <div class="title-text">
+                               disabled
+                               v-model="formInline.standardCategory"
+                               :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.enStandardAnnul.substituteStandardNumber')">
                     {{ $t('workCenter.enStandardAnnul.substituteStandardNumber') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="substituteStandardNumber">
-              <a-input class="box-input"
-                       disabled
-                       v-model="formInline.substituteStandardNumber"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.substituteStandardNumber')" />
-            </a-form-model-item>
           </div>
-          <!--  被代替企标编号  -->
+          <a-form-model-item class="item-model" prop="substituteStandardNumber">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     disabled
+                     v-model="formInline.substituteStandardNumber"
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.substituteStandardNumber')" />
+          </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.enStandardAnnul.replacedByEnStandardNumber')">
                     {{ $t('workCenter.enStandardAnnul.replacedByEnStandardNumber') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="replacedByStandardNumber">
-              <a-input class="box-input"
-                       disabled
-                       v-model="formInline.replacedByStandardNumber"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.replacedByEnStandardNumber')" />
-            </a-form-model-item>
           </div>
-          <!--  发布日期  -->
+          <a-form-model-item class="item-model" prop="replacedByStandardNumber">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     disabled
+                     v-model="formInline.replacedByStandardNumber"
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.replacedByEnStandardNumber')" />
+          </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.enStandardChange.releaseDate')">
                     {{ $t('workCenter.enStandardChange.releaseDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="releaseDate">
-              <a-date-picker
-                v-model="formInline.releaseDate"
-                :showTime="false"
-                disabled
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
-          <!--  实施日期  -->
+          <a-form-model-item class="item-model" prop="releaseDate">
-          <div class="box-title-text form-flex-item">
+            <a-date-picker
-            <div class="title-text">
+              v-model="formInline.releaseDate"
+              :showTime="false"
+              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">
               <span class="title-text-text" :title="$t('workCenter.enStandardChange.materialDate')">
                     {{ $t('workCenter.enStandardChange.materialDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="implementationDate">
-              <a-date-picker
-                v-model="formInline.implementationDate"
-                :showTime="false"
-                disabled
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
-          <!--  封存理由  -->
+          <a-form-model-item class="item-model" prop="implementationDate">
-          <div class="box-title-text form-flex-item">
+            <a-date-picker
-            <div class="title-text">
+              v-model="formInline.implementationDate"
-              <span class="required">*</span>
+              :showTime="false"
-              <span class="title-text-text" :title="$t('workCenter.enStandardSealSave.sealSaveReason')">
+              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">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enStandardSealSave.sealSaveReason')">
                 {{ $t('workCenter.enStandardSealSave.sealSaveReason') }}
               </span>
-            </div>
-            <a-form-model-item class="item-model" prop="archiveReason">
-              <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardSealSave.sealSaveReason')"
-                          :disabled="disabled"
-                          :maxLength="500"
-                          v-model="formInline.archiveReason" :rows="4" />
-            </a-form-model-item>
           </div>
+          <a-form-model-item class="item-model" prop="archiveReason">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardSealSave.sealSaveReason')"
+                        :disabled="disabled"
+                        :maxLength="500"
+                        v-model="formInline.archiveReason" :rows="4" />
+          </a-form-model-item>
         </div>
       </div>
     </a-form-model>
@@ -261,9 +259,4 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
-
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
 </style>

src/views/workCenter/enterpriseStandardStartUse/EnterpriseStandardStartUseFlow.vue

@@ -19,7 +19,7 @@
         <a-row>
           <a-col :span="12">
             <!--  流程名称  自动生成规则：标准号-标准名称-废止  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')" :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        @change="event => event.target.value = event.target.value.trim()"
                        disabled
@@ -29,7 +29,7 @@
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')" :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
                              :disabled="disabled"
@@ -39,7 +39,7 @@
           </a-col>
           <a-col :span="24">
             <!--  流程说明  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')" :colon="formItemColon">
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
@@ -63,14 +63,14 @@
       <div class="process-part-title" v-if="!onlyLook">{{ $t('processApprovalInformation') }}</div>
       <a-form :form="approvalInfoForm" v-if="!onlyLook">
         <!--备注-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')" :colon="formItemColon">
           <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
                       :maxLength="500"
                       :rows="4"
                       v-decorator="['commitText', validatorRules.commitText]" />
         </a-form-item>
         <!--附件-->
-        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('attach')" :colon="formItemColon">
           <j-upload v-decorator="['commitFile']" return-id />
         </a-form-item>
       </a-form>

src/views/workCenter/enterpriseStandardStartUse/modules/BaseInfoForm.vue

@@ -1,154 +1,152 @@
 <template>
   <a-spin :spinning="loading">
-    <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
-      <div class="collapsible-panel-form">
+      <div class="form-flex-box">
-        <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">
+          <div class="title-text">
-            <div class="title-text">
+            <span class="required">*</span>
-              <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
-              <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum')">
                     {{ $t('workCenter.enterpriseInitChangePlan.enterpriseStandardNum') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="standardNumber">
-              <standard-selection :source="StandardSource.ENTERPRISE.value"
-                                  :disabled="disabled"
-                                  :disabledSourceSearch="true"
-                                  type="radio"
-                                  :filters="{standardState: 'A'}"
-                                  v-model="formInline.standardNumber"
-                                  @listChange="listChange" />
-            </a-form-model-item>
           </div>
-          <!--  企标名称  -->
+          <a-form-model-item class="item-model" prop="standardNumber">
-          <div class="box-title-text form-flex-item">
+            <standard-selection :source="StandardSource.ENTERPRISE.value"
-            <div class="title-text">
+                                :disabled="disabled"
+                                :disabledSourceSearch="true"
+                                type="radio"
+                                :filters="{standardState: 'A'}"
+                                v-model="formInline.standardNumber"
+                                @listChange="listChange" />
+          </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="standardName">
-              <a-input class="box-input"
-                       v-model="formInline.standardName"
-                       :maxLength="50"
-                       disabled
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.enterpriseStandardName')" />
-            </a-form-model-item>
           </div>
-          <!--  标准英文名称  -->
+          <a-form-model-item class="item-model" prop="standardName">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     v-model="formInline.standardName"
+                     :maxLength="50"
+                     disabled
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :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="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.standardEnglishName')">
                     {{ $t('workCenter.enterpriseInitChangePlan.standardEnglishName') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="englishName">
-              <a-input class="box-input"
-                       disabled
-                       v-model="formInline.englishName"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enterpriseInitChangePlan.standardEnglishName')" />
-            </a-form-model-item>
           </div>
-          <!--  标准类型  -->
+          <a-form-model-item class="item-model" prop="englishName">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     disabled
+                     v-model="formInline.englishName"
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :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.standardType')">
                 {{ $t('workCenter.enterpriseInitChangePlan.standardType') }}
               </span>
-            </div>
-            <a-form-model-item class="item-model" prop="standardCategory">
-              <j-dict-select-tag class="box-input"
-                                 disabled
-                                 v-model="formInline.standardCategory"
-                                 :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.standardType')"
-                                 :type="'select'"
-                                 :triggerChange="false"
-                                 dictCode="esp_standard_type" />
-            </a-form-model-item>
           </div>
-          <!--  代替企标编号  -->
+          <a-form-model-item class="item-model" prop="standardCategory">
-          <div class="box-title-text form-flex-item">
+            <j-dict-select-tag class="box-input"
-            <div class="title-text">
+                               disabled
+                               v-model="formInline.standardCategory"
+                               :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.enStandardAnnul.substituteStandardNumber')">
                     {{ $t('workCenter.enStandardAnnul.substituteStandardNumber') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="substituteStandardNumber">
-              <a-input class="box-input"
-                       disabled
-                       v-model="formInline.substituteStandardNumber"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.substituteStandardNumber')" />
-            </a-form-model-item>
           </div>
-          <!--  被代替企标编号  -->
+          <a-form-model-item class="item-model" prop="substituteStandardNumber">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     disabled
+                     v-model="formInline.substituteStandardNumber"
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.substituteStandardNumber')" />
+          </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.enStandardAnnul.replacedByEnStandardNumber')">
                     {{ $t('workCenter.enStandardAnnul.replacedByEnStandardNumber') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="replacedByStandardNumber">
-              <a-input class="box-input"
-                       disabled
-                       v-model="formInline.replacedByStandardNumber"
-                       :maxLength="50"
-                       @change="event => event.target.value = event.target.value.trim()"
-                       :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.replacedByEnStandardNumber')" />
-            </a-form-model-item>
           </div>
-          <!--  发布日期  -->
+          <a-form-model-item class="item-model" prop="replacedByStandardNumber">
-          <div class="box-title-text form-flex-item">
+            <a-input class="box-input"
-            <div class="title-text">
+                     disabled
+                     v-model="formInline.replacedByStandardNumber"
+                     :maxLength="50"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardAnnul.replacedByEnStandardNumber')" />
+          </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.enStandardChange.releaseDate')">
                     {{ $t('workCenter.enStandardChange.releaseDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="releaseDate">
-              <a-date-picker
-                v-model="formInline.releaseDate"
-                :showTime="false"
-                disabled
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
-          <!--  实施日期  -->
+          <a-form-model-item class="item-model" prop="releaseDate">
-          <div class="box-title-text form-flex-item">
+            <a-date-picker
-            <div class="title-text">
+              v-model="formInline.releaseDate"
+              :showTime="false"
+              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">
               <span class="title-text-text" :title="$t('workCenter.enStandardChange.materialDate')">
                     {{ $t('workCenter.enStandardChange.materialDate') }}
                   </span>
-            </div>
-            <a-form-model-item class="item-model" prop="implementationDate">
-              <a-date-picker
-                v-model="formInline.implementationDate"
-                :showTime="false"
-                disabled
-                value-format="YYYY-MM-DD">
-              </a-date-picker>
-            </a-form-model-item>
           </div>
-          <!--  启用理由  -->
+          <a-form-model-item class="item-model" prop="implementationDate">
-          <div class="box-title-text form-flex-item">
+            <a-date-picker
-            <div class="title-text">
+              v-model="formInline.implementationDate"
-              <span class="required">*</span>
+              :showTime="false"
-              <span class="title-text-text" :title="$t('workCenter.enStandardStartUse.startUseReason')">
+              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">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.enStandardStartUse.startUseReason')">
                 {{ $t('workCenter.enStandardStartUse.startUseReason') }}
               </span>
-            </div>
-            <a-form-model-item class="item-model" prop="archiveReason">
-              <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardStartUse.startUseReason')"
-                          :disabled="disabled"
-                          :maxLength="500"
-                          v-model="formInline.archiveReason" :rows="4" />
-            </a-form-model-item>
           </div>
+          <a-form-model-item class="item-model" prop="archiveReason">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('workCenter.enStandardStartUse.startUseReason')"
+                        :disabled="disabled"
+                        :maxLength="500"
+                        v-model="formInline.archiveReason" :rows="4" />
+          </a-form-model-item>
         </div>
       </div>
     </a-form-model>
@@ -263,9 +261,4 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
-
-.collapsible-content-no-head {
-  border-top: 1px solid #E5E6EB;
-  border-radius: 8px 8px 8px 8px;
-}
 </style>