refactor: 优化数据加载逻辑.

orion-ops-ui/src/components/user/role/role-selector.vue

@@ -45,12 +45,14 @@
 
   // 初始化选项
   onBeforeMount(() => {
-    optionData.value = cacheStore.roles.map(s => {
-      return {
-        label: `${s.name} (${s.code})`,
-        disabled: s.status === RoleStatus.DISABLED,
-        value: s.id,
-      };
+    cacheStore.loadRoles().then(roles => {
+      optionData.value = roles.map(s => {
+        return {
+          label: `${s.name} (${s.code})`,
+          disabled: s.status === RoleStatus.DISABLED,
+          value: s.id,
+        };
+      });
     });
   });
 

orion-ops-ui/src/components/user/user/user-selector.vue

@@ -18,7 +18,7 @@
 <script lang="ts" setup>
   import type { PropType } from 'vue';
   import type { SelectOptionData } from '@arco-design/web-vue';
-  import { computed, ref, onBeforeMount } from 'vue';
+  import { computed, ref, onMounted } from 'vue';
   import { useCacheStore } from '@/store';
   import { labelFilter } from '@/types/form';
 
@@ -43,12 +43,15 @@
   const optionData = ref<Array<SelectOptionData>>([]);
 
   // 初始化选项
-  onBeforeMount(() => {
-    optionData.value = cacheStore.users.map(s => {
-      return {
-        label: `${s.nickname} (${s.username})`,
-        value: s.id,
-      };
+  onMounted(() => {
+    // 加载用户列表
+    cacheStore.loadUsers().then(users => {
+      optionData.value = users.map(s => {
+        return {
+          label: `${s.nickname} (${s.username})`,
+          value: s.id,
+        };
+      });
     });
   });