mirror of
https://github.com/veops/cmdb.git
synced 2025-09-14 07:26:54 +08:00
feat(ui):i18n (#347)
* feat(acl-ui):i18n * feat(base-ui):i18n * feat(cmdb-ui):i18n
This commit is contained in:
wang-liang0615
GitHub
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<a-modal
|
||||
:visible="visible"
|
||||
title="批量导入"
|
||||
:title="$t('cs.companyStructure.batchImport')"
|
||||
dialogClass="ops-modal setting-structure-upload"
|
||||
:width="800"
|
||||
@cancel="close"
|
||||
@@ -22,15 +22,17 @@
|
||||
<a-upload :multiple="false" :customRequest="customRequest" accept=".xlsx" :showUploadList="false">
|
||||
<a-button :style="{ marginBottom: '20px' }" type="primary"> <a-icon type="upload" />选择文件</a-button>
|
||||
</a-upload>
|
||||
<p><a @click="download">点击下载《员工导入模板》</a></p>
|
||||
<p><a @click="download">{{ $t('cs.companyStructure.clickDownloadImportTemplate') }}</a></p>
|
||||
</template>
|
||||
<div
|
||||
:style="{ height: '60px', display: 'flex', justifyContent: 'center', alignItems: 'center' }"
|
||||
v-if="currentStep === 3"
|
||||
>
|
||||
导入总数据{{ allCount }}条, 导入成功 <span :style="{ color: '#2362FB' }">{{ allCount - errorCount }}</span> 条,
|
||||
导入失败<span :style="{ color: '#D81E06' }">{{ errorCount }}</span
|
||||
>条
|
||||
{{ $t('cs.companyStructure.importSuccess', {allCount: allCount}) }}<span :style="{ color: '#2362FB' }">{{ allCount - errorCount }}</span>
|
||||
{{ $t('cs.companyStructure.count')}},
|
||||
{{ $t('cs.companyStructure.importError') }}<span :style="{ color: '#D81E06' }">{{ errorCount }}</span
|
||||
>{{ $t('cs.companyStructure.count')}}
|
||||
</div>
|
||||
<vxe-table
|
||||
v-if="currentStep === 2 || has_error"
|
||||
@@ -45,46 +47,53 @@
|
||||
:max-height="400"
|
||||
:column-config="{ resizable: true }"
|
||||
>
|
||||
<vxe-column field="email" title="邮箱" min-width="120" fixed="left"></vxe-column>
|
||||
<vxe-column field="username" title="用户名" min-width="80"></vxe-column>
|
||||
<vxe-column field="nickname" title="姓名" min-width="80"></vxe-column>
|
||||
<vxe-column field="password" title="密码" min-width="80"></vxe-column>
|
||||
<vxe-column field="sex" title="性别" min-width="60"></vxe-column>
|
||||
<vxe-column field="mobile" title="手机号" min-width="80"></vxe-column>
|
||||
<vxe-column field="position_name" title="岗位" min-width="80"></vxe-column>
|
||||
<vxe-column field="department_name" title="部门" min-width="80"></vxe-column>
|
||||
<vxe-column field="entry_date" title="目前主体入职日期" min-width="120"></vxe-column>
|
||||
<vxe-column field="is_internship" title="正式/实习生" min-width="120"></vxe-column>
|
||||
<vxe-column field="leave_date" title="离职日期" min-width="120"></vxe-column>
|
||||
<vxe-column field="id_card" title="身份证号码" min-width="120"></vxe-column>
|
||||
<vxe-column field="nation" title="民族" min-width="80"></vxe-column>
|
||||
<vxe-column field="id_place" title="籍贯" min-width="80"></vxe-column>
|
||||
<vxe-column field="party" title="组织关系" min-width="80"></vxe-column>
|
||||
<vxe-column field="household_registration_type" title="户籍类型" min-width="80"></vxe-column>
|
||||
<vxe-column field="hometown" title="户口所在地" min-width="80"></vxe-column>
|
||||
<vxe-column field="marry" title="婚姻情况" min-width="80"></vxe-column>
|
||||
<vxe-column field="max_degree" title="最高学历" min-width="80"></vxe-column>
|
||||
<vxe-column field="emergency_person" title="紧急联系人" min-width="120"></vxe-column>
|
||||
<vxe-column field="emergency_phone" title="紧急联系电话" min-width="120"></vxe-column>
|
||||
<vxe-column field="bank_card_number" title="卡号" min-width="120"></vxe-column>
|
||||
<vxe-column field="bank_card_name" title="银行" min-width="80"></vxe-column>
|
||||
<vxe-column field="opening_bank" title="开户行" min-width="80"></vxe-column>
|
||||
<vxe-column field="account_opening_location" title="开户地" min-width="120"></vxe-column>
|
||||
<vxe-column field="school" title="学校" min-width="80"></vxe-column>
|
||||
<vxe-column field="major" title="专业" min-width="80"></vxe-column>
|
||||
<vxe-column field="education" title="学历" min-width="80"></vxe-column>
|
||||
<vxe-column field="graduation_year" title="毕业年份" min-width="120"></vxe-column>
|
||||
<vxe-column v-if="has_error" field="err" title="失败原因" min-width="120" fixed="right">
|
||||
<vxe-column field="email" :title="$t('cs.companyStructure.email')" min-width="120" fixed="left"></vxe-column>
|
||||
<vxe-column field="username" :title="$t('cs.companyStructure.username')" min-width="80" ></vxe-column>
|
||||
<vxe-column field="nickname" :title="$t('cs.companyStructure.nickname')" min-width="80"></vxe-column>
|
||||
<vxe-column field="password" :title="$t('cs.companyStructure.password')" min-width="80"></vxe-column>
|
||||
<vxe-column field="sex" :title="$t('cs.companyStructure.sex')" min-width="60"></vxe-column>
|
||||
<vxe-column field="mobile" :title="$t('cs.companyStructure.mobile')" min-width="80"></vxe-column>
|
||||
<vxe-column field="position_name" :title="$t('cs.companyStructure.positionName')" min-width="80"></vxe-column>
|
||||
<vxe-column field="department_name" :title="$t('cs.companyStructure.departmentName')" min-width="80"></vxe-column>
|
||||
<vxe-column field="current_company" v-if="useDFC" :title="$t('cs.companyStructure.currentCompany')" min-width="120"></vxe-column>
|
||||
<vxe-column field="dfc_entry_date" v-if="useDFC" :title="$t('cs.companyStructure.dfcEntryDate')" min-width="120"></vxe-column>
|
||||
<vxe-column field="entry_date" :title="$t('cs.companyStructure.entryDate')" min-width="120"></vxe-column>
|
||||
<vxe-column field="is_internship" :title="$t('cs.companyStructure.isInternship')" min-width="120"></vxe-column>
|
||||
<vxe-column field="leave_date" :title="$t('cs.companyStructure.leaveDate')" min-width="120"></vxe-column>
|
||||
<vxe-column field="id_card" :title="$t('cs.companyStructure.idCard')" min-width="120"></vxe-column>
|
||||
<vxe-column field="nation" :title="$t('cs.companyStructure.nation')" min-width="80"></vxe-column>
|
||||
<vxe-column field="id_place" :title="$t('cs.companyStructure.idPlace')" min-width="80"></vxe-column>
|
||||
<vxe-column field="party" :title="$t('cs.companyStructure.party')" min-width="80"></vxe-column>
|
||||
<vxe-column field="household_registration_type" :title="$t('cs.companyStructure.householdRegistrationType')" min-width="80"></vxe-column>
|
||||
<vxe-column field="hometown" :title="$t('cs.companyStructure.homewtown')" min-width="80"></vxe-column>
|
||||
<vxe-column field="marry" :title="$t('cs.companyStructure.marry')" min-width="80"></vxe-column>
|
||||
<vxe-column field="max_degree" :title="$t('cs.companyStructure.maxDegree')" min-width="80"></vxe-column>
|
||||
<vxe-column field="emergency_person" :title="$t('cs.companyStructure.emergencyPerson')" min-width="120"></vxe-column>
|
||||
<vxe-column field="emergency_phone" :title="$t('cs.companyStructure.emergencyPhone')" min-width="120"></vxe-column>
|
||||
<vxe-column field="bank_card_number" :title="$t('cs.companyStructure.bankCardNumber')" min-width="120"></vxe-column>
|
||||
<vxe-column field="bank_card_name" :title="$t('cs.companyStructure.bankCardName')" min-width="80"></vxe-column>
|
||||
<vxe-column field="opening_bank" :title="$t('cs.companyStructure.openingBank')" min-width="80"></vxe-column>
|
||||
<vxe-column field="account_opening_location" :title="$t('cs.companyStructure.accountOpeningLocation')" min-width="120"></vxe-column>
|
||||
<vxe-column field="school" :title="$t('cs.companyStructure.school')" min-width="80"></vxe-column>
|
||||
<vxe-column field="major" :title="$t('cs.companyStructure.major')" min-width="80"></vxe-column>
|
||||
<vxe-column field="education" :title="$t('cs.companyStructure.education')" min-width="80"></vxe-column>
|
||||
<vxe-column field="graduation_year" :title="$t('cs.companyStructure.graduationYear')" min-width="120"></vxe-column>
|
||||
<vxe-column field="birth_date" :title="$t('cs.companyStructure.birthDate')" min-width="120"></vxe-column>
|
||||
<vxe-column field="birth_place" :title="$t('cs.companyStructure.birthPlace')" min-width="120"></vxe-column>
|
||||
<vxe-column field="nationality_region" :title="$t('cs.companyStructure.nationalityRegion')" min-width="120"></vxe-column>
|
||||
<vxe-column field="first_entry_date" :title="$t('cs.companyStructure.firstEntryDate')" min-width="120"></vxe-column>
|
||||
<vxe-column field="estimated_departure_date" :title="$t('cs.companyStructure.estimatedDepartureDate')" min-width="120"></vxe-column>
|
||||
<vxe-column v-if="has_error" field="err" :title="$t('cs.companyStructure.importFailedReason')" min-width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<span :style="{ color: '#D81E06' }">{{ row.err }}</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
<a-space slot="footer">
|
||||
<a-button size="small" type="primary" ghost @click="close">取消</a-button>
|
||||
<a-button v-if="currentStep !== 1" size="small" type="primary" ghost @click="goPre">上一步</a-button>
|
||||
<a-button v-if="currentStep !== 3" size="small" type="primary" @click="goNext">下一步</a-button>
|
||||
<a-button v-else size="small" type="primary" @click="close">完成</a-button>
|
||||
<a-button size="small" type="primary" ghost @click="close">{{ $t('cancel') }}</a-button>
|
||||
<a-button v-if="currentStep !== 1" size="small" type="primary" ghost @click="goPre">{{ $t('cs.companyStructure.prevStep') }}</a-button>
|
||||
<a-button v-if="currentStep !== 3" size="small" type="primary" @click="goNext">{{ $t('cs.companyStructure.nextStep') }}</a-button>
|
||||
<a-button v-else size="small" type="primary" @click="close">{{ $t('cs.companyStructure.done') }}</a-button>
|
||||
</a-space>
|
||||
</a-modal>
|
||||
</template>
|
||||
@@ -98,17 +107,17 @@ export default {
|
||||
const stepList = [
|
||||
{
|
||||
value: 1,
|
||||
label: '上传文件',
|
||||
label: this.$t('cs.companyStructure.uploadFile'),
|
||||
icon: 'icon-shidi-tianjia',
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
label: '确认数据',
|
||||
label: this.$t('cs.companyStructure.confirmData'),
|
||||
icon: 'icon-shidi-yunshangchuan',
|
||||
},
|
||||
{
|
||||
value: 3,
|
||||
label: '上传完成',
|
||||
label: this.$t('cs.companyStructure.uploadDone'),
|
||||
icon: 'icon-shidi-queren',
|
||||
},
|
||||
]
|
||||
@@ -235,10 +244,10 @@ export default {
|
||||
this.errorCount = errData.length
|
||||
this.currentStep += 1
|
||||
this.importData = errData
|
||||
this.$message.error('数据存在错误')
|
||||
this.$message.error(this.$t('cs.companyStructure.dataErr'))
|
||||
} else {
|
||||
this.currentStep += 1
|
||||
this.$message.success('操作成功')
|
||||
this.$message.success(this.$t('cs.companyStructure.opSuccess'))
|
||||
}
|
||||
this.$emit('refresh')
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user