展开

src/views/system/menuManagement/index.vue

@@ -24,6 +24,7 @@
       </vab-query-form-top-panel>
       <vab-query-form-left-panel>
         <el-button icon="Plus" type="primary" @click="handleAdd">添加</el-button>
+        <el-button icon="Sort" plain type="info" @click="toggleExpandAll">展开/折叠</el-button>
       </vab-query-form-left-panel>
       <vab-query-form-right-panel>
         <div class="custom-table-right-tools">
@@ -37,10 +38,12 @@
       </vab-query-form-right-panel>
     </vab-query-form>
     <el-table
+      v-if="refreshTable"
       ref="tableRef"
       v-loading="listLoading"
       border
       :data="list"
+      :default-expand-all="isExpandAll"
       row-key="menuId"
       :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
     >
@@ -85,6 +88,8 @@ const { sys_normal_disable } = proxy.useDict('sys_normal_disable')
 const { exit, enter, isFullscreen: _isFullscreen } = useFullscreen()
 const isFullscreen = ref<boolean>(false)
 
+const isExpandAll = ref(false)
+const refreshTable = ref(true)
 const tableRef = ref<TableInstance>()
 const fold = ref<boolean>(true)
 const editRef = ref<any>(null)
@@ -124,6 +129,15 @@ const handleFold = () => {
   fold.value = !fold.value
 }
 
+/** 展开/折叠操作 */
+function toggleExpandAll() {
+  refreshTable.value = false
+  isExpandAll.value = !isExpandAll.value
+  nextTick(() => {
+    refreshTable.value = true
+  })
+}
+
 /** 查询菜单列表 */
 const fetchData = async () => {
   listLoading.value = true