refactor: add props showBtnSave

src/components/03_customer-management/BasicInformation.vue

@@ -31,16 +31,22 @@ const customerBranch = defineModel<{
 const employeeId = defineModel<string>('employeeId');
 const nrcNo = defineModel<string>('nrcNo');
 
-const props = defineProps<{
+const props = withDefaults(
-  dense?: boolean;
+  defineProps<{
-  outlined?: boolean;
+    dense?: boolean;
-  readonly?: boolean;
+    outlined?: boolean;
-  separator?: boolean;
+    readonly?: boolean;
-  typeCustomer?: string;
+    separator?: boolean;
-  employee?: boolean;
+    typeCustomer?: string;
-  employeeOwnerOption?: CustomerBranch[];
+    employee?: boolean;
-  prefixId: string;
+    employeeOwnerOption?: CustomerBranch[];
-}>();
+    prefixId: string;
+    showBtnSave: boolean;
+  }>(),
+  {
+    showBtnSave: false,
+  },
+);
 
 defineEmits<{
   (e: 'filterOwnerBranch', val: string, update: void): void;
@@ -440,7 +446,7 @@ onMounted(() => {
   </div>
   <div class="col-12 row justify-end" style="min-height: 50px">
     <q-btn
-      v-if="!readonly"
+      v-if="!readonly && showBtnSave"
       dense
       unelevated
       id="save-basic-info"

src/pages/03_customer-management/MainPage.vue

@@ -608,6 +608,7 @@ const employeeHistoryDialog = ref(false);
 const employeeHistory = ref<EmployeeHistory[]>();
 
 async function triggerCreate(type: CustomerType) {
+  countStartsOne.value = 1;
   customerType.value = type;
   await fetchListOfOptionBranch();
   openDialogInputForm();
@@ -3159,6 +3160,7 @@ watch(isMainPage, () => {
         v-model:customer-name-en="formData.customerNameEN"
         v-model:person-name="formData.personName"
         v-model:tax-no="formData.taxNo"
+        :show-btn-save="true"
         @save="
           async () => {
             await onSubmitBasicInformation();
@@ -3309,6 +3311,7 @@ watch(isMainPage, () => {
   <FormDialog
     employee
     disabledRule
+    :hiddenBtnSave="false"
     addressSeparator
     v-model:modal="dialogEmployee"
     :noAddress="formDataEmployeeTab !== 'personalInfo'"
@@ -3661,6 +3664,7 @@ watch(isMainPage, () => {
             dense
             outlined
             separator
+            :show-btn-save="true"
             :readonly="!infoDrawerEdit"
             :type-customer="customerType"
             v-model:options-branch="branchOption"