refactor: responsive
This commit is contained in:
parent
bc578d569c
commit
ac9fb0501e
5 changed files with 18 additions and 14 deletions
|
|
@ -204,7 +204,7 @@ watch(
|
|||
<q-input
|
||||
outlined
|
||||
for="input-bankbook"
|
||||
class="col-4"
|
||||
class="col-md-4 col-12"
|
||||
lazy-rules="ondemand"
|
||||
hide-bottom-space
|
||||
:dense="dense"
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@ defineProps<{
|
|||
outlined
|
||||
:readonly="readonly"
|
||||
hide-bottom-space
|
||||
class="col-12 col-md-4"
|
||||
class="col-6 col-md-4"
|
||||
:label="$t('form.telephone')"
|
||||
for="input-telephone-no"
|
||||
:model-value="readonly ? telephoneNo || '-' : telephoneNo"
|
||||
|
|
@ -82,7 +82,7 @@ defineProps<{
|
|||
outlined
|
||||
:readonly="readonly"
|
||||
hide-bottom-space
|
||||
class="col-12 col-md-4"
|
||||
class="col-6 col-md-4"
|
||||
label="Line ID"
|
||||
for="input-line-id"
|
||||
:model-value="readonly ? lineId || '-' : lineId"
|
||||
|
|
@ -95,7 +95,7 @@ defineProps<{
|
|||
outlined
|
||||
:readonly="readonly"
|
||||
hide-bottom-space
|
||||
class="col-12 col-md-4"
|
||||
class="col-6 col-md-4"
|
||||
:label="$t('branch.form.contactName')"
|
||||
for="input-contact-name"
|
||||
:model-value="readonly ? contactName || '-' : contactName"
|
||||
|
|
@ -110,7 +110,7 @@ defineProps<{
|
|||
outlined
|
||||
:readonly="readonly"
|
||||
hide-bottom-space
|
||||
class="col-12 col-md-4"
|
||||
class="col-6 col-md-4"
|
||||
:label="$t('branch.form.contactTelephone')"
|
||||
for="input-contact"
|
||||
:model-value="readonly ? contact || '-' : contact"
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
|
|||
:disable="view && !readonly"
|
||||
:readonly="readonly"
|
||||
hide-bottom-space
|
||||
class="col"
|
||||
class="col-md col-5"
|
||||
:label="$t('branch.form.abbrev')"
|
||||
for="input-abbreviation"
|
||||
:model-value="view ? formatCode(abbreviation, 'code') : abbreviation"
|
||||
|
|
@ -64,7 +64,7 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
|
|||
readonly
|
||||
:disable="!readonly"
|
||||
hide-bottom-space
|
||||
class="col"
|
||||
class="col-md col-7"
|
||||
:label="$t('branch.form.code')"
|
||||
for="input-code"
|
||||
:model-value="view ? formatCode(code, 'number') : code"
|
||||
|
|
@ -93,7 +93,7 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
|
|||
outlined
|
||||
:readonly="readonly"
|
||||
hide-bottom-space
|
||||
class="col-5"
|
||||
class="col-md-5 col-12"
|
||||
:label="$t('branch.form.taxNo')"
|
||||
v-model="taxNo"
|
||||
:rules="[
|
||||
|
|
@ -113,7 +113,7 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
|
|||
outlined
|
||||
:readonly="readonly"
|
||||
hide-bottom-space
|
||||
class="col-6"
|
||||
class="col-md-6 col-12"
|
||||
:label="
|
||||
typeBranch === 'headOffice'
|
||||
? $t('branch.form.headofficeName')
|
||||
|
|
@ -130,7 +130,7 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
|
|||
outlined
|
||||
:readonly="readonly"
|
||||
hide-bottom-space
|
||||
class="col-6"
|
||||
class="col-md-6 col-12"
|
||||
v-model="nameEN"
|
||||
:label="
|
||||
typeBranch === 'headOffice'
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue