提交

web-admin/src/views/system/dept/index.vue

@@ -91,19 +91,19 @@
         <div ref="sysDeptTableWrapRef" class="table-scroll bx-list-table-wrap">
           <ListTable
             ref="sysDeptTableRef"
-            :height="tableHeight" table-key="system-dept"
-          ref="tableRef"
-          :key="listTableKey"
-          class="list-table"
-          :data="tableData"
-          v-loading="loading"
-          stripe
-          row-key="id"
-          :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-          :default-expand-all="isExpandAll"
-          @selection-change="handleSelectionChange"
-          @row-dblclick="handleView"
-        >
+            table-key="system-dept"
+            :key="listTableKey"
+            class="list-table"
+            :height="tableHeight"
+            :data="tableData"
+            v-loading="loading"
+            stripe
+            row-key="id"
+            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+            :default-expand-all="isExpandAll"
+            @selection-change="handleSelectionChange"
+            @row-dblclick="handleView"
+          >
           <el-table-column type="selection" width="55" align="center" header-align="center" />
           <el-table-column
             type="index"
@@ -171,9 +171,10 @@
         </div>
         <div ref="sysDeptBelowRef">
           <div class="pagination list-pager-bar">
-        <div class="list-pager-selected">
-          已选 <span class="sel-num">{{ selectedRows.length }}</span> 项
-        </div>
+            <div class="list-pager-selected">
+              已选 <span class="sel-num">{{ selectedRows.length }}</span> 项
+            </div>
+          </div>
         </div>
       </div>
 
@@ -401,7 +402,6 @@ const dictStore = useDictStore()
   const selectedRows = ref<Api.Dept.DeptItem[]>([])
   const loading = ref(false)
   const isExpandAll = ref(true)
-  const tableRef = ref()
 
   const dialogVisible = ref(false)
   const dialogTitle = ref('新增组织')
@@ -643,7 +643,7 @@ const dictStore = useDictStore()
 
   /** 树表格的 default-expand-all 只在初次挂载生效，展开态需用表格 API 同步 */
   function applyTreeExpand(expand: boolean) {
-    const table = tableRef.value
+    const table = sysDeptTableRef.value
     if (!table?.toggleRowExpansion) return
     const preorder = (items: Api.Dept.DeptItem[]) => {
       for (const row of items) {

web-admin/src/views/system/menu/index.vue

@@ -90,18 +90,18 @@
         <div ref="sysMenuTableWrapRef" class="table-scroll bx-list-table-wrap">
           <ListTable
             ref="sysMenuTableRef"
-            :height="tableHeight" table-key="system-menu"
-          ref="tableRef"
-          class="list-table"
-          :data="tableData"
-          v-loading="loading"
-          stripe
-          row-key="id"
-          :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-          :default-expand-all="isExpandAll"
-          @selection-change="handleSelectionChange"
-          @row-dblclick="handleView"
-        >
+            table-key="system-menu"
+            class="list-table"
+            :height="tableHeight"
+            :data="tableData"
+            v-loading="loading"
+            stripe
+            row-key="id"
+            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+            :default-expand-all="isExpandAll"
+            @selection-change="handleSelectionChange"
+            @row-dblclick="handleView"
+          >
           <el-table-column type="selection" width="55" align="center" header-align="center" />
           <el-table-column
             type="index"
@@ -205,9 +205,10 @@
         </div>
         <div ref="sysMenuBelowRef">
           <div class="pagination list-pager-bar">
-        <div class="list-pager-selected">
-          已选 <span class="sel-num">{{ selectedRows.length }}</span> 项
-        </div>
+            <div class="list-pager-selected">
+              已选 <span class="sel-num">{{ selectedRows.length }}</span> 项
+            </div>
+          </div>
         </div>
       </div>
 
@@ -385,7 +386,6 @@ import { useListTableViewportHeight } from '@/composables/useListTableViewportHe
   const selectedRows = ref<Api.Menu.MenuItem[]>([])
   const loading = ref(false)
   const isExpandAll = ref(true)
-  const tableRef = ref()
 
   function getMenuExportFilterParams() {
     const quickKeyword = quickSearchKeyword.value?.trim()
@@ -494,7 +494,7 @@ import { useListTableViewportHeight } from '@/composables/useListTableViewportHe
 
   /** 树表格的 default-expand-all 只在初次挂载生效，展开态需用表格 API 同步 */
   function applyTreeExpand(expand: boolean) {
-    const table = tableRef.value
+    const table = sysMenuTableRef.value
     if (!table?.toggleRowExpansion) return
     const preorder = (items: Api.Menu.MenuItem[]) => {
       for (const row of items) {