From 00d297be4f38bacb1f7a0efa3a17211fe97d07a5 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 30 Sep 2024 11:37:18 +0700
Subject: [PATCH] fix: quotation customer & dialog props

---
 src/components/DialogForm.vue         |  4 +++-
 src/components/shared/SelectInput.vue |  4 +++-
 src/pages/05_quotation/MainPage.vue   | 15 +--------------
 3 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/src/components/DialogForm.vue b/src/components/DialogForm.vue
index 533dd6ca..2d8e7abb 100644
--- a/src/components/DialogForm.vue
+++ b/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"
diff --git a/src/components/shared/SelectInput.vue b/src/components/shared/SelectInput.vue
index df9b2e0a..e4382318 100644
--- a/src/components/shared/SelectInput.vue
+++ b/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>
diff --git a/src/pages/05_quotation/MainPage.vue b/src/pages/05_quotation/MainPage.vue
index edb169f6..6f789a7e 100644
--- a/src/pages/05_quotation/MainPage.vue
+++ b/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 -->