From 749933a68fa2f89b97b268b2d33d4f9e59411450 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 9 Jul 2024 13:49:08 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A8=E0=B8=9C=E0=B8=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/14_KPI/api.KPI.ts                     |  6 ++
 src/interface/request/main/main.ts            |  5 +
 .../components/results/tableResults.vue       | 12 +++
 src/modules/14_KPI/router.ts                  | 12 +++
 src/modules/14_KPI/views/resultsMain.vue      | 99 +++++++++++++++++++
 5 files changed, 134 insertions(+)
 create mode 100644 src/modules/14_KPI/components/results/tableResults.vue
 create mode 100644 src/modules/14_KPI/views/resultsMain.vue

diff --git a/src/api/14_KPI/api.KPI.ts b/src/api/14_KPI/api.KPI.ts
index 04d37619e..11d64c69a 100644
--- a/src/api/14_KPI/api.KPI.ts
+++ b/src/api/14_KPI/api.KPI.ts
@@ -83,4 +83,10 @@ export default {
 
   kpiSendToGet: (id: string) => `${kpiEvaluationUser}/reason/${id}`,
   openPoint: (id: string) => `${kpiEvaluationUser}/open/${id}`,
+
+  /**
+   * ประกาศผล
+   */
+  evaluationUser: `${KpiUser}/evaluation/list`,
+  evaluationUserDone: `${KpiUser}/evaluation/done/kp7`,
 };
diff --git a/src/interface/request/main/main.ts b/src/interface/request/main/main.ts
index 9e0340d3a..df5d4f024 100644
--- a/src/interface/request/main/main.ts
+++ b/src/interface/request/main/main.ts
@@ -567,6 +567,11 @@ const menuList = readonly<any[]>([
         path: "KPI​List",
         role: "evaluateKPI",
       },
+      {
+        label: "ประกาศผล",
+        path: "KPIResults",
+        role: "evaluateKPI",
+      },
       {
         label: "รายงาน",
         path: "KPIReport",
diff --git a/src/modules/14_KPI/components/results/tableResults.vue b/src/modules/14_KPI/components/results/tableResults.vue
new file mode 100644
index 000000000..a1f2cf34d
--- /dev/null
+++ b/src/modules/14_KPI/components/results/tableResults.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+/**
+ * props
+ */
+const tab = defineModel<string>("tab", { required: true });
+</script>
+
+<template>
+  {{ tab }}
+</template>
+
+<style scoped></style>
diff --git a/src/modules/14_KPI/router.ts b/src/modules/14_KPI/router.ts
index 79c2d697e..be79872b2 100644
--- a/src/modules/14_KPI/router.ts
+++ b/src/modules/14_KPI/router.ts
@@ -14,6 +14,7 @@ const listPage = () => import("@/modules/14_KPI/views/list.vue");
 const detailPage = () => import("@/modules/14_KPI/views/detail.vue");
 const reportPage = () => import("@/modules/14_KPI/views/report.vue");
 const detailView = () => import("@/modules/14_KPI/views/detailView.vue");
+const ResultsView = () => import("@/modules/14_KPI/views/resultsMain.vue");
 
 export default [
   {
@@ -68,4 +69,15 @@ export default [
       Role: "evaluateKPI",
     },
   },
+
+  {
+    path: "/KPI/results",
+    name: "KPIResults",
+    component: ResultsView,
+    meta: {
+      Auth: true,
+      Key: [1.1],
+      Role: "evaluateKPI",
+    },
+  },
 ];
diff --git a/src/modules/14_KPI/views/resultsMain.vue b/src/modules/14_KPI/views/resultsMain.vue
new file mode 100644
index 000000000..e10b62667
--- /dev/null
+++ b/src/modules/14_KPI/views/resultsMain.vue
@@ -0,0 +1,99 @@
+<script setup lang="ts">
+import { ref, onMounted, watch } from "vue";
+import { useQuasar } from "quasar";
+import http from "@/plugins/http";
+import config from "@/app.config";
+
+/**
+ * import type
+ */
+import type { ItemsTab } from "@/modules/14_KPI/interface/index/Main";
+
+/**
+ * import components
+ */
+import TableResults from "@/modules/14_KPI/components/results/tableResults.vue";
+
+/**
+ * importStore
+ */
+import { useCounterMixin } from "@/stores/mixin";
+
+/**
+ *  use
+ */
+const $q = useQuasar();
+const { dialogRemove, messageError, showLoader, hideLoader, success } =
+  useCounterMixin();
+
+/**
+ * ตัวแปร
+ */
+const tab = ref<string>("COMPLETE");
+const tabItems = ref<ItemsTab[]>([
+  { name: "COMPLETE", label: " รอประกาศผล" },
+  { name: "KP7", label: "ประกาศผลแล้ว" },
+]);
+
+const page = ref<number>(1);
+const pageSize = ref<number>(10);
+
+function fetcDatahList() {
+  showLoader();
+  http
+    .post(config.API.evaluationUser, {
+      status: tab.value,
+      page: page.value,
+      pageSize: pageSize.value,
+    })
+    .then((res) => {})
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
+watch(tab, () => {
+  page.value = 1;
+  pageSize.value = 10;
+  fetcDatahList();
+});
+
+onMounted(() => {
+  fetcDatahList();
+});
+</script>
+
+<template>
+  <div class="toptitle text-dark col-12 row items-center">ประกาศผล</div>
+
+  <q-card flast bordered>
+    <q-tabs
+      v-model="tab"
+      dense
+      align="left"
+      inline-label
+      class="bg-white text-grey"
+      active-color="primary"
+      indicator-color="primary"
+    >
+      <div v-for="item in tabItems">
+        <q-tab :name="item.name" :label="item.label" />
+      </div>
+    </q-tabs>
+    <q-separator />
+    <q-tab-panels v-model="tab" animated class="shadow-2 rounded-borders">
+      <q-tab-panel name="COMPLETE">
+        <TableResults :tab="tab" />
+      </q-tab-panel>
+
+      <q-tab-panel name="KP7">
+        <TableResults :tab="tab" />
+      </q-tab-panel>
+    </q-tab-panels>
+  </q-card>
+</template>
+
+<style scoped></style>