From 408b7b3441660c42aa6181211c963e3069d0f2e8 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Thu, 22 Aug 2024 11:14:36 +0700
Subject: [PATCH] refactor: header Format numbers

---
 .../components/employer/EmployerFormAbout.vue | 21 +++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue b/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
index 8c7b4fd7..26f6d1a7 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import DatePicker from 'src/components/shared/DatePicker.vue';
+import { formatNumberDecimal } from 'stores/utils';
 
 const citizenId = defineModel<string | undefined>('citizenId', {
   required: true,
@@ -20,7 +21,9 @@ const registerName = defineModel<string | undefined>('registerName', {
 const registerNameEN = defineModel<string>('registerNameEN');
 
 const registerDate = defineModel<Date | null>('registerDate');
-const authorizedCapital = defineModel<string>('authorizedCapital');
+const authorizedCapital = defineModel<string>('authorizedCapital', {
+  default: '0',
+});
 
 defineProps<{
   index: string;
@@ -57,7 +60,7 @@ defineProps<{
         for="input-branch-code"
         :label="$t('customer.form.branchCode')"
         :readonly="readonly"
-        :model-value="`${branchCode}${index}`"
+        :model-value="branchCode"
       />
 
       <q-input
@@ -113,12 +116,22 @@ defineProps<{
         lazy-rules="ondemand"
         dense
         outlined
+        type="text"
         :readonly="readonly"
         hide-bottom-space
-        class="col-12 col-md-2"
+        class="col-12 col-md-3"
         :label="$t('customer.form.authorizedCapital')"
         for="input-authorized-capital"
-        v-model="authorizedCapital"
+        :model-value="
+          !readonly
+            ? authorizedCapital
+            : formatNumberDecimal(+authorizedCapital, 2)
+        "
+        @update:model-value="
+          (v) => {
+            authorizedCapital = `${v}`;
+          }
+        "
       />
 
       <DatePicker