From 77eacda30713dc1d8539349dc3ce38587d2342d8 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 18 Apr 2024 18:24:40 +0700
Subject: [PATCH] fix: select district & subdistrict

---
 src/components/02_personnel-management/FormAddress.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/02_personnel-management/FormAddress.vue b/src/components/02_personnel-management/FormAddress.vue
index 9bbce4a1..04521b92 100644
--- a/src/components/02_personnel-management/FormAddress.vue
+++ b/src/components/02_personnel-management/FormAddress.vue
@@ -23,7 +23,6 @@ const provinceId = defineModel<string | null | undefined>('provinceId');
 const districtId = defineModel<string | null | undefined>('districtId');
 const subDistrictId = defineModel<string | null | undefined>('subDistrictId');
 const zipCode = defineModel<string | null | undefined>('zipCode');
-const isOpen = defineModel<boolean>('isOpen', { default: false });
 
 const addrOptions = reactive<{
   provinceOps: Province[];
@@ -66,9 +65,10 @@ async function selectSubDistrict(id: string) {
 
 onMounted(async () => {
   await fetchProvince();
+  await fetchDistrict();
+  await fetchSubDistrict();
 });
 
-watch(isOpen, fetchDistrict);
 watch(provinceId, fetchDistrict);
 watch(districtId, fetchSubDistrict);
 </script>
@@ -149,11 +149,7 @@ watch(districtId, fetchSubDistrict);
         emit-value
         map-options
         id="select-sub-district"
-        :model-value="
-          addrOptions.subDistrictOps.length === 1
-            ? (subDistrictId = addrOptions.subDistrictOps[0].id)
-            : ''
-        "
+        v-model="subDistrictId"
         option-value="id"
         option-label="name"
         :label="$t('subDistrict')"