From b202f2ed9d3dcd9478d9048be63c0a4a0c944e20 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 10 Nov 2023 14:49:16 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=84=E0=B8=AD=E0=B8=A1=E0=B9=80=E0=B8=A1?=
 =?UTF-8?q?=E0=B9=89=E0=B8=99=20Code=20=E0=B8=A3=E0=B8=B0=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=9A=20=E0=B8=A5=E0=B8=87=E0=B9=80=E0=B8=A7=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/1_Work/DialogDetail.vue        | 11 ++++++--
 .../09_leave/components/1_Work/TableList.vue  | 28 ++++++++++++-------
 .../09_leave/components/1_Work/ToolBar.vue    |  6 ++--
 .../components/1_Work/ToolBarDate.vue         |  8 +++---
 .../components/2_Leave/DetailLeave.vue        | 14 +++++-----
 .../09_leave/components/2_Leave/TableList.vue | 28 ++++++++-----------
 .../09_leave/components/2_Leave/ToolBar.vue   | 12 ++++++--
 .../components/3_WorkTime/DialogForm.vue      |  1 +
 .../09_leave/views/ChangeRoundMain.vue        |  2 +-
 src/modules/09_leave/views/LeaveListMain.vue  |  6 +---
 src/modules/09_leave/views/WorkingMain.vue    | 27 ++++++++++--------
 11 files changed, 80 insertions(+), 63 deletions(-)

diff --git a/src/modules/09_leave/components/1_Work/DialogDetail.vue b/src/modules/09_leave/components/1_Work/DialogDetail.vue
index a02604db2..d6ca9f1f3 100644
--- a/src/modules/09_leave/components/1_Work/DialogDetail.vue
+++ b/src/modules/09_leave/components/1_Work/DialogDetail.vue
@@ -1,18 +1,24 @@
 <script setup lang="ts">
 import { ref, watch } from "vue";
+
+/** props จาก TableList */
 const props = defineProps({
   modal: {
     type: Boolean,
+    require: true,
   },
   detail: {
     type: Object,
+    require: true,
   },
   colse: {
     type: Function,
+    require: true,
   },
 });
 const statusEdit = ref<boolean>(false);
-// รายละเอียดข้อมูล
+
+/** รายละเอียดข้อมูล */
 const titlename = ref<string>("");
 const timeIn = ref<string>("");
 const timeOut = ref<string>("");
@@ -33,7 +39,8 @@ watch(props, () => {
     }
   }
 });
-// ปิด popup
+
+/** Function ปิด popup */
 function colsePopup() {
   props.colse ? props.colse() : false;
 }
diff --git a/src/modules/09_leave/components/1_Work/TableList.vue b/src/modules/09_leave/components/1_Work/TableList.vue
index d69217f23..ec163523e 100644
--- a/src/modules/09_leave/components/1_Work/TableList.vue
+++ b/src/modules/09_leave/components/1_Work/TableList.vue
@@ -1,20 +1,23 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+
+/** importType*/
 import type { QTableProps } from "quasar";
-//import Stores
+
+/** importComponents */
+import DialogDetail from "@/modules/09_leave/components/1_Work/DialogDetail.vue";
+
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
 
-//importComponents
-import DialogDetail from "@/modules/09_leave/components/1_Work/DialogDetail.vue";
-
+/** useStore */
 const mixin = useCounterMixin();
 const workStore = useWorklistDataStore();
-
 const { date2Thai } = mixin;
 const { searchDataFn, filterFn } = workStore;
 
-//ข้อมูล Table
+/** ข้อมูลหัวตาราง*/
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -80,24 +83,29 @@ const visibleColumns = ref<string[]>([
   "coordinatesOut",
 ]);
 
+/** Hook */
 onMounted(() => {
   workStore.columns = columns.value;
   workStore.visibleColumns = visibleColumns.value;
 });
 
-//DialogDetail
+/** ข้อมูล popup */
 const modal = ref<boolean>(false);
 const dataDetail = ref<any>([]);
-// เปิด popup ลายละเอียด
+/**
+ * Function openPopup และแสดงรายละเอียด
+ * @param data ข้อมูลรายละเอียด
+ */
 function clickDetail(data: any) {
   modal.value = true;
   dataDetail.value = data;
-} //ปิด popup ลายละเอียด
+}
+/** Function ปิด popup */
 function colseDeyail() {
   modal.value = false;
 }
 
-//pagination
+/** pagination */
 const pagination = ref({
   descending: true,
   page: 1,
diff --git a/src/modules/09_leave/components/1_Work/ToolBar.vue b/src/modules/09_leave/components/1_Work/ToolBar.vue
index f519ebe0f..ccd80c8df 100644
--- a/src/modules/09_leave/components/1_Work/ToolBar.vue
+++ b/src/modules/09_leave/components/1_Work/ToolBar.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-//import Stores
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
-
+/** useStore */
 const workStore = useWorklistDataStore();
 const mixin = useCounterMixin();
-
 const { date2Thai } = mixin;
 const { filterFn, searchDataFn } = workStore;
 
+/** Functicon หาค่ามากสุดและปิดวันที่ไม่ให้เลือกวันล่วงหน้า*/
 function calculateMaxDate() {
   const today = new Date();
   today.setDate(today.getDate());
diff --git a/src/modules/09_leave/components/1_Work/ToolBarDate.vue b/src/modules/09_leave/components/1_Work/ToolBarDate.vue
index 8ae1cc18b..92ca0c224 100644
--- a/src/modules/09_leave/components/1_Work/ToolBarDate.vue
+++ b/src/modules/09_leave/components/1_Work/ToolBarDate.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-//import Stores
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
-
+/** useStore */
 const workStore = useWorklistDataStore();
 const mixin = useCounterMixin();
-
 const { date2Thai } = mixin;
-const { filterFn, searchDataFn } = workStore;
+const { searchDataFn } = workStore;
 
+/** Functicon หาค่ามากสุดและปิดวันที่ไม่ให้เลือกวันล่วงหน้า*/
 function calculateMaxDate() {
   const today = new Date();
   today.setDate(today.getDate());
diff --git a/src/modules/09_leave/components/2_Leave/DetailLeave.vue b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
index 7a255d482..8a4ae48e6 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeave.vue
+++ b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
@@ -2,17 +2,17 @@
 import { ref, reactive, onMounted } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useQuasar } from "quasar";
-//importStore
+/** importStore */
 import { useCounterMixin } from "@/stores/mixin";
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 import { useLeavelistDataStoreTest } from "@/modules/09_leave/stores/ListLeave";
 
 const APIDATA = useLeavelistDataStoreTest();
 
-//importType
+/** importType */
 import type { FremData } from "@/modules/09_leave/interface/request/leave";
 
-// importForm
+/** importForm*/
 import FormMain from "@/modules/09_leave/components/2_Leave/formDetail/formMain.vue"; // from ซ้าย
 import FormLeave from "@/modules/09_leave/components/2_Leave/formDetail/formLeave.vue"; // ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว
 import FormChildbirth from "@/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue"; // ลาไปช่วยเหลือภริยาที่คลอดบุตร
@@ -25,6 +25,8 @@ import FormLeaveToTraining from "@/modules/09_leave/components/2_Leave/formDetai
 import FormLeaveToWorkInternational from "@/modules/09_leave/components/2_Leave/formDetail/formLeaveToWorkInternational.vue"; // ลาไปปฏิบัติงานในองค์การระหว่างประเทศ
 import FormSpouse from "@/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue"; // ลาติดตามคู่สมรส
 import FormVocationalRehabilitation from "@/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue"; //ลาไปฟื้นฟูสมรรถภาพด้านอาชีพ
+
+/** use */
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const { dialogConfirm, showLoader, hideLoader, date2Thai } = mixin;
@@ -170,17 +172,15 @@ function fetchDetailLeave(paramsId: string) {
     formData.historyFollow = e.historyFollow;
   });
 
-  // setTimeout(() => {
-
+  /** ส่งประเภทของการลาไป Function เช็คประเภทการลา*/
   checkLeaveType(formData.leaveType ? formData.leaveType : "");
   hideLoader();
-  // }, 1000);
 }
 /**Status Form การลา*/
 const checkForm = ref<string>("");
 /**
  * Function เช็คประเภทการลา
- * @param type รับค่าประเภทของการลา
+ * @param type รับค่า
  */
 function checkLeaveType(type: string) {
   if (type === "leave1" || type === "leave2" || type === "leave3") {
diff --git a/src/modules/09_leave/components/2_Leave/TableList.vue b/src/modules/09_leave/components/2_Leave/TableList.vue
index 4627e2220..b1c513a48 100644
--- a/src/modules/09_leave/components/2_Leave/TableList.vue
+++ b/src/modules/09_leave/components/2_Leave/TableList.vue
@@ -3,7 +3,8 @@ q
 import { ref, onMounted } from "vue";
 import type { QTableProps } from "quasar";
 import { useRouter } from "vue-router";
-//import Stores
+
+/** importStores*/
 import { useCounterMixin } from "@/stores/mixin";
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 const mixin = useCounterMixin();
@@ -11,10 +12,17 @@ const leaveStore = useLeavelistDataStore();
 
 const router = useRouter();
 
-const { date2Thai } = mixin;
-const { optionYear, searchDataFn, filterOption } = leaveStore; // เรียน funtion จาก stores
+/** Hook*/
+onMounted(() => {
+  leaveStore.columns = columns.value;
+  leaveStore.visibleColumns = visibleColumns.value;
+});
 
-// ข้อมูล TABLE
+/** เรียน funtion จาก stores*/
+// const { date2Thai } = mixin;
+// const { optionYear, searchDataFn, filterOption } = leaveStore;
+
+/** ข้อมูลหัวตาราง  */
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -70,22 +78,11 @@ const visibleColumns = ref<string[]>([
   "status",
 ]);
 
-onMounted(() => {
-  leaveStore.columns = columns.value;
-  leaveStore.visibleColumns = visibleColumns.value;
-});
-
 const pagination = ref({
   descending: true,
   page: 1,
   rowsPerPage: 10,
 });
-
-const paging = ref<boolean>(true);
-const paginationLabel = (start: string, end: string, total: string) => {
-  if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
-  else return start + "-" + end + " ใน " + total;
-};
 </script>
 
 <template>
@@ -101,7 +98,6 @@ const paginationLabel = (start: string, end: string, total: string) => {
     dense
     class="custom-header-table"
     :visible-columns="leaveStore.visibleColumns"
-    :pagination-label="paginationLabel"
     v-model:pagination="pagination"
     :loading="leaveStore.loadTable"
   >
diff --git a/src/modules/09_leave/components/2_Leave/ToolBar.vue b/src/modules/09_leave/components/2_Leave/ToolBar.vue
index dafe9ad8e..0742441b9 100644
--- a/src/modules/09_leave/components/2_Leave/ToolBar.vue
+++ b/src/modules/09_leave/components/2_Leave/ToolBar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-//import Stores
+/** importStores*/
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 
 const leaveStore = useLeavelistDataStore();
@@ -70,7 +70,13 @@ const { searchDataFn, filterOption } = leaveStore;
             (inputValue:any, doneFn:Function) =>
             filterOption(inputValue, doneFn, 'status')
           "
-      />
+      >
+        <template v-slot:no-option>
+          <q-item>
+            <q-item-section class="text-grey"> ไม่มีข้อมูล </q-item-section>
+          </q-item>
+        </template></q-select
+      >
     </div>
     <q-space />
     <div class="col-xs-12 col-sm-3 col-md-2">
@@ -99,4 +105,4 @@ const { searchDataFn, filterOption } = leaveStore;
       />
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue b/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
index ad6f3f720..83719aafd 100644
--- a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
+++ b/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
@@ -134,6 +134,7 @@ async function putRoundDuty(id: string) {
     });
 }
 
+//** Function ปิด Popup */
 function close() {
   props.closeDialog?.();
 }
diff --git a/src/modules/09_leave/views/ChangeRoundMain.vue b/src/modules/09_leave/views/ChangeRoundMain.vue
index 512808b32..45274c65a 100644
--- a/src/modules/09_leave/views/ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/ChangeRoundMain.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, useAttrs, onMounted, reactive } from "vue";
+import { ref, onMounted, reactive } from "vue";
 import { useQuasar } from "quasar";
 // ค้นหาในตาราง
 import type { dataPost } from "@/modules/09_leave/interface/request/changeRound";
diff --git a/src/modules/09_leave/views/LeaveListMain.vue b/src/modules/09_leave/views/LeaveListMain.vue
index de75d51a4..14e88037b 100644
--- a/src/modules/09_leave/views/LeaveListMain.vue
+++ b/src/modules/09_leave/views/LeaveListMain.vue
@@ -19,12 +19,8 @@ const { fetchList, clearFilter } = leaveStore;
 onMounted(() => {
   fecthLeaveList();
 });
-/**
- * เรียกข้อมูลจาก API
- */
+/** เรียกข้อมูลจาก API*/
 function fecthLeaveList() {
-  console.log(APIDATA.data);
-
   const data = APIDATA.data;
 
   fetchList(data); /** ส่งข้อมูลไป stores*/
diff --git a/src/modules/09_leave/views/WorkingMain.vue b/src/modules/09_leave/views/WorkingMain.vue
index 0580e8be8..370364815 100644
--- a/src/modules/09_leave/views/WorkingMain.vue
+++ b/src/modules/09_leave/views/WorkingMain.vue
@@ -1,29 +1,32 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
-//import Stores
+
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
-//import Components
+
+/** 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,
-  DataRes,
-} from "@/modules/09_leave/interface/response/work";
 import ToolBarDate from "../components/1_Work/ToolBarDate.vue";
-// use Store
+
+/** import Type */
+import type { DataRes } from "@/modules/09_leave/interface/response/work";
+
+/** use Store */
 const mixin = useCounterMixin();
 const workStore = useWorklistDataStore();
 const { date2Thai } = mixin;
 const { fetchList } = workStore;
 
-const tab = ref("1")
+const tab = ref("1");
 
+/** Hook */
 onMounted(() => {
   fecthWorkList();
 });
-//เรียกข้อมูลรายการลงเวลาปฏิบัติงาน
+
+/** เรียกข้อมูลรายการลงเวลาปฏิบัติงาน */
 function fecthWorkList() {
   const listData: DataRes[] = [
     {
@@ -98,10 +101,10 @@ function fecthWorkList() {
         active-bg-color="teal-1"
         active-class="text-primary"
       >
-        <q-tab name="1" label="รายการลงเวลาที่ประมวลผลแล้ว"/>
+        <q-tab name="1" label="รายการลงเวลาที่ประมวลผลแล้ว" />
         <q-tab name="2" label="รายการลงเวลา" />
       </q-tabs>
-        
+
       <q-separator />
 
       <q-tab-panels v-model="tab" animated>