[update] 流程英文适配

src/assets/less/common.less

@@ -393,6 +393,10 @@
   margin-left: -8px;
 }
 
+.table-operator-tab .switch-item-en {
+  width: 200px;
+}
+
 /* switch的样式--end */
 
 /*分页的样式start*/

src/common/lang/en-us.js

@@ -197,8 +197,9 @@ module.exports = {
   standardState: 'Standard state',
   newProductionVehicleImplementationDate: 'New production vehicle implementation date',
   newCertifiedVehicleImplementationDate: 'New certified vehicle implementation date',
-  generate: '生成',
+  generate: 'Generate',
-  vehicleType: '车型',
+  vehicleType: 'Vehicle type',
+  clickToUpload: 'Click to upload',
   // 树右键
   treeRight: {
     addFolder: 'Create New Folder',

src/common/lang/workCenter/en.js

@@ -13,43 +13,43 @@ module.exports = {
   },
   // 新法规导入流程
   newRegulationImportProcess: {
-    substituteStandardNumber: '代替标准编号',
+    substituteStandardNumber: 'Substitute standard number',
-    standardType: '标准类型',
+    standardType: 'Standard type',
-    stageWeAreIn: '所处阶段',
+    stageWeAreIn: 'Stage we are in',
-    materialDate: '实施日期',
+    materialDate: 'Implementation date',
-    applicableMarket: '适用市场',
+    applicableMarket: 'Applicable market',
-    ccPerson: '抄送人员',
+    ccPerson: 'Cc person',
-    briefDescription: '法规要求简要描述'
+    briefDescription: 'The statute requires a brief description'
   },
   // 法规符合性排查流程
   regulatoryComplianceCheckProcess: {
-    addStandard: '添加标准',
+    addStandard: 'Addition standard',
-    manualAddition: '手动新增',
+    manualAddition: 'Manual addition',
-    vehicleTypeItem: '车型项目',
+    vehicleTypeItem: 'Vehicle type item',
-    applicableMarket: '适用市场',
+    applicableMarket: 'Applicable market',
-    isAlike: '是否与上一版相同',
+    isAlike: 'Whether it is the same as the previous version',
-    resolutionAttachment: '分解单附件',
+    resolutionAttachment: 'Resolution attachment',
-    decompositionSingleSource: '分解单来源',
+    decompositionSingleSource: 'Decomposition single source',
-    pleaseAddStandard: '请先新增一条标准',
+    pleaseAddStandard: 'Please add a new criterion first',
-    modelStatus: '车型状态',
+    modelStatus: 'Model status',
-    primaryInvestigator: '主排查人'
+    primaryInvestigator: 'Primary investigator'
   },
   // 市场清单发布流程
   marketListReleaseProcess: {
-    englishName: '英文名称',
+    englishName: 'English name',
-    newProductionVehicleImplementationDate: '新生产车实施日期',
+    newProductionVehicleImplementationDate: 'New production vehicle implementation date',
-    newCertifiedVehicleImplementationDate: '新认证车实施日期',
+    newCertifiedVehicleImplementationDate: 'New certified vehicle implementation date',
-    applicableCountryRegion: '适用国家/地区',
+    applicableCountryRegion: 'Applicable country/region',
-    applicableVehicleType: '适用车型',
+    applicableVehicleType: 'Applicable vehicle type',
-    authenticationObject: '认证对象',
+    authenticationObject: 'Authentication object',
-    certifiedDeliverables: '认证交付物',
+    certifiedDeliverables: 'Certified deliverables',
-    type: '类型',
+    type: 'Type',
-    dynamicType: '动力类型',
+    dynamicType: 'Dynamic type',
-    mainControlDepartment: '主控部门',
+    mainControlDepartment: 'Main control department',
-    masterControlDepartmentProfessionalModule: '主控部门专业模块',
+    masterControlDepartmentProfessionalModule: 'Master control department professional module',
-    relatedDepartment: '关联部门',
+    relatedDepartment: 'Related department',
-    associateDepartmentSpecializedModules: '关联部门专业模块',
+    associateDepartmentSpecializedModules: 'Associate department specialized modules',
-    requirementType: '要求类型',
+    requirementType: 'Requirement type',
 
   },
   // 流程配置
@@ -60,14 +60,14 @@ module.exports = {
     deploy: '部署'
   },
   processDetail: {
-    urgeHandle: '催办',
+    urgeHandle: 'Urge sb. to do STH.',
-    flowChart: '流程图',
+    flowChart: 'Flow chart',
-    taskNode: '任务节点',
+    taskNode: 'Task node',
-    taskHandler: '任务受理人',
+    taskHandler: 'Task handler',
-    completionTime: '完成时间',
+    completionTime: 'Completion time',
-    timeConsuming: '耗时',
+    timeConsuming: 'Time consuming',
-    approvalOpinion: '审批意见',
+    approvalOpinion: 'Approval opinion',
-    opinionContent: '意见内容'
+    opinionContent: 'Opinion content'
   },
   // 流程中心
   processCenter: {

src/common/lang/zh-cn.js

@@ -216,6 +216,7 @@ module.exports = {
   newCertifiedVehicleImplementationDate: '新认证车实施日期',
   generate: '生成',
   vehicleType: '车型',
+  clickToUpload: '点击上传',
   // 标准字段
   standardField: {
     standardEnglishName: '标准英文名称',

src/components/jero/JUpload.vue

@@ -21,11 +21,11 @@
         <slot name="customButton">
           <div v-if="isImageComp">
             <a-icon type="plus" />
-            <div class="ant-upload-text">{{ text }}</div>
+            <div class="ant-upload-text">{{ text ? text : $t('clickToUpload') }}</div>
           </div>
           <a-button v-else-if="buttonVisible">
             <a-icon type="upload" />
-            {{ text }}
+            {{ text ? text : $t('clickToUpload') }}
           </a-button>
         </slot>
       </template>
@@ -89,7 +89,7 @@ export default {
     text: {
       type: String,
       required: false,
-      default: '点击上传'
+      default: ''
     },
     fileType: {
       type: String,

src/views/workCenter/marketListReleaseProcess/MarketListReleaseProcess.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"
@@ -221,6 +233,7 @@ export default {
   },
   data () {
     return {
+      EN: 'en-us',
       ProcessKey,
       loading: false,
       switchValue: 'base', // 头部tab选中值
@@ -246,6 +259,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: {

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: {

src/views/workCenter/regulatoryComplianceCheckProcess/RegulatoryComplianceCheckProcess.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"
@@ -48,7 +60,11 @@
           </a-col>
           <a-col v-if="[2].includes(currentNode)" :span="24">
             <!--  标准编号/标准名称  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('standardNumber') + '/' + $t('standardName')" :colon="formItemColon">
+            <a-form-item
+              :labelCol="$i18n.locale === EN ? longLabelColEn : longLabelCol"
+              :wrapperCol="$i18n.locale === EN ? longWrapperColEn : longWrapperCol"
+              :label="$t('standardNumber') + '/' + $t('standardName')"
+              :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('standardNumber') + '/' + $t('standardName')"
                         disabled
                         v-decorator="['standardNumberName']" />
@@ -56,7 +72,11 @@
           </a-col>
           <a-col v-if="[2].includes(currentNode)" :span="24">
             <!--  适用市场  -->
-            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('applicableMarket')" :colon="formItemColon">
+            <a-form-item
+              :labelCol="$i18n.locale === EN ? longLabelColEn : longLabelCol"
+              :wrapperCol="$i18n.locale === EN ? longWrapperColEn : longWrapperCol"
+              :label="$t('applicableMarket')"
+              :colon="formItemColon">
               <a-input :placeholder="$t('pleaseEnter') + $t('applicableMarket')"
                        disabled
                        v-decorator="['applicableMarket']" />
@@ -246,6 +266,7 @@ export default {
   },
   data () {
     return {
+      EN: 'en-us',
       ProcessKey,
       loading: false,
       switchValue: 'base', // 头部tab选中值
@@ -271,6 +292,22 @@ export default {
         xs: { span: 24 },
         sm: { span: 22 }
       },
+      labelColEn: {
+        xs: { span: 24 },
+        sm: { span: 8 }
+      },
+      wrapperColEn: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      longLabelColEn: {
+        xs: { span: 24 },
+        sm: { span: 4 }
+      },
+      longWrapperColEn: {
+        xs: { span: 24 },
+        sm: { span: 20 }
+      },
       validatorRules: {
         // 流程名称
         prcName: {