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

no message

Browse source
This commit is contained in:
Tanyalak 2023-12-18 13:04:12 +07:00
parent 090951c776
commit c48f382965
4 changed files with 404 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/modules/05_leave/components/Calendar.vue
View file

@ -242,7 +242,7 @@ onMounted(async () => {
<div class="q-mt-sm">
<div class="row col-12 q-gutter-sm">
<div class="demo-app-main">
<q-card bordered flat class="q-pa-sm col-12 row bg-grey-1 shadow-0">
<q-card bordered flat class="q-pa-sm q-mb-sm col-12 row bg-grey-1 shadow-0">
<div class="items-center col-12 row q-col-gutter-sm">
<!-- filter เลือกเดือนปี -->
<datepicker

84
src/modules/05_leave/views/Main.vue
View file

@ -192,7 +192,7 @@ onMounted(async () => {
<!-- สถิติการลา -->
<div class="col-12 row">
<q-card bordered class="col-12 row caedNone">
<q-card class="row col-12 items-center q-px-md q-py-sm">
<div class="row col-12 items-center q-px-md q-py-sm">
<div class="text-weight-bold">สถิติการลา</div>
<q-space />
<q-btn
@ -203,7 +203,7 @@ onMounted(async () => {
@click="onClickOpenStat"
label="ตารางสถิติการลา"
/>
</q-card>
</div>
<div
bordered
class="col-4 row justify-center q-px-md q-pb-md"
@ -213,42 +213,58 @@ onMounted(async () => {
<q-card
bordered
flat
class="col-12 row q-pt-md justify-center shadow-0"
class="col-12 row shadow-0 no-wrap"
v-if="item.text == 'ลาพักผ่อน'"
>
<q-knob
readonly
v-model="item.value"
show-value
size="70px"
:thickness="0.15"
track-color="grey-3"
:class="`${item.color}`"
>
<span class="text-subtitle2 text-weight-bold"
>{{ item.value }}%</span
<div class="col-xs-12 col-sm-8 row justify-center" >
<div class="col-12 row items-center justify-center">
<q-knob
readonly
v-model="item.value"
show-value
size="70px"
:thickness="0.15"
track-color="grey-3"
:class="`${item.color}`"
>
<span class="text-subtitle2 text-weight-bold"
>{{ item.value }}%</span
>
</q-knob>
</div>
<div class="col-12 text-center text-weight-medium q-py-xs">
{{ item.text }}
</div>
</div>
<div class="row"><q-separator vertical /></div>
<div class="col-xs-12 col-sm-4">
<div
class="col-12 row text-dark text-body2 items-center"
>
</q-knob>
<div class="col-12 text-center text-weight-medium q-py-xs">
{{ item.text }}
<div class="col-12 column q-pa-xs text-center">
<span class="text-weight-bold">{{ item.all }}</span>
<span class="text-grey-7 text-caption">ได้รับ</span>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-12 column q-pa-xs text-center">
<span class="text-weight-bold">{{ item.use }}</span>
<span class="text-grey-7 text-caption">ใช้ไป</span>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-12 column q-pa-xs text-center">
<span class="text-weight-bold">{{ item.remain }}</span>
<span class="text-grey-7 text-caption">คงเหลือ</span>
</div>
</div>
</div>
<div
class="col-12 row bg-grey-1 no-wrap text-dark text-body2 items-center borderTop"
</q-card>
<q-card
bordered
flat
class="col-12 row shadow-0"
v-else
>
<div class="col-4 column q-pa-xs text-center">
<span class="text-weight-bold">{{ item.all }}</span>
<span class="text-grey-7 text-caption">ได้รับ</span>
</div>
<q-separator vertical />
<div class="col-4 column q-pa-xs text-center">
<span class="text-weight-bold">{{ item.use }}</span>
<span class="text-grey-7 text-caption">ใช้ไป</span>
</div>
<q-separator vertical />
<div class="col-4 column q-pa-xs text-center">
<span class="text-weight-bold">{{ item.remain }}</span>
<span class="text-grey-7 text-caption">คงเหลือ</span>
</div>
</div>
</q-card>
</div>
</q-card>