แสดงอีเมล์

src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue

@@ -43,7 +43,7 @@ const {
  */
 const props = defineProps({
   fetchDataPersonal: { type: Function, require: true },
-  isLeave:Boolean
+  isLeave: Boolean,
 });
 
 const profileId = ref<string>(
@@ -65,6 +65,7 @@ const filterHistory = ref<string>(""); //คำค้นหาช้อมูล
 const modalHistory = ref<boolean>(false); // แสดงช้อมูลรายการประวัติการแก้ไข
 const age = ref<string | null>(""); //อายุ
 const formData = reactive<RequestObject>(store.defaultProfile); //ฟอร์มข้อมูลการแก่้ไข
+const emailVerify = ref<string|null>('')
 
 /** ข้อมูล Label*/
 const dataLabel = {
@@ -79,6 +80,7 @@ const dataLabel = {
   religion: "ศาสนา",
   bloodGroup: "หมู่เลือด",
   phone: "เบอร์โทร",
+  email: "อีเมล์",
   prefix: "คำนำหน้าชื่อ",
   rank: "ยศ",
   firstName: "ชื่อ",
@@ -292,7 +294,7 @@ async function getData() {
     .then((res) => {
       informaData.value = res.data.result;
       id.value = res.data.result.id;
-
+      emailVerify.value = res.data.result.statusEmail
       if (res.data.result.birthDate) {
         // กำหนดอายุ ส่งวันเกิดไปคำนวน
         age.value = calculateAge(res.data.result.birthDate);
@@ -512,7 +514,7 @@ onMounted(() => {
       <div class="col-md-5 col-12 row">
         <div class="col-5 col text-grey-6 text-weight-medium">
           <div
-            v-for="label in Object.keys(dataLabel).slice(6, 11)"
+            v-for="label in Object.keys(dataLabel).slice(6, 12)"
             class="q-py-xs"
           >
             {{ dataLabel[label as keyof typeof dataLabel] }}
@@ -535,6 +537,12 @@ onMounted(() => {
           <div class="q-py-xs">
             {{ informaData.phone ? informaData.phone : "-" }}
           </div>
+          <div class="q-py-xs">
+            {{ informaData.email ? informaData.email : "-"
+            }}<q-icon v-if="emailVerify == 'NOT_VERIFIED'" name="mdi-alert-box" color="warning" size="sm"
+              ><q-tooltip>รอยืนยันอีเมล</q-tooltip></q-icon
+            >
+          </div>
         </div>
       </div>
     </div>