From ce39f91e0287e2f594b1be678e60c32b711096b9 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 26 May 2025 17:38:04 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=20UI=20=20=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=8A=E0=B8=B7?=
 =?UTF-8?q?=E0=B9=88=E0=B8=AD=E0=B8=A5=E0=B8=B9=E0=B8=81=E0=B8=88=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=87=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=88=E0=B8=B3?=
 =?UTF-8?q?=20=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=A1=E0=B8=B5=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=B4=E0=B8=97=E0=B8=98=E0=B8=B4=E0=B9=8C=E0=B8=A2=E0=B8=B7?=
 =?UTF-8?q?=E0=B9=88=E0=B8=99=E0=B8=82=E0=B8=AD=E0=B8=9E=E0=B8=A3=E0=B8=B0?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=8A=E0=B8=97=E0=B8=B2=E0=B8=99=E0=B9=80?=
 =?UTF-8?q?=E0=B8=84=E0=B8=A3=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=87=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=8A=E0=B8=AD=E0=B8=B4=E0=B8=AA=E0=B8=A3=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=B2=E0=B8=A0=E0=B8=A3=E0=B8=93=E0=B9=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../interface/response/Government.ts          |   4 +-
 src/modules/07_insignia/router.ts             |  15 ++
 .../07_insignia/views/08_ManageEmpMain.vue    | 192 ++++++++++++++++++
 3 files changed, 209 insertions(+), 2 deletions(-)
 create mode 100644 src/modules/07_insignia/views/08_ManageEmpMain.vue

diff --git a/src/components/information/interface/response/Government.ts b/src/components/information/interface/response/Government.ts
index 08acf998d..34101611f 100644
--- a/src/components/information/interface/response/Government.ts
+++ b/src/components/information/interface/response/Government.ts
@@ -30,8 +30,8 @@ interface Goverment {
   positionLevel: string;
   positionExecutive: string;
   positionExecutiveSide: string;
-  dateLeave: string;
-  dateRetireLaw: string;
+  dateLeave?: string;
+  dateRetireLaw?: string;
 }
 
 interface GovermentEmpTemp {
diff --git a/src/modules/07_insignia/router.ts b/src/modules/07_insignia/router.ts
index c82452d03..de589f379 100644
--- a/src/modules/07_insignia/router.ts
+++ b/src/modules/07_insignia/router.ts
@@ -30,6 +30,10 @@ const report_02 = () =>
 const ReclaimMain = () =>
   import("@/modules/07_insignia/views/07_ReclaimMain.vue");
 
+//  รายชื่อลูกจ้างประจำ ที่มีสิทธิ์ยื่นขอพระราชทานเครื่องราชอิสริยาภรณ์
+const ManageEmpMain = () =>
+  import("@/modules/07_insignia/views/08_ManageEmpMain.vue");
+
 export default [
   {
     path: "/insignia/round",
@@ -124,4 +128,15 @@ export default [
       Role: "STAFF",
     },
   },
+
+  {
+    path: "/insignia/manage-emp/list-manage",
+    name: "insigniaManageEmp",
+    component: ManageEmpMain,
+    meta: {
+      Auth: true,
+      Key: "SYS_INSIGNIA_MANAGE_EMP",
+      Role: "STAFF",
+    },
+  },
 ];
diff --git a/src/modules/07_insignia/views/08_ManageEmpMain.vue b/src/modules/07_insignia/views/08_ManageEmpMain.vue
new file mode 100644
index 000000000..74a790bd8
--- /dev/null
+++ b/src/modules/07_insignia/views/08_ManageEmpMain.vue
@@ -0,0 +1,192 @@
+<script setup lang="ts">
+import { useQuasar } from "quasar";
+import { onMounted, ref } from "vue";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { checkPermission } from "@/utils/permissions";
+import { useCounterMixin } from "@/stores/mixin";
+import { useRoleWorkflowDataStore } from "@/stores/roleWorkflow";
+
+/** import Type*/
+import type { DataStat } from "@/modules/07_insignia/interface/index/Main";
+import type { ResponsePeriod } from "@/modules/07_insignia/interface/response/Main";
+
+/**import Componrnts*/
+import cardTop from "@/modules/07_insignia/components/2_Manage/StatCard.vue"; // stat
+
+/**use  */
+const $q = useQuasar(); //ใช้ noti quasar
+const { fetchDataCheckIsoffice } = useRoleWorkflowDataStore();
+const { messageError, dialogConfirm, showLoader, hideLoader, success } =
+  useCounterMixin();
+
+//การเจ้าหน้าที่
+const isStaff = ref<boolean>(false);
+const isOfficer = ref<boolean>(false);
+const isDirector = ref<boolean>(false);
+const isDeputy = ref<boolean>(false);
+
+//ข้อมูล สถิติ
+const stat = ref<DataStat>({
+  allUserUser: 0,
+  orgAllCount: 0,
+  orgNoSendCount: 0,
+  orgSendCount: 0,
+});
+
+//ข้อมูลรอบการเสนอขอพระราชทานเครื่องราชอิสริยาภรณ์
+const round = ref<string>("");
+const optionRound = ref<
+  Array<{ id: number; year: string; name: string; period_revision: string }>
+>([]);
+
+/** ฟังก์ชันเรียกข้อมูลการเป็นเจ้าหน้าที่*/
+async function fetchCheckIsofficer() {
+  try {
+    const data = await fetchDataCheckIsoffice("SYS_INSIGNIA_MANAGE_EMP");
+    isStaff.value = data.isStaff;
+    // isStaff.value = true; // สำหรับการทดสอบ
+    isOfficer.value = data.isOfficer;
+    isDirector.value = data.isDirector;
+    isDeputy.value = data.isDeputy;
+  } catch (err) {
+    messageError($q, err);
+  }
+}
+
+/** ฟังก์ชันเรียกข้อมูลรอบการเสนอขอพระราชทานเครื่องราชอิสริยาภรณ์*/
+async function fecthRoundData() {
+  await http
+    .get(config.API.listRoundInsignia(), { params: { path: "MANAGE" } })
+    .then(async (res) => {
+      optionRound.value = await res.data.result.map((e: ResponsePeriod) => ({
+        id: e.period_id,
+        year: e.period_year,
+        name: e.period_name,
+        period_revision: e.period_revision,
+      }));
+      //มีรอบการเสนอขอพระราชทานเครื่อง
+      if (optionRound.value.length !== 0) {
+        // DataStore.optionRound = optionRound.value;
+        // const lastValue = optionRound.value[0];
+        // await fetchListOrg(lastValue.period_revision);
+        // await fecthAgency(lastValue.period_revision);
+        // if (DataStore.roundId) {
+        // round.value = DataStore.roundId; // รอบการเสนอให้ใช้รอบที่เลือก
+        // } else {
+        // round.value = lastValue.id.toString(); // รอบการเสนอให้ใช้รอบล่าสุด
+        // }
+        // await fecthStat(round.value);
+        // DataStore.roundId = round.value;
+        // roundName.value = lastValue.name;
+        // loadview.value = true;
+      }
+    })
+    .catch((err) => {
+      messageError($q, err);
+    });
+}
+
+/** ฟังก์ชันยื่นยันการล็อกข้อมูล*/
+function onConfrimIsLockData() {
+  dialogConfirm(
+    $q,
+    () => {},
+    "ยืนยันการล็อกข้อมูล",
+    "คุณต้องการล็อกข้อมูลใช่หรือไม่"
+  );
+}
+
+onMounted(async () => {
+  showLoader();
+  try {
+    await fetchCheckIsofficer();
+    if (isStaff.value || isOfficer.value || isDirector.value) {
+      await Promise.all([fecthRoundData()]);
+    }
+  } catch (error) {
+    messageError($q, error);
+  } finally {
+    hideLoader();
+  }
+});
+</script>
+
+<template>
+  <div class="toptitle text-dark col-12 row items-center">
+    รายชื่อลูกจ้างประจำ ที่มีสิทธิ์ยื่นขอพระราชทานเครื่องราชอิสริยาภรณ์
+  </div>
+
+  <q-card
+    bordered
+    class="row col-12 q-mt-sm"
+    v-if="isDirector || isOfficer || isStaff"
+  >
+    <div class="row col-12 items-center bg-grey-1">
+      <div class="q-pl-md q-pr-sm text-weight-medium text-grey-7">รอบ</div>
+      <q-select
+        borderless
+        dense
+        v-model="round"
+        :options="optionRound"
+        map-options
+        emit-value
+        option-value="id"
+        option-label="name"
+      />
+      <!-- @update:model-value="changround" -->
+
+      <q-space />
+      <!-- สกจ. Freez ข้อมูล -->
+      <q-btn
+        v-if="isOfficer && checkPermission($route)?.attrIsUpdate"
+        dense
+        unelevated
+        label="ล็อกข้อมูล"
+        color="public"
+        class="q-px-md q-ml-md"
+        @click="onConfrimIsLockData"
+      >
+        <q-tooltip>ล็อกข้อมูล</q-tooltip>
+      </q-btn>
+    </div>
+    <div class="col-12"><q-separator /></div>
+    <div v-if="isOfficer" class="col-12 row bg-white">
+      <div class="fit q-px-md q-py-sm">
+        <div class="row col-12 q-col-gutter-sm fit">
+          <cardTop
+            :amount="stat.orgAllCount"
+            label="หน่วยงานทั้งหมด"
+            color="#016987"
+          />
+          <cardTop
+            :amount="stat.orgSendCount"
+            label="หน่วยงานที่ส่งรายชื่อเเล้ว"
+            color="#02A998"
+          />
+          <cardTop
+            :amount="stat.orgNoSendCount"
+            label="หน่วยงานที่ยังไม่ได้ส่งรายชื่อ"
+            color="#2EA0FF"
+          />
+          <cardTop
+            :amount="stat.allUserUser"
+            label="จำนวนคนที่ยื่นขอ"
+            color="#4154B3"
+          />
+        </div>
+      </div>
+    </div>
+  </q-card>
+
+  <q-card v-else>
+    <div class="q-pa-md q-gutter-sm">
+      <q-banner inline-actions rounded class="bg-grey-1 text-center">
+        ไม่มีข้อมูลรอบการเสนอขอพระราชทานเครื่องราชอิสริยาภรณ์
+      </q-banner>
+    </div>
+  </q-card>
+</template>
+
+<style scoped></style>