refactor: add props hiddenBtnSave

src/components/FormDialog.vue

@@ -2,36 +2,42 @@
 // import AppBox from 'components/app/AppBox.vue';
 import FormAddress from './02_personnel-management/FormAddress.vue';
 
-defineProps<{
-  title: string;
-  titleFormAddress?: string;
-  addressTitle?: string;
-  addressTitleEN?: string;
-  addressSeparator?: boolean;
-  branchStatus?: string;
-  badgeLabel?: string;
-  customerLabel?: string;
-  badgeClass?: string;
-  noFooter?: boolean;
-  noAppBox?: boolean;
-  noPaddingTab?: boolean;
-  maxWidth?: string;
-  width?: string;
-  height?: string;
-  employee?: boolean;
-  noAddress?: boolean;
-  disabledRule?: boolean;
-  edit?: boolean;
+withDefaults(
+  defineProps<{
+    title: string;
+    titleFormAddress?: string;
+    addressTitle?: string;
+    addressTitleEN?: string;
+    addressSeparator?: boolean;
+    branchStatus?: string;
+    badgeLabel?: string;
+    customerLabel?: string;
+    badgeClass?: string;
+    noFooter?: boolean;
+    noAppBox?: boolean;
+    noPaddingTab?: boolean;
+    maxWidth?: string;
+    width?: string;
+    height?: string;
+    employee?: boolean;
+    noAddress?: boolean;
+    disabledRule?: boolean;
+    edit?: boolean;
 
-  isEdit?: boolean;
-  tabsList?: { name: string; label: string }[];
+    isEdit?: boolean;
+    tabsList?: { name: string; label: string }[];
+    hiddenBtnSave?: boolean;
 
-  editData?: (...args: unknown[]) => void;
-  deleteData?: (...args: unknown[]) => void;
-  submit?: (...args: unknown[]) => void;
-  close?: (...args: unknown[]) => void;
-  undo?: (...args: unknown[]) => void;
-}>();
+    editData?: (...args: unknown[]) => void;
+    deleteData?: (...args: unknown[]) => void;
+    submit?: (...args: unknown[]) => void;
+    close?: (...args: unknown[]) => void;
+    undo?: (...args: unknown[]) => void;
+  }>(),
+  {
+    hiddenBtnSave: true,
+  },
+);
 
 const modal = defineModel('modal', { default: false });
 const address = defineModel('address', { default: '' });
@@ -139,7 +145,7 @@ const currentTab = defineModel<string>('currentTab');
               padding="xs"
               class="close-btn"
               :class="{ dark: $q.dark.isActive }"
-              @click="close"
+              @click.stop="close"
             />
           </div>
         </div>
@@ -275,6 +281,7 @@ const currentTab = defineModel<string>('currentTab');
               v-close-popup
             />
             <q-btn
+              v-if="hiddenBtnSave"
               dense
               unelevated
               id="submitBtn"