b2894lxlx/tms-erp-web
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

✨ 组织类型接业务字典，并支持多所属组织与MK再提交

Browse Source 
组织管理类型改为 organization_type；用户所属组织支持多选；提交MK前保留原审批状态以识别通过后再提交。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
b2894lxlx
2026-09-29 03:15:27 +08:00
parent 4418836fcd
commit 1ed524f80f
16 changed files with 182 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/system/user.vue
+69 -12
View File
@@ -178,7 +178,14 @@
<el-tag>{{ row.roleName }}</el-tag>
</template>
<template #deptName="{ row }">
<el-tag>{{ row.deptName }}</el-tag>
<template v-if="formatDeptNames(row.deptName).length">
<el-tag
v-for="name in formatDeptNames(row.deptName)"
:key="name"
class="user-dept-tag"
>{{ name }}</el-tag>
</template>
<span v-else>-</span>
</template>
</avue-crud>
@@ -214,11 +221,25 @@
<el-col :span="6"><el-form-item label="邮箱"><el-input v-model="form.email" /></el-form-item></el-col>
<el-col :span="6"><el-form-item label="性别"><el-select v-model="form.sex"><el-option label="男" :value="1" /><el-option label="女" :value="2" /><el-option label="未知" :value="3" /></el-select></el-form-item></el-col>
<el-col :span="6"><el-form-item label="岗位" prop="postId"><el-tree-select v-model="form.postId" :data="postList" :props="{ label: 'postName', value: 'id' }" check-strictly /></el-form-item></el-col>
<el-col :span="6"><el-form-item label="所属组织" prop="deptId"><el-cascader v-model="deptCascaderValue" :options="permissionDeptTree" :props="deptCascaderProps" clearable filterable placeholder="请选择 所属组织" /></el-form-item></el-col>
<el-col :span="12">
<el-form-item label="所属组织" prop="deptId">
<el-cascader
v-model="deptCascaderValue"
:options="permissionDeptTree"
:props="deptCascaderProps"
clearable
filterable
collapse-tags
collapse-tags-tooltip
placeholder="请选择所属组织（可多选）"
style="width: 100%"
/>
</el-form-item>
</el-col>
<el-col :span="6"><el-form-item label="工号"><el-input v-model="form.code" /></el-form-item></el-col>
<el-col :span="6"><el-form-item label="人员类别"><el-select v-model="form.personCategory"><el-option label="内部员工" :value="1" /><el-option label="承运商" :value="2" /></el-select></el-form-item></el-col>
<el-col :span="18"><el-form-item label="数据权限范围"><el-radio-group v-model="form.dataScopeRange"><el-radio :value="1">仅所属组织</el-radio><el-radio :value="2">全部组织</el-radio><el-radio :value="3">自定义</el-radio></el-radio-group></el-form-item></el-col>
<el-col :span="18" :offset="6"><el-form-item label="数据层级范围"><el-radio-group v-model="form.dataLevelRange"><el-radio :value="1">包含下级</el-radio><el-radio :value="2">仅本级</el-radio></el-radio-group></el-form-item></el-col>
<el-col :span="18"><el-form-item label="数据层级范围"><el-radio-group v-model="form.dataLevelRange"><el-radio :value="1">包含下级</el-radio><el-radio :value="2">仅本级</el-radio></el-radio-group></el-form-item></el-col>
<el-col :span="24"><el-form-item label="备注"><el-input v-model="form.remark" type="textarea" :rows="2" maxlength="200" show-word-limit /></el-form-item></el-col>
</el-row>
</el-form>
@@ -505,7 +526,24 @@ export default {
password: [{ required: true, validator: validateLoginPassword, trigger: 'blur' }],
realName: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
phone: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
deptId: [{ required: true, message: '请选择所属组织', trigger: 'change' }],
deptId: [
{
required: true,
validator: (rule, value, callback) => {
const ids = Array.isArray(value)
? value.filter(item => item !== undefined && item !== null && item !== '')
: value
? String(value).split(',').filter(Boolean)
: [];
if (!ids.length) {
callback(new Error('请选择所属组织'));
return;
}
callback();
},
trigger: 'change',
},
],
},
excelForm: {},
excelOption: excelOption,
@@ -561,31 +599,36 @@ export default {
}
return undefined;
},
// 所属组织级联配置：checkStrictly 为 true 时任意一级都可选择
// 所属组织级联配置：多选，checkStrictly 为 true 时任意一级都可选择
deptCascaderProps() {
return {
label: 'title',
value: 'id',
children: 'children',
emitPath: false,
multiple: true,
checkStrictly: true,
expandTrigger: 'click',
leaf: data => !data.children || data.children.length === 0,
};
},
// 所属组织为单选级联：form.deptId 为数组（提交时 join），级联返回单个 id 值
// 所属组织多选级联：form.deptId 为 id 数组（提交时 join）
deptCascaderValue: {
get() {
const ids = Array.isArray(this.form.deptId)
? this.form.deptId
: this.form.deptId
? [this.form.deptId]
? String(this.form.deptId).split(',').filter(Boolean)
: [];
const id = ids.find(item => item !== undefined && item !== null && item !== '');
return id === undefined ? '' : id;
return ids
.filter(item => item !== undefined && item !== null && item !== '')
.map(item => (typeof item === 'number' ? item : String(item)));
},
set(value) {
this.form.deptId = value ? [value] : [];
this.form.deptId = Array.isArray(value)
? value.filter(item => item !== undefined && item !== null && item !== '')
: value
? [value]
: [];
this.$refs.userFormRef?.validateField('deptId');
},
},
@@ -844,6 +887,15 @@ export default {
handleCustomerSelection(rows) {
this.form.customerIds = rows.map(row => row.id);
},
formatDeptNames(deptName) {
if (!deptName) {
return [];
}
return String(deptName)
.split(',')
.map(item => item.trim())
.filter(Boolean);
},
openUserDialog(mode, row = {}) {
this.userDialogMode = mode;
if (mode === 'add') {
@@ -872,9 +924,10 @@ export default {
}
getUser(row.id).then(res => {
const user = res.data.data;
const deptIds = func.split(user.deptId || '');
this.form = {
...user,
deptId: func.split(user.deptId || ''),
deptId: Array.isArray(deptIds) ? deptIds : [],
postId: func.split(user.postId || '')[0] || '',
roleId: func.join(user.roleId || ''),
dataScopeDeptIds: user.dataScopeDeptIds || [],
@@ -1416,6 +1469,10 @@ export default {
justify-content: flex-start;
}
.user-dept-tag + .user-dept-tag {
margin-left: 6px;
}
.avue-dialog .el-form-item__label {
white-space: nowrap;
}