ทดลอง งาน ค้างไว้

src/modules/11_probation/pages/detailPage.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref,onMounted } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useProbationStore } from "@/modules/11_probation/store/probation";
 
@@ -12,6 +12,7 @@ import EvaluateResult from "@/modules/11_probation/component/06_EvaluateResult.v
 import EvaluateReport from "@/modules/11_probation/component/07_EvaluateReport.vue";
 import SurveyComment from "@/modules/11_probation/component/08_SurveyComment.vue";
 
+
 const drawer = ref<boolean>(true);
 const activeTab = ref<string>("tab1");
 const store = useProbationStore();
@@ -34,6 +35,18 @@ function onMobile(type: string) {
   router.push(`/probation/${type}/${profileId.value}/${id.value}`);
 }
 
+/** ปุ่มกลับ */
+function clickBack(){
+  router.push(`/probation`);
+  store.mainTab = "tab1";
+};
+
+/** เมื่อเริ่มโหลดหน้า ให้ tab เป็น tab1 */
+onMounted(() => {
+  if (store.mainTab) {
+    activeTab.value = store.mainTab;
+  } else activeTab.value = "tab1";
+});
 </script>
 <template>
   <div class="col-xs-12 col-sm-12 col-md-11">
@@ -46,7 +59,7 @@ function onMobile(type: string) {
         flat
         color="primary"
         class="q-mr-sm"
-        @click="router.go(-1)"
+        @click="clickBack()"
       />
       <div>การทดลองปฏิบัติหน้าที่ราชการ</div>
     </div>
@@ -192,7 +205,7 @@ function onMobile(type: string) {
             <q-tab-panel name="tab1">
               <Assign />
             </q-tab-panel>
-            <q-tab-panel name="tab2">
+            <q-tab-panel name="tab2" class="q-pa-none">
               <RecordCareker />
             </q-tab-panel>
             <q-tab-panel name="tab3">
@@ -291,4 +304,6 @@ function onMobile(type: string) {
 .borderRadius{
   border-radius: 20px!important;
 }
+
+
 </style>