diff --git a/src/modules/13_salary/views/01_salaryMain.vue b/src/modules/13_salary/views/01_salaryMain.vue index 114a110ad..9a03034d5 100644 --- a/src/modules/13_salary/views/01_salaryMain.vue +++ b/src/modules/13_salary/views/01_salaryMain.vue @@ -4,25 +4,22 @@ import { useQuasar } from "quasar"; import { useRouter } from "vue-router"; import { checkPermission } from "@/utils/permissions"; +import { updateCurrentPage } from "@/utils/function"; import { useCounterMixin } from "@/stores/mixin"; import http from "@/plugins/http"; import config from "@/app.config"; -/** - * importType - */ +/** importType */ import type { QTableProps } from "quasar"; import type { NewPagination } from "@/modules/13_salary/interface/index/Main"; import type { Salary } from "@/modules/13_salary/interface/response/Main"; import type { FormQuerySalary } from "@/modules/13_salary/interface/request/Main"; -/** - * importComponents - */ +/** importComponents */ import DialogFormMain from "@/modules/13_salary/components/01_Salary/DialogFormMain.vue"; // ผังบัญชีเงินเดือน import DialogFormUpload from "@/modules/13_salary/components/01_Salary/DialogUpload.vue"; // อัปโหลดเอกสารอ้างอิง -/** use*/ +/** use composables */ const $q = useQuasar(); const router = useRouter(); const { @@ -34,7 +31,7 @@ const { success, } = useCounterMixin(); -/** modalDialog*/ +/** modalDialog */ const modalDialogFormMain = ref(false); //popup เพิ่ม,แก้ไข ผังบัญชีเงินเดือน const modalUpload = ref(false); //popup อัปโหลดเอกสารอ้างอิง const rowId = ref(""); // id รายการผังบัญชีเงินเดือน @@ -86,7 +83,7 @@ const visibleColumns = ref([ "isActive", ]); -/** queryString*/ +/** queryString */ const formQuery = reactive({ page: 1, //*หน้า pageSize: 10, //*จำนวนแถวต่อหน้า @@ -98,9 +95,7 @@ const isActive = ref(false); //สถานะการใช้งา const typeAction = ref(""); //ประเภทการกระทำ const dataSalary = ref(); //ข้อมูลรายการผังบัญชีเงินเดือนที่ต้องการแก้ไข -/** - * fetch ข้อมูลรายการผังบัญชีเงินเดือน - */ +/** ฟังก์ชันดึงข้อมูลรายการผังบัญชีเงินเดือน */ async function fetchListSalaly() { showLoader(); const page = formQuery.page.toString(); @@ -126,8 +121,8 @@ async function fetchListSalaly() { } /** - * function openDialog เพิ่ม,แก้ไข ผังบัญชีเงินเดือน - * @param type ประเภท แก่ไข,เพิ่ม + * ฟังก์ชัน openDialog เพิ่ม,แก้ไข ผังบัญชีเงินเดือน + * @param type ประเภท แก้ไข,เพิ่ม * @param data ข้อมูลผังบัญชีเงินเดือน */ function onClickSalary(type: string, data: Salary | null) { @@ -139,7 +134,7 @@ function onClickSalary(type: string, data: Salary | null) { } /** - * function redirect to page อัตราเงินเดือน + * ฟังก์ชัน redirect to page อัตราเงินเดือน * @param id บัญชีเงินเดือน */ function onClickSalaryRate(id: string) { @@ -147,7 +142,7 @@ function onClickSalaryRate(id: string) { } /** - * function คัดลอกข้อมูลรายการผังบัญชีเงินเดือน + * ฟังก์ชันคัดลอกข้อมูลรายการผังบัญชีเงินเดือน * @param id บัญชีเงินเดือน */ function onClickCoppy(id: string) { @@ -167,21 +162,21 @@ function onClickCoppy(id: string) { } /** - * function ลบข้อมูลรายการผังบัญชีเงินเดือน + * ฟังก์ชันลบข้อมูลรายการผังบัญชีเงินเดือน * @param id บัญชีเงินเดือน */ function onClickDelete(id: string) { dialogRemove($q, async () => { showLoader(); - formQuery.page = - formQuery.page !== 1 && - formQuery.page === maxPage.value && - rows.value.length === 1 - ? formQuery.page - 1 - : formQuery.page; await http .delete(config.API.salaryChartByid(id)) .then(async () => { + formQuery.page = await updateCurrentPage( + formQuery.page, + maxPage.value, + rows.value.length + ); + await fetchListSalaly(); success($q, "ลบข้อมูลสำเร็จ"); }) @@ -195,7 +190,7 @@ function onClickDelete(id: string) { } /** - * function openDialog อัปโหลดเอกสารอ้างอิง + * ฟังก์ชัน openDialog อัปโหลดเอกสารอ้างอิง * @param type * @param id ผังบัญชีเงินเดือน * @param active สถานะการใช้งาน @@ -208,7 +203,7 @@ function onClickUpload(type: string, id: string, active: boolean) { } /** - * function updatePagination + * ฟังก์ชัน updatePagination * @param newPagination ข้อมูล Pagination ใหม่ */ function updatePagination(newPagination: NewPagination) { @@ -216,16 +211,12 @@ function updatePagination(newPagination: NewPagination) { formQuery.pageSize = newPagination.rowsPerPage; } -/** - * function ค้นหาข้อมูลตาม keyword - */ +/** ฟังก์ชัน ค้นหาข้อมูลตาม keyword */ function filterFn(page: number) { page !== 1 ? (formQuery.page = 1) : fetchListSalaly(); } -/** - * callbackFunction ทำงานเมื่อมีการ เปลี่ยนแถว - */ +/** callbackFunction ทำงานเมื่อมีการ เปลี่ยนแถว */ watch( () => formQuery.pageSize, () => {