refactor: move remark

This commit is contained in:
Thanaphon Frappet 2024-10-22 11:34:56 +07:00
parent 019d92a298
commit 5b5e264c27

View file

@ -759,45 +759,6 @@ function storeDataLocal() {
/>
</template>
</QuotationFormMetadata>
<span
class="text-weight-medium q-mt-md q-mr-md"
style="font-size: 18px"
>
{{ $t('general.remark') }}
</span>
<hr
style="border: 1px solid var(--border-color)"
class="q-mb-md"
/>
<q-editor
dense
:readonly
:model-value="quotationFormData.remark || ''"
min-height="5rem"
class="full-width"
toolbar-bg="input-border"
style="cursor: auto; color: var(--foreground)"
:flat="!readonly"
:style="`width: ${$q.screen.gt.xs ? '100%' : '63vw'}`"
:toolbar="[['left', 'center', 'justify'], ['clip']]"
:toolbar-toggle-color="readonly ? 'disabled' : 'primary'"
:toolbar-color="
readonly ? 'disabled' : $q.dark.isActive ? 'white' : ''
"
:definitions="{
clip: {
icon: 'mdi-paperclip',
tip: 'Upload',
handler: () => console.log('upload'),
},
}"
@update:model-value="
(v) => {
quotationFormData.remark = v;
}
"
/>
</div>
</q-expansion-item>
<q-expansion-item
@ -965,6 +926,43 @@ function storeDataLocal() {
v-model:final-discount="quotationFormData.discount"
v-model:pay-bill-date="quotationFormData.payBillDate"
v-model:summary-price="summaryPrice"
class="q-mb-md"
/>
<span class="text-weight-medium q-mr-md" style="font-size: 18px">
{{ $t('general.remark') }}
</span>
<hr
style="border: 1px solid var(--border-color)"
class="q-mb-md"
/>
<q-editor
dense
:readonly
:model-value="quotationFormData.remark || ''"
min-height="5rem"
class="full-width"
toolbar-bg="input-border"
style="cursor: auto; color: var(--foreground)"
:flat="!readonly"
:style="`width: ${$q.screen.gt.xs ? '100%' : '63vw'}`"
:toolbar="[['left', 'center', 'justify'], ['clip']]"
:toolbar-toggle-color="readonly ? 'disabled' : 'primary'"
:toolbar-color="
readonly ? 'disabled' : $q.dark.isActive ? 'white' : ''
"
:definitions="{
clip: {
icon: 'mdi-paperclip',
tip: 'Upload',
handler: () => console.log('upload'),
},
}"
@update:model-value="
(v) => {
quotationFormData.remark = v;
}
"
/>
</div>
</q-expansion-item>