From 5210329687bd3df50dee83a8c843ed8903bed8a6 Mon Sep 17 00:00:00 2001
From: setthawutttty <stw.ttty@gmail.com>
Date: Mon, 18 Dec 2023 10:19:29 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B3=E0=B8=94=E0=B8=B1=E0=B8=9A=20=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=B8=E0=B8=97=E0=B8=98=E0=B8=A3=E0=B8=93=E0=B9=8C=E0=B8=A3?=
 =?UTF-8?q?=E0=B9=89=E0=B8=AD=E0=B8=87=E0=B8=97=E0=B8=B8=E0=B8=81=E0=B8=82?=
 =?UTF-8?q?=E0=B9=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/07_appealComplain/views/Main.vue | 37 ++++++++++++--------
 1 file changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/modules/07_appealComplain/views/Main.vue b/src/modules/07_appealComplain/views/Main.vue
index 4133f8b..2a12549 100644
--- a/src/modules/07_appealComplain/views/Main.vue
+++ b/src/modules/07_appealComplain/views/Main.vue
@@ -227,7 +227,7 @@ watch(
   }
 );
 
-function editPage(id:string){
+function editPage(id: string) {
   router.push(`/appeal-complain/${id}`);
 }
 function redirectToPageadd() {
@@ -402,22 +402,31 @@ onMounted(async () => {
               ></q-pagination>
             </template>
             <template v-slot:header="props">
-          <q-tr :props="props">
-            <q-th
-              v-for="col in props.cols"
-              :key="col.name"
-              :props="props"
-              style="color: #000000; font-weight: 500"
-            >
-              <span class="text-weight-medium">{{ col.label }}</span>
-            </q-th>
-          </q-tr>
-        </template>
+              <q-tr :props="props">
+                <q-th
+                  v-for="col in props.cols"
+                  :key="col.name"
+                  :props="props"
+                  style="color: #000000; font-weight: 500"
+                >
+                  <span class="text-weight-medium">{{ col.label }}</span>
+                </q-th>
+              </q-tr>
+            </template>
             <template v-slot:body="props">
               <q-tr :props="props" class="cursor-pointer">
-                <q-td v-for="col in props.cols" :key="col.name" :props="props" @click="editPage(props.row.id)">
+                <q-td
+                  v-for="col in props.cols"
+                  :key="col.name"
+                  :props="props"
+                  @click="editPage(props.row.id)"
+                >
                   <div v-if="col.name == 'no'">
-                    {{ props.rowIndex + 1 }}
+                    {{
+                      (currentPage - 1) * Number(pagination.rowsPerPage) +
+                      props.rowIndex +
+                      1
+                    }}
                   </div>
                   <div>
                     {{ col.value }}