ทะเบียนประวัติ => ปรับ form

src/modules/04_registryNew/views/detailView.vue

@@ -7,10 +7,10 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useQuasar } from "quasar";
 import type { DataOption } from "@/modules/04_registryNew/interface/index/Main";
-import type { DataPerson } from "@/modules/04_registryNew/interface/response/Main";
+
 import avatar from "@/assets/avatar_user.jpg";
 import TabMain from "@/modules/04_registryNew/components/detail/TabMain.vue";
-import UploadFile from "@/modules/11_discipline/components/UploadFile.vue";
+
 import type { ResponseObject } from "@/modules/04_registryNew/interface/response/Profile";
 import DialogHeader from "@/components/DialogHeader.vue";
 /** ถึงเเก่กรรม */
@@ -672,7 +672,9 @@ onMounted(async () => {
                 v-if="formDetail && formDetail.firstName && formDetail.lastName"
               >
                 {{
-                  `${formDetail?.prefix}${formDetail?.firstName} ${formDetail?.lastName} ${leaveReason}`
+                  `${formDetail?.prefix ? formDetail?.prefix : ""}${
+                    formDetail?.firstName
+                  } ${formDetail?.lastName} ${leaveReason}`
                 }}
               </h2>
             </div>
@@ -850,20 +852,8 @@ onMounted(async () => {
   <!-- Dialog เลือก Image -->
   <q-dialog v-model="dialogImage" persistent>
     <q-card style="width: 100vw; max-width: 60vw">
-      <q-card-section class="q-py-sm row">
-        <div class="text-h6">เลือกรูปภาพ</div>
-        <q-space />
-        <q-btn
-          icon="close"
-          unelevated
-          round
-          dense
-          @click="closeImage"
-          style="color: #ff8080; background-color: #ffdede"
-        >
-          <q-tooltip>ปิดหน้านี้</q-tooltip>
-        </q-btn>
-      </q-card-section>
+      <DialogHeader :tittle="'เลือกรูปภาพ'" :close="closeImage" />
+
       <q-separator />
       <q-card-section class="col-12 row">
         <div
@@ -935,23 +925,7 @@ onMounted(async () => {
       </q-card-section>
       <q-separator />
       <q-card-actions align="right">
-        <!-- <q-btn
-          flat
-          round
-          color="red"
-          @click="() => {}"
-          icon="mdi-delete-outline"
-        >
-          <q-tooltip>ลบรูปภาพ</q-tooltip>
-        </q-btn> -->
-        <q-btn
-          icon="check"
-          dense
-          flat
-          round
-          @click="selectAvatarHistory"
-          color="positive"
-        >
+        <q-btn @click="selectAvatarHistory" color="public" label="เลือกรูปภาพ">
           <q-tooltip>เลือกรูปภาพ</q-tooltip>
         </q-btn>
       </q-card-actions>