ประวัติถือครองตำแหน่ง

src/modules/10_order/components/PopupHistory.vue

@@ -6,11 +6,13 @@ import config from "@/app.config";
 import type { QForm } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
+import { useRouter } from "vue-router";
 
 const myForm = ref<QForm>();
 const mixin = useCounterMixin();
 const { showLoader, hideLoader, messageError, date2Thai, notifyError } = mixin;
 const $q = useQuasar();
+const router = useRouter();
 
 const props = defineProps({
   OrderTypeOption: Object,
@@ -169,6 +171,9 @@ const filterFn = (val: string, update: any) => {
   }
   console.log(options.value);
 };
+const clickRedirect = (id: string) => {
+  router.push(`/registry/${id}`);
+};
 
 const paging = ref<boolean>(true);
 const pagination = ref({
@@ -332,10 +337,20 @@ const paginationLabel = (start: number, end: number, total: number) => {
             <q-tr :props="props" class="cursor-pointer">
               <q-td key="no" :props="props"> {{ props.rowIndex + 1 }}</q-td>
               <q-td key="order" :props="props">{{ props.row.order }} </q-td>
-              <q-td key="citizenId" :props="props">{{
-                props.row.citizenId
-              }}</q-td>
-              <q-td key="name" :props="props">{{ props.row.name }}</q-td>
+              <q-td
+                key="citizenId"
+                class="text-primary"
+                :props="props"
+                @click="clickRedirect(props.row.id)"
+                >{{ props.row.citizenId }}</q-td
+              >
+              <q-td
+                key="name"
+                class="text-primary"
+                :props="props"
+                @click="clickRedirect(props.row.id)"
+                >{{ props.row.name }}</q-td
+              >
 
               <q-td key="posNo" :props="props">{{ props.row.posNo }}</q-td>
               <q-td key="position" :props="props">{{