公司架构-岗位管理默认选中第一个

snowy-admin-web/src/views/biz/org/index.vue

@@ -47,6 +47,7 @@
 					:row-key="(record) => record.id"
 					:tool-config="toolConfig"
 					:row-selection="options.rowSelection"
+					v-if="selectedKeys.length"
 				>
 					<template #operator class="table-operator">
 						<a-space>

snowy-admin-web/src/views/biz/position/index.vue

@@ -5,6 +5,7 @@
 				<a-tree
 					v-if="treeData.length > 0"
 					v-model:expandedKeys="defaultExpandedKeys"
+					v-model:selectedKeys="selectedKeys"
 					:tree-data="treeData"
 					:field-names="treeFieldNames"
 					@select="treeSelect"
@@ -46,6 +47,7 @@
 					:tool-config="toolConfig"
 					:row-key="(record) => record.id"
 					:row-selection="options.rowSelection"
+					v-if="selectedKeys.length"
 				>
 					<template #operator class="table-operator">
 						<a-space>
@@ -138,11 +140,51 @@
 	const searchFormState = ref({})
 	// 默认展开的节点
 	const defaultExpandedKeys = ref([])
+	const selectedKeys = ref([]) //默认选中第一个节点
 	const treeData = ref([])
 	// 替换treeNode 中 title,key,children
 	const treeFieldNames = { children: 'children', title: 'name', key: 'id' }
 	const cardLoading = ref(true)
 
+	onMounted(() => {
+		loadTreeData()
+	})
+	// 加载左侧的树
+	const loadTreeData = () => {
+		// 加载左侧的树
+		bizOrgApi
+			.orgTree()
+			.then((res) => {
+				cardLoading.value = false
+				if (res !== null) {
+					treeData.value = res
+					if (isEmpty(defaultExpandedKeys.value)) {
+						// 默认展开2级
+						treeData.value.forEach((item) => {
+							// 因为0的顶级
+							if (item.parentId === '0') {
+								defaultExpandedKeys.value.push(item.id)
+								// 取到下级ID
+								if (item.children) {
+									item.children.forEach((items) => {
+										defaultExpandedKeys.value.push(items.id)
+									})
+								}
+							}
+						})
+					}
+				}
+			})
+			.finally(() => {
+				cardLoading.value = false
+				// 设置默认选中第一个节点
+				if (treeData.value.length > 0) {
+					selectedKeys.value = [treeData.value[0].id] // 选中第一个节点
+					treeSelect(treeData.value[0].id) // 选中第一个节点
+				}
+			})
+	}
+
 	// 表格查询 返回 Promise 对象
 	const loadData = (parameter) => {
 		return bizPositionApi.positionPage(Object.assign(parameter, searchFormState.value)).then((res) => {
@@ -154,33 +196,7 @@
 		searchFormRef.value.resetFields()
 		tableRef.value.refresh(true)
 	}
-	// 加载左侧的树
-	bizOrgApi
-		.orgTree()
-		.then((res) => {
-			cardLoading.value = false
-			if (res !== null) {
-				treeData.value = res
-				if (isEmpty(defaultExpandedKeys.value)) {
-					// 默认展开2级
-					treeData.value.forEach((item) => {
-						// 因为0的顶级
-						if (item.parentId === '0') {
-							defaultExpandedKeys.value.push(item.id)
-							// 取到下级ID
-							if (item.children) {
-								item.children.forEach((items) => {
-									defaultExpandedKeys.value.push(items.id)
-								})
-							}
-						}
-					})
-				}
-			}
-		})
-		.finally(() => {
-			cardLoading.value = false
-		})
+
 	// 点击树查询
 	const treeSelect = (selectedKeys) => {
 		if (selectedKeys.length > 0) {

snowy-admin-web/src/views/biz/user/index.vue

@@ -63,6 +63,7 @@
 					:tool-config="toolConfig"
 					:row-key="(record) => record.id"
 					:row-selection="options.rowSelection"
+					v-if="selectedKeys.length"
 				>
 					<template #operator class="table-operator">
 						<a-space>
@@ -238,6 +239,7 @@
 	onMounted(() => {
 		loadTreeData()
 	})
+
 	// 表格查询 返回 Promise 对象
 	const loadData = (parameter) => {
 		return bizUserApi.userPage(Object.assign(parameter, searchFormState.value)).then((res) => {

snowy-admin-web/src/views/sys/org/index.vue

@@ -45,6 +45,7 @@
 					bordered
 					:row-key="(record) => record.id"
 					:row-selection="options.rowSelection"
+					v-if="selectedKeys.length"
 				>
 					<template #operator class="table-operator">
 						<a-space>

snowy-admin-web/src/views/sys/position/index.vue

@@ -46,6 +46,7 @@
 					bordered
 					:row-key="(record) => record.id"
 					:row-selection="options.rowSelection"
+					v-if="selectedKeys.length"
 				>
 					<template #operator class="table-operator">
 						<a-space>

snowy-admin-web/src/views/sys/user/index.vue

@@ -62,6 +62,7 @@
 					:alert="options.alert.show"
 					:row-key="(record) => record.id"
 					:row-selection="options.rowSelection"
+					v-if="selectedKeys.length"
 				>
 					<template #operator class="table-operator">
 						<a-space>