UI หน้ารายการการลา (Admin)

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-11-21 15:29:02 +07:00
parent 412bd910f1
commit 651f2e51b4
18 changed files with 1691 additions and 88 deletions

View file

@ -68,18 +68,24 @@ async function fetchDetailByid(id: string) {
const data = res.data.result;
formData.checkInDate = data.checkInDate && date2Thai(data.checkInDate);
formData.checkInImg = data.checkInImg;
formData.checkInLat = data.checkInLat;
formData.checkInLon = data.checkInLon;
formData.checkInLocation = data.checkInLocation;
formData.checkInTime = data.checkInTime;
formData.checkInLat = data.checkInLat ? data.checkInLat : "";
formData.checkInLon = data.checkInLon ? data.checkInLon : "";
formData.checkInLocation = data.checkInLocation
? data.checkInLocation
: "-";
formData.checkInTime = data.checkInTime ? data.checkInTime : "-";
formData.checkOutDate = data.checkOutDate && date2Thai(data.checkOutDate);
formData.checkOutImg = data.checkOutImg;
formData.checkOutLat = data.checkOutLat;
formData.checkOutLon = data.checkOutLon;
formData.checkOutLocation = data.checkOutLocation;
formData.checkOutTime = data.checkOutTime;
formData.checkOutLat = data.checkOutLat ? data.checkOutLat : "";
formData.checkOutLon = data.checkOutLon ? data.checkOutLon : "";
formData.checkOutLocation = data.checkOutLocation
? data.checkOutLocation
: "-";
formData.checkOutTime = data.checkOutTime ? data.checkOutTime : "-";
formData.fullName = data.fullName;
formData.checkOutLocation = data.checkOutLocation;
formData.checkOutLocation = data.checkOutLocation
? data.checkOutLocation
: "-";
formData.checkInDescription = data.checkInDescription
? data.checkInDescription
: "-";
@ -177,6 +183,7 @@ function colsePopup() {
<div class="col-6 text-grey-8">ปภาพ</div>
<div class="col-5">
<q-img
v-if="formData.checkInImg"
style="
height: 120px;
max-width: 150px;
@ -184,6 +191,15 @@ function colsePopup() {
"
:src="formData.checkInImg"
/>
<q-img
v-else
src="@/assets/avatar_user.jpg"
style="
height: 120px;
max-width: 150px;
border-radius: 10px;
"
/>
</div>
</div>
<div class="row">
@ -213,6 +229,7 @@ function colsePopup() {
<div class="col-6 text-grey-8">ปภาพ</div>
<div class="col-5">
<q-img
v-if="formData.checkOutImg"
style="
height: 120px;
max-width: 150px;
@ -220,6 +237,15 @@ function colsePopup() {
"
:src="formData.checkOutImg"
/>
<q-img
v-else
src="@/assets/avatar_user.jpg"
style="
height: 120px;
max-width: 150px;
border-radius: 10px;
"
/>
</div>
</div>
<div class="row">