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

laout

Browse source
This commit is contained in:
setthawutttty 2025-03-21 09:56:25 +07:00
parent 640bfefe13
commit e38c1210f9
2 changed files with 86 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

121
src/views/HomeView.vue
View file

@ -638,38 +638,43 @@ onMounted(async () => {
@update:model-value="updateWorkplace"
/>
</div>
<div
class="col-xs-12 col-sm-6 col-md-4"
v-if="workplace == 'off-site'"
>
<q-select
ref="modelRef"
dense
class="q-ml-md"
outlined
v-model="model"
:options="options"
prefix="ระบุสถานที่ :"
:rules="[(val:string) => !!val || 'กรุณาระบุสถานที่']"
lazy-rules
@update:model-value="selectLocation()"
hide-bottom-space
/>
</div>
<div
class="col-xs-12 col-sm-6 col-md-4"
v-if="model == 'อื่นๆ' && workplace === 'off-site'"
>
<q-input
ref="useLocationRef"
dense
class="q-ml-md"
outlined
v-model="useLocation"
label="ระบุสถานที่"
:rules="[(val:string) => !!val || 'กรุณาระบุสถานที่']"
lazy-rules
/>
<div class="col-sm-12 col-md-8">
<div class="row items-top">
<div
class="col-xs-12 col-sm-6 col-md-6"
v-if="workplace == 'off-site'"
>
<q-select
ref="modelRef"
dense
class="q-ml-md"
outlined
v-model="model"
:options="options"
prefix="ระบุสถานที่ :"
:rules="[(val:string) => !!val || 'กรุณาระบุสถานที่']"
lazy-rules
@update:model-value="selectLocation()"
hide-bottom-space
/>
</div>
<div
class="col-xs-12 col-sm-6 col-md-6"
v-if="model == 'อื่นๆ' && workplace === 'off-site'"
>
<q-input
ref="useLocationRef"
dense
class="q-ml-md"
outlined
v-model="useLocation"
label="ระบุสถานที่"
hide-bottom-space
:rules="[(val:string) => !!val || 'กรุณาระบุสถานที่']"
lazy-rules
/>
</div>
</div>
</div>
</q-card>
</div>
@ -712,9 +717,25 @@ onMounted(async () => {
*หมายเหตุ คลิกลงเวลาเข้างานแล้วระบบจะลงเวลาทันที
</p>
<q-btn
:label="statusCheckin ? 'ลงเวลาเข้างาน' : 'ลงเวลาออกงาน'"
:label="
!statusCheckin && inQueue
? 'ลงเวลาเข้างาน (ระบบกำลังประมวลผล)'
: statusCheckin && inQueue
? 'ลงเวลาออกงาน (ระบบกำลังประมวลผล)'
: statusCheckin && !inQueue
? 'ลงเวลาเข้างาน'
: 'ลงเวลาออกงาน'
"
:color="
img == null ? 'grey-6' : statusCheckin ? 'primary' : 'red-8'
img == null
? 'grey-6'
: !statusCheckin && inQueue
? 'primary'
: statusCheckin && inQueue
? 'red-8'
: statusCheckin && !inQueue
? 'primary'
: 'red-8'
"
push
size="18px"
@ -794,8 +815,26 @@ onMounted(async () => {
*หมายเหตุ คลิกลงเวลาเข้างานแล้วระบบจะลงเวลาทันที
</p>
<q-btn
:label="statusCheckin ? 'ลงเวลาเข้างาน' : 'ลงเวลาออกงาน'"
:color="img == null ? 'grey-6' : statusCheckin ? 'primary' : 'red-8'"
:label="
!statusCheckin && inQueue
? 'ลงเวลาเข้างาน (ระบบกำลังประมวลผล)'
: statusCheckin && inQueue
? 'ลงเวลาออกงาน (ระบบกำลังประมวลผล)'
: statusCheckin && !inQueue
? 'ลงเวลาเข้างาน'
: 'ลงเวลาออกงาน'
"
:color="
img == null
? 'grey-6'
: !statusCheckin && inQueue
? 'primary'
: statusCheckin && inQueue
? 'red-8'
: statusCheckin && !inQueue
? 'primary'
: 'red-8'
"
push
size="18px"
:class="$q.screen.gt.xs ? 'q-px-md' : 'full-width q-pa-sm'"
@ -822,7 +861,15 @@ onMounted(async () => {
<q-card-section class="row col-12 justify-center">
<div
class="rounded-borders q-pa-md col-11"
:class="statusCheckin ? 'bg-primary' : 'bg-red-8'"
:class="
!statusCheckin && inQueue
? 'bg-primary'
: statusCheckin && inQueue
? 'bg-red-8'
: statusCheckin && !inQueue
? 'bg-primary'
: 'bg-red-8'
"
>
<div
class="col-12 text-subtitle1 text-center text-white text-weight-medium"

2
src/views/MapView.vue
View file

@ -407,6 +407,7 @@ onMounted(async () => {
v-model="model"
:options="options"
prefix="ระบุสถานที่ :"
hide-bottom-space
:rules="[(val:string) => !!val || 'กรุณาระบุสถานที่']"
lazy-rules
@update:model-value="selectLocation()"
@ -422,6 +423,7 @@ onMounted(async () => {
class="q-ml-md"
outlined
v-model="useLocation"
hide-bottom-space
label="ระบุสถานที่"
:rules="[(val:string) => !!val || 'กรุณาระบุสถานที่']"
lazy-rules