From 5e242730d6164739ee601f9c6b03a550d3b6847b Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 3 Apr 2024 17:59:37 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B9=80=E0=B8=A3=E0=B8=B5=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=99=E0=B9=83=E0=B8=8A=E0=B9=89=20=20stat=20card=20compone?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/01_branch-management/MainPage.vue | 36 +++++++++++++++++++--
 1 file changed, 33 insertions(+), 3 deletions(-)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 42c3f939..3d8b3706 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -1,8 +1,38 @@
 <script setup lang="ts">
 import AppBox from 'components/app/AppBox.vue';
 import BtnAddComponet from 'components/01_branch-management/BtnAddComponet.vue';
-import StatCardComponet from 'components/01_branch-management/StatCardComponet.vue';
+import StatCardComponet from 'components/StatCardComponet.vue';
 import TooltipComponet from 'src/components/TooltipComponet.vue';
+import { ref } from 'vue';
+
+const branchStat = ref<
+  {
+    amount: string;
+    label: string;
+  }[]
+>([
+  {
+    amount: '1',
+    label: 'สำนักงานใหญ่ 1',
+  },
+
+  {
+    amount: '2',
+    label: 'สำนักงานใหญ่ 2',
+  },
+  {
+    amount: '3',
+    label: 'สำนักงานใหญ่ 3',
+  },
+  {
+    amount: '4',
+    label: 'สำนักงานใหญ่ 4',
+  },
+  {
+    amount: '5',
+    label: 'สำนักงานใหญ่ 5',
+  },
+]);
 </script>
 <template>
   <div class="column">
@@ -10,8 +40,8 @@ import TooltipComponet from 'src/components/TooltipComponet.vue';
       {{ $t('branchManagement') }}
     </div>
 
-    <app-box>
-      <stat-card-componet amount="10" label="สาขาใหญ่" />
+    <app-box bordered class="q-mb-md">
+      <stat-card-componet :branch="branchStat" />
     </app-box>
 
     <app-box bordered style="width: 100%; height: 500px">