perf: 优化组织下拉选择器

@@ -5,6 +5,7 @@
   import { computed, ref, unref } from 'vue';
   import OrganizationDrawer from '/@/views/system/organization/OrganizationDrawer.vue';
   import { useDrawer } from '/@/components/Drawer';
+  import { OrganizationListItem } from '/@/api/system/model/systemModel';
 
   const [registerDrawer, { openDrawer }] = useDrawer();
 
@@ -19,6 +20,8 @@
     }
   );
 
+  const needReload = ref(true);
+
   const emit = defineEmits(['change']);
 
   const handleOpenCreate = () => {
@@ -27,7 +30,9 @@
 
   const timespan = ref(Date.now());
 
-  const getBindProps = computed(() => {
+  const orgList = ref<Recordable[]>([]);
+
+  const getBindProps = computed<Recordable>(() => {
     const { value, apiTreeSelectProps = {} } = props;
     const { params = {} } = apiTreeSelectProps;
     return {
@@ -37,7 +42,17 @@
       maxLength: 250,
       ...apiTreeSelectProps,
       value,
-      api: getOrganizationList,
+      api: async (params: OrganizationListItem) => {
+        try {
+          if (!unref(needReload)) return unref(orgList);
+          const result = ((await getOrganizationList(params)) as unknown as Recordable[]) || [];
+          orgList.value = result;
+          needReload.value = false;
+          return result;
+        } catch (error) {
+          return unref(orgList);
+        }
+      },
       params: { ...params, _t: unref(timespan) },
       onChange: (...args: any[]) => {
         emit('change', ...args);
@@ -46,6 +61,7 @@
   });
 
   const handleReload = () => {
+    needReload.value = true;
     timespan.value = Date.now();
   };
 </script>