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

refactor: handle status canceled

Browse source
This commit is contained in:
Thanaphon Frappet 2024-12-24 13:47:41 +07:00
parent 718a28642d
commit 3f835bd2f0
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/pages/08_request-list/ProductExpansion.vue
View file

@ -116,6 +116,9 @@ defineProps<{
$q.screen.gt.xs && $q.screen.gt.xs &&
(status?.workStatus === RequestWorkStatus.Ended || (status?.workStatus === RequestWorkStatus.Ended ||
status?.workStatus === RequestWorkStatus.Completed), status?.workStatus === RequestWorkStatus.Completed),
canceled:
$q.screen.gt.xs &&
status?.workStatus === RequestWorkStatus.Canceled,
}" }"
:style=" :style="
$q.screen.xs && $q.screen.xs &&
@ -170,6 +173,9 @@ defineProps<{
complete: complete:
status?.workStatus === RequestWorkStatus.Ended || status?.workStatus === RequestWorkStatus.Ended ||
status?.workStatus === RequestWorkStatus.Completed, status?.workStatus === RequestWorkStatus.Completed,
canceled:
$q.screen.gt.xs &&
status?.workStatus === RequestWorkStatus.Canceled,
}" }"
> >
{{ {{
@ -240,6 +246,9 @@ defineProps<{
&.complete { &.complete {
--_color: var(--green-5-hsl); --_color: var(--green-5-hsl);
} }
&.canceled {
--_color: var(--red-5-hsl);
}
} }
.product-status-text { .product-status-text {
@ -257,5 +266,8 @@ defineProps<{
&.complete { &.complete {
--_color: var(--green-5-hsl); --_color: var(--green-5-hsl);
} }
&.canceled {
--_color: var(--red-5-hsl);
}
} }
</style> </style>