แก้ไขโครงสร้าง

This commit is contained in:
Warunee Tamkoo 2024-02-02 14:50:19 +07:00
parent 5465b33de1
commit a0959017c8
6 changed files with 106 additions and 35 deletions

View file

@ -196,6 +196,28 @@ watch(
</div>
<div v-else class="col-12 row items-center">
<!-- summary -->
<div
v-if="nodeId"
class="row col-12 justify-between list-summary q-gutter-xs bg-grey-1"
>
<div class="row col q-pa-sm item">
<div class="ellipsis">ตำแหนงทงหมด</div>
<q-space />
<q-badge color="secondary" :label="store.sumPosition.total" />
</div>
<div class="row col q-pa-sm item bg-grey-1">
<div class="ellipsis">ตำแหนงทคนครอง</div>
<q-space />
<q-badge color="primary" :label="store.sumPosition.use" />
</div>
<div class="row col q-pa-sm item bg-grey-1">
<div class="ellipsis">ตำแหนงวาง</div>
<q-space />
<q-badge color="red" :label="store.sumPosition.vacant" />
</div>
</div>
<TableView
v-if="nodeId !== ''"
v-model:nodeTree="nodeTree"
@ -220,4 +242,10 @@ watch(
</div>
</template>
<style scoped></style>
<style scoped>
.list-summary .item {
border: 1px solid rgb(231, 231, 231);
border-radius: 4px;
background-color: white;
}
</style>