แก้ พัฒนา

src/modules/04_registryPerson/components/detail/Achievement/02_Train.vue

@@ -2,7 +2,7 @@
 import { ref, reactive, onMounted } from "vue";
 import { QForm, useQuasar } from "quasar";
 
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import { checkPermission } from "@/utils/permissions";
 import type { QTableColumn } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
@@ -21,6 +21,7 @@ const isLeave = defineModel<boolean>("isLeave", {
 });
 
 const route = useRoute();
+const router = useRouter();
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const {
@@ -368,6 +369,9 @@ function onViewHistory(id: string) {
   historyId.value = id;
   historyDialog.value = true;
 }
+function onViewDevelopment(id: string) {
+  router.push(`/development-detail/${id}`);
+}
 
 /** fetch ข้อมูลประวัติการแก้ไขข้อมูลใบอนุญาตประกอบวิชาชีพ*/
 async function fetchDataHistory() {
@@ -505,6 +509,21 @@ onMounted(() => {
     <template v-slot:body="props" v-if="mode === 'table'">
       <q-tr :props="props">
         <q-td auto-width>
+          <q-btn
+            :disable="!props.row.developmentId"
+            flat
+            dense
+            round
+            :color="!props.row.developmentId ? 'grey' : 'info'"
+            icon="mdi-eye"
+            @click="() => onViewDevelopment(props.row.developmentId)"
+          >
+            <q-tooltip>{{
+              !props.row.developmentId
+                ? "ไม่พบข้อมูลรายละเอียดโครงการ"
+                : "รายละเอียดโครงการ"
+            }}</q-tooltip>
+          </q-btn>
           <q-btn
             flat
             dense