[update] 流程英文适配

src/views/workCenter/newRegulationIntroductionProcess/NewRegulationIntroductionProcess.vue

@@ -3,10 +3,10 @@
     <!--  标题右侧tab  -->
     <template v-slot:titleRightCustom>
       <div class="table-operator-tab">
-        <a class="switch-item" :class="switchValue === 'base' ? 'table-operator-tab-active' : ''"
+        <a :class="(switchValue === 'base' ? 'table-operator-tab-active' : '') + ' ' + ($i18n.locale === EN ? 'switch-item-en' : 'switch-item')"
            @click="switchChange('base')">{{ $t('basicInformation') }}
         </a>
-        <a class="switch-item" :class="switchValue === 'user' ? 'table-operator-tab-active' : ''"
+        <a :class="(switchValue === 'user' ? 'table-operator-tab-active' : '') + ' ' + ($i18n.locale === EN ? 'switch-item-en' : 'switch-item')"
            @click="switchChange('user')">{{ $t('personalInformation') }}
         </a>
       </div>
@@ -19,7 +19,11 @@
         <a-row>
           <a-col :span="12">
             <!--  流程名称  自动生成规则：标准编号-标准名称-导入通知  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')" :colon="formItemColon">
+            <a-form-item
+              :labelCol="$i18n.locale === EN ? labelColEn : labelCol"
+              :wrapperCol="$i18n.locale === EN ? wrapperColEn : wrapperCol"
+              :label="$t('processName')"
+              :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
                        disabled
                        :maxLength="50"
@@ -28,7 +32,11 @@
           </a-col>
           <a-col :span="12">
             <!--  截止日期  -->
-            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')" :colon="formItemColon">
+            <a-form-item
+              :labelCol="$i18n.locale === EN ? labelColEn : labelCol"
+              :wrapperCol="$i18n.locale === EN ? wrapperColEn : wrapperCol"
+              :label="$t('expirationDate')"
+              :colon="formItemColon">
               <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
                              style="width: 100%"
                              :disabled="disabled"
@@ -38,7 +46,11 @@
           </a-col>
           <a-col :span="24">
             <!--  流程说明  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')" :colon="formItemColon">
+            <a-form-item
+              :labelCol="$i18n.locale === EN ? longLabelColEn : longLabelCol"
+              :wrapperCol="$i18n.locale === EN ? longWrapperColEn : longWrapperCol"
+              :label="$t('processExplain')"
+              :colon="formItemColon">
               <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
                           :maxLength="500"
                           :rows="4"
@@ -193,6 +205,7 @@ export default {
   },
   data () {
     return {
+      EN: 'en-us',
       ProcessKey,
       loading: false,
       switchValue: 'base', // 头部tab选中值
@@ -218,6 +231,22 @@ export default {
         xs: { span: 24 },
         sm: { span: 22 }
       },
+      labelColEn: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperColEn: {
+        xs: { span: 24 },
+        sm: { span: 18 }
+      },
+      longLabelColEn: {
+        xs: { span: 24 },
+        sm: { span: 3 }
+      },
+      longWrapperColEn: {
+        xs: { span: 24 },
+        sm: { span: 21 }
+      },
       validatorRules: {
         // 流程名称
         prcName: {