refactor: add single prop to conditionally render bank form elements
This commit is contained in:
parent
ace3af2a4b
commit
3efe8e19f4
1 changed files with 7 additions and 2 deletions
|
|
@ -36,6 +36,7 @@ defineProps<{
|
||||||
outlined?: boolean;
|
outlined?: boolean;
|
||||||
readonly?: boolean;
|
readonly?: boolean;
|
||||||
view?: boolean;
|
view?: boolean;
|
||||||
|
single?: boolean;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
defineEmits<{
|
defineEmits<{
|
||||||
|
|
@ -121,7 +122,7 @@ watch(
|
||||||
/>
|
/>
|
||||||
{{ $t(`${title}`) }}
|
{{ $t(`${title}`) }}
|
||||||
<AddButton
|
<AddButton
|
||||||
v-if="!readonly"
|
v-if="!readonly && !single"
|
||||||
id="btn-add-bank"
|
id="btn-add-bank"
|
||||||
icon-only
|
icon-only
|
||||||
class="q-ml-sm"
|
class="q-ml-sm"
|
||||||
|
|
@ -141,7 +142,10 @@ watch(
|
||||||
style="padding-block: 0.01px"
|
style="padding-block: 0.01px"
|
||||||
spaced="lg"
|
spaced="lg"
|
||||||
/>
|
/>
|
||||||
<span class="col-12 app-text-muted-2 flex justify-between items-center">
|
<span
|
||||||
|
v-if="!single"
|
||||||
|
class="col-12 app-text-muted-2 flex justify-between items-center"
|
||||||
|
>
|
||||||
{{ `${$t('branch.form.bankAccountNo')} ${i + 1}` }}
|
{{ `${$t('branch.form.bankAccountNo')} ${i + 1}` }}
|
||||||
<div class="row items-center">
|
<div class="row items-center">
|
||||||
<div style="height: 30.8px" />
|
<div style="height: 30.8px" />
|
||||||
|
|
@ -172,6 +176,7 @@ watch(
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
|
v-if="!single"
|
||||||
class="bordered q-mr-sm rounded col text-center overflow-hidden"
|
class="bordered q-mr-sm rounded col text-center overflow-hidden"
|
||||||
:class="{ 'pointer-none': readonly, 'q-my-sm': $q.screen.lt.md }"
|
:class="{ 'pointer-none': readonly, 'q-my-sm': $q.screen.lt.md }"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue