perf: 优化数据看板选择组织使用组织树

-import { getOrganizationList } from '/@/api/system/system';
 import { FormSchema } from '/@/components/Form';
 import { FormSchema } from '/@/components/Form';
 import { ColEx } from '/@/components/Form/src/types';
 import { ColEx } from '/@/components/Form/src/types';
 import { useGridLayout } from '/@/hooks/component/useGridLayout';
 import { useGridLayout } from '/@/hooks/component/useGridLayout';
-import { copyTransFun } from '/@/utils/fnUtils';
 
 
 export const formSchema: FormSchema[] = [
 export const formSchema: FormSchema[] = [
   {
   {
@@ -15,22 +13,4 @@ export const formSchema: FormSchema[] = [
       placeholder: '请输入看板名称',
       placeholder: '请输入看板名称',
     },
     },
   },
   },
-  {
-    field: 'organizationId',
-    component: 'ApiTreeSelect',
-    label: '组织',
-    // colProps: { span: 10 },
-    colProps: useGridLayout(2, 3, 4) as unknown as ColEx,
-    componentProps() {
-      return {
-        placeholder: '请选择组织',
-        api: async () => {
-          const data = await getOrganizationList();
-          copyTransFun(data as any as any[]);
-          return data;
-        },
-        getPopupContainer: () => document.body,
-      };
-    },
-  },
 ];
 ];

@@ -23,11 +23,16 @@
   import { DATA_BOARD_SHARE_URL } from '../palette';
   import { DATA_BOARD_SHARE_URL } from '../palette';
   import { BasicCardList, useCardList } from '/@/components/CardList';
   import { BasicCardList, useCardList } from '/@/components/CardList';
   import Authority from '/@/components/Authority/src/Authority.vue';
   import Authority from '/@/components/Authority/src/Authority.vue';
+  import { OrganizationIdTree, useOrganizationTree } from '../../common/organizationIdTree';
 
 
   const router = useRouter();
   const router = useRouter();
 
 
   const { createMessage, createConfirm } = useMessage();
   const { createMessage, createConfirm } = useMessage();
 
 
+  const [registerOrgTree, { clearSelected, getSelectKey }] = useOrganizationTree({
+    onSelect: () => reload(),
+  });
+
   const [registerCardList, { reload }] = useCardList({
   const [registerCardList, { reload }] = useCardList({
     title: '数据看板',
     title: '数据看板',
     api: getDataBoardList,
     api: getDataBoardList,
@@ -36,6 +41,10 @@
     formConfig: {
     formConfig: {
       schemas: formSchema,
       schemas: formSchema,
       labelWidth: 80,
       labelWidth: 80,
+      resetFunc: async () => clearSelected(),
+    },
+    beforeFetch: async (params: Recordable) => {
+      return { ...params, organizationId: getSelectKey() };
     },
     },
   });
   });
 
 
@@ -137,8 +146,9 @@
 </script>
 </script>
 
 
 <template>
 <template>
-  <section>
-    <BasicCardList @register="registerCardList">
+  <section class="flex">
+    <OrganizationIdTree @register="registerOrgTree" />
+    <BasicCardList class="flex-auto p-4 w-3/4 xl:w-4/5 w-full" @register="registerCardList">
       <template #toolbar>
       <template #toolbar>
         <Authority :value="VisualBoardPermission.CREATE">
         <Authority :value="VisualBoardPermission.CREATE">
           <Button type="primary" @click="handleOpenDetailModal">新增看板</Button>
           <Button type="primary" @click="handleOpenDetailModal">新增看板</Button>