no message

src/modules/05_placement/components/Receive/receiveDetail2.vue

@@ -19,6 +19,8 @@ import { defaultInformation } from "@/modules/04_registry/components/profileType
 
 import http from "@/plugins/http";
 import config from "@/app.config";
+import PopupPersonal from "@/components/Dialogs/PopupPersonalNew.vue";
+const modalPersonal = ref<boolean>(false);
 
 const $q = useQuasar();
 const route = useRoute();
@@ -206,8 +208,8 @@ const getData = async () => {
       rows.value = list;
       profileId.value = data.profileId;
       avatar.value = data.avatar ?? "";
-      title.value.fullname = `${data.prefix}${data.firstname ?? "-"} ${
-        data.lastname ?? "-"
+      title.value.fullname = `${data.prefix ?? ""}${data.firstName ?? ""} ${
+        data.lastName ?? ""
       }`;
       title.value.organizationPositionOld = data.organizationPositionOld ?? "-";
       title.value.positionLevelOld = data.positionLevelOld ?? "-";
@@ -464,6 +466,11 @@ const getClass = (val: boolean) => {
     "full-width cursor-pointer": !val,
   };
 };
+
+function onclickViewinfo() {
+  modalPersonal.value = true;
+}
+
 onMounted(async () => {
   await fetchPerson();
   await getData();
@@ -490,6 +497,15 @@ onMounted(async () => {
         {{ title.fullname }}
       </div>
       <q-space />
+      <q-btn
+        outline
+        color="blue"
+        dense
+        icon-right="mdi-open-in-new"
+        class="q-px-sm"
+        label="ดูข้อมูลทะเบียนประวัติ"
+        @click="onclickViewinfo()"
+      />
     </div>
     <div class="col-12"><q-separator /></div>
     <div class="row col-12 q-pa-md">
@@ -661,7 +677,6 @@ onMounted(async () => {
                     hide-bottom-space
                     :outlined="edit"
                     dense
-                    
                     :readonly="!edit"
                     :borderless="!edit"
                     :model-value="
@@ -887,9 +902,7 @@ onMounted(async () => {
               />
             </div>
             <div class="col-xs-12">
-              <div class="text-weight-bold">
-                ตำแหน่งและหน่วยงานเดิม
-              </div>
+              <div class="text-weight-bold">ตำแหน่งและหน่วยงานเดิม</div>
             </div>
             <div class="col-xs-12">
               <q-input
@@ -994,7 +1007,11 @@ onMounted(async () => {
         </div>
       </div>
     </q-form>
-    <q-card v-if="rows.length > 0" bordered class="row col-12 text-dark q-mt-sm">
+    <q-card
+      v-if="rows.length > 0"
+      bordered
+      class="row col-12 text-dark q-mt-sm"
+    >
       <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
         <div class="q-pl-sm text-weight-bold text-dark">เอกสารเพิ่มเติม</div>
       </div>
@@ -1035,6 +1052,13 @@ onMounted(async () => {
       </div>
     </q-card>
   </q-card>
+
+  <PopupPersonal
+    :modal="modalPersonal"
+    :id="personId"
+    @update:modal="updatemodalPersonal"
+  />
+
 </template>
 
 <style lang="scss" scope>