From 7dee686fa15aab97788234a3b50d4ebecd216cdb Mon Sep 17 00:00:00 2001
From: waruneeta <warunee.auy@gmail.com>
Date: Fri, 3 Nov 2023 11:51:07 +0700
Subject: [PATCH] =?UTF-8?q?-=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=87=E0=B9=80=E0=B8=A7=E0=B8=A5=E0=B8=B2=E0=B8=9B?=
 =?UTF-8?q?=E0=B8=8F=E0=B8=B4=E0=B8=9A=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=87?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=99=20tab=202=20-=20=E0=B9=81=E0=B8=81=E0=B9=89?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B3=E0=B8=94=E0=B8=B1=E0=B8=9A=E0=B9=80=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=99=E0=B8=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/interface/request/main/main.ts            |  8 +-
 .../09_leave/components/1_Work/TableList.vue  | 10 --
 .../09_leave/components/1_Work/ToolBar.vue    |  2 +-
 .../components/1_Work/ToolBarDate.vue         | 94 +++++++++++++++++++
 src/modules/09_leave/views/WorkingMain.vue    |  3 +-
 5 files changed, 101 insertions(+), 16 deletions(-)
 create mode 100644 src/modules/09_leave/components/1_Work/ToolBarDate.vue

diff --git a/src/interface/request/main/main.ts b/src/interface/request/main/main.ts
index ecf34e6b6..ed4efc9b7 100644
--- a/src/interface/request/main/main.ts
+++ b/src/interface/request/main/main.ts
@@ -384,14 +384,14 @@ const menuList = readonly<any[]>([
       },
       {
         key: 9.2,
-        label: "แก้ไขรอบการปฎิบัติงานผู้ใช้งาน",
-        path: "/change-round",
+        label: "รายการลงเวลาปฏิบัติงาน",
+        path: "/work-list",
         role: "leave",
       },
       {
         key: 9.3,
-        label: "รายการลงเวลาปฏิบัติงาน",
-        path: "/work-list",
+        label: "แก้ไขรอบการปฎิบัติงานผู้ใช้งาน",
+        path: "/change-round",
         role: "leave",
       },
       {
diff --git a/src/modules/09_leave/components/1_Work/TableList.vue b/src/modules/09_leave/components/1_Work/TableList.vue
index 79e47a3db..d69217f23 100644
--- a/src/modules/09_leave/components/1_Work/TableList.vue
+++ b/src/modules/09_leave/components/1_Work/TableList.vue
@@ -70,15 +70,6 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
-  {
-    name: "status",
-    align: "left",
-    label: "สถานะ",
-    sortable: true,
-    field: "status",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
 ]);
 const visibleColumns = ref<string[]>([
   "no",
@@ -87,7 +78,6 @@ const visibleColumns = ref<string[]>([
   "coordinatesIn",
   "timeOut",
   "coordinatesOut",
-  "status",
 ]);
 
 onMounted(() => {
diff --git a/src/modules/09_leave/components/1_Work/ToolBar.vue b/src/modules/09_leave/components/1_Work/ToolBar.vue
index d37f776ef..f519ebe0f 100644
--- a/src/modules/09_leave/components/1_Work/ToolBar.vue
+++ b/src/modules/09_leave/components/1_Work/ToolBar.vue
@@ -11,7 +11,7 @@ const { filterFn, searchDataFn } = workStore;
 
 function calculateMaxDate() {
   const today = new Date();
-  today.setDate(today.getDate() - 1);
+  today.setDate(today.getDate());
   return today;
 }
 </script>
diff --git a/src/modules/09_leave/components/1_Work/ToolBarDate.vue b/src/modules/09_leave/components/1_Work/ToolBarDate.vue
new file mode 100644
index 000000000..8ae1cc18b
--- /dev/null
+++ b/src/modules/09_leave/components/1_Work/ToolBarDate.vue
@@ -0,0 +1,94 @@
+<script setup lang="ts">
+//import Stores
+import { useCounterMixin } from "@/stores/mixin";
+import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
+
+const workStore = useWorklistDataStore();
+const mixin = useCounterMixin();
+
+const { date2Thai } = mixin;
+const { filterFn, searchDataFn } = workStore;
+
+function calculateMaxDate() {
+  const today = new Date();
+  today.setDate(today.getDate());
+  return today;
+}
+</script>
+
+<template>
+  <div class="row col-12 q-col-gutter-sm q-mb-sm">
+    <div class="col-xs-12 col-sm-3 col-md-2">
+      <datepicker
+        menu-class-name="modalfix"
+        v-model="workStore.selectDate"
+        :locale="'th'"
+        autoApply
+        :enableTimePicker="false"
+        week-start="0"
+        :max-date="calculateMaxDate()"
+        @update:model-value="
+          searchDataFn(workStore.selectDate, workStore.selectStatus)
+        "
+      >
+        <template #year="{ year }">{{ year + 543 }}</template>
+        <template #year-overlay-value="{ value }">{{
+          parseInt(value + 543)
+        }}</template>
+        <template #trigger>
+          <q-input
+            for="selectDate"
+            dense
+            outlined
+            lazy-rules
+            :model-value="
+              workStore.selectDate !== null
+                ? date2Thai(workStore.selectDate)
+                : null
+            "
+            hide-bottom-space
+            :label="`${'วันที่'}`"
+          >
+            <template v-slot:prepend>
+              <q-icon name="event" class="cursor-pointer text-primary">
+              </q-icon>
+            </template>
+          </q-input>
+        </template>
+      </datepicker>
+    </div>
+    <q-space />
+    <div class="col-xs-12 col-sm-3 col-md-2">
+      <q-input
+        for="filterTable"
+        dense
+        outlined
+        v-model="workStore.filterTable"
+        label="ค้นหา"
+        debounce="300"
+      >
+        <template v-slot:append>
+          <q-icon name="search" />
+        </template>
+      </q-input>
+    </div>
+    <div class="col-xs-12 col-sm-3 col-md-2">
+      <q-select
+        for="visibleColumns"
+        v-model="workStore.visibleColumns"
+        multiple
+        outlined
+        dense
+        options-dense
+        :display-value="$q.lang.table.columns"
+        emit-value
+        map-options
+        :options="workStore.columns"
+        option-value="name"
+        options-cover
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/src/modules/09_leave/views/WorkingMain.vue b/src/modules/09_leave/views/WorkingMain.vue
index 2afce6251..0580e8be8 100644
--- a/src/modules/09_leave/views/WorkingMain.vue
+++ b/src/modules/09_leave/views/WorkingMain.vue
@@ -11,6 +11,7 @@ import type {
   TableRows,
   DataRes,
 } from "@/modules/09_leave/interface/response/work";
+import ToolBarDate from "../components/1_Work/ToolBarDate.vue";
 // use Store
 const mixin = useCounterMixin();
 const workStore = useWorklistDataStore();
@@ -112,7 +113,7 @@ function fecthWorkList() {
 
         <q-tab-panel name="2">
           <!-- <TabList2Vue /> -->
-          <ToolBar />
+          <ToolBarDate />
           <TableList />
         </q-tab-panel>
       </q-tab-panels>