From a1167dd6a585d43aebf97b83cdf1d11478190bb7 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 17 Apr 2024 17:19:58 +0700
Subject: [PATCH] feat: select user type that at least have one

---
 src/pages/02_personnel-management/MainPage.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 163fd328..764c7315 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { ref, onMounted, watch } from 'vue';
-import { api } from 'src/boot/axios';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import useUserStore from 'stores/user';
@@ -288,6 +287,13 @@ onMounted(async () => {
     ? await userStore.fetchRoleOption()
     : '';
   typeStats.value = await userStore.typeStats();
+
+  const firstTypeIncludeUser = Object.entries(typeStats.value || {}).find(
+    (v) => v[1] > 0,
+  );
+
+  firstTypeIncludeUser && (selectorLabel.value = firstTypeIncludeUser[0]);
+
   const res = await branchStore.userStats(formData.value.userType);
   if (res) {
     userStats.value = res;
@@ -298,6 +304,10 @@ watch(
   () => selectorLabel.value,
   async (label) => {
     mapUserType(label);
+    await userStore.fetchList({
+      includeBranch: true,
+      userType: selectorLabel.value ?? undefined,
+    });
     const res = await branchStore.userStats(label);
     if (res) {
       userStats.value = res;