Merge branch 'main_dev' into ft

@@ -292,7 +292,7 @@
   }
 
   .split-screen-mode:deep(.ant-spin-container) {
-    height: 100% !important;
+    height: 100%;
   }
 
   .video-container {

@@ -44,6 +44,7 @@
       maxLength: 250,
       ...apiTreeSelectProps,
       value,
+      dropdownStyle: { maxHeight: '300px' },
       api: async (params: OrganizationListItem) => {
         try {
           if (!unref(needReload)) return unref(orgList);

 <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,
@@ -70,6 +88,8 @@
 
 <style scoped lang="less">
   .organization-tree {
+    max-height: 100vh;
+
     .expand {
       opacity: 0;
     }

@@ -145,6 +145,7 @@
             onChange(value: string, option: Recordable) {
               handleEmit(FormFieldsEnum.ORGANIZATION, value, option);
             },
+            dropdownStyle: { maxHeight: '300px' },
             getPopupContainer: () => document.body,
           };
         },