chore: 优化代码
This commit is contained in:
parent
2bf317c617
commit
e72f82d4ee
@ -1,4 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import type { MenuOption } from '#/api/system/menu/model';
|
||||||
|
|
||||||
import { computed, nextTick, ref } from 'vue';
|
import { computed, nextTick, ref } from 'vue';
|
||||||
|
|
||||||
import { useVbenDrawer } from '@vben/common-ui';
|
import { useVbenDrawer } from '@vben/common-ui';
|
||||||
@ -32,7 +34,7 @@ const [BasicForm, formApi] = useVbenForm({
|
|||||||
wrapperClass: 'grid-cols-2 gap-x-4',
|
wrapperClass: 'grid-cols-2 gap-x-4',
|
||||||
});
|
});
|
||||||
|
|
||||||
const menuTree = ref<any[]>([]);
|
const menuTree = ref<MenuOption[]>([]);
|
||||||
async function setupMenuTree(id?: number | string) {
|
async function setupMenuTree(id?: number | string) {
|
||||||
if (id) {
|
if (id) {
|
||||||
const resp = await roleMenuTreeSelect(id);
|
const resp = await roleMenuTreeSelect(id);
|
||||||
@ -82,11 +84,7 @@ const [BasicDrawer, drawerApi] = useVbenDrawer({
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
|
||||||
* 这里拿到的是一个数组ref
|
|
||||||
*/
|
|
||||||
const menuSelectRef = ref<InstanceType<typeof MenuSelectTable>>();
|
const menuSelectRef = ref<InstanceType<typeof MenuSelectTable>>();
|
||||||
|
|
||||||
async function handleConfirm() {
|
async function handleConfirm() {
|
||||||
try {
|
try {
|
||||||
drawerApi.drawerLoading(true);
|
drawerApi.drawerLoading(true);
|
||||||
@ -95,7 +93,7 @@ async function handleConfirm() {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// 这个用于提交
|
// 这个用于提交
|
||||||
const menuIds = menuSelectRef.value?.getCheckedKeys() ?? [];
|
const menuIds = menuSelectRef.value?.getCheckedKeys?.() ?? [];
|
||||||
// formApi.getValues拿到的是一个readonly对象,不能直接修改,需要cloneDeep
|
// formApi.getValues拿到的是一个readonly对象,不能直接修改,需要cloneDeep
|
||||||
const data = cloneDeep(await formApi.getValues());
|
const data = cloneDeep(await formApi.getValues());
|
||||||
data.menuIds = menuIds;
|
data.menuIds = menuIds;
|
||||||
@ -128,7 +126,7 @@ function handleMenuCheckStrictlyChange(value: boolean) {
|
|||||||
<BasicForm>
|
<BasicForm>
|
||||||
<template #menuIds="slotProps">
|
<template #menuIds="slotProps">
|
||||||
<div class="h-[600px] w-full">
|
<div class="h-[600px] w-full">
|
||||||
<!-- check-strictly为readonly 不能通过v-model绑定 -->
|
<!-- association为readonly 不能通过v-model绑定 -->
|
||||||
<MenuSelectTable
|
<MenuSelectTable
|
||||||
ref="menuSelectRef"
|
ref="menuSelectRef"
|
||||||
:checked-keys="slotProps.value"
|
:checked-keys="slotProps.value"
|
||||||
|
@ -131,7 +131,7 @@ function handleMenuCheckStrictlyChange(value: boolean) {
|
|||||||
<BasicForm>
|
<BasicForm>
|
||||||
<template #menuIds="slotProps">
|
<template #menuIds="slotProps">
|
||||||
<div class="h-[600px] w-full">
|
<div class="h-[600px] w-full">
|
||||||
<!-- check-strictly为readonly 不能通过v-model绑定 -->
|
<!-- association为readonly 不能通过v-model绑定 -->
|
||||||
<MenuSelectTable
|
<MenuSelectTable
|
||||||
ref="menuSelectRef"
|
ref="menuSelectRef"
|
||||||
:checked-keys="slotProps.value"
|
:checked-keys="slotProps.value"
|
||||||
|
Loading…
Reference in New Issue
Block a user