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

---
 .../SalaryLists/DialogInfoCriteria.vue        | 25 +++++++++++++++++++
 .../components/SalaryLists/TabMain.vue        | 17 +++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 src/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue

diff --git a/src/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue b/src/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue
new file mode 100644
index 000000000..4d6203104
--- /dev/null
+++ b/src/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import Header from "@/components/DialogHeader.vue";
+
+const modal = defineModel<boolean>("modal", { required: true });
+
+/** ปิด Dialog */
+function closeDialog() {
+  modal.value = !modal.value;
+}
+</script>
+
+<template>
+  <q-dialog v-model="modal" persistent>
+    <q-card class="col-12" style="width: 80%">
+      <Header
+        tittle="หลักเกณฑ์การพิจารณาเลื่อนขั้นเงินข้าราชการ"
+        :close="closeDialog"
+      />
+      <q-separator />
+      <q-card-section> </q-card-section>
+    </q-card>
+  </q-dialog>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/modules/13_salary/components/SalaryLists/TabMain.vue b/src/modules/13_salary/components/SalaryLists/TabMain.vue
index 16ed5720b..8d845e133 100644
--- a/src/modules/13_salary/components/SalaryLists/TabMain.vue
+++ b/src/modules/13_salary/components/SalaryLists/TabMain.vue
@@ -4,6 +4,7 @@ import { useQuasar } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import genReportXLSX from "@/plugins/genreportxlsx";
+import DialogInfoCriteria from "@/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue";
 
 /** importType*/
 import type { DataOption } from "@/modules/13_salary/interface/index/Main";
@@ -281,6 +282,7 @@ function onClickDownload(data: DataOption) {
   //   });
 }
 
+const modalDialogInfoCriteria = ref<boolean>(false);
 onMounted(async () => {
   await fetchDataQuota(store.groupId);
   await fetchDataPeriod(store.groupId);
@@ -305,6 +307,19 @@ onMounted(async () => {
     >
       <q-tab :name="item.name" :label="item.lable" />
     </div>
+
+    <q-space />
+    <q-btn
+      dense
+      flat
+      round
+      icon="info"
+      color="info"
+      class="q-mr-sm"
+      @click="() => (modalDialogInfoCriteria = true)"
+    >
+      <q-tooltip>หลักเกณฑ์การพิจารณาเลื่อนขั้นเงินข้าราชการ</q-tooltip>
+    </q-btn>
   </q-tabs>
   <q-separator />
   <q-tab-panels v-model="store.tabGroup" animated class="bg-grey-1">
@@ -442,6 +457,8 @@ onMounted(async () => {
       </q-card>
     </q-tab-panel>
   </q-tab-panels>
+
+  <DialogInfoCriteria v-model:modal="modalDialogInfoCriteria" />
 </template>
 
 <style scoped>