update 优化 角色禁用不允许分配

This commit is contained in:
疯狂的狮子Li 2025-04-17 15:19:58 +08:00
parent 6fe2317681
commit d5eac17097

View File

@ -33,7 +33,7 @@
<span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span> <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column type="selection" :reserve-selection="true" width="55"></el-table-column> <el-table-column type="selection" :reserve-selection="true" :selectable="checkSelectable" width="55"></el-table-column>
<el-table-column label="角色编号" align="center" prop="roleId" /> <el-table-column label="角色编号" align="center" prop="roleId" />
<el-table-column label="角色名称" align="center" prop="roleName" /> <el-table-column label="角色名称" align="center" prop="roleName" />
<el-table-column label="权限字符" align="center" prop="roleKey" /> <el-table-column label="权限字符" align="center" prop="roleKey" />
@ -80,8 +80,10 @@ const tableRef = ref<ElTableInstance>();
/** 单击选中行数据 */ /** 单击选中行数据 */
const clickRow = (row: RoleVO) => { const clickRow = (row: RoleVO) => {
row.flag = !row.flag; if (checkSelectable(row)) {
tableRef.value?.toggleRowSelection(row, row.flag); row.flag = !row.flag;
tableRef.value?.toggleRowSelection(row, row.flag);
}
}; };
/** 多选框选中数据 */ /** 多选框选中数据 */
const handleSelectionChange = (selection: RoleVO[]) => { const handleSelectionChange = (selection: RoleVO[]) => {
@ -91,6 +93,10 @@ const handleSelectionChange = (selection: RoleVO[]) => {
const getRowKey = (row: RoleVO): string => { const getRowKey = (row: RoleVO): string => {
return String(row.roleId); return String(row.roleId);
}; };
/** 检查角色状态 */
const checkSelectable = (row: RoleVO): boolean => {
return row.status === "0";
};
/** 关闭按钮 */ /** 关闭按钮 */
const close = () => { const close = () => {
const obj: RouteLocationNormalized = { const obj: RouteLocationNormalized = {