Commit 49eca53c authored by shuiluo's avatar shuiluo

feat: 组织管理国际化完成

parent e2080128
......@@ -66,4 +66,8 @@ export default {
],
order: ['顺序', 'Order'],
orderInputError: ['请输入@:order', 'Please Input @:order'],
'system.organization': ['组织', 'Organization'],
'system.parentName': ['上级组织名称', 'Parent Organization Name'],
'system.jobs': ['岗位', 'Jobs'],
'system.organizationRoot': ['组织根目录', 'Organization Root']
};
......@@ -4,7 +4,7 @@
show-search
style="width: 100%"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
placeholder="Please select"
:placeholder="$t('select.placeholder')"
:tree-data="treeData"
allow-clear
tree-default-expand-all
......@@ -12,7 +12,7 @@
@change="onChange"
/>
</template>
<!-- v-on="$listeners" -->
<script>
import api from '@/api/organization';
import { arrayToTree } from '@/utils';
......
......@@ -11,15 +11,15 @@
<template #drawer>
<Form ref="form" :tableRef="$refs['table']" />
</template>
<a-table-column title="名称" data-index="orgName" />
<a-table-column title="组织分类" #default="row">
<a-table-column :title="$t('basic.name')" data-index="orgName" />
<a-table-column :title="$t('table.type')" #default="row">
<a-tag color="#87d068" v-if="row.orgType === 'ORGANIZATION'"> {{ row.orgTypeName }}</a-tag>
<a-tag color="#108ee9" v-if="row.orgType === 'DEPARTMENT'"> {{ row.orgTypeName }}</a-tag>
</a-table-column>
<a-table-column title="说明" data-index="remark" />
<a-table-column title="操作">
<a-table-column :title="$t('table.remark')" data-index="remark" />
<a-table-column :title="$t('table.operation')">
<template #default="row">
<a @click="() => view(row, 1)">编辑</a>
<a @click="() => view(row, 1)">{{ $t('table.edit') }}</a>
<a-divider type="vertical" />
<PopconfirmDelete :url="`/api/v1/organizations/${row.orgId}`" :cb="refreshTable" />
</template>
......@@ -75,4 +75,4 @@ export default {
},
},
};
</script>
\ No newline at end of file
</script>
<template>
<a-form-model layout="vertical" :model="form" :rules="rules" ref="DrawerForm">
<a-form-model-item label="组织分类" prop="orgType">
<a-select v-model="form.orgType" :disabled="isView">
<a-select-option value="ORGANIZATION"> 组织 </a-select-option>
<a-select-option value="DEPARTMENT"> 部门 </a-select-option>
<a-form-model-item :label="$t('table.type')" prop="orgType">
<a-select v-model="form.orgType" :disabled="isView" :placeholder="$t('select.placeholder')">
<a-select-option value="ORGANIZATION">{{ $t('system.organization') }}</a-select-option>
<a-select-option value="DEPARTMENT">{{ $t('table.department') }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item label="名称" prop="orgName">
<a-input v-model="form.orgName" :disabled="isView" />
<a-form-model-item :label="$t('basic.name')" prop="orgName">
<a-input v-model="form.orgName" :disabled="isView" :placeholder="$t('input.placeholder')" />
</a-form-model-item>
<a-form-model-item label="上级组织名称" prop="parentOrgId">
<a-select v-model="form.parentOrgId" disabled :options="options" />
<a-form-model-item :label="$t('system.parentName')" prop="parentOrgId">
<a-select
v-model="form.parentOrgId"
disabled
:options="options"
:placeholder="$t('select.placeholder')"
/>
</a-form-model-item>
<a-form-model-item v-if="form.orgType === 'DEPARTMENT'" label="岗位" prop="orgJobs">
<a-form-model-item v-if="form.orgType === 'DEPARTMENT'" :label="$t('system.jobs')" prop="orgJobs">
<RequestSelect
:formatData="formatData"
:request="Api.getJobs"
......@@ -21,11 +26,16 @@
:disabled="isView"
/>
</a-form-model-item>
<a-form-model-item label="显示顺序" prop="viewIndex">
<a-form-model-item :label="$t('order')" prop="viewIndex">
<a-input v-model="form.viewIndex" :disabled="isView" />
</a-form-model-item>
<a-form-model-item label="描述" prop="remark">
<a-textarea v-model="form.remark" :disabled="isView" :rows="4" />
<a-form-model-item :label="$t('table.remark')" prop="remark">
<a-textarea
v-model="form.remark"
:disabled="isView"
:rows="4"
:placeholder="$t('input.placeholder')"
/>
</a-form-model-item>
</a-form-model>
</template>
......@@ -51,14 +61,14 @@ export default {
},
data() {
return {
options: [{ value: 0, label: '组织更目录', key: 0 }],
options: [{ value: 0, label: this.$t('system.organizationRoot'), key: 0 }],
form: {
parentOrgId: 0,
},
rules: {
orgName: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
orgType: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
viewIndex: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
orgName: [{ required: true, message: this.$t('input.error'), trigger: 'change' }],
orgType: [{ required: true, message: this.$t('input.error'), trigger: 'change' }],
viewIndex: [{ required: true, message: this.$t('input.error'), trigger: 'change' }],
},
Api,
formatData: { value: 'jobId', label: 'jobName', key: 'jobId' },
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment