From e1f5483aebe1000cdcac3324577d7a0cf53d9220 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Wed, 18 Sep 2024 17:40:43 +0700
Subject: [PATCH] refactor: form quotation

---
 src/pages/05_quotation/QuotationFormInfo.vue | 47 +++++++++++---------
 1 file changed, 26 insertions(+), 21 deletions(-)

diff --git a/src/pages/05_quotation/QuotationFormInfo.vue b/src/pages/05_quotation/QuotationFormInfo.vue
index 131eb4c9..465bf883 100644
--- a/src/pages/05_quotation/QuotationFormInfo.vue
+++ b/src/pages/05_quotation/QuotationFormInfo.vue
@@ -79,23 +79,23 @@ watch(
       <div class="row q-col-gutter-sm">
         <q-input
           :label="$t('quotation.label.quotationNo')"
-          :readonly="readonly"
+          :readonly
           v-model="quotationNo"
-          class="col-6"
+          class="col-12"
           dense
           outlined
         />
         <q-input
           :label="$t('quotation.label.actor')"
-          :readonly="readonly"
+          :readonly
           v-model="actor"
-          class="col-6"
+          class="col-12"
           dense
           outlined
         />
         <q-input
           :label="$t('quotation.label.workName')"
-          :readonly="readonly"
+          :readonly
           v-model="workName"
           class="col-12"
           dense
@@ -103,9 +103,9 @@ watch(
         />
         <q-input
           :label="$t('quotation.label.contactor')"
-          :readonly="readonly"
+          :readonly
           v-model="contactor"
-          class="col-6"
+          class="col-12"
           dense
           outlined
         />
@@ -113,23 +113,23 @@ watch(
           :label="$t('quotation.label.telephone')"
           :readonly="readonly"
           v-model="telephone"
-          class="col-6"
+          class="col-12"
           dense
           outlined
         />
         <q-input
           :label="$t('quotation.label.documentReceivePoint')"
-          :readonly="readonly"
+          :readonly
           v-model="documentReceivePoint"
-          class="col-6"
+          class="col-12"
           dense
           outlined
         />
         <q-input
           :label="$t('quotation.label.dueDate')"
-          :readonly="readonly"
+          :readonly
           v-model="dueDate"
-          class="col-6"
+          class="col-12"
           dense
           outlined
         />
@@ -157,25 +157,30 @@ watch(
           input-debounce="0"
           option-value="value"
           option-label="label"
-          class="col-6"
+          class="col-12"
           autocomplete="off"
           for="select-payType"
           dense
           :label="$t('quotation.label.payType')"
           :options="[]"
-          :readonly="readonly"
+          :readonly
           :hide-dropdown-icon="readonly"
           v-model="payType"
         ></q-select>
-        <div class="col-4 column">
-          <span>{{ $t('quotation.label.paySplitCount') }}</span>
-          <span class="app-text-muted">
-            ({{ $t('quotation.label.payTotal') }})
-          </span>
+        <div class="col-8 column">
+          <q-field readonly dense outlined>
+            <template #control>
+              <span>{{ $t('quotation.label.paySplitCount') }}</span>
+              <span class="app-text-muted">
+                ({{ $t('quotation.label.payTotal') }})
+              </span>
+            </template>
+          </q-field>
         </div>
-        <div class="col-2">
+        <div class="col-4">
           <q-input
             v-model="paySplitCount"
+            :readonly
             class="col-6"
             type="number"
             dense
@@ -199,7 +204,7 @@ watch(
           dense
           :label="$t('quotation.label.bank')"
           :options="bankBookOptions"
-          :readonly="readonly"
+          :readonly
           :hide-dropdown-icon="readonly"
           v-model="payBank"
           @filter="bankBoookFilter"