From e7d8f09f275ce00de72ecafc7dc033c8e6d31e4c Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Fri, 4 Apr 2025 11:45:10 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87=20=E0=B8=AA=E0=B8=96?=
 =?UTF-8?q?=E0=B8=B4=E0=B8=95=E0=B8=B4=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/05_Leave/DetailLeavePage.vue   | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue b/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
index 7fddf7ce6..3ba975d4b 100644
--- a/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
+++ b/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
@@ -702,6 +702,46 @@ onMounted(async () => {
               </q-card>
             </div>
 
+            <div class="col-xs-12 col-sm-12 row">
+              <q-card bordered class="col-12 text-dark">
+                <q-card-section class="q-pa-none">
+                  <div class="bg-grey-1 q-pa-sm col-12 row items-center">
+                    <div class="q-pl-sm text-weight-bold text-dark">
+                      สถิติการลา
+                    </div>
+                  </div>
+                </q-card-section>
+                <q-separator />
+                <q-card-section class="q-pa-sm">
+                  <div class="row q-col-gutter-x-md">
+                    <div class="col-4 text-detail">
+                      ลามาแล้ว :
+                      <span class="text-weight-medium text-light-blue-6">{{
+                        formData.leaveSummary
+                      }}</span>
+                      วัน
+                    </div>
+                    <div class="col-4 text-detail">
+                      ลาครั้งนี้ :
+                      <span class="text-weight-medium text-light-blue-6">{{
+                        formData.leaveTotal
+                      }}</span>
+                      วัน
+                    </div>
+                    <div class="col-4 text-detail">
+                      รวม :
+                      <span class="text-weight-medium text-light-blue-6">
+                        {{
+                          Number(formData.leaveSummary) +
+                          Number(formData.leaveTotal)
+                        }}
+                      </span>
+                      วัน
+                    </div>
+                  </div>
+                </q-card-section>
+              </q-card>
+            </div>
             <!-- ความคิดเห็นของผู้บังคับบัญชา -->
             <div class="col-xs-12 col-sm-12 row">
               <q-card bordered class="row col-12 text-dark">