|
@@ -57,7 +57,7 @@ const message = useMessage() // 消息弹窗
|
|
|
|
|
|
const dialogVisible = ref(false) // 弹窗的是否展示
|
|
const dialogVisible = ref(false) // 弹窗的是否展示
|
|
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用
|
|
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用
|
|
-const formData = reactive({
|
|
|
|
|
|
+const formData = ref({
|
|
id: 0,
|
|
id: 0,
|
|
name: '',
|
|
name: '',
|
|
code: '',
|
|
code: '',
|
|
@@ -76,9 +76,9 @@ const open = async (row: RoleApi.RoleVO) => {
|
|
// 加载 Menu 列表。注意,必须放在前面,不然下面 setChecked 没数据节点
|
|
// 加载 Menu 列表。注意,必须放在前面,不然下面 setChecked 没数据节点
|
|
menuOptions.value = handleTree(await MenuApi.getSimpleMenusList())
|
|
menuOptions.value = handleTree(await MenuApi.getSimpleMenusList())
|
|
// 设置数据
|
|
// 设置数据
|
|
- formData.id = row.id
|
|
|
|
- formData.name = row.name
|
|
|
|
- formData.code = row.code
|
|
|
|
|
|
+ formData.value.id = row.id
|
|
|
|
+ formData.value.name = row.name
|
|
|
|
+ formData.value.code = row.code
|
|
formLoading.value = true
|
|
formLoading.value = true
|
|
try {
|
|
try {
|
|
formData.value.menuIds = await PermissionApi.getRoleMenuList(row.id)
|
|
formData.value.menuIds = await PermissionApi.getRoleMenuList(row.id)
|
|
@@ -103,7 +103,7 @@ const submitForm = async () => {
|
|
formLoading.value = true
|
|
formLoading.value = true
|
|
try {
|
|
try {
|
|
const data = {
|
|
const data = {
|
|
- roleId: formData.id,
|
|
|
|
|
|
+ roleId: formData.value.id,
|
|
menuIds: [
|
|
menuIds: [
|
|
...(treeRef.value.getCheckedKeys(false) as unknown as Array<number>), // 获得当前选中节点
|
|
...(treeRef.value.getCheckedKeys(false) as unknown as Array<number>), // 获得当前选中节点
|
|
...(treeRef.value.getHalfCheckedKeys() as unknown as Array<number>) // 获得半选中的父节点
|
|
...(treeRef.value.getHalfCheckedKeys() as unknown as Array<number>) // 获得半选中的父节点
|