แก้ไขตาม task

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

@@ -0,0 +1,84 @@
+<script setup lang="ts">
+import { ref, onMounted } from "vue";
+//import Stores
+import { useCounterMixin } from "@/stores/mixin";
+import { useWorklistDataStore } from "../stores/WorkStore";
+//import Components
+import TableList from "../components/1_Work/TableList.vue";
+// use Store
+const mixin = useCounterMixin();
+const workStore = useWorklistDataStore();
+const { date2Thai } = mixin;
+const { fecthList } = workStore;
+
+onMounted(() => {
+  fecthWorkList();
+});
+//เรียกข้อมูลรายการลงเวลาปฏิบัติงาน
+function fecthWorkList() {
+  const listData = [
+    {
+      fullName: "นายกัณฐิมา  กาฬสินธ์ุ",
+      timeIn: "8:04",
+      coordinatesIn: "สำนักงาน",
+      latIn: "18.7903",
+      longIn: "99.0029",
+      timeOut: "18:04",
+      coordinatesOut: "สำนักงาน",
+      latOut: "18.7903",
+      longOut: "99.0029",
+      status: "1",
+    },
+    {
+      fullName: "นายนครชัย วันดี",
+      timeIn: "8:04",
+      coordinatesIn: "สำนักงาน",
+      latIn: "18.7903",
+      longIn: "99.0029",
+      timeOut: "18:04",
+      coordinatesOut: "สำนักงาน",
+      latOut: "18.7903",
+      longOut: "99.0029",
+      status: "2",
+    },
+    {
+      fullName: "นายปิยรมย์ ศิริธาราฟ",
+      timeIn: "8:04",
+      coordinatesIn: "สำนักงาน",
+      latIn: "18.7903",
+      longIn: "99.0029",
+      timeOut: "18:04",
+      coordinatesOut: "สำนักงาน",
+      latOut: "18.7903",
+      longOut: "99.0029",
+      status: "3",
+    },
+    {
+      fullName: "นางสาวปลาทอง ใจกล้า",
+      timeIn: "8:04",
+      coordinatesIn: "สำนักงาน",
+      latIn: "18.7903",
+      longIn: "99.0029",
+      timeOut: "18:04",
+      coordinatesOut: "สำนักงาน",
+      latOut: "18.7903",
+      longOut: "99.0029",
+      status: "1",
+    },
+  ];
+  fecthList(listData);
+}
+</script>
+<template>
+  <div class="toptitle text-dark col-12 row items-center">
+    รายการลงเวลาปฏิบัติงาน
+  </div>
+  <div>
+    <q-card flat bordered class="col-12 q-mt-sm">
+      <div class="q-pa-md">
+        <TableList /></div
+    ></q-card>
+  </div>
+</template>
+
+<style scoped></style>