Merge branch 'devTee' into develop

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>