บรรจุ => ปรับ form

src/modules/05_placement/components/PersonalList/TableDetail.vue

@@ -3,7 +3,7 @@ import { ref, watch } from "vue";
 import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import type { QTableProps } from "quasar";
-import DialogHeader from "@/modules/05_placement/components/PersonalList/DialogHeader.vue";
+import DialogHeader from "@/components/DialogHeader.vue";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -79,7 +79,7 @@ const columns = ref<QTableProps["columns"]>([
 ]);
 
 /** get ข้อมูลการศึกษา */
-async function fetchData(){
+async function fetchData() {
   showLoader();
   await http
     .get(config.API.getDatapersonal(props.personalId))
@@ -100,13 +100,13 @@ async function fetchData(){
     .finally(() => {
       hideLoader();
     });
-};
+}
 
 /**
  * convert text
  * @param val type
  */
-function formBmaofficer(val: string){
+function formBmaofficer(val: string) {
   switch (val) {
     case "OFFICER":
       return "ขรก.กทม. สามัญ";
@@ -117,16 +117,16 @@ function formBmaofficer(val: string){
     default:
       return "";
   }
-};
+}
 
 /** ปิด POPUP ข้อมูล */
-async function close(){
+async function close() {
   props.close();
   selection.value = [];
   rows.value = [];
-};
+}
 
-/** เมื่อ props.Modal จะเรียกข้อมูลการศึกษา */ 
+/** เมื่อ props.Modal จะเรียกข้อมูลการศึกษา */
 watch(props, () => {
   if (props.Modal === true) {
     fetchData();
@@ -139,7 +139,7 @@ watch(props, () => {
       <q-form ref="myForm">
         <div class="row">
           <DialogHeader
-            :title="`รายละเอียดของ ${personalForm.fullName}`"
+            :tittle="`รายละเอียดของ ${personalForm.fullName}`"
             @click="close"
           />
         </div>
@@ -187,7 +187,6 @@ watch(props, () => {
                     {{ personalForm.gender }}
                   </div>
                 </div>
-                
               </div>
             </q-card>
           </div>
@@ -222,7 +221,7 @@ watch(props, () => {
               </q-table>
             </q-card>
           </div>
-          
+
           <div class="contanier-box-mini">
             <q-card bordered class="card-panding">
               <div class="row items-center q-pa-xs header-text">การสอบ</div>