From f0be0b2147ed306aeeb4ef9815f635f6dc86d55c Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Mon, 5 Aug 2024 15:45:26 +0700
Subject: [PATCH] feat: readonly mode

---
 src/pages/03_customer-management/MainPage.vue | 4 ++++
 src/pages/03_customer-management/form.ts      | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 24384864..1802f671 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1704,6 +1704,10 @@ function createCustomerForm(customerType: 'CORP' | 'PERS') {
         style="height: 100%; max-height: 100%; overflow-y: auto"
       >
         <FormBasicInfo
+          :readonly="
+            customerFormState.dialogType === 'edit' &&
+            customerFormState.editReadonly === true
+          "
           id="form-basic-info-customer"
           @save="customerFormState.saveMode = 'customer'"
           :customer-type="customerFormData.customerType"
diff --git a/src/pages/03_customer-management/form.ts b/src/pages/03_customer-management/form.ts
index 485f5712..9839a120 100644
--- a/src/pages/03_customer-management/form.ts
+++ b/src/pages/03_customer-management/form.ts
@@ -31,6 +31,7 @@ export const useCustomerForm = defineStore('form-customer', () => {
     customerImageUrl: string;
     imageDialog: boolean;
     imageEdit: boolean;
+    editReadonly: boolean;
     editCustomerId?: string;
     editCustomerBranchId?: string;
   }>({
@@ -39,6 +40,7 @@ export const useCustomerForm = defineStore('form-customer', () => {
     dialogModal: false,
     imageDialog: false,
     branchIndex: 0,
+    editReadonly: true,
     imageEdit: false,
     saveMode: 'customer',
     customerImageUrl: '',