ปรับรายงานการลงเวลา และการลา

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

@@ -88,7 +88,7 @@ function closeDialog() {
   modalFix.value = false;
 }
 
-function save() {
+function save() { 
   dialogConfirm($q, async () => {
     showLoader();
     await http

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

@@ -1,53 +0,0 @@
-<script setup lang="ts">
-import { useRouter } from "vue-router";
-
-const router = useRouter();
-
-function nextPage(type: string) {
-  router.push(`/statistics-report/${type}`);
-}
-</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">
-        <q-item
-          clickable
-          dense
-          class="hover-green"
-          @click="nextPage('time-records')"
-        >
-          <q-item-section avatar>
-            <q-icon color="primary" name="mdi-file" size="xs" />
-          </q-item-section>
-          <q-item-section class="text-dark">
-            รายงานสรุปบันทึกการลงเวลาปฏิบัติงาน
-          </q-item-section>
-        </q-item>
-
-        <q-item
-          clickable
-          dense
-          class="hover-green"
-          @click="nextPage('leaveday')"
-        >
-          <q-item-section avatar>
-            <q-icon color="primary" name="mdi-file" size="xs" />
-          </q-item-section>
-          <q-item-section class="text-dark"> บัญชีแสดงวันลา </q-item-section>
-        </q-item>
-      </div>
-    </q-card>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.q-item.hover-green:hover {
-  background-color: #d5f1ee57;
-  border-radius: 2px;
-}
-.q-item.hover-green {
-  padding: 10px;
-}
-</style>

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

@@ -4,13 +4,31 @@ import { ref } from "vue";
 /** import Components */
 import Tab1 from "@/modules/09_leave/components/1_Work/Tab1.vue";
 import Tab2 from "@/modules/09_leave/components/1_Work/Tab2.vue";
+import DialogReport from "@/modules/09_leave/components/1_Work/DialogReport.vue";
 
 const tab = ref("1");
+
+const modalReport = ref<boolean>(false);
+
+function onClickOpenDialog() {
+  modalReport.value = !modalReport.value;
+}
 </script>
 <template>
-  <div class="toptitle text-dark col-12 row items-center">
-    รายการลงเวลาปฏิบัติงาน
+  <div class="row">
+    <span class="toptitle text-dark item-center">รายการลงเวลาปฏิบัติงาน</span>
+    <q-space />
+    <q-btn
+      dense
+      flat
+      class="text-primary"
+      label="รายงานสถิติการลา"
+      @click="onClickOpenDialog"
+    >
+      <q-tooltip>รายงานสถิติการลา</q-tooltip>
+    </q-btn>
   </div>
+
   <div>
     <q-card bordered flat>
       <q-tabs
@@ -40,6 +58,8 @@ const tab = ref("1");
       </q-tab-panels>
     </q-card>
   </div>
+
+  <DialogReport :modal="modalReport" :close="onClickOpenDialog" />
 </template>
 
 <style scoped></style>