From f17a9a0807f1ed7fcde2cec42cb847868016e675 Mon Sep 17 00:00:00 2001
From: Tanyalak <tanyalak@frappet.com>
Date: Wed, 1 Nov 2023 17:11:41 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=A2=E0=B8=81=E0=B9=81=E0=B8=97?=
 =?UTF-8?q?=E0=B9=87=E0=B8=9A=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2=20?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=87=E0=B9=80=E0=B8=A7=E0=B8=A5=E0=B8=B2=E0=B8=9B=E0=B8=8F?=
 =?UTF-8?q?=E0=B8=B4=E0=B8=9A=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=87=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/09_leave/views/WorkingMain.vue | 37 ++++++++++++++++++++--
 1 file changed, 34 insertions(+), 3 deletions(-)

diff --git a/src/modules/09_leave/views/WorkingMain.vue b/src/modules/09_leave/views/WorkingMain.vue
index 6580dc807..2afce6251 100644
--- a/src/modules/09_leave/views/WorkingMain.vue
+++ b/src/modules/09_leave/views/WorkingMain.vue
@@ -17,6 +17,8 @@ const workStore = useWorklistDataStore();
 const { date2Thai } = mixin;
 const { fetchList } = workStore;
 
+const tab = ref("1")
+
 onMounted(() => {
   fecthWorkList();
 });
@@ -84,9 +86,38 @@ function fecthWorkList() {
     รายการลงเวลาปฏิบัติงาน
   </div>
   <div>
-    <q-card flat bordered class="col-12 q-mt-sm">
-      <div class="q-pa-md"><ToolBar /> <TableList /></div
-    ></q-card>
+    <q-card bordered flat>
+      <q-tabs
+        v-model="tab"
+        dense
+        align="left"
+        inline-label
+        class="rounded-borders"
+        indicator-color="primary"
+        active-bg-color="teal-1"
+        active-class="text-primary"
+      >
+        <q-tab name="1" label="รายการลงเวลาที่ประมวลผลแล้ว"/>
+        <q-tab name="2" label="รายการลงเวลา" />
+      </q-tabs>
+        
+      <q-separator />
+
+      <q-tab-panels v-model="tab" animated>
+        <q-tab-panel name="1">
+          <!-- <TableList1 /> -->
+          <ToolBar />
+          <TableList />
+        </q-tab-panel>
+
+        <q-tab-panel name="2">
+          <!-- <TabList2Vue /> -->
+          <ToolBar />
+          <TableList />
+        </q-tab-panel>
+      </q-tab-panels>
+      <!-- </q-card> -->
+    </q-card>
   </div>
 </template>