From a1f06ed7fa162add24f8dace67bf1e428069453e Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 29 Apr 2024 15:34:34 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=9C=E0=B8=B1=E0=B8=87=E0=B8=9A=E0=B8=B1=E0=B8=8D?=
 =?UTF-8?q?=E0=B8=8A=E0=B8=B5=E0=B9=80=E0=B8=87=E0=B8=B4=E0=B8=99=E0=B9=80?=
 =?UTF-8?q?=E0=B8=94=E0=B8=B7=E0=B8=AD=E0=B8=99=20=20=3D>=20=E0=B8=9B?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B1=E0=B8=9A=20code?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/13_salary/views/salaryChart.vue | 97 +++++++++++++--------
 1 file changed, 62 insertions(+), 35 deletions(-)

diff --git a/src/modules/13_salary/views/salaryChart.vue b/src/modules/13_salary/views/salaryChart.vue
index 9ce96f301..b2184a0e7 100644
--- a/src/modules/13_salary/views/salaryChart.vue
+++ b/src/modules/13_salary/views/salaryChart.vue
@@ -15,11 +15,11 @@ import type { Salary } from "@/modules/13_salary/interface/response/Main";
 import type { FormQuerySalary } from "@/modules/13_salary/interface/request/Main";
 import DialogFormUpload from "@/modules/13_salary/components/SalaryChart/DialogUpload.vue";
 import DialogFormMain from "@/modules/13_salary/components/SalaryChart/DialogFormMain.vue";
+
 /** importStore*/
 import { useCounterMixin } from "@/stores/mixin";
 
 /** use*/
-const isActive = ref<boolean>(false);
 const $q = useQuasar();
 const router = useRouter();
 const {
@@ -31,7 +31,6 @@ const {
   success,
 } = useCounterMixin();
 
-const total = ref<number>();
 /** modalDialog*/
 const modalDialogFormMain = ref<boolean>(false);
 const modalUpload = ref<boolean>(false);
@@ -118,22 +117,18 @@ const formQuery = reactive<FormQuerySalary>({
   keyword: "", //keyword ค้นหา
 });
 const maxPage = ref<number>(1);
+const total = ref<number>();
+const isActive = ref<boolean>(false);
+const typeAction = ref<string>("");
+const dataRow = ref<Salary>();
 
-/**
- * function updatePagination
- * @param newPagination ข้อมูล Pagination ใหม่
- */
-function updatePagination(newPagination: NewPagination) {
-  formQuery.page = 1;
-  formQuery.pageSize = newPagination.rowsPerPage;
-}
-
-async function fetchListSalaly() {
+/** function  fetch ข้อมูลรายการผังบัญชีเงินเดือน */
+function fetchListSalaly() {
   showLoader();
-  const page = await formQuery.page.toString();
-  const pageSize = await formQuery.pageSize.toString();
-  const keyword = await formQuery.keyword.toString();
-  await http
+  const page = formQuery.page.toString();
+  const pageSize = formQuery.pageSize.toString();
+  const keyword = formQuery.keyword.toString();
+  http
     .get(
       config.API.salaryChart +
         `?page=${page}&pageSize=${pageSize}&keyword=${keyword}`
@@ -152,23 +147,33 @@ async function fetchListSalaly() {
     });
 }
 
-const typeAction = ref<string>("");
-const dataRow = ref<Salary>();
-async function onClickSalary(type: string, data: Salary | null) {
+/**
+ *  function openDialog เพิ่ม,แก้ไข ผังบัญชีเงินเดือน
+ * @param type ประเภท แก่ไข,เพิ่ม
+ * @param data ข้อมูลผังบัญชีเงินเดือน
+ */
+function onClickSalary(type: string, data: Salary | null) {
   modalDialogFormMain.value = !modalDialogFormMain.value;
   typeAction.value = type;
-
   if (data) {
     dataRow.value = data;
   }
 }
 
-async function onClickSalaryRate(id: string) {
+/**
+ *  function redirect to page อัตราเงินเดือน
+ * @param id บัญชีเงินเดือน
+ */
+function onClickSalaryRate(id: string) {
   router.push(`/salary/rate/${id}`);
 }
 
-async function onClickCoppy(id: string) {
-  await http
+/**
+ * function คัดลอกข้อมูลรายการผังบัญชีเงินเดือน
+ * @param id บัญชีเงินเดือน
+ */
+function onClickCoppy(id: string) {
+  http
     .post(config.API.salaryChartCopy, { id: id })
     .then(() => {
       success($q, "คัดลอกข้อมูลสำเร็จ");
@@ -181,9 +186,13 @@ async function onClickCoppy(id: string) {
     });
 }
 
-async function onClickDelete(id: string) {
-  dialogRemove($q, async () => {
-    await http
+/**
+ * function ลบข้อมูลรายการผังบัญชีเงินเดือน
+ * @param id บัญชีเงินเดือน
+ */
+function onClickDelete(id: string) {
+  dialogRemove($q, () => {
+    http
       .delete(config.API.salaryChartByid(id))
       .then(() => {
         success($q, "ลบข้อมูลสำเร็จ");
@@ -197,24 +206,42 @@ async function onClickDelete(id: string) {
   });
 }
 
-async function onClickUpload(type: string, id: string, active: boolean) {
+/**
+ *  function openDialog อัปโหลดเอกสารอ้างอิง
+ * @param type
+ * @param id ผังบัญชีเงินเดือน
+ * @param active สถานะการใช้งาน
+ */
+function onClickUpload(type: string, id: string, active: boolean) {
   modalUpload.value = true;
   typeAction.value = type;
   rowId.value = id;
   isActive.value = active;
 }
 
-onMounted(async () => {
-  await fetchListSalaly();
+/** callbackFunction ทำงานเมื่อมีการ เปลี่ยนหน่าหรือ แถว*/
+watch([() => formQuery.page, () => formQuery.pageSize], () => {
+  fetchListSalaly();
 });
 
-watch([() => formQuery.page, () => formQuery.pageSize], async () => {
-  await fetchListSalaly();
-});
-
-async function filterFn(page: number) {
-  page !== 1 ? (formQuery.page = 1) : await fetchListSalaly();
+/**
+ * function updatePagination
+ * @param newPagination ข้อมูล Pagination ใหม่
+ */
+function updatePagination(newPagination: NewPagination) {
+  formQuery.page = 1;
+  formQuery.pageSize = newPagination.rowsPerPage;
 }
+
+/** function ค้นหาข้อมูลตาม keyword*/
+function filterFn(page: number) {
+  page !== 1 ? (formQuery.page = 1) : fetchListSalaly();
+}
+
+/** hooklifecycle*/
+onMounted(() => {
+  fetchListSalaly();
+});
 </script>
 
 <template>