From 8d5fc1f92e278a0e840e8419ad1d41dcc6e2ba8d Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 29 Nov 2024 10:49:52 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=97=E0=B8=B0=E0=B9=80=E0=B8=9A=E0=B8=B5?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=99=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B4=20=3D=3D=3D=20>=20fix=20phon=20email?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../01_Information/01_Information.vue         | 26 ++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/modules/10_registry/01_Information/01_Information.vue b/src/modules/10_registry/01_Information/01_Information.vue
index c20b82b..3113630 100644
--- a/src/modules/10_registry/01_Information/01_Information.vue
+++ b/src/modules/10_registry/01_Information/01_Information.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { ref, reactive, onMounted, computed } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useDataStore } from "@/stores/data";
 import { useQuasar, type QTableColumn, type QTableProps } from "quasar";
-import { ref, reactive, onMounted, computed } from "vue";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -241,6 +241,20 @@ function onHistory() {
   modalHistory.value = true;
 }
 
+const mainEmail = ref<string>("");
+const mainPhone = ref<string>("");
+
+const isCheckEmail = computed(() => {
+  return mainEmail.value === formDataInformation.email ? true : false;
+});
+
+const isCheckPhone = computed(() => {
+  console.log("mainPhone", mainPhone.value);
+  console.log("formDataInformation", formDataInformation.phone);
+
+  return mainPhone.value === formDataInformation.phone ? true : false;
+});
+
 /** get data */
 async function getData() {
   showLoader();
@@ -264,6 +278,9 @@ async function getData() {
       formDataInformation.phone = data.phone;
       formDataInformation.email = data.email ? data.email.split("@")[0] : "";
 
+      mainEmail.value = data.email ? data.email.split("@")[0] : "";
+      mainPhone.value = data.phone ? data.phone : "";
+
       email.value = data.email ? data.email.split("@")[0] : "";
       phone.value = data.phone;
 
@@ -528,13 +545,15 @@ onMounted(async () => {
                     <q-tooltip>แก้ไขข้อมูล</q-tooltip>
                   </q-btn>
                 </div>
+
                 <div v-else class="self-center col-3">
                   <q-btn
+                    :disable="isCheckPhone"
                     dense
                     flat
                     round
                     icon="save"
-                    color="primary"
+                    :color="isCheckPhone ? 'grey-6' : 'primary'"
                     @click="onSavePhone"
                   >
                     <q-tooltip>บันทึก</q-tooltip>
@@ -593,11 +612,12 @@ onMounted(async () => {
                   </div>
                   <div v-else class="self-center">
                     <q-btn
+                      :disable="isCheckEmail"
+                      :color="isCheckEmail ? 'grey-6' : 'primary'"
                       dense
                       flat
                       round
                       icon="save"
-                      color="primary"
                       @click="onSaveEmail"
                     >
                       <q-tooltip>บันทึก</q-tooltip>