fix: quotation customer & dialog props

src/components/DialogForm.vue

@@ -13,12 +13,13 @@ defineProps<{
   badgeLabel?: string;
   customerLabel?: string;
   badgeClass?: string;
-  hideFooter?: boolean;
   maxWidth?: string;
   width?: string;
   height?: string;
+  bgColor?: string;
   employee?: boolean;
   edit?: boolean;
+  hideFooter?: boolean;
   hideDelete?: boolean;
 
   saveAmount?: number;
@@ -160,6 +161,7 @@ const currentTab = defineModel<string>('currentTab');
             'surface-0': !employee,
             'surface-tab': employee || tabsList,
           }"
+          :style="`background: ${bgColor} !important`"
         >
           <div
             v-if="tabsList && tabsList.length > 0"

src/components/shared/SelectInput.vue

@@ -79,7 +79,9 @@ watch(
     :rules
   >
     <template v-slot:no-option>
-      <q-item>
+      <slot name="noOption"></slot>
+
+      <q-item v-if="!$slots.noOption">
         <q-item-section class="text-grey">
           {{ $t('general.noData') }}
         </q-item-section>

src/pages/05_quotation/MainPage.vue

@@ -658,22 +658,9 @@ onMounted(async () => {
         id="customer-form-content"
         style="height: 100%; max-height: 100%; overflow-y: auto"
       >
-        <FormAbout prefixId="zxc" />
+        <FormAbout prefixId="zxc" @add-customer="console.log('asdasd')" />
       </div>
     </section>
-
-    <template #footer>
-      <q-btn
-        style="
-          border-radius: var(--radius-2);
-          padding-block: var(--size-1);
-          padding-inline: var(--size-2);
-        "
-        color="negative"
-        outline
-        :label="$t('general.add', { text: $t('quotation.newCustomer') })"
-      />
-    </template>
   </DialogForm>
 
   <!-- add employee -->