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

refactor: virtual branch on profile banner and card mode

Browse source
This commit is contained in:
puriphatt 2024-09-09 14:26:14 +07:00
parent a8ebc85ace
commit b0b410a2cc
2 changed files with 40 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/01_branch-management/BranchCard.vue
View file

@ -3,7 +3,7 @@ import { baseUrl } from 'stores/utils';
defineProps<{
inactive?: boolean;
color?: 'none' | 'hq' | 'br';
color?: 'none' | 'hq' | 'br' | 'br-virtual';
data: {
branchLabelCode: string;
branchLabelName: string;
@ -96,6 +96,7 @@ defineProps<{
'branchLabelTel',
'branchLabelType',
]"
:key="key"
class="branch-card__data"
>
<div>{{ $t(`branch.card.${key}`) }}</div>

22
src/pages/01_branch-management/MainPage.vue
View file

@ -1362,7 +1362,13 @@ watch(currentHq, () => {
}
"
:metadata="props.row"
:color="props.row.isHeadOffice ? 'hq' : 'br'"
:color="
props.row.isHeadOffice
? 'hq'
: props.row.virtual
? 'br-virtual'
: 'br'
"
:key="props.row.id"
:data="{
branchLabelCode: props.row.code,
@ -1500,6 +1506,8 @@ watch(currentHq, () => {
:color="`hsla(var(${
formTypeBranch === 'headOffice'
? '--pink-6'
: formData.virtual
? '--blue-6'
: $q.dark.isActive
? '--violet-10'
: '--violet-11'
@ -1509,6 +1517,8 @@ watch(currentHq, () => {
? '--gray-0'
: formTypeBranch === 'headOffice'
? '--pink-6'
: formData.virtual
? '--blue-6'
: $q.dark.isActive
? '--violet-10'
: '--violet-11'
@ -1702,6 +1712,8 @@ watch(currentHq, () => {
:color="`hsla(var(${
formTypeBranch === 'headOffice'
? '--pink-6'
: formData.virtual
? '--blue-6'
: $q.dark.isActive
? '--violet-10'
: '--violet-11'
@ -1711,6 +1723,8 @@ watch(currentHq, () => {
? '--gray-0'
: formTypeBranch === 'headOffice'
? '--pink-6'
: formData.virtual
? '--blue-6'
: $q.dark.isActive
? '--violet-10'
: '--violet-11'
@ -2066,17 +2080,21 @@ watch(currentHq, () => {
:style="`background: hsla(var(${
formTypeBranch === 'headOffice'
? '--pink-6'
: formData.virtual
? '--blue-6'
: $q.dark.isActive
? '--violet-10'
: '--violet-11'
}-hsl)/0.15)`"
>
<q-icon
size="15rem"
size="3rem"
name="mdi-office-building-outline"
:style="`color: hsla(var(${
formTypeBranch === 'headOffice'
? '--pink-6'
: formData.virtual
? '--blue-6'
: $q.dark.isActive
? '--violet-10'
: '--violet-11'