hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ ui หน้า โครงสร้างอัตรากำลัง

Browse source
This commit is contained in:
Tanyalak 2024-02-05 17:08:24 +07:00
parent 8794346196
commit 47d68933b4
4 changed files with 89 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/modules/02_organizationalNew/components/listView.vue
View file

@ -183,10 +183,10 @@ watch(
</div>
</div>
<div class="col-xs-12 col-sm-9 q-pa-md">
<div class="col-12 row items-center">
<div class="col-xs-12 col-sm-9 q-pa-md row">
<div class="col-12 row">
<div
class="row col-12 justify-center items-center"
class="row col-12 justify-center"
v-if="isLoad"
style="height: 550px"
>
@ -195,28 +195,30 @@ watch(
</div>
</div>
<div v-else class="col-12 row items-center">
<div v-else class="col-12 row">
<div class="col-12" v-if="nodeId !== ''">
<!-- summary -->
<div
<q-card
bordered
v-if="nodeId"
class="row col-12 justify-between list-summary q-gutter-xs bg-grey-1"
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>
<q-space />
<q-badge color="secondary" :label="store.sumPosition.total" />
</div>
<div class="row col q-pa-sm item bg-grey-1">
<div class="row col q-pa-sm item">
<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="row col q-pa-sm item">
<div class="ellipsis">ตำแหน่งว่าง</div>
<q-space />
<q-badge color="red" :label="store.sumPosition.vacant" />
</div>
</div>
</q-card>
<TableView
v-if="nodeId !== ''"
@ -230,11 +232,13 @@ watch(
:filterKeyword="filterKeyword"
:fetchDataTree="fetchDataTree"
/>
<q-banner v-else class="q-pa-lg col-12 text-center">
<q-icon name="mdi-hand-pointing-left" size="lg" color="primary" />
<p>กรุณาเลือกโครงสร้าง</p>
</q-banner>
</div>
<div class="row col-12 items-center" v-else>
<q-banner class="q-pa-lg col-12 text-center">
<q-icon name="mdi-hand-pointing-left" size="lg" color="primary" />
<p class="text-grey-9 q-pt-sm">กรุณาเลือกโครงสร้าง</p>
</q-banner>
</div>
</div>
</div>
</div>