From 7ff9bcddc87023b78b14c3ef27ab022b7ee4f688 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 12 Jun 2024 15:35:05 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B0=E0=B8=A2=E0=B8=B0=E0=B8=82=E0=B8=AD=E0=B8=87=20?=
 =?UTF-8?q?=E0=B8=82=E0=B8=AD=E0=B8=87=20selector?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SelectorList.vue                | 4 ++--
 src/pages/02_personnel-management/MainPage.vue | 6 +++---
 src/pages/03_customer-management/MainPage.vue  | 6 ++++--
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/SelectorList.vue b/src/components/SelectorList.vue
index 7e35cbef..fc4ea2f0 100644
--- a/src/components/SelectorList.vue
+++ b/src/components/SelectorList.vue
@@ -61,9 +61,9 @@ defineProps<{
 .q-item {
   align-items: center;
   border: 1px solid transparent;
-  padding: 6px 16px;
   min-height: 0;
-  margin-bottom: 8px;
+  padding: 0 16px;
+  margin-bottom: 4px;
 }
 
 .disable-item {
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 4039f6d1..09744bcf 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -549,7 +549,7 @@ watch(
       <SelectorList
         :list="selectorList"
         v-model:selector="selectorLabel"
-        class="q-mr-md col-4"
+        class="q-mr-md col-3"
       />
 
       <!-- stat -->
@@ -570,7 +570,7 @@ watch(
             style="background-color: var(--cyan-6); color: white"
           />
         </div>
-        <div class="row full-width q-py-md" style="overflow-x: auto">
+        <div class="row full-width" style="overflow-x: auto">
           <StatCardComponent
             v-if="sortedUserStats"
             :branch="
@@ -669,7 +669,7 @@ watch(
                 { label: $t('personnelCardTelephone'), value: v.telephoneNo },
                 {
                   label: $t('personnelCardAge'),
-                  value: userStore.calculateAge(v.birthDate as Date),
+                  value: userStore.calculateAge(v.birthDate as Date) || '',
                 },
               ],
               badge: v.code,
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 81927594..4e350ade 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -619,6 +619,8 @@ async function onDelete(id: string) {
 
 async function submitBranch() {
   if (formData.value.customerBranch?.[0]) {
+    delete formData.value.customerBranch[0]['id'];
+
     await editBranchById(currentBranchId.value, {
       ...formData.value.customerBranch[0],
       customerId: currentCustomerId.value,
@@ -791,7 +793,7 @@ watch(fieldSelectedCustomer, async () => {
           clickable
           :list="selectorList"
           v-model:selector="selectorLabel"
-          class="q-mr-md col-4"
+          class="q-mr-md col-3"
         />
 
         <!-- stat -->
@@ -819,7 +821,7 @@ watch(fieldSelectedCustomer, async () => {
               style="background-color: var(--cyan-6); color: white"
             />
           </div>
-          <div class="row full-width q-py-md" style="overflow-x: auto">
+          <div class="row full-width" style="overflow-x: auto">
             <StatCardComponent
               v-if="customerStats"
               labelI18n