联调

src/views/Basic/Menu/MenuForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="dialogVisible" :title="dialogTitle">
+  <Dialog v-model="dialogVisible" :title="dialogTitle" width="500px">
     <el-form
       ref="formRef"
       v-loading="formLoading"
@@ -59,8 +59,8 @@
       </el-form-item>
       <el-form-item label="菜单状态" prop="status">
         <el-radio-group v-model="formData.status">
-          <el-radio :label="1"> 启用 </el-radio>
-          <el-radio :label="0"> 禁用 </el-radio>
+          <el-radio :label="0"> 启用 </el-radio>
+          <el-radio :label="1"> 禁用 </el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item v-if="formData.type !== 3" label="显示状态" prop="visible">
@@ -105,7 +105,7 @@
 </template>
 <script lang="ts" name="SystemMenuForm" setup>
 // import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
-// import * as MenuApi from '@/api/system/menu'
+import * as MenuApi from '@/api/system/menu'
 import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
 import { CommonStatusEnum, SystemMenuTypeEnum } from '@/utils/constants'
 import { defaultProps, handleTree } from '@/utils/tree'
@@ -155,7 +155,7 @@ const open = async (type: string, id?: number, parentId?: number) => {
   if (id) {
     formLoading.value = true
     try {
-      // formData.value = await MenuApi.getMenu(id)
+      formData.value = await MenuApi.getMenu(id)
     } finally {
       formLoading.value = false
     }
@@ -189,12 +189,12 @@ const submitForm = async () => {
         }
       }
     }
-    // const data = formData.value as unknown as MenuApi.MenuVO
+    const data = formData.value as unknown as MenuApi.MenuVO
     if (formType.value === 'create') {
-      // await MenuApi.createMenu(data)
+      await MenuApi.createMenu(data)
       message.success(t('common.createSuccess'))
     } else {
-      // await MenuApi.updateMenu(data)
+      await MenuApi.updateMenu(data)
       message.success(t('common.updateSuccess'))
     }
     dialogVisible.value = false
@@ -211,8 +211,7 @@ const submitForm = async () => {
 const menuTree = ref<Tree[]>([]) // 树形结构
 const getTree = async () => {
   menuTree.value = []
-  // const res = await MenuApi.getSimpleMenusList()
-  const res = []
+  const res = await MenuApi.getSimpleMenusList()
   let menu: Tree = { id: 0, name: '主类目', children: [] }
   menu.children = handleTree(res)
   menuTree.value.push(menu)

src/views/Basic/Menu/index.vue

@@ -80,8 +80,8 @@
   <MenuForm ref="formRef" @success="getList" />
 </template>
 <script lang="ts" name="SystemMenu" setup>
-// import { handleTree } from '@/utils/tree'
-// import * as MenuApi from '@/api/system/menu'
+import { handleTree } from '@/utils/tree'
+import * as MenuApi from '@/api/system/menu'
 import MenuForm from './MenuForm.vue'
 import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
 const { wsCache } = useCache()
@@ -102,9 +102,8 @@ const refreshTable = ref(true) // 重新渲染表格状态
 const getList = async () => {
   loading.value = true
   try {
-    // const data = await MenuApi.getMenuList(queryParams)
-    // list.value = handleTree(data)
-    list.value = []
+    const data = await MenuApi.getMenuList(queryParams)
+    list.value = handleTree(data)
   } finally {
     loading.value = false
   }
@@ -154,7 +153,7 @@ const handleDelete = async (id: number) => {
     // 删除的二次确认
     await message.delConfirm()
     // 发起删除
-    // await MenuApi.deleteMenu(id)
+    await MenuApi.deleteMenu(id)
     message.success(t('common.delSuccess'))
     // 刷新列表
     await getList()