chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix(01): use share button on form bank

Browse source
This commit is contained in:
puriphatt 2024-08-08 07:38:24 +00:00
parent 027fd151c7
commit 3f7fd7c3cd
1 changed files with 13 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/01_branch-management/FormBank.vue
View file

@ -5,6 +5,7 @@ import { selectFilterOptionRefMod } from 'src/stores/utils';
import { onMounted, ref, watch } from 'vue'; import { onMounted, ref, watch } from 'vue';
import { deleteItem } from 'src/stores/utils'; import { deleteItem } from 'src/stores/utils';
import { QSelect } from 'quasar'; import { QSelect } from 'quasar';
import { AddButton, DeleteButton } from 'src/components/button';
const optionStore = useOptionStore(); const optionStore = useOptionStore();
@ -76,25 +77,22 @@ watch(
</script> </script>
<template> <template>
<div class="row col-12"> <div class="row col-12">
<div class="col-12 q-pb-sm text-weight-bold text-body1"> <div class="col-12 q-pb-sm text-weight-bold text-body1 row items-center">
<q-icon <q-icon
flat flat
size="xs" size="xs"
class="q-pa-sm rounded q-mr-xs" class="q-pa-sm rounded q-mr-sm"
color="info" color="info"
name="mdi-bank-outline" name="mdi-bank-outline"
style="background-color: var(--surface-3)" style="background-color: var(--surface-3)"
/> />
{{ $t(`${title}`) }} {{ $t(`${title}`) }}
<q-btn <AddButton
rounded
color="primary"
class="q-ml-md"
icon="mdi-plus"
flat
dense
@click="addBankBook"
v-if="!readonly" v-if="!readonly"
id="btn-add-bank"
icon-only
class="q-ml-sm"
@click="addBankBook"
/> />
</div> </div>
@ -112,7 +110,8 @@ watch(
/> />
<span class="col-12 app-text-muted-2 flex justify-between items-center"> <span class="col-12 app-text-muted-2 flex justify-between items-center">
{{ `${$t('bankBookNo')} ${i + 1}` }} {{ `${$t('bankBookNo')} ${i + 1}` }}
<div class="row"> <div class="row items-center">
<div style="height: 30.8px" />
{{ $t('accountStatus') }} {{ $t('accountStatus') }}
<q-toggle <q-toggle
id="toggle-bank-status" id="toggle-bank-status"
@ -128,13 +127,10 @@ watch(
vertical vertical
spaced="lg" spaced="lg"
/> />
<q-btn <DeleteButton
v-if="bankBookList.length !== 1 && !readonly" v-if="bankBookList.length !== 1 && !readonly"
flat id="btn-delete-bank"
dense icon-only
size="sm"
color="negative"
icon="mdi-trash-can-outline"
@click="deleteItem(bankBookList, i)" @click="deleteItem(bankBookList, i)"
/> />
</div> </div>