fix: bug#19699、19666、19655
This commit is contained in:
leiqiaochu
parent
33c92b72e1
commit
44ad3ccab5
|
|
@ -17,9 +17,9 @@ export const validateField_api = (type: 'username' | 'password', name: string) =
|
||||||
export const getRoleList_api = () => server.get(`/role/_query/no-paging?paging=false`);
|
export const getRoleList_api = () => server.get(`/role/_query/no-paging?paging=false`);
|
||||||
|
|
||||||
//获取角色列表
|
//获取角色列表
|
||||||
export const getRoleList = () => server.post('/role/group/detail/_query/tree')
|
export const getRoleList = (data:any) => server.post('/role/group/detail/_query/tree',data)
|
||||||
// 获取组织列表
|
// 获取组织列表
|
||||||
export const getDepartmentList_api = () => server.get(`/organization/_all/tree?paging=false`);
|
export const getDepartmentList_api = (data:any) => server.post(`/organization/_all/tree`,data);
|
||||||
|
|
||||||
// 获取用户信息
|
// 获取用户信息
|
||||||
export const getUser_api = (id: string) => server.get(`/user/detail/${id}`);
|
export const getUser_api = (id: string) => server.get(`/user/detail/${id}`);
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
>
|
>
|
||||||
<j-form ref="formRef" :model="form.data" layout="vertical">
|
<j-form ref="formRef" :model="form.data" layout="vertical">
|
||||||
<j-row :gutter="24" v-if="form.IsShow('add', 'edit')">
|
<j-row :gutter="24" v-if="form.IsShow('add', 'edit')">
|
||||||
<j-col :span="12">
|
<j-col :span="24">
|
||||||
<j-form-item
|
<j-form-item
|
||||||
name="name"
|
name="name"
|
||||||
label="姓名"
|
label="姓名"
|
||||||
|
|
@ -31,7 +31,112 @@
|
||||||
/>
|
/>
|
||||||
</j-form-item>
|
</j-form-item>
|
||||||
</j-col>
|
</j-col>
|
||||||
|
</j-row>
|
||||||
|
<j-row :gutter="24" v-if="form.IsShow('add', 'edit')">
|
||||||
<j-col :span="12">
|
<j-col :span="12">
|
||||||
|
<j-form-item
|
||||||
|
name="telephone"
|
||||||
|
label="手机号"
|
||||||
|
:rules="[
|
||||||
|
{
|
||||||
|
pattern: /^1[3456789]\d{9}$/,
|
||||||
|
message: '请输入正确的手机号',
|
||||||
|
},
|
||||||
|
]"
|
||||||
|
>
|
||||||
|
<j-input
|
||||||
|
v-model:value="form.data.telephone"
|
||||||
|
placeholder="请输入手机号"
|
||||||
|
:maxlength="64"
|
||||||
|
/>
|
||||||
|
</j-form-item>
|
||||||
|
</j-col>
|
||||||
|
<j-col :span="12">
|
||||||
|
<j-form-item
|
||||||
|
name="email"
|
||||||
|
label="邮箱"
|
||||||
|
:rules="[
|
||||||
|
{
|
||||||
|
pattern:
|
||||||
|
/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
|
||||||
|
message: '请输入正确的邮箱',
|
||||||
|
},
|
||||||
|
]"
|
||||||
|
>
|
||||||
|
<j-input
|
||||||
|
v-model:value="form.data.email"
|
||||||
|
placeholder="请输入邮箱"
|
||||||
|
:maxlength="64"
|
||||||
|
/>
|
||||||
|
</j-form-item>
|
||||||
|
</j-col>
|
||||||
|
</j-row>
|
||||||
|
<j-row :gutter="24" v-if="form.IsShow('add', 'edit')">
|
||||||
|
<j-col :span="12">
|
||||||
|
<j-form-item name="roleIdList" label="角色" class="flex"
|
||||||
|
:rules="[
|
||||||
|
{ required: form.data.username !== 'admin', message: '请选择角色' },
|
||||||
|
]"
|
||||||
|
>
|
||||||
|
<j-tree-select
|
||||||
|
v-model:value="form.data.roleIdList"
|
||||||
|
multiple
|
||||||
|
show-search
|
||||||
|
style="width: calc(100% - 40px)"
|
||||||
|
placeholder="请选择角色"
|
||||||
|
:tree-data="form.roleOptions"
|
||||||
|
:fieldNames="{ label: 'name', value: 'id', children:'children' }"
|
||||||
|
:disabled="form.data.username === 'admin'"
|
||||||
|
:filterTreeNode="
|
||||||
|
(v: string, node: any) => filterSelectNode(v, node, 'name')
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<template #title="{ name }">
|
||||||
|
<div style="width: calc(100% - 10px) ">
|
||||||
|
<Ellipsis>{{ name }}</Ellipsis>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</j-tree-select>
|
||||||
|
<PermissionButton
|
||||||
|
:hasPermission="`${rolePermission}:add`"
|
||||||
|
@click="form.clickAddItem('roleIdList', 'Role')"
|
||||||
|
v-if="!admin"
|
||||||
|
>
|
||||||
|
<AIcon type="PlusOutlined" />
|
||||||
|
</PermissionButton>
|
||||||
|
</j-form-item>
|
||||||
|
</j-col>
|
||||||
|
<j-col :span="12">
|
||||||
|
<j-form-item name="orgIdList" label="组织" class="flex">
|
||||||
|
<j-tree-select
|
||||||
|
v-model:value="form.data.orgIdList"
|
||||||
|
show-search
|
||||||
|
style="width: calc(100% - 40px)"
|
||||||
|
placeholder="请选择组织"
|
||||||
|
:tree-data="form.departmentOptions"
|
||||||
|
:fieldNames="{ label: 'name', value: 'id' }"
|
||||||
|
multiple
|
||||||
|
:filterTreeNode="
|
||||||
|
(v: string, node: any) => filterSelectNode(v, node, 'name')
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<template #title="{ name }">
|
||||||
|
{{ name }}
|
||||||
|
</template>
|
||||||
|
</j-tree-select>
|
||||||
|
<PermissionButton
|
||||||
|
:hasPermission="`${deptPermission}:add`"
|
||||||
|
@click="
|
||||||
|
form.clickAddItem('orgIdList', 'Department')
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<AIcon type="PlusOutlined" />
|
||||||
|
</PermissionButton>
|
||||||
|
</j-form-item>
|
||||||
|
</j-col>
|
||||||
|
</j-row>
|
||||||
|
<j-row :gutter="24" v-if="form.IsShow('add', 'edit')">
|
||||||
|
<j-col :span="24">
|
||||||
<j-form-item
|
<j-form-item
|
||||||
name="username"
|
name="username"
|
||||||
label="用户名"
|
label="用户名"
|
||||||
|
|
@ -92,104 +197,6 @@
|
||||||
</j-form-item>
|
</j-form-item>
|
||||||
</j-col>
|
</j-col>
|
||||||
</j-row>
|
</j-row>
|
||||||
<j-row :gutter="24" v-if="form.IsShow('add', 'edit')">
|
|
||||||
<j-col :span="12">
|
|
||||||
<j-form-item name="roleIdList" label="角色" class="flex"
|
|
||||||
:rules="[
|
|
||||||
{ required: form.data.username !== 'admin', message: '请选择角色' },
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<j-tree-select
|
|
||||||
v-model:value="form.data.roleIdList"
|
|
||||||
multiple
|
|
||||||
show-search
|
|
||||||
style="width: calc(100% - 40px)"
|
|
||||||
placeholder="请选择角色"
|
|
||||||
:tree-data="form.roleOptions"
|
|
||||||
:fieldNames="{ label: 'name', value: 'id', children:'children' }"
|
|
||||||
:disabled="form.data.username === 'admin'"
|
|
||||||
:filterTreeNode="
|
|
||||||
(v: string, node: any) => filterSelectNode(v, node, 'name')
|
|
||||||
"
|
|
||||||
></j-tree-select>
|
|
||||||
|
|
||||||
<PermissionButton
|
|
||||||
:hasPermission="`${rolePermission}:add`"
|
|
||||||
@click="form.clickAddItem('roleIdList', 'Role')"
|
|
||||||
v-if="!admin"
|
|
||||||
>
|
|
||||||
<AIcon type="PlusOutlined" />
|
|
||||||
</PermissionButton>
|
|
||||||
</j-form-item>
|
|
||||||
</j-col>
|
|
||||||
<j-col :span="12">
|
|
||||||
<j-form-item name="orgIdList" label="组织" class="flex">
|
|
||||||
<j-tree-select
|
|
||||||
v-model:value="form.data.orgIdList"
|
|
||||||
show-search
|
|
||||||
style="width: calc(100% - 40px)"
|
|
||||||
placeholder="请选择组织"
|
|
||||||
:tree-data="_departmentOptions"
|
|
||||||
:fieldNames="{ label: 'name', value: 'id' }"
|
|
||||||
multiple
|
|
||||||
:filterTreeNode="
|
|
||||||
(v: string, node: any) => filterSelectNode(v, node, 'name')
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<template #title="{ name }">
|
|
||||||
{{ name }}
|
|
||||||
</template>
|
|
||||||
</j-tree-select>
|
|
||||||
<PermissionButton
|
|
||||||
:hasPermission="`${deptPermission}:add`"
|
|
||||||
@click="
|
|
||||||
form.clickAddItem('orgIdList', 'Department')
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<AIcon type="PlusOutlined" />
|
|
||||||
</PermissionButton>
|
|
||||||
</j-form-item>
|
|
||||||
</j-col>
|
|
||||||
</j-row>
|
|
||||||
<j-row :gutter="24" v-if="form.IsShow('add', 'edit')">
|
|
||||||
<j-col :span="12">
|
|
||||||
<j-form-item
|
|
||||||
name="telephone"
|
|
||||||
label="手机号"
|
|
||||||
:rules="[
|
|
||||||
{
|
|
||||||
pattern: /^1[3456789]\d{9}$/,
|
|
||||||
message: '请输入正确的手机号',
|
|
||||||
},
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<j-input
|
|
||||||
v-model:value="form.data.telephone"
|
|
||||||
placeholder="请输入手机号"
|
|
||||||
:maxlength="64"
|
|
||||||
/>
|
|
||||||
</j-form-item>
|
|
||||||
</j-col>
|
|
||||||
<j-col :span="12">
|
|
||||||
<j-form-item
|
|
||||||
name="email"
|
|
||||||
label="邮箱"
|
|
||||||
:rules="[
|
|
||||||
{
|
|
||||||
pattern:
|
|
||||||
/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
|
|
||||||
message: '请输入正确的邮箱',
|
|
||||||
},
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<j-input
|
|
||||||
v-model:value="form.data.email"
|
|
||||||
placeholder="请输入邮箱"
|
|
||||||
:maxlength="64"
|
|
||||||
/>
|
|
||||||
</j-form-item>
|
|
||||||
</j-col>
|
|
||||||
</j-row>
|
|
||||||
</j-form>
|
</j-form>
|
||||||
</j-modal>
|
</j-modal>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -358,15 +365,22 @@ const form = reactive({
|
||||||
return api(params);
|
return api(params);
|
||||||
},
|
},
|
||||||
getRoleList: () => {
|
getRoleList: () => {
|
||||||
getRoleList().then((resp: any) => {
|
getRoleList({ sorts: [{ name: 'createTime', order: 'desc' }] }).then((resp: any) => {
|
||||||
if(resp.status === 200){
|
if(resp.status === 200){
|
||||||
form.roleOptions = dealRoleList(resp.result)
|
form.roleOptions = dealRoleList(resp.result)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
getDepartmentList: () => {
|
getDepartmentList: () => {
|
||||||
getDepartmentList_api().then((resp: any) => {
|
getDepartmentList_api({
|
||||||
form.departmentOptions = resp.result;
|
paging: false,
|
||||||
|
sorts: [{ name: 'sortIndex', order: 'asc' }],
|
||||||
|
}).then((resp: any) => {
|
||||||
|
form.departmentOptions = resp.result.sort((a: any, b: any) =>
|
||||||
|
a.sortIndex === b.sortIndex
|
||||||
|
? b.createTime - a.createTime
|
||||||
|
: a.sortIndex - b.sortIndex,
|
||||||
|
); // 报存源数据;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
IsShow: (...typeList: modalType[]) => typeList.includes(props.type),
|
IsShow: (...typeList: modalType[]) => typeList.includes(props.type),
|
||||||
|
|
@ -395,10 +409,10 @@ const dealRoleList = (data:any) =>{
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
// 组织已删除在仍显示在列表中
|
||||||
const _departmentOptions = computed(() => {
|
// const _departmentOptions = computed(() => {
|
||||||
return uniqBy([...form.departmentOptions, ...form._departmentOptions], 'id')
|
// return uniqBy([...form.departmentOptions, ...form._departmentOptions], 'id')
|
||||||
})
|
// })
|
||||||
|
|
||||||
form.init();
|
form.init();
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue