feat: readonly mode

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"

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: '',