ui รายการการสอบสวนความผิดทางวินัย

src/modules/11_discipline/components/3_InvestigateDisciplinary/MainPage.vue

@@ -21,6 +21,7 @@ const initialPagination = ref<Pagination>({
 onMounted(async () => {
   fecthList([
     {
+      id:'001',
       subject: "ทุจริตในหน้าที่",
       interrogated: "ศิรินภา คงน้อยี่",
       fault: "1",
@@ -31,6 +32,7 @@ onMounted(async () => {
       active: "2",
     },
     {
+      id:'002',
       subject: "ทุจริตในหน้าที่",
       interrogated: "ภัทรานุช คงน้อย",
       fault: "1",
@@ -41,6 +43,7 @@ onMounted(async () => {
       active: "0",
     },
     {
+      id:'003',
       subject: "กระทำทุจริตเงินกองทุน",
       interrogated: "ปรมาพร ศรีมี",
       fault: "2",
@@ -51,6 +54,7 @@ onMounted(async () => {
       active: "1",
     },
     {
+      id:'004',
       subject: "พูดจาไม่สุภาพ",
       interrogated: "สมรัก ใจอารีย์",
       fault: "2",
@@ -67,6 +71,10 @@ onMounted(async () => {
 const clickAdd = () => {
   router.push(`/discipline/InvestigateDisciplinary/add`);
 };
+function openEdit(id:string) {
+  console.log(id)
+  router.push(`/discipline/disciplinary/${id}`)
+}
 </script>
 
 <template>
@@ -91,7 +99,7 @@ const clickAdd = () => {
       >
         <template #columns="props">
           <q-tr :props="props" class="cursor-pointer">
-            <q-td v-for="col in props.cols" :key="col.name" :props="props">
+            <q-td v-for="col in props.cols" :key="col.name" :props="props" @click="openEdit(props.row.id)">
               <div v-if="col.name == 'no'">
                 {{ props.rowIndex + 1 }}
               </div>