update summary & layout

This commit is contained in:
Warunee Tamkoo 2024-02-08 12:10:34 +07:00
parent c26efe6c21
commit 6e6e0d2cf9
6 changed files with 130 additions and 21 deletions

View file

@ -167,6 +167,7 @@ watch(
}
);
</script>
<template>
<div class="col-12">
<q-card bordered class="col-12 row caedNone">
@ -208,19 +209,42 @@ watch(
class="row col-12 justify-between list-summary q-gutter-xs bg-grey-1 q-pb-xs q-pr-xs"
>
<div class="row col q-pa-sm item">
<div class="ellipsis">ตำแหนงทงหมด</div>
<div class="ellipsis">
ตำแหนงทงหมด
</div>
<q-space />
<q-badge color="secondary" :label="store.sumPosition.total" />
<q-badge
color="secondary"
:label="
reqMaster.isAll
? store.sumPosition.total
: store.sumPosition.totalRoot
"
/>
</div>
<div class="row col q-pa-sm item">
<div class="ellipsis">ตำแหนงทคนครอง</div>
<q-space />
<q-badge color="primary" :label="store.sumPosition.use" />
<q-badge
color="primary"
:label="
reqMaster.isAll
? store.sumPosition.use
: store.sumPosition.useRoot
"
/>
</div>
<div class="row col q-pa-sm item">
<div class="ellipsis">ตำแหนงวาง</div>
<q-space />
<q-badge color="red" :label="store.sumPosition.vacant" />
<q-badge
color="red"
:label="
reqMaster.isAll
? store.sumPosition.vacant
: store.sumPosition.vacantRoot
"
/>
</div>
</q-card>