ปรับ table ลงเวลา

src/modules/09_leave/views/LeaveListMain.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+
+import type { DataRows } from "@/modules/09_leave/interface/response/leave";
 // importStroe
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 // importComponets
 import TableList from "@/modules/09_leave/components/2_Leave/TableList.vue";
-
+import ToolBar from "@/modules/09_leave/components/2_Leave/ToolBar.vue";
 const leaveStore = useLeavelistDataStore();
 const { fetchList, clearFilter } = leaveStore;
 
@@ -13,7 +15,7 @@ onMounted(() => {
 });
 // เรียกข้อมูลจาก API
 function fecthLeaveList() {
-  const data = [
+  const data: DataRows = [
     {
       leaveType: "ลาป่วย",
       name: "นายกัณฐิมา  กาฬสินธ์ุ",
@@ -96,11 +98,13 @@ function changTab() {
       <q-tab-panels v-model="leaveStore.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>

src/modules/09_leave/views/WorkingMain.vue

@@ -5,6 +5,9 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
 //import Components
 import TableList from "@/modules/09_leave/components/1_Work/TableList.vue";
+import ToolBar from "@/modules/09_leave/components/1_Work/ToolBar.vue";
+// import Type
+import type { TableRows } from "@/modules/09_leave/interface/response/work";
 // use Store
 const mixin = useCounterMixin();
 const workStore = useWorklistDataStore();
@@ -16,7 +19,7 @@ onMounted(() => {
 });
 //เรียกข้อมูลรายการลงเวลาปฏิบัติงาน
 function fecthWorkList() {
-  const listData = [
+  const listData: TableRows[] = [
     {
       fullName: "นายกัณฐิมา  กาฬสินธ์ุ",
       timeIn: "8:04",
@@ -75,8 +78,7 @@ function fecthWorkList() {
   </div>
   <div>
     <q-card flat bordered class="col-12 q-mt-sm">
-      <div class="q-pa-md">
-        <TableList /></div
+      <div class="q-pa-md"><ToolBar /> <TableList /></div
     ></q-card>
   </div>
 </template>