From 817d70a5938a5bfe4902aa4e326eb7c0a251e0e9 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 7 Jun 2024 14:15:41 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20by=20=E0=B8=84=E0=B9=88=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BranchCardCustomer.vue                    | 30 +++++++------------
 1 file changed, 10 insertions(+), 20 deletions(-)

diff --git a/src/components/03_customer-management/BranchCardCustomer.vue b/src/components/03_customer-management/BranchCardCustomer.vue
index b4464b88..3f5926ae 100644
--- a/src/components/03_customer-management/BranchCardCustomer.vue
+++ b/src/components/03_customer-management/BranchCardCustomer.vue
@@ -1,23 +1,13 @@
 <script setup lang="ts">
-import branch from 'src/i18n/en-US/branch';
 import AppBox from 'components/app/AppBox.vue';
 
+import { CustomerBranch } from 'src/stores/customer/types';
+
 withDefaults(
   defineProps<{
-    data: any;
+    data: CustomerBranch;
   }>(),
-  {
-    data: {
-      branchCode: 'SNIS-642',
-      branchName: 'จ็อบเวิร์ดเกอร์เซอร์วิส',
-      address: 'เลขที่ 49,51 ถนนสุขสวัสดิ์ แขวงราษฏร์บูรณะ ...',
-      tel: '02-012-2323',
-      type: 'สาขา',
-      typeCop: 'แม่บ้าน',
-      boolean: true,
-      number: 10,
-    },
-  },
+  {},
 );
 </script>
 
@@ -26,7 +16,7 @@ withDefaults(
     <div
       class="row col-12 q-px-md q-py-md justify-between bordered-b surface-3 items-center"
     >
-      <div>{{ $t('customerBranchFormTab') }} {{ data.branchCode }}</div>
+      <div>{{ $t('customerBranchFormTab') }} {{ data.branchNo }}</div>
       <q-btn
         @click.stop="$emit('view-detail')"
         :label="$t('viewDetail')"
@@ -39,7 +29,7 @@ withDefaults(
     </div>
     <div class="row col-12 q-px-md q-py-sm bordered-b">
       <div class="col-5">{{ $t('branchName') }}</div>
-      <div class="col-7">{{ data.branchName }}</div>
+      <div class="col-7">{{ data.name }}</div>
     </div>
     <div class="row col-12 q-px-md q-py-sm bordered-b surface-2">
       <div class="col-5">{{ $t('address') }}</div>
@@ -47,17 +37,17 @@ withDefaults(
     </div>
     <div class="row col-12 q-px-md q-py-sm bordered-b">
       <div class="col-5">{{ $t('telephone') }}</div>
-      <div class="col-7">{{ data.tel }}</div>
+      <div class="col-7">{{ data.telephoneNo }}</div>
     </div>
     <div class="row col-12 q-px-md q-py-sm bordered-b surface-2">
       <div class="col-5">{{ $t('businessTypePure') }}</div>
-      <div class="col-7">{{ data.typeCop }}</div>
+      <div class="col-7">{{ data.bussinessType }}</div>
     </div>
     <div class="row col-12 q-px-md q-py-sm bordered-b">
       <div class="col-5">{{ $t('status') }}</div>
       <div class="col-7">
         <q-badge
-          v-if="data.boolean"
+          v-if="data.status"
           class="q-px-md q-py-xs rounded"
           style="background-color: var(--teal-1); color: var(--teal-4)"
         >
@@ -75,7 +65,7 @@ withDefaults(
     </div>
     <div class="row col-12 q-px-md q-py-sm surface-3">
       <div class="col-5">{{ $t('allEmployee') }}</div>
-      <div class="col-7">{{ data.number }}</div>
+      <div class="col-7">-</div>
     </div>
   </AppBox>
 </template>