fix: 修复当组织列表过长会撑高页面高度

 <template>
-  <div class="organization-tree flex relative items-center py-4" :class="foldFlag ? '' : 'pl-4'">
+  <div
+    ref="tree"
+    class="organization-tree flex relative items-center py-4"
+    :class="foldFlag ? '' : 'pl-4'"
+  >
     <div
       class="cursor-pointer flex py-4 fold-icon absolute rounded svg:fill-gray-400 hover:bg-gray-200"
       :class="foldFlag ? '' : '-right-4'"
@@ -33,7 +37,9 @@
   import { BasicTree, TreeItem } from '/@/components/Tree';
   import { getOrganizationList } from '/@/api/system/system';
   import { CaretRightOutlined } from '@ant-design/icons-vue';
+  import { getBoundingClientRect } from '/@/utils/domUtils';
 
+  const tree = ref<Nullable<HTMLDivElement>>();
   const emit = defineEmits(['select']);
   const treeData = ref<TreeItem[]>([]);
   const selectedKeys = ref<string[]>();
@@ -57,11 +63,23 @@
     foldFlag.value = !unref(foldFlag);
   };
 
+  const setTreeHeight = () => {
+    const rect = getBoundingClientRect(unref(tree)!);
+    if (rect) {
+      const { y } = rect as DOMRect;
+      const clientHight = document.documentElement.clientHeight;
+      const maxHeight = clientHight - y;
+      if (unref(tree)) unref(tree)!.style.height = `${maxHeight}px`;
+    }
+  };
+
   onMounted(async () => {
     treeData.value = (await getOrganizationList()) as unknown as TreeItem[];
     const getAllIds = findForAllId(treeData.value as any, []);
     //设置要展开的id
     treeExpandData.value = getAllIds;
+
+    setTreeHeight();
   });
   defineExpose({
     resetOrganization,