no message
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490
parent
5097e23ebc
commit
68628e7853
1 changed files with 69 additions and 68 deletions
|
|
@ -42,27 +42,25 @@ function colsePopup() {
|
|||
<template>
|
||||
<q-dialog v-model="props.modal">
|
||||
<q-card style="width: 950px; max-width: 80vw">
|
||||
<q-toolbar>
|
||||
<q-toolbar-title class="text-subtitle1 text-weight-bold">
|
||||
<span style="margin-right: 0"> รายละเอียดการลงเวลาของ</span>
|
||||
<span class="text-primary">{{ titlename }}</span>
|
||||
</q-toolbar-title>
|
||||
<q-btn
|
||||
icon="close"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
style="color: #eb0505; background-color: #ffdede"
|
||||
@click="colsePopup"
|
||||
/>
|
||||
</q-toolbar>
|
||||
<q-toolbar>
|
||||
<q-toolbar-title class="text-subtitle1 text-weight-bold">
|
||||
<span style="margin-right: 0"> รายละเอียดการลงเวลาของ</span>
|
||||
<span class="text-primary">{{ titlename }}</span>
|
||||
</q-toolbar-title>
|
||||
<q-btn
|
||||
for="closeDialog"
|
||||
icon="close"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
style="color: #eb0505; background-color: #ffdede"
|
||||
@click="colsePopup"
|
||||
/>
|
||||
</q-toolbar>
|
||||
<q-separator />
|
||||
<q-card-section class="q-pa-none">
|
||||
<div class="q-pa-md">
|
||||
<q-card
|
||||
bordered
|
||||
class="q-pa-sm bg-grey-1"
|
||||
>
|
||||
<q-card bordered class="q-pa-sm bg-grey-1">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<q-list>
|
||||
|
|
@ -97,6 +95,7 @@ function colsePopup() {
|
|||
<div class="col row items-center">
|
||||
<q-btn
|
||||
v-if="!statusEdit"
|
||||
for="editDialog"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
|
|
@ -109,6 +108,7 @@ function colsePopup() {
|
|||
</q-btn>
|
||||
<div v-if="statusEdit">
|
||||
<q-btn
|
||||
for="undoDialog"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
|
|
@ -120,6 +120,7 @@ function colsePopup() {
|
|||
<q-tooltip>ยกเลิก</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
for="saveDialog"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
|
|
@ -137,64 +138,64 @@ function colsePopup() {
|
|||
<div class="row q-gutter-md q-pt-md">
|
||||
<div class="col">
|
||||
<q-card flat bordered>
|
||||
<div class="q-pa-md q-gutter-md">
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เวลาเข้างาน</div>
|
||||
<div class="col">{{ timeIn }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">พิกัด</div>
|
||||
<div class="col">{{ coordinatesIn }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-6 text-grey-8">รูปภาพ</div>
|
||||
<div class="col-5">
|
||||
<q-img
|
||||
style="
|
||||
height: 120px;
|
||||
max-width: 150px;
|
||||
border-radius: 10px;
|
||||
"
|
||||
src="https://picsum.photos/500/500"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">หมายเหตุ</div>
|
||||
<div class="col">-</div>
|
||||
<div class="q-pa-md q-gutter-md">
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เวลาเข้างาน</div>
|
||||
<div class="col">{{ timeIn }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">พิกัด</div>
|
||||
<div class="col">{{ coordinatesIn }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-6 text-grey-8">รูปภาพ</div>
|
||||
<div class="col-5">
|
||||
<q-img
|
||||
style="
|
||||
height: 120px;
|
||||
max-width: 150px;
|
||||
border-radius: 10px;
|
||||
"
|
||||
src="https://picsum.photos/500/500"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">หมายเหตุ</div>
|
||||
<div class="col">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
<div class="col">
|
||||
<q-card flat bordered>
|
||||
<div class="q-pa-md q-gutter-md">
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เวลาออกงาน</div>
|
||||
<div class="col">{{ timeOut }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">พิกัด</div>
|
||||
<div class="col">{{ coordinatesOut }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-6 text-grey-8">รูปภาพ</div>
|
||||
<div class="col-5">
|
||||
<q-img
|
||||
style="
|
||||
height: 120px;
|
||||
max-width: 150px;
|
||||
border-radius: 10px;
|
||||
"
|
||||
src="https://picsum.photos/500/500"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">หมายเหตุ</div>
|
||||
<div class="col">-</div>
|
||||
<div class="q-pa-md q-gutter-md">
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">เวลาออกงาน</div>
|
||||
<div class="col">{{ timeOut }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">พิกัด</div>
|
||||
<div class="col">{{ coordinatesOut }}</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-6 text-grey-8">รูปภาพ</div>
|
||||
<div class="col-5">
|
||||
<q-img
|
||||
style="
|
||||
height: 120px;
|
||||
max-width: 150px;
|
||||
border-radius: 10px;
|
||||
"
|
||||
src="https://picsum.photos/500/500"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-grey-8">หมายเหตุ</div>
|
||||
<div class="col">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue