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

feat: inactive color

Browse source
This commit is contained in:
Methapon2001 2024-04-18 14:14:23 +07:00
parent 3910af2a4a
commit a54702a24e
2 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -73,8 +73,8 @@ defineProps<{
} }
&.branch-card__inactive { &.branch-card__inactive {
filter: grayscale(100%); filter: grayscale(40%);
opacity: 0.6; opacity: 0.5;
} }
display: flex; display: flex;
@ -99,7 +99,7 @@ defineProps<{
&.branch-card__header { &.branch-card__header {
color: hsl(var(--_branch-card-row-fg)); color: hsl(var(--_branch-card-row-fg));
background-color: hsl(var(--_branch-card-row-bg)); background-color: hsl(var(--_branch-card-row-bg));
font-weight: bold; font-weight: 600;
} }
&.branch-card__header > * { &.branch-card__header > * {
@ -113,7 +113,7 @@ defineProps<{
} }
&:not(.branch-card__header) .branch-card__label { &:not(.branch-card__header) .branch-card__label {
color: hsl(var(--stone-7-hsl)); color: hsl(var(--stone-6-hsl));
} }
& > .branch-card__value { & > .branch-card__value {

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

@ -243,7 +243,7 @@ function changeTitle(
beforeBranch = currentHq; beforeBranch = currentHq;
currentHq = { id: '', code: '' }; currentHq = { id: '', code: '' };
fieldSelectedBranch = { fieldSelectedBranch = {
label: t('branchHQLabel'), label: $t('branchHQLabel'),
value: 'branchHQLabel', value: 'branchHQLabel',
}; };
} }
@ -443,6 +443,7 @@ function changeTitle(
:options=" :options="
fieldDisplay.map((v) => ({ label: $t(v), value: v })) fieldDisplay.map((v) => ({ label: $t(v), value: v }))
" "
:display-value="$t('Fields')"
v-model="fieldSelected" v-model="fieldSelected"
option-label="label" option-label="label"
option-value="value" option-value="value"
@ -509,6 +510,7 @@ function changeTitle(
:key="item.id" :key="item.id"
:data="item" :data="item"
:field-selected="fieldSelected" :field-selected="fieldSelected"
:inactive="item.branchLabelStatus === 'INACTIVE'"
@view-detail="(b) => console.log(b)" @view-detail="(b) => console.log(b)"
/> />
</div> </div>