7x31/cmdb
1
0
Fork 0
mirror of https://github.com/veops/cmdb.git synced 2025-08-09 01:02:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui):i18n (#357)

Browse Source 
* feat(ui):i18n

* i18n
This commit is contained in:
wang-liang0615
2024-01-03 14:58:47 +08:00
committed by GitHub
parent 82ea1ddc79
commit c98199e98e
12 changed files with 28 additions and 304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
cmdb-ui/src/views/setting/auth/ldap.vue
View File

@@ -53,7 +53,7 @@ export default {
rules() {
return {
enable: [{ required: true }],
ldap_server: [{ required: true, message: this.$t('cs.auth.ldap.domainPlaceholder') }],
ldap_server: [{ required: true, message: this.$t('cs.auth.ldap.serverAddressPlaceholder') }],
}
}
},

2
cmdb-ui/src/views/setting/companyStructure/BatchUpload.vue
View File

@@ -399,7 +399,7 @@ export default {
]
data[1] = data[1].filter((item) => item['v'] !== '目前所属主体')
data[1] = data[1].filter((item) => item['v'] !== '初始入职日期')
downloadExcel(data, '员工导入模板')
downloadExcel(data, this.$t('cs.companyStructure.downloadTemplateName'))
},
customRequest(data) {
this.fileList = [data.file]

236
cmdb-ui/src/views/setting/companyStructure/EmployeeModal.vue
View File

@@ -48,236 +48,6 @@
<div :style="{ height: '41px', lineHeight: '40px' }">{{ $t('cs.companyStructure.selectDirectSupervisor') }}</div>
<EmployeeTreeSelect v-model="employeeFormData.direct_supervisor_id" />
</div>
<!-- <a-form-model-item :label="角色" prop="role" :style="formModalItemStyle">
<a-select mode="multiple" v-model="employeeFormData.role" :placeholder="请选择角色">
<a-select-option value="PM"> PM </a-select-option>
<a-select-option value="Test"> Test </a-select-option>
<a-select-option value="Tevelop"> Develop </a-select-option>
</a-select>
</a-form-model-item> -->
<a-form-model-item ref="annual_leave" :label="$t('cs.companyStructure.annualLeave')" prop="annual_leave" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='annual_leave')!==-1">
<a-input-number
:min="0"
:step="1"
:style="{ width: '100%' }"
v-model="employeeFormData.annual_leave"
:placeholder="$t('cs.companyStructure.annualLeavePlaceholder')"
:formatter="(value) => `${value} $t('cs.companyStructure.day')`"
/>
</a-form-model-item>
<a-form-model-item ref="virtual_annual_leave" :label="$t('cs.companyStructure.virtualAnnualLeave')" prop="virtual_annual_leave" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='virtual_annual_leave')!==-1">
<a-input-number
:min="0"
:step="1"
:style="{ width: '100%' }"
v-model="employeeFormData.virtual_annual_leave"
:placeholder="$t('cs.companyStructure.virtualAnnualLeavePlaceholder')"
:formatter="(value) => `${value} $t('cs.companyStructure.day')`"
/>
</a-form-model-item>
<a-form-model-item ref="parenting_leave" :label="$t('cs.companyStructure.parentingLeave')" prop="parenting_leave" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='parenting_leave')!==-1">
<a-input-number
:min="0"
:step="1"
:style="{ width: '100%' }"
v-model="employeeFormData.parenting_leave"
:placeholder="$t('cs.companyStructure.parentingLeavePlaceholder')"
:formatter="(value) => `${value} $t('cs.companyStructure.day')`"
/>
</a-form-model-item>
<a-form-model-item v-if="attributes.findIndex(v=>v=='current_company')!==-1" ref="current_company" :label="$t('cs.companyStructure.currentCompany')" prop="current_company" :style="formModalItemStyle">
<a-input v-model="employeeFormData.current_company" :placeholder="$t('cs.companyStructure.currentCompanyPlaceholder')" />
</a-form-model-item>
<a-form-model-item v-if="attributes.findIndex(v=>v=='dfc_entry_date')!==-1" ref="dfc_entry_date" :label="$t('cs.companyStructure.dfcEntryDate')" prop="dfc_entry_date" :style="formModalItemStyle">
<a-date-picker :placeholder="$t('cs.companyStructure.dfcEntryDatePlaceholder')" v-model="employeeFormData.dfc_entry_date" :style="{ width: '100%'}" @change="onChange($event, 'dfc_entry_date')"></a-date-picker>
</a-form-model-item>
<a-form-model-item ref="entry_date" :label="$t('cs.companyStructure.entryDate')" prop="entry_date" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='entry_date')!==-1">
<a-date-picker :placeholder="$t('cs.companyStructure.entryDatePlaceholder')" v-model="employeeFormData.entry_date" :style="{ width: '100%'}" @change="onChange($event, 'entry_date')"></a-date-picker>
</a-form-model-item>
<a-form-model-item ref="is_internship" :label="$t('cs.companyStructure.isInternship')" prop="is_internship" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='is_internship')!==-1">
<a-select v-model="employeeFormData.is_internship" :placeholder="$t('cs.companyStructure.isInternshipPlaceholder')">
<a-select-option :value="0"> {{ $t('cs.companyStructure.fullTime') }} </a-select-option>
<a-select-option :value="1"> {{ $t('cs.companyStructure.internship') }} </a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="leave_date" :label="$t('cs.companyStructure.leaveDate')" prop="leave_date" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='leave_date')!==-1">
<a-date-picker v-model="employeeFormData.leave_date" :placeholder="$t('cs.companyStructure.leaveDatePlaceholder')" :style="{ width: '100%'}" @change="onChange($event, 'leave_date')"></a-date-picker>
</a-form-model-item>
<a-form-model-item ref="id_card" :label="$t('cs.companyStructure.idCard')" prop="id_card" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='id_card')!==-1">
<a-input v-model="employeeFormData.id_card" :placeholder="$t('cs.companyStructure.idCardPlaceholder')" />
</a-form-model-item>
<a-form-model-item ref="nation" :label="$t('cs.companyStructure.nation')" prop="nation" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='nation')!==-1">
<a-input v-model="employeeFormData.nation" :placeholder="$t('cs.companyStructure.nationPlaceholder')" />
</a-form-model-item>
<a-form-model-item ref="id_place" :label="$t('cs.companyStructure.idPlace')" prop="id_place" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='id_place')!==-1">
<a-input v-model="employeeFormData.id_place" :placeholder="$t('cs.companyStructure.idPlacePlaceholder')" />
</a-form-model-item>
<a-form-model-item ref="party" :label="$t('cs.companyStructure.party')" prop="party" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='party')!==-1">
<a-select v-model="employeeFormData.party" :placeholder="$t('cs.companyStructure.')">
<a-select-option value="党员"> {{ $t('cs.companyStructure.partyMember') }} </a-select-option>
<a-select-option value="团员"> {{ $t('cs.companyStructure.member') }} </a-select-option>
<a-select-option value="群众"> {{ $t('cs.companyStructure.masses') }} </a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="household_registration_type" :label="$t('cs.companyStructure.householdRegistrationType')" prop="household_registration_type" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='household_registration_type')!==-1">
<a-select v-model="employeeFormData.household_registration_type" :placeholder="$t('cs.companyStructure.')">
<a-select-option value="城镇"> {{ $t('cs.companyStructure.town') }} </a-select-option>
<a-select-option value="农业"> {{ $t('cs.companyStructure.agriculture') }} </a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="hometown" :label="$t('cs.companyStructure.hometown')" prop="hometown" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='hometown')!==-1">
<a-input v-model="employeeFormData.hometown" :placeholder="$t('cs.companyStructure.hometownPlaceholder')" />
</a-form-model-item>
<a-form-model-item ref="marry" :label="$t('cs.companyStructure.marry')" prop="marry" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='marry')!==-1">
<a-select v-model="employeeFormData.marry" :placeholder="$t('cs.companyStructure.')">
<a-select-option value="未婚"> {{ $t('cs.companyStructure.unmarried') }}</a-select-option>
<a-select-option value="已婚"> {{ $t('cs.companyStructure.married') }} </a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="max_degree" :label="$t('cs.companyStructure.maxDegree')" prop="max_degree" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='max_degree')!==-1">
<a-select v-model="employeeFormData.max_degree" :placeholder="$t('cs.companyStructure.maxDegreePlaceholder')">
<a-select-option value="博士"> {{ $t('cs.companyStructure.phd') }} </a-select-option>
<a-select-option value="硕士"> {{ $t('cs.companyStructure.master') }} </a-select-option>
<a-select-option value="本科"> {{ $t('cs.companyStructure.undergraduate') }} </a-select-option>
<a-select-option value="专科"> {{ $t('cs.companyStructure.specialist') }} </a-select-option>
<a-select-option value="高中"> {{ $t('cs.companyStructure.highSchool') }} </a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="emergency_person" :label="$t('cs.companyStructure.emergencyPerson')" prop="emergency_person" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='emergency_person')!==-1">
<a-input v-model="employeeFormData.emergency_person" :placeholder="$t('cs.companyStructure.emergencyPersonPlaceholder')" />
</a-form-model-item>
<a-form-model-item ref="emergency_phone" :label="$t('cs.companyStructure.emergencyPhone')" prop="emergency_phone" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='emergency_phone')!==-1">
<a-input v-model="employeeFormData.emergency_phone" :placeholder="$t('cs.companyStructure.emergencyPhonePlaceholder')" />
</a-form-model-item>
<a-form-model-item ref="birth_date" :label="$t('cs.companyStructure.birthDate')" prop="birth_date" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='birth_date')!==-1">
<a-date-picker v-model="employeeFormData.birth_date" :placeholder="$t('cs.companyStructure.birthDatePlaceholder')" :style="{ width: '100%'}" @change="onChange($event, 'birth_date')"></a-date-picker>
</a-form-model-item>
<a-form-model-item ref="birth_place" :label="$t('cs.companyStructure.birthPlace')" prop="birth_place" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='birth_place')!==-1">
<a-input v-model="employeeFormData.birth_place" :placeholder="$t('cs.companyStructure.birthPlacePlaceholder')" />
</a-form-model-item>
<a-form-model-item ref="nationality_region" :label="$t('cs.companyStructure.nationalityRegion')" prop="nationality_region" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='nationality_region')!==-1">
<a-input v-model="employeeFormData.nationality_region" :placeholder="$t('cs.companyStructure.nationalityRegionPlaceholder')" />
</a-form-model-item>
<a-form-model-item ref="first_entry_date" :label="$t('cs.companyStructure.firstEntryDate')" prop="first_entry_date" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='first_entry_date')!==-1">
<a-date-picker v-model="employeeFormData.first_entry_date" :placeholder="$t('cs.companyStructure.firstEntryDatePlaceholder')" :style="{ width: '100%'}" @change="onChange($event, 'first_entry_date')"></a-date-picker>
</a-form-model-item>
<a-form-model-item ref="estimated_departure_date" :label="$t('cs.companyStructure.estimatedDepartureDate')" prop="estimated_departure_date" :style="formModalItemStyle" v-if="attributes.findIndex(v=>v=='estimated_departure_date')!==-1">
<a-date-picker v-model="employeeFormData.estimated_departure_date" :placeholder="$t('cs.companyStructure.estimatedDepartureDatePlaceholder')" :style="{ width: '100%'}" @change="onChange($event, 'estimated_departure_date')"></a-date-picker>
</a-form-model-item>
<a-form-model-item :label="$t('cs.companyStructure.educationalExperience')" prop="employeeFormData" :style="{ display: 'inline-block', width: '100%', margin: '0 7px'}" v-if="attributes.findIndex(v=>v=='educational_experience')!==-1">
<a-row
:gutter="[8,{xs:8}]"
v-for="(item) in educational_experience"
:key="item.id"
>
<a-col :span="5">
<a-input v-model="item.school" :placeholder="$t('cs.companyStructure.school')" allowClear></a-input>
</a-col>
<a-col :span="5">
<a-input v-model="item.major" :placeholder="$t('cs.companyStructure.major')" allowClear></a-input>
</a-col>
<a-col :span="5">
<a-select v-model="item.education" :placeholder="$t('cs.companyStructure.education')" allowClear>
<a-select-option value="小学"> {{ $t('cs.companyStructure.primarySchool') }} </a-select-option>
<a-select-option value="初中"> {{ $t('cs.companyStructure.juniorHighSchool') }} </a-select-option>
<a-select-option value="中专/高中"> {{ $t('cs.companyStructure.technicalSecondaryOrHighSchool') }} </a-select-option>
<a-select-option value="专科"> {{ $t('cs.companyStructure.specialist') }} </a-select-option>
<a-select-option value="本科"> {{ $t('cs.companyStructure.undergraduate') }} </a-select-option>
<a-select-option value="硕士"> {{ $t('cs.companyStructure.master') }} </a-select-option>
<a-select-option value="博士"> {{ $t('cs.companyStructure.phd') }} </a-select-option>
</a-select>
</a-col>
<a-col :span="5">
<a-month-picker v-model="item.graduation_year" :placeholder="$t('cs.companyStructure.graduationYearPlaceholder')" @change="onChange($event, 'graduation_year',item.id)" ></a-month-picker>
</a-col>
<a-col :span="1">
<a
@click="addEducation"
>
<a-icon type="plus-circle" />
</a>
</a-col>
<a-col :span="1" v-if="educational_experience.length > 1">
<a
@click="() => removeEducation(item.id)"
:style="{ color: 'red' }"
>
<a-icon type="delete" />
</a>
</a-col>
</a-row>
</a-form-model-item>
<a-form-model-item :label="$t('cs.companyStructure.childrenInformation')" prop="employeeFormData" :style="{ display: 'inline-block', width: '100%', margin: '0 7px'}" v-if="attributes.findIndex(v=>v=='children_information')!==-1">
<!-- <a-space
v-for="(item,index) in educational_experience"
:key="index"
align="baseline"
> -->
<a-row
:gutter="[8,{xs:8}]"
v-for="(item) in children_information"
:key="item.id"
>
<a-col :span="5">
<a-input v-model="item.name" :placeholder="$t('cs.companyStructure.childrenName')" allowClear></a-input>
</a-col>
<a-col :span="5">
<a-select v-model="item.gender" :placeholder="$t('cs.companyStructure.sex')" allowClear>
<a-select-option value="男"> {{ $t('cs.companyStructure.male') }} </a-select-option>
<a-select-option value="女"> {{ $t('cs.companyStructure.female') }} </a-select-option>
</a-select>
</a-col>
<a-col :span="5">
<a-date-picker v-model="item.birthday" :placeholder="$t('cs.companyStructure.birthDatePlaceholder')" @change="onChange($event, 'birthday',item.id)"></a-date-picker>
</a-col>
<a-col :span="5">
<a-input-number
:min="0"
:step="1"
:style="{ width: '100%' }"
v-model="item.parental_leave_left"
:placeholder="$t('cs.companyStructure.')"
:formatter="(value) => `${value} $t('cs.companyStructure.day')`"
/>
</a-col>
<a-col :span="1">
<a
@click="addChildren"
>
<a-icon type="plus-circle" />
</a>
</a-col>
<a-col :span="1" v-if="children_information.length > 1">
<a
@click="() => removeChildren(item.id)"
:style="{ color: 'red' }"
>
<a-icon type="delete" />
</a>
</a-col>
</a-row>
</a-form-model-item>
<a-form-model-item
:label="$t('cs.companyStructure.bankCardInfo')"
prop="bank_card"
:style="{display: 'inline-block', width: '98%', margin: '0 7px 24px'}"
v-if="attributes.findIndex(v=>v=='bank_card_number')!==-1 || attributes.findIndex(v=>v=='bank_card_name')!==-1 || attributes.findIndex(v=>v=='opening_bank')!==-1 || attributes.findIndex(v=>v=='account_opening_location')!==-1"
>
<a-row :gutter="[8,{xs:8}]">
<a-col :span="6" v-if="attributes.findIndex(v=>v=='bank_card_number')!==-1">
<a-input v-model="employeeFormData.bank_card_number" :placeholder="$t('cs.companyStructure.bankCardNumberPlaceholder')" allowClear></a-input>
</a-col>
<a-col :span="6" v-if="attributes.findIndex(v=>v=='bank_card_name')!==-1">
<a-input v-model="employeeFormData.bank_card_name" :placeholder="$t('cs.companyStructure.bankCardNamePlaceholder')" allowClear></a-input>
</a-col>
<a-col :span="6" v-if="attributes.findIndex(v=>v=='opening_bank')!==-1">
<a-input v-model="employeeFormData.opening_bank" :placeholder="$t('cs.companyStructure.openingBankPlaceholder')" allowClear></a-input>
</a-col>
<a-col :span="6" v-if="attributes.findIndex(v=>v=='account_opening_location')!==-1">
<a-input v-model="employeeFormData.account_opening_location" :placeholder="$t('cs.companyStructure.accountOpeningLocationPlaceholder')" allowClear></a-input>
</a-col>
</a-row>
</a-form-model-item>
</a-form-model>
<template slot="footer">
<a-button key="back" @click="close"> {{ $t('cancel') }} </a-button>
@@ -342,12 +112,12 @@ export default {
{ max: 50, message: this.$t('cs.person.inputStrCountLimit', { limit: 50 }) },
],
username: [
{ required: true, whitespace: true, message: '请输入用户名', trigger: 'blur' },
{ required: true, whitespace: true, message: this.$t('cs.companyStructure.usernamePlaceholder'), trigger: 'blur' },
{ max: 20, message: this.$t('cs.person.inputStrCountLimit', { limit: 20 }) },
],
password: [{ required: true, whitespace: true, message: '请输入密码', trigger: 'blur' }],
password: [{ required: true, whitespace: true, message: this.$t('cs.companyStructure.passwordPlaceholder'), trigger: 'blur' }],
nickname: [
{ required: true, whitespace: true, message: '请输入姓名', trigger: 'blur' },
{ required: true, whitespace: true, message: this.$t('cs.companyStructure.nicknamePlaceholder'), trigger: 'blur' },
{ max: 20, message: this.$t('cs.person.inputStrCountLimit', { limit: 20 }) },
],
mobile: [

60
cmdb-ui/src/views/setting/companyStructure/index.vue
View File

@@ -373,66 +373,6 @@ export default {
{ label: this.$t('cs.companyStructure.departmentName'), value: 'department_name' },
{ label: this.$t('cs.companyStructure.positionName'), value: 'position_name' },
{ label: this.$t('cs.companyStructure.departmentDirector'), value: 'direct_supervisor_id' },
{ label: this.$t('cs.companyStructure.annualLeave'), value: 'annual_leave' },
{ label: this.$t('cs.companyStructure.currentCompany'), value: 'current_company' },
{ label: this.$t('cs.companyStructure.dfcEntryDate'), value: 'dfc_entry_date' },
{ label: this.$t('cs.companyStructure.entryDate'), value: 'entry_date' },
{
label: this.$t('cs.companyStructure.isInternship'),
value: 'is_internship',
is_choice: true,
choice_value: [{ label: this.$t('cs.companyStructure.fullTime'), value: 0 },
{ label: this.$t('cs.companyStructure.internship'), value: 1 }]
},
{ label: this.$t('cs.companyStructure.leaveDate'), value: 'leave_date' },
{ label: this.$t('cs.companyStructure.idCard'), value: 'id_card' },
{ label: this.$t('cs.companyStructure.nation'), value: 'nation' },
{ label: this.$t('cs.companyStructure.idPlace'), value: 'id_place' },
{
label: this.$t('cs.companyStructure.party'),
value: 'party',
is_choice: true,
choice_value: [
{ label: this.$t('cs.companyStructure.partyMember'), value: '党员' },
{ label: this.$t('cs.companyStructure.member'), value: '团员' },
{ label: this.$t('cs.companyStructure.masses'), value: '群众' }]
},
{
label: this.$t('cs.companyStructure.householdRegistrationType'),
value: 'household_registration_type',
is_choice: true,
choice_value: [{ label: this.$t('cs.companyStructure.town'), value: '城镇' }, { label: this.$t('cs.companyStructure.agriculture'), value: '农业' }]
},
{ label: this.$t('cs.companyStructure.hometown'), value: 'hometown' },
{
label: this.$t('cs.companyStructure.marry'),
value: 'marry',
is_choice: true,
choice_value: [{ label: this.$t('cs.companyStructure.unmarried'), value: '未婚' }, { label: this.$t('cs.companyStructure.married'), value: '已婚' }]
},
{
label: this.$t('cs.companyStructure.maxDegree'),
value: 'max_degree',
is_choice: true,
choice_value: [{ label: this.$t('cs.companyStructure.phd'), value: '博士' }, { label: this.$t('cs.companyStructure.master'), value: '硕士' }, {
label: this.$t('cs.companyStructure.undergraduate'),
value: '本科'
}, { label: this.$t('cs.companyStructure.specialist'), value: '专科' }, { label: this.$t('cs.companyStructure.highSchool'), value: '高中' }]
},
{ label: this.$t('cs.companyStructure.emergencyPerson'), value: 'emergency_person' },
{ label: this.$t('cs.companyStructure.emergencyPhone'), value: 'emergency_phone' },
{ label: this.$t('cs.companyStructure.bankCardNumber'), value: 'bank_card_number' },
{ label: this.$t('cs.companyStructure.bankCardName'), value: 'bank_card_name' },
{ label: this.$t('cs.companyStructure.openingBank'), value: 'opening_bank' },
{ label: this.$t('cs.companyStructure.accountOpeningLocation'), value: 'account_opening_location' },
{ label: this.$t('cs.companyStructure.birthDate'), value: 'birth_date' },
{ label: this.$t('cs.companyStructure.nationalityRegion'), value: 'nationality_region' },
{ label: this.$t('cs.companyStructure.birthPlace'), value: 'birth_place' },
{ label: this.$t('cs.companyStructure.firstEntryDate'), value: 'first_entry_date' },
{ label: this.$t('cs.companyStructure.estimatedDepartureDate'), value: 'estimated_departure_date' },
// { label: '角色', value: 'roles' },
{ label: this.$t('cs.companyStructure.lastLogin'), value: 'last_login' },
]
},
sceneList () {

1
cmdb-ui/src/views/setting/lang/en.js
View File

@@ -48,6 +48,7 @@ const cs_en = {
batchImport: 'Batch Import',
batchEdit: 'Batch Edit',
selectFile: 'Select File',
downloadTemplateName: 'Employee Import Template',
clickDownloadImportTemplate: 'Click to download Employee Import Template',
importSuccess: 'Imported total {allCount} items, imported successfully',
importFailed: 'import failed',

1
cmdb-ui/src/views/setting/lang/zh.js
View File

@@ -48,6 +48,7 @@ const cs_zh = {
batchImport: '批量导入',
batchEdit: '批量编辑',
selectFile: '选择文件',
downloadTemplateName: '员工导入模板',
clickDownloadImportTemplate: '点击下载《员工导入模板》',
importSuccess: '导入总数据 {allCount} 条, 导入成功',
importFailed: '导入失败',