รายการผังบัญชีเงินเดือน (แสดงรายการทั้งหมด)

src/modules/13_salary/views/salaryChart.vue

@@ -31,6 +31,7 @@ const {
   success,
 } = useCounterMixin();
 
+const total = ref<number>()
 /** modalDialog*/
 const modalDialogFormMain = ref<boolean>(false);
 const modalUpload = ref<boolean>(false);
@@ -154,6 +155,7 @@ async function fetchListSalaly() {
         `?page=${page}&pageSize=${pageSize}&keyword=${keyword}`
     )
     .then((res) => {
+      total.value = res.data.result.total
       maxPage.value = Math.ceil(res.data.result.total / formQuery.pageSize);
       const data = res.data.result.data;
       rows.value = data;
@@ -284,7 +286,7 @@ async function filterFn(page: number) {
         bordered
         :paging="true"
         dense
-        :rows-per-page-options="[2, 10, 25, 50, 100]"
+        :rows-per-page-options="[10, 25, 50, 100]"
         @update:pagination="updatePagination"
         :visible-columns="visibleColumns"
       >
@@ -371,6 +373,7 @@ async function filterFn(page: number) {
           </q-tr>
         </template>
         <template v-slot:pagination="scope">
+          ทั้งหมด {{ total }} รายการ
           <q-pagination
             v-model="formQuery.page"
             active-color="primary"