[update] 修改企标流程样式

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">
-        <div class="collapsible-panel-form">
-          <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
-            <!--  申请类型  -->
-            <div class="box-title-text form-flex-item">
-              <div class="title-text">
-                <span class="required">*</span>
-                <span class="title-text-text" :title="$t('workCenter.enterpriseInitChangePlan.applicationType')">
+      <a-form-model :model="formInline" :rules="rules" ref="ruleForm">
+        <div class="form-flex-box">
+          <!--  申请类型  -->
+          <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.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>
-            <!--  项目类别  -->
-            <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')">
+            <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>
+          <!--  项目类别  -->
+          <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);
 }