From 33d98b4542b02e9dee6224268402189cc3072f67 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 28 Jun 2024 13:04:02 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=81?=
 =?UTF-8?q?=E0=B8=94=E0=B8=AA=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87=20?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=B2=E0=B8=82=E0=B8=B2=E0=B9=84=E0=B8=A1=E0=B9=88?=
 =?UTF-8?q?=E0=B9=84=E0=B8=94=E0=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/01_branch-management/MainPage.vue | 23 ++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index e7334856..e5ac79f0 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -31,6 +31,7 @@ const modal = ref<boolean>(false);
 
 const profileFileImg = ref<File | undefined>(undefined);
 const imageUrl = ref<string | null>('');
+const currentTreehHeadOfficeId = ref<string>('');
 
 const inputFileImg = (() => {
   const element = document.createElement('input');
@@ -92,17 +93,20 @@ const treeData = computed(() => {
   return arr;
 });
 
-onMounted(async () => {
-  await branchStore.fetchList({ pageSize: 99999 });
-
+async function calculateStats() {
   const _stats = await branchStore.stats();
 
   if (_stats) {
-    stats.value.push(
+    stats.value = [
       { count: _stats.hq, label: 'branchHQLabel', color: 'pink' },
       { count: _stats.br, label: 'branchLabel', color: 'purple' },
-    );
+    ];
   }
+}
+
+onMounted(async () => {
+  await branchStore.fetchList({ pageSize: 99999 });
+  await calculateStats();
 
   flowStore.rotate();
 });
@@ -320,7 +324,8 @@ function triggerDelete(id: string) {
         await branchStore.deleteById(id);
         await branchStore.fetchList({ pageSize: 99999 });
         modalDrawer.value = false;
-        stats.value[0].count = stats.value[0].count - 1;
+        await calculateStats();
+
         flowStore.rotate();
       },
       cancel: () => {},
@@ -349,7 +354,11 @@ async function onSubmit() {
 
   if (formType.value === 'create') {
     if (formTypeBranch.value === 'subBranch') {
-      formData.value.headOfficeId = currentHq.value.id;
+      const currentRecord = branchData.value.result.find(
+        (x) => x.id === formData.value.headOfficeId,
+      );
+
+      formData.value.headOfficeId = currentRecord?.id;
       delete formData.value['codeHeadOffice'];
     }