From 68628e7853238e1fc01a1b215b13d7da5251a185 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 24 Oct 2023 11:58:37 +0700
Subject: [PATCH] no message

---
 .../components/1_Work/DialogDetail.vue        | 137 +++++++++---------
 1 file changed, 69 insertions(+), 68 deletions(-)

diff --git a/src/modules/09_leave/components/1_Work/DialogDetail.vue b/src/modules/09_leave/components/1_Work/DialogDetail.vue
index b851b4476..bb668e52e 100644
--- a/src/modules/09_leave/components/1_Work/DialogDetail.vue
+++ b/src/modules/09_leave/components/1_Work/DialogDetail.vue
@@ -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>