From e9e6ac8ae0c1b87c9f79a6be311c3cccc9614385 Mon Sep 17 00:00:00 2001
From: setthawutttty <stw.ttty@gmail.com>
Date: Wed, 6 Mar 2024 16:40:06 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=AB=E0=B8=A5=E0=B8=B1=E0=B8=81=E0=B9=80?=
 =?UTF-8?q?=E0=B8=81=E0=B8=93=E0=B8=91=E0=B9=8C=E0=B8=81=E0=B8=B2=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=9E=E0=B8=B4=E0=B8=88=E0=B8=B2=E0=B8=A3=E0=B8=93=E0=B8=B2?=
 =?UTF-8?q?=E0=B9=80=E0=B8=A5=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99=E0=B8=82?=
 =?UTF-8?q?=E0=B8=B1=E0=B9=89=E0=B8=99=E0=B9=80=E0=B8=87=E0=B8=B4=E0=B8=99?=
 =?UTF-8?q?=E0=B8=82=E0=B9=89=E0=B8=B2=E0=B8=A3=E0=B8=B2=E0=B8=8A=E0=B8=81?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SalaryLists/DialogInfoCriteria.vue        | 151 +++++++++++++++++-
 1 file changed, 148 insertions(+), 3 deletions(-)

diff --git a/src/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue b/src/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue
index 4d6203104..8ba760237 100644
--- a/src/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue
+++ b/src/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import { ref } from "vue";
 import Header from "@/components/DialogHeader.vue";
 
 const modal = defineModel<boolean>("modal", { required: true });
-
+const separator = ref<any>("cell");
 /** ปิด Dialog */
 function closeDialog() {
   modal.value = !modal.value;
@@ -17,9 +18,153 @@ function closeDialog() {
         :close="closeDialog"
       />
       <q-separator />
-      <q-card-section> </q-card-section>
+      <q-card-section>
+        <div class="q-pa-md">
+          <q-markup-table :separator="separator" flat bordered>
+            <thead>
+              <tr>
+                <th class="text-center w-25 fw-head">
+                  หลักเกณฑ์ในการพิจารณาเลื่อนขั้นฯ
+                </th>
+                <th class="text-center w-25 fw-head">หนึ่งขั้น</th>
+                <th class="text-center w-25 fw-head">ครึ่งขั้น</th>
+                <th class="text-center w-25 fw-head">ไม่ได้รับการเลื่อนขั้น</th>
+              </tr>
+            </thead>
+            <tbody>
+              <!-- ข้อ1 -->
+              <tr>
+                <td class="text-left">1. ผลการประเมินผลการปฎิบัติราชการ</td>
+                <td class="text-center">
+                  <span>ผลการประเมินผลในระดับดีเด่น<br />(90-100%)</span>
+                </td>
+                <td class="text-center">
+                  <span>ผลการประเมินเป็นที่ยอมรับได้<br />(60-89%)</span>
+                </td>
+                <td class="text-center">
+                  <span>ผลการประเมินต้องปรับปรุง<br />(ต่ำกว่า 60%)</span>
+                </td>
+              </tr>
+
+              <!-- ข้อ2 -->
+              <tr>
+                <td class="text-left">
+                  2. ระยะเวลาการปฎิบัติราชการในรอบครึ่งปี
+                </td>
+                <td class="text-center">ไม่น้อยกว่า 4 เดือน</td>
+                <td class="text-center">ไม่น้อยกว่า 4 เดือน</td>
+                <td class="text-center">
+                  <span
+                    >น้อยกว่า 4 เดือน<br />(บรรจุใหม่ ลาศึกษา
+                    ฝึกอบรมดูงาน)</span
+                  >
+                </td>
+              </tr>
+
+              <!-- ข้อ3 -->
+              <tr>
+                <td class="text-left">3. การลงโทษทางวินัย</td>
+                <td class="text-center">
+                  <span>ถูกสั่งลงโทษไม่หนักกว่า<br />ภาคทัณฑ์</span>
+                </td>
+                <td class="text-center">
+                  <span>ถูกสั่งลงโทษไม่หนักกว่า<br />ภาคทัณฑ์</span>
+                </td>
+                <td class="text-center">
+                  <span>ถูกสั่งลงโทษไม่หนักกว่า<br />ภาคทัณฑ์</span>
+                </td>
+              </tr>
+
+              <!-- ข้อ4 -->
+              <tr>
+                <td class="text-left">4. พักราชการ</td>
+                <td class="text-center">ไม่ถูกสั่งพักราชการ</td>
+                <td class="text-center">
+                  <span>ถูกสั่งพักราชการ<br />ไม่เกิน 2 เดือน</span>
+                </td>
+                <td class="text-center">
+                  <span>ถูกสั่งพักราชการ<br />ไม่เกิน 2 เดือน</span>
+                </td>
+              </tr>
+
+              <!-- ข้อ5 -->
+              <tr>
+                <td class="text-left">5. ขาดราชการ</td>
+                <td class="text-center">ไม่ขาดราชการ</td>
+                <td class="text-center">ไม่ขาดราชการ</td>
+                <td class="text-center">ไม่ขาดราชการ</td>
+              </tr>
+
+              <!-- ข้อ6 -->
+              <tr class="vertical-top">
+                <td class="text-left ">6. วันลา</td>
+                <td class="text-left">
+                  <span class="txt-under"
+                    >ไม่เกิน 5 ครั้ง 23 วัน<br />สายไม่เกิน 5</span
+                  >
+                  <br />
+                  <span>(นับเฉพาะการลาป่วยลากิจ)</span>
+                  <br />
+                  <span class="text-bold">ยกเว้น</span>
+                  <span>
+                    <br/>
+                    - ลาอุปสมบท
+                    <br/>
+                    - ลาคลอดบุคร (ไม่เกิน 90 วัน)
+                    <br/>
+                    * กรณีลาป่วยซึ่งจำเป็นต้องรักษาตัวเป็นเวลานาน<br/>ไม่ว่าคราวเดียวหรือหลายคราว รวมกัน<span class="txt-under">ไม่เกิน</span> 60 วันทำการ
+                  </span>
+                </td>
+                <td class="text-left">
+                  <span class="txt-under"
+                    >ไม่เกิน 5 ครั้ง 23 วัน<br />สายไม่เกิน 5</span
+                  >
+                  <br />
+                  <span>(นับเฉพาะการลาป่วยลากิจ)</span>
+                  <br />
+                  <span class="text-bold">ยกเว้น</span>
+                  <span>
+                    <br/>
+                    - ลาอุปสมบท
+                    <br/>
+                    - ลาคลอดบุคร (ไม่เกิน 90 วัน)
+                    <br/>
+                    * กรณีลาป่วยซึ่งจำเป็นต้องรักษาตัวเป็นเวลานาน<br/>ไม่ว่าคราวเดียวหรือหลายคราว รวมกัน<span class="txt-under">ไม่เกิน</span> 60 วันทำการ
+                  </span>
+                </td>
+                <td class="text-left">
+                  <span class="txt-under"
+                    >ไม่เกิน 8 ครั้ง 23 วัน<br />สายไม่เกิน 23</span
+                  >
+                  <br />
+                  <span>(นับเฉพาะการลาป่วยลากิจ)</span>
+                  <span>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <br/>
+                    * กรณีลาป่วยซึ่งจำเป็นต้องรักษาตัวเป็นเวลานาน<br/>ไม่ว่าคราวเดียวหรือหลายคราว รวมกัน<span class="txt-under">ไม่เกิน</span> 60 วันทำการ
+                  </span>
+                </td>
+              </tr>
+            </tbody>
+          </q-markup-table>
+        </div>
+      </q-card-section>
     </q-card>
   </q-dialog>
 </template>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.w-25 {
+  width: 25%;
+}
+
+.fw-head {
+  font-size: 16px;
+}
+
+.txt-under {
+  text-decoration: underline;
+}
+</style>