修复角色权限操作界面打开某个集时会出现两块相似内容的bug
This commit is contained in:
@@ -6,7 +6,7 @@
|
|||||||
<template #header>
|
<template #header>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<div>当前授权角色:
|
<div>当前授权角色:
|
||||||
<el-tag>{{ props.roleName }}</el-tag>
|
<el-tag>{{ props.roleName }}</el-tag>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
@@ -20,8 +20,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<div class="permission-com">
|
<div class="permission-com">
|
||||||
<el-collapse v-model="collapseCurrent" @change="handleCollapseChange" accordion>
|
<el-collapse v-model="collapseCurrent" @change="handleCollapseChange" accordion>
|
||||||
<el-collapse-item v-for="(item,mIndex) in menuData" :key="mIndex" :name="mIndex"
|
<el-collapse-item v-for="(item,mIndex) in menuData" :key="mIndex" :name="mIndex" style="background-color: #fafafa;">
|
||||||
style=" background-color: #fafafa;">
|
|
||||||
<template #title>
|
<template #title>
|
||||||
<div>
|
<div>
|
||||||
<div class="pc-collapse-title">
|
<div class="pc-collapse-title">
|
||||||
@@ -159,7 +158,7 @@ const defaultTreeProps = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
let menuData = ref<MenuDataType[]>([]);
|
let menuData = ref<MenuDataType[]>([]);
|
||||||
let collapseCurrent = ref(['1']);
|
let collapseCurrent = ref<number[]>([]);
|
||||||
let menuCurrent = ref<Partial<MenuDataType>>({});
|
let menuCurrent = ref<Partial<MenuDataType>>({});
|
||||||
let menuBtnCurrent = ref<number>(-1);
|
let menuBtnCurrent = ref<number>(-1);
|
||||||
let dialogVisible = ref(false);
|
let dialogVisible = ref(false);
|
||||||
@@ -190,7 +189,7 @@ const fetchData = async () => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleCollapseChange = (val: string) => {
|
const handleCollapseChange = (val: number) => {
|
||||||
collapseCurrent.value = [val];
|
collapseCurrent.value = [val];
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -252,7 +251,7 @@ const handleDialogClose = () => {
|
|||||||
|
|
||||||
//保存权限
|
//保存权限
|
||||||
const handleSavePermission = () => {
|
const handleSavePermission = () => {
|
||||||
setRolePremission(props.roleId, menuData.value).then(res => {
|
setRolePremission(props.roleId, menuData.value).then((res: any) => {
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: res.msg,
|
message: res.msg,
|
||||||
type: 'success',
|
type: 'success',
|
||||||
|
|||||||
@@ -24,6 +24,6 @@ export interface MenuDataType {
|
|||||||
name: string;
|
name: string;
|
||||||
isCheck: boolean;
|
isCheck: boolean;
|
||||||
radio: string;
|
radio: string;
|
||||||
btns: { id:number,label: string; value: string; isCheck: boolean; data_range: number;dept:object }[];
|
btns: { id:number,label: string; value: string; isCheck: boolean; data_range: number; dept:object; name:string }[];
|
||||||
columns: { [key: string]: boolean | string; }[]
|
columns: { [key: string]: boolean | string; }[]
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user