[update] 流程英文适配

This commit is contained in:
lideqin
2024-06-27 10:21:26 +08:00
parent d7e317b283
commit 39c83d064e
8 changed files with 162 additions and 61 deletions
+4
View File
@@ -393,6 +393,10 @@
margin-left: -8px;
}
.table-operator-tab .switch-item-en {
width: 200px;
}
/* switch的样式--end */
/*分页的样式start*/
+3 -2
View File
@@ -197,8 +197,9 @@ module.exports = {
standardState: 'Standard state',
newProductionVehicleImplementationDate: 'New production vehicle implementation date',
newCertifiedVehicleImplementationDate: 'New certified vehicle implementation date',
generate: '生成',
vehicleType: '车型',
generate: 'Generate',
vehicleType: 'Vehicle type',
clickToUpload: 'Click to upload',
// 树右键
treeRight: {
addFolder: 'Create New Folder',
+39 -39
View File
@@ -13,43 +13,43 @@ module.exports = {
},
// 新法规导入流程
newRegulationImportProcess: {
substituteStandardNumber: '代替标准编号',
standardType: '标准类型',
stageWeAreIn: '所处阶段',
materialDate: '实施日期',
applicableMarket: '适用市场',
ccPerson: '抄送人员',
briefDescription: '法规要求简要描述'
substituteStandardNumber: 'Substitute standard number',
standardType: 'Standard type',
stageWeAreIn: 'Stage we are in',
materialDate: 'Implementation date',
applicableMarket: 'Applicable market',
ccPerson: 'Cc person',
briefDescription: 'The statute requires a brief description'
},
// 法规符合性排查流程
regulatoryComplianceCheckProcess: {
addStandard: '添加标准',
manualAddition: '手动新增',
vehicleTypeItem: '车型项目',
applicableMarket: '适用市场',
isAlike: '是否与上一版相同',
resolutionAttachment: '分解单附件',
decompositionSingleSource: '分解单来源',
pleaseAddStandard: '请先新增一条标准',
modelStatus: '车型状态',
primaryInvestigator: '主排查人'
addStandard: 'Addition standard',
manualAddition: 'Manual addition',
vehicleTypeItem: 'Vehicle type item',
applicableMarket: 'Applicable market',
isAlike: 'Whether it is the same as the previous version',
resolutionAttachment: 'Resolution attachment',
decompositionSingleSource: 'Decomposition single source',
pleaseAddStandard: 'Please add a new criterion first',
modelStatus: 'Model status',
primaryInvestigator: 'Primary investigator'
},
// 市场清单发布流程
marketListReleaseProcess: {
englishName: '英文名称',
newProductionVehicleImplementationDate: '新生产车实施日期',
newCertifiedVehicleImplementationDate: '新认证车实施日期',
applicableCountryRegion: '适用国家/地区',
applicableVehicleType: '适用车型',
authenticationObject: '认证对象',
certifiedDeliverables: '认证交付物',
type: '类型',
dynamicType: '动力类型',
mainControlDepartment: '主控部门',
masterControlDepartmentProfessionalModule: '主控部门专业模块',
relatedDepartment: '关联部门',
associateDepartmentSpecializedModules: '关联部门专业模块',
requirementType: '要求类型',
englishName: 'English name',
newProductionVehicleImplementationDate: 'New production vehicle implementation date',
newCertifiedVehicleImplementationDate: 'New certified vehicle implementation date',
applicableCountryRegion: 'Applicable country/region',
applicableVehicleType: 'Applicable vehicle type',
authenticationObject: 'Authentication object',
certifiedDeliverables: 'Certified deliverables',
type: 'Type',
dynamicType: 'Dynamic type',
mainControlDepartment: 'Main control department',
masterControlDepartmentProfessionalModule: 'Master control department professional module',
relatedDepartment: 'Related department',
associateDepartmentSpecializedModules: 'Associate department specialized modules',
requirementType: 'Requirement type',
},
// 流程配置
@@ -60,14 +60,14 @@ module.exports = {
deploy: '部署'
},
processDetail: {
urgeHandle: '催办',
flowChart: '流程图',
taskNode: '任务节点',
taskHandler: '任务受理人',
completionTime: '完成时间',
timeConsuming: '耗时',
approvalOpinion: '审批意见',
opinionContent: '意见内容'
urgeHandle: 'Urge sb. to do STH.',
flowChart: 'Flow chart',
taskNode: 'Task node',
taskHandler: 'Task handler',
completionTime: 'Completion time',
timeConsuming: 'Time consuming',
approvalOpinion: 'Approval opinion',
opinionContent: 'Opinion content'
},
// 流程中心
processCenter: {
+1
View File
@@ -216,6 +216,7 @@ module.exports = {
newCertifiedVehicleImplementationDate: '新认证车实施日期',
generate: '生成',
vehicleType: '车型',
clickToUpload: '点击上传',
// 标准字段
standardField: {
standardEnglishName: '标准英文名称',
+3 -3
View File
@@ -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,
@@ -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: {
@@ -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: {
@@ -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: {