แก้รายงาน (ข้อความและการทำงาน)

src/modules/09_leave/views/06_ReportMain.vue

@@ -45,26 +45,49 @@ const dateMonth = ref<DataDateMonthObject>({
   year: new Date().getFullYear(),
 });
 
+const pageName = ref<string>(route.name as string);
+
 const dateWeek = ref<Date[]>(getCurrentWeek());
 const date = ref<Date>(new Date());
 
 const typeReport = ref<string>("");
 const optionReport = ref<DataOption[]>([]);
-const optionReportMain = ref<DataOption[]>([
-  {
-    id: "3",
-    name: "รายงานการเข้างาน",
-  },
-  {
-    id: "4",
-    name: "รายงานการเข้างานสาย",
-  },
-  { id: "1", name: "รายงานการลางานตามประเภทการลา" },
-  {
-    id: "2",
-    name: "รายงานการลางาน จำแนกตามเพศ ประเภทการลา หน่วยงาน/ส่วนราชการ",
-  },
-]);
+const optionReportMain = ref<DataOption[]>(
+  route.name?.toString() === "reportLeave"
+    ? [
+        {
+          id: "3",
+          name: "รายงานการเข้างาน",
+        },
+        {
+          id: "4",
+          name: "รายงานการเข้างานสาย",
+        },
+        { id: "1", name: "รายงานการลางานตามประเภทการลา" },
+        {
+          id: "2",
+          name: "รายงานการลางาน จำแนกตามเพศ ประเภทการลา หน่วยงาน/ส่วนราชการ",
+        },
+      ]
+    : route.name?.toString() === "leaveReport"
+    ? [
+        { id: "1", name: "รายงานการลางานตามประเภทการลา" },
+        {
+          id: "2",
+          name: "รายงานการลางาน จำแนกตามเพศ ประเภทการลา หน่วยงาน/ส่วนราชการ",
+        },
+      ]
+    : [
+        {
+          id: "3",
+          name: "รายงานการเข้างาน",
+        },
+        {
+          id: "4",
+          name: "รายงานการเข้างานสาย",
+        },
+      ]
+);
 
 const employeeClass = ref<string>("officer");
 const yearType = ref<string>("FULL");
@@ -380,14 +403,22 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="toptitle text-dark col-12 row items-center">บัญชีแสดงวันลา</div>
+  <div class="toptitle text-dark col-12 row items-center">
+    {{
+      pageName === "reportLeave"
+        ? "รายงานบันทึกเวลาและการลา"
+        : pageName === "leaveReport"
+        ? "รายงานสถิติการลา"
+        : "รายงานสถิติการลงเวลา"
+    }}
+  </div>
 
   <q-form greedy @submit.prevent @validation-success="onSearch">
     <div class="row q-col-gutter-sm">
       <div class="col-12">
         <q-card class="q-pa-sm">
           <div class="row q-col-gutter-sm no-wrap">
-            <div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
+            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
               <q-select
                 outlined
                 dense
@@ -624,7 +655,6 @@ onMounted(() => {
                     <div class="row q-col-gutter-y-xs">
                       <div class="text-grey-8 text-caption">เลือกช่วงเวลา</div>
                       <div class="col-12">
-
                         <q-select
                           class="bg-white"
                           dense