From bdf46a60365d5bfead652d91a9f2d74540a1f21f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Wed, 25 May 2022 08:21:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E8=8F=9C=E5=8D=95=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ZR.Vue/src/api/system/menu.js          | 10 ++++++++--
 ZR.Vue/src/views/system/menu/index.vue | 21 +++++++++++++++++----
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/ZR.Vue/src/api/system/menu.js b/ZR.Vue/src/api/system/menu.js
index ee21f9b..b4cd8e6 100644
--- a/ZR.Vue/src/api/system/menu.js
+++ b/ZR.Vue/src/api/system/menu.js
@@ -8,7 +8,13 @@ export function listMenu(query) {
     params: query
   })
 }
-
+// 查询菜单列表
+export function listMenuById(menuId) {
+  return request({
+    url: '/system/menu/list/' + menuId,
+    method: 'get',
+  })
+}
 // 查询菜单详细
 export function getMenu(menuId) {
   return request({
@@ -75,4 +81,4 @@ export const getRouters = (query) => {
     method: 'get',
     params: query
   })
-}
\ No newline at end of file
+}
diff --git a/ZR.Vue/src/views/system/menu/index.vue b/ZR.Vue/src/views/system/menu/index.vue
index ea0a414..92f9789 100644
--- a/ZR.Vue/src/views/system/menu/index.vue
+++ b/ZR.Vue/src/views/system/menu/index.vue
@@ -25,7 +25,11 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-if="refreshTable" v-loading="loading" :data="menuList" :default-expand-all="isExpandAll" row-key="menuId" border
+    <el-table v-if="refreshTable" v-loading="loading" :data="menuList" :default-expand-all="isExpandAll"
+      row-key="menuId"
+      border
+      lazy
+      :load="loadMenu"
       :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
       <el-table-column prop="menuName" label="菜单名称" :show-overflow-tooltip="true" width="160"></el-table-column>
       <el-table-column prop="icon" label="图标" align="center" width="80">
@@ -217,6 +221,7 @@ import {
   addMenu,
   changeMenuSort,
   updateMenu,
+  listMenuById
 } from "@/api/system/menu";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
@@ -228,7 +233,7 @@ export default {
   data() {
     return {
       // 遮罩层
-      loading: true,
+      loading: false,
       // 显示搜索条件
       showSearch: true,
       // 菜单表格树数据
@@ -274,13 +279,16 @@ export default {
     };
   },
   created() {
-    this.getList();
+    // this.getList();
     this.getDicts("sys_show_hide").then((response) => {
       this.visibleOptions = response.data;
     });
     this.getDicts("sys_normal_disable").then((response) => {
       this.statusOptions = response.data;
     });
+    listMenuById(0).then((response) => {
+      this.menuList = response.data
+    })
   },
   methods: {
     // 选择图标
@@ -309,7 +317,7 @@ export default {
     },
     /** 查询菜单下拉树结构 */
     getTreeselect() {
-      listMenu().then((response) => {
+      listMenu({ menuTypeIds: 'M,C,F' }).then((response) => {
         this.menuOptions = [];
         const menu = { menuId: 0, menuName: "根菜单", children: [] };
 				menu.children = response.data;
@@ -453,6 +461,11 @@ export default {
         this.refreshTable = true;
       });
     },
+    loadMenu (row, treeNode, resolve) {
+      listMenuById(row.menuId).then((res) => {
+        resolve(res.data)
+      })
+    }
   },
 };
 </script>