refactor: form quotation

This commit is contained in:
Methapon Metanipat 2024-09-18 17:40:43 +07:00
parent c46d2f0b9d
commit e1f5483aeb

View file

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