fix: 默认选中第一个字典

src/views/system/dict/tree/index.vue

@@ -10,8 +10,13 @@
     </div>
     <div class="dict-tree__container">
       <div class="dict-tree__tree">
-        <a-tree :data="(treeData as unknown as TreeNodeData[])" :field-names="{ key: 'id' }" block-node
+        <a-tree
-          @select="select">
+          :data="(treeData as unknown as TreeNodeData[])"
+          :field-names="{ key: 'id' }"
+          block-node
+          :selected-keys="selectedKeys"
+          @select="select"
+        >
           <template #title="node">
             <a-typography-paragraph
               :ellipsis="{
@@ -58,13 +63,13 @@ const emit = defineEmits<{
   (e: 'node-click', keys: Array<any>): void
 }>()
 
-const selectKey = ref()
+const selectedKeys = ref()
 // 选中节点
 const select = (keys: Array<any>) => {
-  if (selectKey.value === keys[0]) {
+  if (selectedKeys.value && selectedKeys.value[0] === keys[0]) {
     return
   }
-  selectKey.value = keys[0]
+  selectedKeys.value = keys
   emit('node-click', keys)
 }
 
@@ -89,6 +94,9 @@ const getTreeData = async (query: DictQuery = { ...queryForm }) => {
         return null
       }
     }))
+    await nextTick(() => {
+      select([treeData.value[0]?.id])
+    })
   } finally {
     loading.value = false
   }
@@ -122,7 +130,7 @@ const onMenuItemClick = (mode: string, node: DictResp) => {
           const res = await deleteDict(node.id)
           if (res.success) {
             Message.success('删除成功')
-            getTreeData()
+            await getTreeData()
           }
           return res.success
         } catch (error) {

src/views/system/user/dept/index.vue

@@ -20,11 +20,11 @@
             <IconCaretDown v-if="!isLeaf" />
             <IconIdcard v-else />
           </template>
-          <template #title="nodeData">
+          <template #title="node">
-            <template v-if="index = getMatchIndex(nodeData?.title), index < 0">{{ nodeData?.title }}</template>
+            <template v-if="index = getMatchIndex(node?.title), index < 0">{{ node?.title }}</template>
-            <span v-else>{{ nodeData?.title?.substr(0, index) }}
+            <span v-else>{{ node?.title?.substr(0, index) }}
-              <span style="color: rgb(var(--arcoblue-6));">{{ nodeData?.title?.substr(index, searchKey.length) }}</span>
+              <span style="color: rgb(var(--arcoblue-6));">{{ node?.title?.substr(index, searchKey.length) }}</span>
-              {{ nodeData?.title?.substr(index + searchKey.length) }}
+              {{ node?.title?.substr(index + searchKey.length) }}
             </span>
           </template>
         </a-tree>
@@ -50,6 +50,9 @@ const emit = defineEmits<{
 // 选中节点
 const selectedKeys = ref()
 const select = (keys: Array<any>) => {
+  if (selectedKeys.value && selectedKeys.value[0] === keys[0]) {
+    return
+  }
   selectedKeys.value = keys
   emit('node-click', keys)
 }