fix bug ฟอร์มทดลองงาน

src/modules/05_placement/components/probation/MainDetail.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useRouter } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import { ref, defineAsyncComponent } from "vue";
 
 const ProbationFormAssign = defineAsyncComponent(
@@ -18,9 +18,16 @@ const TabsTemplate3 = defineAsyncComponent(
   () => import("@/modules/05_placement/components/probation/FormEvaluation/Template3.vue")
 );
 
+const SummaryScore = defineAsyncComponent(
+  () => import("@/modules/05_placement/components/probation/SummaryScore.vue")
+);
+
 const router = useRouter();
+const route = useRoute();
 const drawer = ref<boolean>(true);
 const activeTab = ref<string>("tab1");
+const personalId = ref<string>(route.params.personalId.toString());
+
 </script>
 
 <template>
@@ -31,8 +38,8 @@ const activeTab = ref<string>("tab1");
         <q-toolbar>
           <div class="text-h6 text-weight-medium text-dark col-12 row items-center q-py-md">
             <q-btn icon="mdi-arrow-left" unelevated round dense flat color="primary" class="q-mr-sm"
-              @click="router.go(-1)" />
-            การทดลองปฏิบัติหน้าที่ราชการของ นายสมคิด ยอดใจ
+              @click="router.push(`/probation/detail/${personalId}`)" />
+            การทดลองปฏิบัติหน้าที่ราชการ
           </div>
         </q-toolbar>
         <q-separator />
@@ -92,7 +99,8 @@ const activeTab = ref<string>("tab1");
                 แบบรายงาน<br />การประเมินฯ
               </q-item-section>
             </q-item>
-            <q-item>
+            <q-item active-class="text-primary bg-teal-1 text-weight-medium" clickable class="q-py-sm" dense v-ripple
+              :active="activeTab == 'tab6'" @click="activeTab = 'tab6'">
               <q-item-section>
                 ผลการประเมินการทดลองปฏิบัติหน้าที่ราชการ
               </q-item-section>
@@ -123,6 +131,11 @@ const activeTab = ref<string>("tab1");
             <q-tab-panel name="tab5">
               <TabsTemplate3 />
             </q-tab-panel>
+
+            <q-tab-panel name="tab6">
+              <SummaryScore />
+            </q-tab-panel>
+
           </q-tab-panels>
         </q-layout>
       </q-page-container>