From a9535de0b8a29aeefa06eff9a96240603a127a0e Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 26 Aug 2024 17:18:40 +0700
Subject: [PATCH] refactor(02): br id

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

diff --git a/src/components/02_personnel-management/FormInformation.vue b/src/components/02_personnel-management/FormInformation.vue
index a3d566d6..12b8ff88 100644
--- a/src/components/02_personnel-management/FormInformation.vue
+++ b/src/components/02_personnel-management/FormInformation.vue
@@ -31,6 +31,11 @@ async function selectHq(id: string) {
   if (userStore.userOption.brOpts.length === 1) {
     brId.value = userStore.userOption.brOpts[0].value;
   }
+  brFilter = selectFilterOptionRefMod(
+    ref(userStore.userOption.brOpts),
+    brOptions,
+    'label',
+  );
 }
 
 const hqOptions = ref<Record<string, unknown>[]>([]);
@@ -41,7 +46,7 @@ const hqFilter = selectFilterOptionRefMod(
 );
 
 const brOptions = ref<Record<string, unknown>[]>([]);
-const brFilter = selectFilterOptionRefMod(
+let brFilter = selectFilterOptionRefMod(
   ref(userStore.userOption.brOpts),
   brOptions,
   'label',
@@ -114,6 +119,11 @@ onMounted(async () => {
         ]"
         @update:model-value="(val: string) => selectHq(val)"
         @filter="hqFilter"
+        @clear="
+          () => {
+            (hqId = ''), (brId = '');
+          }
+        "
       >
         <template v-slot:no-option>
           <q-item>