fix:sortBy ,descending
- ทำ sortBy เฉพาะ API ที่มีการทำ paging
This commit is contained in:
parent
4308f8887f
commit
1f18b56fbf
13 changed files with 98 additions and 67 deletions
|
|
@ -37,6 +37,8 @@ const maxPage = ref<number>(1);
|
|||
const page = ref<number>(1);
|
||||
const pageSize = ref<number>(10);
|
||||
const total = ref<number>(0);
|
||||
const sortBy = ref<string>("dateSendLeave");
|
||||
const descending = ref<boolean>(true);
|
||||
/** function เรียกข้อมูลการลา*/
|
||||
async function fetchDataTable() {
|
||||
isLoading.value = true;
|
||||
|
|
@ -47,6 +49,10 @@ async function fetchDataTable() {
|
|||
page: page.value.toString(), //*หน้า
|
||||
pageSize: pageSize.value.toString(), //*จำนวนแถวต่อหน้า
|
||||
keyword: filter.value, //keyword ค้นหา
|
||||
...(sortBy.value && {
|
||||
sortBy: sortBy.value,
|
||||
descending: descending.value,
|
||||
}),
|
||||
};
|
||||
await http
|
||||
.post(config.API.leaveTableList(), body)
|
||||
|
|
@ -141,9 +147,14 @@ async function updateFilterTable(y: number, t: string, s: string, k: string) {
|
|||
* function updatePagination
|
||||
* @param p หน้า
|
||||
* @param ps แถวต่อหน้า
|
||||
* @param s เรียงลำดับตาม
|
||||
* @param d เรียงลำดับจากน้อยไปมาก
|
||||
*/
|
||||
async function updatePagination(p: number, ps: number) {
|
||||
(page.value = p), (pageSize.value = ps);
|
||||
async function updatePagination(p: number, ps: number, s: string, d: boolean) {
|
||||
page.value = p;
|
||||
pageSize.value = ps;
|
||||
sortBy.value = s;
|
||||
descending.value = d;
|
||||
await fetchDataTable();
|
||||
}
|
||||
|
||||
|
|
@ -188,6 +199,8 @@ onMounted(async () => {
|
|||
:pageSize="pageSize"
|
||||
:leaveType="leaveType"
|
||||
:total="total"
|
||||
:sortBy="sortBy"
|
||||
:descending="descending"
|
||||
:isloadingData="isLoading"
|
||||
>
|
||||
<template #columns="props">
|
||||
|
|
@ -215,7 +228,7 @@ onMounted(async () => {
|
|||
}}
|
||||
</q-td>
|
||||
<q-td
|
||||
key="dateLeave"
|
||||
key="leaveStartDate"
|
||||
:props="props"
|
||||
@click="onClickView(props.row.id, props.row.status)"
|
||||
>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue