ปรับ ลำดับ อุทธรณ์ร้องทุกข์

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 }}