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 2023-10-18 12:26:05 +07:00
parent 015d3cfb5b
commit 4c47b6cbab
3 changed files with 35 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/modules/09_leave/components/1_Work/DialogDetail.vue
View file

@ -42,9 +42,8 @@ function colsePopup() {
<template>
<q-dialog v-model="props.modal">
<q-card style="width: 950px; max-width: 80vw">
<q-card-section>
<q-toolbar>
<q-toolbar-title>
<q-toolbar-title class="text-subtitle1 text-weight-bold">
<span style="margin-right: 0"> รายละเอียดการลงเวลาของ</span>
<span class="text-primary">{{ titlename }}</span>
</q-toolbar-title>
@ -57,22 +56,19 @@ function colsePopup() {
@click="colsePopup"
/>
</q-toolbar>
</q-card-section>
<q-separator />
<q-card-section class="q-pt-none">
<q-card-section class="q-pa-none">
<div class="q-pa-md">
<q-banner
inline-actions
rounded
class="bg-grey-2"
style="border: 2px solid rgb(239, 236, 236)"
<q-card
bordered
class="q-pa-sm bg-grey-1"
>
<div class="row">
<div class="col-4">
<q-list>
<q-item>
<q-item-section>
<q-item-label class="text-grey-5"
<q-item-label class="text-grey-8"
>ชื่อ-นามสกุล</q-item-label
>
<q-item-label>{{ titlename }}</q-item-label>
@ -83,7 +79,7 @@ function colsePopup() {
<div class="col-4">
<q-item>
<q-item-section>
<q-item-label class="text-grey-5">
<q-item-label class="text-grey-8">
วันที่เข้างาน</q-item-label
>
<q-item-label>05 ต.ค. 56</q-item-label>
@ -93,12 +89,12 @@ function colsePopup() {
<div class="col-3">
<q-item>
<q-item-section>
<q-item-label class="text-grey-5">สถานะ</q-item-label>
<q-item-label class="text-grey-8">สถานะ</q-item-label>
<q-item-label>{{ status }}</q-item-label>
</q-item-section>
</q-item>
</div>
<div class="col">
<div class="col row items-center">
<q-btn
v-if="!statusEdit"
dense
@ -106,8 +102,7 @@ function colsePopup() {
round
color="primary"
icon="mdi-pencil"
size="sm"
class="q-mt-lg"
size="12px"
@click="statusEdit = true"
>
<q-tooltip>แก้ไข</q-tooltip>
@ -119,8 +114,7 @@ function colsePopup() {
round
color="red"
icon="mdi-undo"
size="sm"
class="q-mt-lg"
size="12px"
@click="statusEdit = false"
>
<q-tooltip>ยกเลิก</q-tooltip>
@ -131,30 +125,29 @@ function colsePopup() {
round
color="secondary"
icon="save"
size="sm"
class="q-mt-lg"
size="12px"
class="q-ml-sm"
>
<q-tooltip>บันทึกข้อมูล</q-tooltip>
</q-btn>
</div>
</div>
</div>
</q-banner>
<div class="row q-gutter-md q-mt-md">
</q-card>
<div class="row q-gutter-md q-pt-md">
<div class="col">
<q-card flat bordered>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-6">เวลาเข้างาน</div>
<div class="col text-grey-8">เวลาเข้างาน</div>
<div class="col">{{ timeIn }}</div>
</div>
<div class="row">
<div class="col text-grey-6">พิกัด</div>
<div class="col text-grey-8">พิกัด</div>
<div class="col">{{ coordinatesIn }}</div>
</div>
<div class="row">
<div class="col-6 text-grey-6">รูปภาพ</div>
<div class="col-6 text-grey-8">รูปภาพ</div>
<div class="col-5">
<q-img
style="
@ -167,27 +160,25 @@ function colsePopup() {
</div>
</div>
<div class="row">
<div class="col text-grey-6">หมายเหตุ</div>
<div class="col text-grey-8">หมายเหตุ</div>
<div class="col">-</div>
</div>
</div>
</q-card-section>
</q-card>
</div>
<div class="col">
<q-card flat bordered>
<q-card-section>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-6">เวลาออกงาน</div>
<div class="col text-grey-8">เวลาออกงาน</div>
<div class="col">{{ timeOut }}</div>
</div>
<div class="row">
<div class="col text-grey-6">พิกัด</div>
<div class="col text-grey-8">พิกัด</div>
<div class="col">{{ coordinatesOut }}</div>
</div>
<div class="row">
<div class="col-6 text-grey-6">รูปภาพ</div>
<div class="col-6 text-grey-8">รูปภาพ</div>
<div class="col-5">
<q-img
style="
@ -200,11 +191,10 @@ function colsePopup() {
</div>
</div>
<div class="row">
<div class="col text-grey-6">หมายเหตุ</div>
<div class="col text-grey-8">หมายเหตุ</div>
<div class="col">-</div>
</div>
</div>
</q-card-section>
</q-card>
</div>
</div>