ปรับเเก้

src/modules/12_evaluatePersonal/views/MainPage.vue

@@ -20,8 +20,8 @@ const { showLoader, hideLoader, messageError } = mixin;
 const initialPagination = ref<Pagination>({
   rowsPerPage: 0,
 });
-function Detailpage() {
-  router.push("/evaluate/detail");
+function Detailpage(id:string) {
+  router.push(`/evaluate/detail/${id}`);
 }
 
 const page = ref<number>(1);
@@ -35,6 +35,7 @@ const filter = ref<string>("");
 onMounted(async () => {
   store.fetchData([
     {
+      id:'xxx1',
       citizanId: "1230030004001",
       fullName: "นางวัศยา ศรีสร้อย",
       position: "ผู้อำนวยการสถาบัน",
@@ -44,6 +45,7 @@ onMounted(async () => {
       status: "WAIT_CHECK_DOC_V1",
     },
     {
+      id:'xxx2',
       citizanId: "122222000401",
       fullName: "นายสิริศักดิ์ พรมบุตร",
       position: "นักบริหาร",
@@ -53,6 +55,7 @@ onMounted(async () => {
       status: "WAIT_CHECK_DOC_V2",
     },
     {
+      id:'xxx3',
       citizanId: "111111100401",
       fullName: "นายเอกฉัท วีระโชติ ",
       position: "นักบริหาร",
@@ -62,6 +65,7 @@ onMounted(async () => {
       status: "DONE",
     },
     {
+      id:'xxx4',
       citizanId: "122203000401",
       fullName: "นางธนิดา มั่นคงประสิทธิ์",
       position: "ผู้อำนวยการกอง",
@@ -71,6 +75,7 @@ onMounted(async () => {
       status: "WAIT_CHECK_DOC_V1",
     },
     {
+      id:'xxx5',
       citizanId: "123003111401",
       fullName: "นางณิชมน ลือขำ ",
       position: "ผู้อำนวยการสถาบัน",
@@ -80,6 +85,7 @@ onMounted(async () => {
       status: "WAIT_CHECK_DOC_V2",
     },
     {
+      id:'xxx6',
       citizanId: "111111100401",
       fullName: "นายเอกฉัท วีระโชติ ",
       position: "นักบริหาร",
@@ -89,6 +95,7 @@ onMounted(async () => {
       status: "ANNOUNCE_WEB",
     },
     {
+      id:'xxx7',
       citizanId: "111111100401",
       fullName: "นายเอกฉัท วีระโชติ ",
       position: "นักบริหาร",
@@ -98,6 +105,7 @@ onMounted(async () => {
       status: "PREPARE_DOC_V2",
     },
     {
+      id:'xxx8',
       citizanId: "111111100401",
       fullName: "นายเอกฉัท วีระโชติ ",
       position: "นักบริหาร",
@@ -133,7 +141,7 @@ onMounted(async () => {
       >
         <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="Detailpage(props.row.id)">
               <div v-if="col.name == 'no'">
                 {{ props.rowIndex + 1 }}
               </div>
@@ -141,79 +149,6 @@ onMounted(async () => {
                 {{ col.value }}
               </div>
             </q-td>
-            <q-td auto-width>
-              <q-btn
-                icon="mdi-dots-vertical"
-                size="12px"
-                color="grey-7"
-                flat
-                round
-                dense
-              >
-                <q-menu transition-show="jump-down" transition-hide="jump-up">
-                  {{ props.rows && props.rows.status }}
-                  <q-list dense style="min-width: 100px">
-                    <q-item
-                      clickable
-                      v-close-popup
-                      @click="Detailpage()"
-                      v-if="props.row.status === 'รอตรวจสอบคุณสมบัติ'"
-                    >
-                      <q-item-section
-                        style="min-width: 0px"
-                        avatar
-                        class="q-py-sm"
-                      >
-                        <q-icon
-                          color="primary"
-                          size="xs"
-                          name="mdi-eye"
-                        />
-                      </q-item-section>
-                      <q-item-section>รายละเอียดคำขอ</q-item-section>
-                    </q-item>
-
-                    <q-separator />
-
-                    <q-item clickable v-close-popup>
-                      <q-item-section
-                        style="min-width: 0px"
-                        avatar
-                        class="q-py-sm"
-                      >
-                        <q-icon
-                          color="blue"
-                          size="xs"
-                          name="mdi-account-details-outline"
-                        />
-                      </q-item-section>
-                      <q-item-section>ประวัติการเปลี่ยนสถานะ</q-item-section>
-                    </q-item>
-
-                    <q-separator />
-                    <q-item
-                      clickable
-                      v-close-popup
-                      @click="Detailpage()"
-                      v-if="props.row.status === 'รอพิจารณาผลการประเมิน'"
-                    >
-                      <q-item-section
-                        style="min-width: 0px"
-                        avatar
-                        class="q-py-sm"
-                      >
-                        <q-icon
-                          color="primary"
-                          size="xs"
-                          name="mdi-account-outline"
-                        />
-                      </q-item-section>
-                      <q-item-section>พิจารณาผลการประเมิน </q-item-section>
-                    </q-item>
-                  </q-list>
-                </q-menu>
-              </q-btn>
-            </q-td>
           </q-tr>
         </template>
       </Table>