วินัย => แสดงรายการทั้งหมด , ตัวชี้วัดตามแผน => ปรับ tree

src/modules/11_discipline/components/1_Complaint/TableComplaint.vue

@@ -27,6 +27,10 @@ const props = defineProps({
     type: Number,
     require: true,
   },
+  toptitle: {
+    type: Number,
+    require: true,
+  },
 });
 
 /** หัวข้อที่เเสดงในตาราง */
@@ -178,17 +182,6 @@ onMounted(() => {
     v-model:pagination="pagination"
     :rows-per-page-options="[10, 25, 50, 100]"
   >
-    <template v-slot:pagination="scope">
-      <q-pagination
-        v-model="currentPage"
-        active-color="primary"
-        color="dark"
-        :max="Number(props.maxPage)"
-        size="sm"
-        boundary-links
-        direction-links
-      ></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">
@@ -220,6 +213,18 @@ onMounted(() => {
         </q-td>
       </q-tr>
     </template>
+    <template v-slot:pagination="scope">
+      ทั้งหมด {{ props.toptitle }}รายการ
+      <q-pagination
+        v-model="currentPage"
+        active-color="primary"
+        color="dark"
+        :max="Number(props.maxPage)"
+        size="sm"
+        boundary-links
+        direction-links
+      ></q-pagination>
+    </template>
   </d-table>
 </template>