ui พ้นราชการ

src/modules/06_retirement/views/Main.vue

@@ -126,7 +126,11 @@
               </q-tr>
             </template>
             <template v-slot:body="props">
-              <q-tr :props="props" class="cursor-pointer" @click="nextPage">
+              <q-tr
+                :props="props"
+                class="cursor-pointer"
+                @click="nextPage(props.row)"
+              >
                 <q-td key="no" :props="props">
                   {{ props.rowIndex + 1 }}
                 </q-td>
@@ -136,7 +140,7 @@
                 <q-td key="retireNumber" :props="props">
                   {{ props.row.retireNumber }}
                 </q-td>
-                <q-td auto-width>
+                <!-- <q-td auto-width>
                   <q-btn
                     dense
                     size="12px"
@@ -148,7 +152,7 @@
                   >
                     <q-tooltip>ลบข้อมูล</q-tooltip>
                   </q-btn>
-                </q-td>
+                </q-td> -->
               </q-tr>
             </template>
             <template v-slot:pagination="scope">
@@ -231,17 +235,17 @@ const rows = ref<any>([
     retireNumber: "5",
   },
   {
-    no: "1",
+    no: "2",
     Date: "2022-9-15 ",
     retireNumber: "7",
   },
   {
-    no: "1",
+    no: "3",
     Date: "2022-8-31 ",
     retireNumber: "15",
   },
   {
-    no: "1",
+    no: "4",
     Date: "2022-9-25 ",
     retireNumber: "20",
   },
@@ -369,8 +373,8 @@ const paginationLabel = (start: string, end: string, total: string) => {
   if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
   else return start + "-" + end + " ใน " + total;
 };
-const nextPage = () => {
-  router.push("/retirement/list");
+const nextPage = (val: any) => {
+  router.push(`/retirement/list/${val.no}`);
 };
 </script>