diff --git a/ZR.Admin.WebApi/Controllers/BaseController.cs b/ZR.Admin.WebApi/Controllers/BaseController.cs
index fe5f6131c2e86a7ec38397427f3dc54152673faf..840e8acb3295dec304961a25334a08f0588b5a79 100644
--- a/ZR.Admin.WebApi/Controllers/BaseController.cs
+++ b/ZR.Admin.WebApi/Controllers/BaseController.cs
@@ -1,5 +1,6 @@
 using Infrastructure;
 using Infrastructure.Model;
+using JinianNet.JNTemplate;
 using Microsoft.AspNetCore.Hosting;
 using Microsoft.AspNetCore.Mvc;
 using MiniExcelLibs;
@@ -63,13 +64,11 @@ namespace ZR.Admin.WebApi.Controllers
         /// <returns></returns>
         protected IActionResult ExportExcel(string path, string fileName)
         {
-            //IWebHostEnvironment webHostEnvironment = (IWebHostEnvironment)App.ServiceProvider.GetService(typeof(IWebHostEnvironment));
-            //string fileDir = Path.Combine(webHostEnvironment.WebRootPath, path, fileName);
-
-            var stream = ff.File.OpenRead(path);  //创建文件流
-            return File(stream, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", HttpUtility.UrlEncode(fileName));
+            return SUCCESS(new { path = path, fileName = fileName });
+            //var stream = ff.File.OpenRead(path);  //创建文件流
+            //return File(stream, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", HttpUtility.UrlEncode(fileName));
         }
-        
+
         #region 方法
 
         /// <summary>
@@ -138,11 +137,11 @@ namespace ZR.Admin.WebApi.Controllers
             IWebHostEnvironment webHostEnvironment = (IWebHostEnvironment)App.ServiceProvider.GetService(typeof(IWebHostEnvironment));
             string sFileName = $"{fileName}{DateTime.Now:MM-dd-HHmmss}.xlsx";
             string fullPath = Path.Combine(webHostEnvironment.WebRootPath, "export", sFileName);
-            
+
             Directory.CreateDirectory(Path.GetDirectoryName(fullPath));
 
             MiniExcel.SaveAs(fullPath, list, sheetName: sheetName);
-            return (sFileName, fullPath);
+            return (sFileName, "/export/" + sFileName);
         }
 
         /// <summary>
@@ -176,7 +175,7 @@ namespace ZR.Admin.WebApi.Controllers
             IWebHostEnvironment webHostEnvironment = (IWebHostEnvironment)App.ServiceProvider.GetService(typeof(IWebHostEnvironment));
             string sFileName = $"{fileName}模板.xlsx";
             string newFileName = Path.Combine(webHostEnvironment.WebRootPath, "importTemplate", sFileName);
-            
+
             if (!Directory.Exists(newFileName))
             {
                 Directory.CreateDirectory(Path.GetDirectoryName(newFileName));
diff --git a/ZR.Admin.WebApi/appsettings.json b/ZR.Admin.WebApi/appsettings.json
index a68645112199d0442fef8e57edf711182e7ad18f..280a3aebe69170c295fc62f49b5c209917e75822 100644
--- a/ZR.Admin.WebApi/appsettings.json
+++ b/ZR.Admin.WebApi/appsettings.json
@@ -7,7 +7,7 @@
     }
   },
   "ConnectionStrings": {
-    "conn_db": "Data Source=LAPTOP-STKF2M8H\\SQLEXPRESS;User ID=sa;Password=zradmin123;Initial Catalog=ZrAdmin;Integrated Security=SSPI", //其他连接字符串请看官方文档
+    "conn_db": "data source=.;initial catalog=zradmindev;integrated security=True;MultipleActiveResultSets=True;", //其他连接字符串请看官方文档
     "conn_db_type": "1" //数据库类型 MySql = 0, SqlServer = 1, Oracle = 3
   },
   "urls": "http://localhost:8888", //项目启动url，如果改动端口前端对应devServer也需要进行修改
@@ -43,7 +43,7 @@
     "SendUser": "@all"
   },
   "gen": {
-    "conn": "Data Source=LAPTOP-STKF2M8H\\SQLEXPRESS;User ID=sa;Password=zradmin123;Initial Catalog=ZrAdmin;Integrated Security=SSPI",
+    "conn": "data source=.;initial catalog=zradmindev;integrated security=True;MultipleActiveResultSets=True;",
     "dbType": 1, //MySql = 0, SqlServer = 1
     "autoPre": true, //自动去除表前缀
     "author": "admin",
diff --git a/ZR.Admin.WebApi/wwwroot/CodeGenTemplate/TplVue.txt b/ZR.Admin.WebApi/wwwroot/CodeGenTemplate/TplVue.txt
index f4f5d5aca4b279df7ac6c05da99049abe948829b..859c2def0159dcf88cab47e9fd1b6e2afcc9151f 100644
--- a/ZR.Admin.WebApi/wwwroot/CodeGenTemplate/TplVue.txt
+++ b/ZR.Admin.WebApi/wwwroot/CodeGenTemplate/TplVue.txt
@@ -77,6 +77,7 @@ $end
   </div>
 </template>
 <script>
+import { Loading } from 'element-ui'
 import { 
   list${genTable.BusinessName},
   add${genTable.BusinessName},
@@ -377,12 +378,23 @@ $if(replaceDto.ShowBtnExport)
         cancelButtonText: "取消",
         type: "warning",
       })
-        .then(function () {
-          return export${genTable.BusinessName}(queryParams);
-        })
-        .then((response) => {
-          this.download(response.data.path);
-        });
+      .then(() => {
+        var loadop = {
+          lock: true,
+          text: '正在导出文件...',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)',
+        }
+        const pageLoading = Loading.service(loadop)
+        export${genTable.BusinessName}(queryParams)
+          .then((res) => {
+            const { data } = res
+            this.download(data.path)
+            pageLoading.close()
+          })
+          .catch((erre) => {
+            pageLoading.close()
+          });
     },
 $end
   },
diff --git a/ZR.Admin.WebApi/wwwroot/CodeGenTemplate/TplVueApi.txt b/ZR.Admin.WebApi/wwwroot/CodeGenTemplate/TplVueApi.txt
index 1e1678fc155c40f636c7920d59ec9cde948dc941..90dfbfa9db63facfa3742b9c8c6de91bde592b1f 100644
--- a/ZR.Admin.WebApi/wwwroot/CodeGenTemplate/TplVueApi.txt
+++ b/ZR.Admin.WebApi/wwwroot/CodeGenTemplate/TplVueApi.txt
@@ -2,9 +2,6 @@
 $if(replaceDto.SelectMulti == 1)
 import QS from 'qs'
 $end
-$if(replaceDto.ShowBtnExport)
-import { downFile } from '@/utils/request'
-$end
 
 /**
 * ${genTable.functionName}分页查询
@@ -92,8 +89,12 @@ export function clear${genTable.BusinessName}() {
 }
 
 // 导出${genTable.functionName}
-export async function export${genTable.BusinessName}(query) {
-  await downFile('${genTable.ModuleName}/${genTable.BusinessName}/export', { ...query })
+export function export${genTable.BusinessName}(query) {
+  return request({
+    url: '${genTable.ModuleName}/${genTable.BusinessName}/export',
+    method: 'get',
+    params: query,
+  })
 }
 
 $if(showCustomInput)
diff --git a/ZR.Service/System/SysMenuService.cs b/ZR.Service/System/SysMenuService.cs
index ca28efc03a81a45fc4e47c917e5a365741a29169..caaeb11fcfaa16186d1c990bfda66bd33a1e21a4 100644
--- a/ZR.Service/System/SysMenuService.cs
+++ b/ZR.Service/System/SysMenuService.cs
@@ -1,4 +1,4 @@
-using Infrastructure.Attribute;
+using Infrastructure.Attribute;
 using Infrastructure.Extensions;
 using SqlSugar;
 using System;
@@ -41,7 +41,7 @@ namespace ZR.Service
                 var userRoles = SysRoleService.SelectUserRoles(userId);
                 menuList = SelectTreeMenuListByRoles(menu, userRoles);
             }
-            return menuList;
+            return menuList ?? new List<SysMenu>();
         }
 
         /// <summary>
diff --git a/ZR.Vue/src/main.js b/ZR.Vue/src/main.js
index 6b2b1fd398cb87864097f000ddf020c701663835..4b918c7caf405b9218ed15738679b0746a5956fe 100644
--- a/ZR.Vue/src/main.js
+++ b/ZR.Vue/src/main.js
@@ -80,4 +80,4 @@ new Vue({
   router,
   store,
   render: h => h(App)
-})
\ No newline at end of file
+})
diff --git a/ZR.Vue/src/utils/request.js b/ZR.Vue/src/utils/request.js
index 58a026213ab48449179231f62950f1e78eb1e6a7..3823d5ccf58df95f1d0f04d6d6d038a9471294db 100644
--- a/ZR.Vue/src/utils/request.js
+++ b/ZR.Vue/src/utils/request.js
@@ -166,4 +166,4 @@ export function postForm(url, data, config) {
 //   })
 // }
 
-export default service
\ No newline at end of file
+export default service
diff --git a/ZR.Vue/src/utils/ruoyi.js b/ZR.Vue/src/utils/ruoyi.js
index 3d570c24ea5c4682a80a53e00eb4c1c0f8b88dfe..a492f279ecfc89d036a9f34cd11f047a8a2519e7 100644
--- a/ZR.Vue/src/utils/ruoyi.js
+++ b/ZR.Vue/src/utils/ruoyi.js
@@ -55,10 +55,10 @@ export function resetForm(refName) {
 
 /**
  * 添加日期范围
- * @param { beginTime: '', endTime: '', page: 1} params 
+ * @param { beginTime: '', endTime: '', page: 1} params
  * @param {*} dateRange 日期范围数组
  * @param {*} propName C#属性名首字母大写
- * @returns 
+ * @returns
  */
 // 添加日期范围
 export function addDateRange(params, dateRange, propName) {
@@ -231,4 +231,4 @@ export async function blobValidate(data) {
   } catch (error) {
     return true;
   }
-}
\ 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 92f97895fd4b46e523d94a59079989853ffe44f6..103d65979eef12b2b2c6daf931fad5f0bcbf70e7 100644
--- a/ZR.Vue/src/views/system/menu/index.vue
+++ b/ZR.Vue/src/views/system/menu/index.vue
@@ -25,12 +25,18 @@
       <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"
+    <el-table
+      v-if="refreshTable"
+      v-loading="loading"
+      :data="menuList"
+      :default-expand-all="isExpandAll"
       row-key="menuId"
+      node-key="menuId"
       border
       lazy
       :load="loadMenu"
-      :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+      :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">
         <template slot-scope="scope">
@@ -47,9 +53,14 @@
       </el-table-column>
       <el-table-column prop="orderNum" label="排序" width="90" align="center">
         <template slot-scope="scope">
-          <span v-show="editIndex != scope.$index" @click="editCurrRow(scope.$index,'rowkeY')">{{scope.row.orderNum}}</span>
-          <el-input :id="scope.$index+'rowkeY'" size="mini" v-show="(editIndex == scope.$index)" v-model="scope.row.orderNum"
-            @blur="handleChangeSort(scope.row)"></el-input>
+          <span v-show="editIndex != scope.$index" @click="editCurrRow(scope.$index, 'rowkeY')">{{ scope.row.orderNum }}</span>
+          <el-input
+            :id="scope.$index + 'rowkeY'"
+            size="mini"
+            v-show="editIndex == scope.$index"
+            v-model="scope.row.orderNum"
+            @blur="handleChangeSort(scope.row)"
+          ></el-input>
         </template>
       </el-table-column>
       <el-table-column prop="perms" label="权限标识" :show-overflow-tooltip="true"></el-table-column>
@@ -69,7 +80,9 @@
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:menu:edit']">修改</el-button>
           <el-button size="mini" type="text" icon="el-icon-plus" @click="handleAdd(scope.row)" v-hasPermi="['system:menu:add']">新增</el-button>
-          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:menu:remove']">删除</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:menu:remove']"
+            >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -80,8 +93,14 @@
         <el-row>
           <el-col :lg="24">
             <el-form-item label="上级菜单">
-              <treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" :show-count="true" @select="handleTreeSelect"
-                placeholder="选择上级菜单" />
+              <treeselect
+                v-model="form.parentId"
+                :options="menuOptions"
+                :normalizer="normalizer"
+                :show-count="true"
+                @select="handleTreeSelect"
+                placeholder="选择上级菜单"
+              />
             </el-form-item>
           </el-col>
           <el-col :lg="24">
@@ -108,7 +127,7 @@
               <el-popover placement="bottom-start" width="460" trigger="click" @show="$refs['iconSelect'].reset()">
                 <IconSelect ref="iconSelect" @selected="selected" />
                 <el-input slot="reference" v-model="form.icon" placeholder="点击选择图标" clearable="" readonly>
-                  <svg-icon v-if="form.icon" slot="prefix" :icon-class="form.icon" class="el-input__icon" style="height: 32px;width: 16px;" />
+                  <svg-icon v-if="form.icon" slot="prefix" :icon-class="form.icon" class="el-input__icon" style="height: 32px; width: 16px" />
                   <i v-else slot="prefix" class="el-icon-search el-input__icon"></i>
                 </el-input>
               </el-popover>
@@ -158,7 +177,7 @@
                 显示状态
               </span>
               <el-radio-group v-model="form.visible">
-                <el-radio v-for="dict in visibleOptions" :key="dict.dictValue" :label="dict.dictValue">{{dict.dictLabel}}</el-radio>
+                <el-radio v-for="dict in visibleOptions" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -185,7 +204,7 @@
                 菜单状态
               </span>
               <el-radio-group v-model="form.status">
-                <el-radio v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictValue">{{dict.dictLabel}}</el-radio>
+                <el-radio v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -214,21 +233,13 @@
 </template>
 
 <script>
-import {
-  listMenu,
-  getMenu,
-  delMenu,
-  addMenu,
-  changeMenuSort,
-  updateMenu,
-  listMenuById
-} from "@/api/system/menu";
-import Treeselect from "@riophae/vue-treeselect";
-import "@riophae/vue-treeselect/dist/vue-treeselect.css";
-import IconSelect from "@/components/IconSelect";
+import { listMenu, getMenu, delMenu, addMenu, changeMenuSort, updateMenu, listMenuById } from '@/api/system/menu'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import IconSelect from '@/components/IconSelect'
 
 export default {
-  name: "menu1",
+  name: 'menu1',
   components: { Treeselect, IconSelect },
   data() {
     return {
@@ -241,7 +252,7 @@ export default {
       // 菜单树选项
       menuOptions: [],
       // 弹出层标题
-      title: "",
+      title: '',
       // 是否显示弹出层
       open: false,
       // 是否展开，默认全部折叠
@@ -266,26 +277,22 @@ export default {
       form: {},
       // 表单校验
       rules: {
-        menuName: [
-          { required: true, message: "菜单名称不能为空", trigger: "blur" },
-        ],
-        orderNum: [
-          { required: true, message: "菜单顺序不能为空", trigger: "blur" },
-        ],
-        path: [
-          { required: true, message: "路由地址不能为空", trigger: "blur" },
-        ],
+        menuName: [{ required: true, message: '菜单名称不能为空', trigger: 'blur' }],
+        orderNum: [{ required: true, message: '菜单顺序不能为空', trigger: 'blur' }],
+        path: [{ required: true, message: '路由地址不能为空', trigger: 'blur' }],
       },
-    };
+      // table树节点
+      tableTreeNodeMap: new Map(),
+    }
   },
   created() {
     // this.getList();
-    this.getDicts("sys_show_hide").then((response) => {
-      this.visibleOptions = response.data;
-    });
-    this.getDicts("sys_normal_disable").then((response) => {
-      this.statusOptions = response.data;
-    });
+    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
     })
@@ -293,179 +300,195 @@ export default {
   methods: {
     // 选择图标
     selected(name) {
-      this.form.icon = name;
+      this.form.icon = name
     },
     /** 查询菜单列表 */
     getList() {
-      this.loading = true;
+      this.loading = true
       listMenu(this.queryParams).then((response) => {
-        this.menuList = response.data;
+        this.menuList = response.data
         // this.menuList = this.handleTree(response.data, "menuId");
-        this.loading = false;
-      });
+        this.loading = false
+      })
     },
     /** 转换菜单数据结构 */
     normalizer(node) {
       if (node.children && !node.children.length) {
-        delete node.children;
+        delete node.children
       }
       return {
         id: node.menuId,
         label: node.menuName,
         children: node.children,
-      };
+      }
     },
     /** 查询菜单下拉树结构 */
     getTreeselect() {
       listMenu({ menuTypeIds: 'M,C,F' }).then((response) => {
-        this.menuOptions = [];
-        const menu = { menuId: 0, menuName: "根菜单", children: [] };
-				menu.children = response.data;
+        this.menuOptions = []
+        const menu = { menuId: 0, menuName: '根菜单', children: [] }
+        menu.children = response.data
         //menu.children = this.handleTree(response.data, "menuId");
-        this.menuOptions.push(menu);
-      });
+        this.menuOptions.push(menu)
+      })
     },
     // 显示状态字典翻译
     visibleFormat(row, column) {
-      if (row.menuType == "F") {
-        return "";
+      if (row.menuType == 'F') {
+        return ''
       }
-      return this.selectDictLabel(this.visibleOptions, row.visible);
+      return this.selectDictLabel(this.visibleOptions, row.visible)
     },
     // 菜单状态字典翻译
     statusFormat(row, column) {
-      if (row.menuType == "F") {
-        return "";
+      if (row.menuType == 'F') {
+        return ''
       }
-      return this.selectDictLabel(this.statusOptions, row.status);
+      return this.selectDictLabel(this.statusOptions, row.status)
     },
     // 取消按钮
     cancel() {
-      this.open = false;
-      this.reset();
+      this.open = false
+      this.reset()
     },
     // 表单重置
     reset() {
-      this.btnSubmitVisible = true;
+      this.btnSubmitVisible = true
       this.form = {
         menuId: undefined,
         parentId: 0,
         menuName: undefined,
         icon: undefined,
-        menuType: "M",
+        menuType: 'M',
         orderNum: 999,
-        isFrame: "0",
-        isCache: "0",
-        visible: "0",
-        status: "0",
-      };
-      this.resetForm("form");
+        isFrame: '0',
+        isCache: '0',
+        visible: '0',
+        status: '0',
+      }
+      this.resetForm('form')
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      this.getList();
+      this.getList()
     },
     /** 重置按钮操作 */
     resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
+      this.resetForm('queryForm')
+      this.handleQuery()
     },
     /** 新增按钮操作 */
     handleAdd(row) {
-      this.reset();
-      this.getTreeselect();
+      this.reset()
+      this.getTreeselect()
 
-      this.form.parentId = row != null && row.menuId ? row.menuId : 0;
-      this.open = true;
-      this.title = "添加菜单";
+      this.form.parentId = row != null && row.menuId ? row.menuId : 0
+      this.open = true
+      this.title = '添加菜单'
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-      this.reset();
-      this.getTreeselect();
+      this.reset()
+      this.getTreeselect()
       getMenu(row.menuId).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改菜单";
-      });
+        this.form = response.data
+        this.open = true
+        this.title = '修改菜单'
+      })
     },
     /** 提交按钮 */
     submitForm: function () {
-      this.$refs["form"].validate((valid) => {
+      this.$refs['form'].validate((valid) => {
         if (valid) {
           if (this.form.menuId != undefined) {
             updateMenu(this.form).then((response) => {
-              this.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
+              this.msgSuccess('修改成功')
+              this.open = false
+              if (this.form.parentId == 0) {
+                this.getList()
+              } else {
+                this.refreshTableTree(this.form.parentId)
+              }
+            })
           } else {
             addMenu(this.form).then((response) => {
-              this.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
+              this.msgSuccess('新增成功')
+              this.open = false
+              if (this.form.parentId == 0) {
+                this.getList()
+              } else {
+                this.refreshTableTree(this.form.parentId)
+              }
+            })
           }
         }
-      });
+      })
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      this.$confirm(
-        '是否确认删除名称为"' + row.menuName + '"的数据项?',
-        "警告",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
+      this.$confirm('是否确认删除名称为"' + row.menuName + '"的数据项?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
         .then(function () {
-          return delMenu(row.menuId);
+          return delMenu(row.menuId)
         })
         .then(() => {
-          this.getList();
-          this.msgSuccess("删除成功");
-        });
+          if (row.parentId == 0) {
+            this.getList()
+          } else {
+            this.refreshTableTree(row.parentId)
+          }
+          this.msgSuccess('删除成功')
+        })
     },
     /**
      * 保存排序
      */
     handleChangeSort(item) {
-      this.editIndex = -1;
-      changeMenuSort({ value: item.orderNum, id: item.menuId }).then(
-        (response) => {
-          this.msgSuccess("修改成功");
-          this.getList();
-        }
-      );
+      this.editIndex = -1
+      changeMenuSort({ value: item.orderNum, id: item.menuId }).then((response) => {
+        this.msgSuccess('修改成功')
+        this.getList()
+      })
     },
     handleTreeSelect(node, instanceId) {
       //如果是链接隐藏提交按钮
-      this.btnSubmitVisible = node.menuType == "L" ? false : true;
+      this.btnSubmitVisible = node.menuType == 'L' ? false : true
     },
     // 显示编辑排序
     editCurrRow(rowId, str) {
-      this.editIndex = rowId;
-      let id = rowId + str;
+      this.editIndex = rowId
+      let id = rowId + str
 
       setTimeout(() => {
-        document.getElementById(id).focus();
-      }, 100);
+        document.getElementById(id).focus()
+      }, 100)
     },
     //展开/折叠操作
     toggleExpandAll() {
-      this.refreshTable = false;
-      this.isExpandAll = !this.isExpandAll;
+      this.refreshTable = false
+      this.isExpandAll = !this.isExpandAll
       this.$nextTick(() => {
-        this.refreshTable = true;
-      });
+        this.refreshTable = true
+      })
     },
-    loadMenu (row, treeNode, resolve) {
+    loadMenu(row, treeNode, resolve) {
+      this.tableTreeNodeMap.set(row.menuId, { row, treeNode, resolve });
       listMenuById(row.menuId).then((res) => {
         resolve(res.data)
       })
-    }
+    },
+    //新增/修改/删除子节点时刷新子节点
+    refreshTableTree(key) {
+      const node = this.tableTreeNodeMap.get(key)
+      if (!node) {
+        return
+      }
+      const { row, treeNode, resolve } = node
+      this.loadMenu(row, treeNode, resolve)
+    },
   },
-};
+}
 </script>