From f2870bd287cea186e53af10ffcd2a6759a1f4bde Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 23 Apr 2024 17:31:57 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=E0=B9=81=E0=B8=9A=E0=B8=9A=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B9=80?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=B4=E0=B8=99=20=3D>=20=E0=B8=9C=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=B1=E0=B8=A1=E0=B8=A4=E0=B8=97=E0=B8=98=E0=B8=B4?=
 =?UTF-8?q?=E0=B9=8C=E0=B8=82=E0=B8=AD=E0=B8=87=E0=B8=87=E0=B8=B2=E0=B8=99?=
 =?UTF-8?q?,=20=20=E0=B8=87=E0=B8=B2=E0=B8=99=E0=B8=97=E0=B8=B5=E0=B9=88?=
 =?UTF-8?q?=E0=B9=84=E0=B8=94=E0=B9=89=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=9A=E0=B8=AB=E0=B8=A1=E0=B8=B2=E0=B8=A2=E0=B8=9E?=
 =?UTF-8?q?=E0=B8=B4=E0=B9=80=E0=B8=A8=E0=B8=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../08_KPI/components/Tab/01_Assessment.vue   | 15 ++++++-
 .../Tab/Dialog/03_FormIndicatorSpecial.vue    | 43 ++++++++++++++++++-
 .../components/Tab/Topic/01_Indicator.vue     | 17 ++++++--
 3 files changed, 68 insertions(+), 7 deletions(-)

diff --git a/src/modules/08_KPI/components/Tab/01_Assessment.vue b/src/modules/08_KPI/components/Tab/01_Assessment.vue
index 684da19..04703a5 100644
--- a/src/modules/08_KPI/components/Tab/01_Assessment.vue
+++ b/src/modules/08_KPI/components/Tab/01_Assessment.vue
@@ -59,11 +59,24 @@ function fetchListRole() {
     });
 }
 
-function fetchAssigned() {}
+function fetchAssigned() {
+  const data = [
+    {
+      includingName: "name",
+      target: "เป่า",
+      point: "12",
+      weight: "12",
+      achievement: "12",
+      evaluationResults: "12",
+    },
+  ];
+  rows_03.value = data;
+}
 
 onMounted(() => {
   fetchListPlanned();
   fetchListRole();
+  fetchAssigned();
 });
 </script>
 
diff --git a/src/modules/08_KPI/components/Tab/Dialog/03_FormIndicatorSpecial.vue b/src/modules/08_KPI/components/Tab/Dialog/03_FormIndicatorSpecial.vue
index cd3195a..9883de6 100644
--- a/src/modules/08_KPI/components/Tab/Dialog/03_FormIndicatorSpecial.vue
+++ b/src/modules/08_KPI/components/Tab/Dialog/03_FormIndicatorSpecial.vue
@@ -1,9 +1,29 @@
 <script setup lang="ts">
 import { ref, reactive } from "vue";
-import DialogHeader from "@/components/DialogHeader.vue";
+import { useQuasar } from "quasar";
+import config from "@/app.config";
+import http from "@/plugins/http";
+
 import type { FormDataAssigned } from "@/modules/08_KPI/interface/request/index";
 
+import DialogHeader from "@/components/DialogHeader.vue";
+
+import { useCounterMixin } from "@/stores/mixin";
+const $q = useQuasar();
+const {
+  showLoader,
+  hideLoader,
+  messageError,
+  dialogConfirm,
+  dialogMessageNotify,
+  success,
+} = useCounterMixin();
+
 const modal = defineModel<boolean>("modal", { required: true });
+const isStatusEdit = defineModel<boolean>("isStatusEdit", { required: true });
+const kpiUserPlannedId = defineModel<string>("kpiUserPlannedId", {
+  required: true,
+});
 
 const formData = reactive<FormDataAssigned>({
   including: "", //รหัสตัวชี้วัด
@@ -35,7 +55,26 @@ function closeDialog() {
   formData.definition = "";
 }
 
-function onSubmit() {}
+function onSubmit() {
+  dialogConfirm($q, async () => {
+    console.log(formData);
+
+    // try {
+    //   const url = isStatusEdit.value
+    //     ? config.API.kpiAchievement("planned") + `/${kpiUserPlannedId.value}`
+    //     : config.API.kpiAchievement("planned");
+
+    //   const method = isStatusEdit.value ? "put" : "post";
+    //   await http[method](url, formData);
+    //   success($q, "บันทึกข้อมูลสำเร็จ");
+    // } catch (err) {
+    //   messageError($q, err);
+    // } finally {
+    // hideLoader();
+    closeDialog();
+    // }
+  });
+}
 </script>
 <template>
   <q-dialog v-model="modal" persistent>
diff --git a/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue b/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
index 92b27f3..5372505 100644
--- a/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/01_Indicator.vue
@@ -115,10 +115,10 @@ const columns = ref<QTableProps["columns"]>([
 ]);
 
 function onAdd(edit: boolean = false, id: string = "") {
+  isStatusEdit.value = edit;
+  kpiUserPlannedId.value = id;
   if (numpage.value !== 3) {
     modal.value = true;
-    isStatusEdit.value = edit;
-    kpiUserPlannedId.value = id;
   } else if (numpage.value == 3) {
     modalAssigned.value = true;
   }
@@ -131,7 +131,11 @@ function onDelete(id: string) {
       const url =
         numpage.value === 1
           ? config.API.kpiAchievement("planned") + `/${id}`
-          : config.API.kpiAchievement("role") + `/${id}`;
+          : numpage.value === 2
+          ? config.API.kpiAchievement("role") + `/${id}`
+          : numpage.value === 3
+          ? config.API.kpiAchievement("role") + `/${id}`
+          : "";
       await http.delete(url);
       props.fetchList?.();
       success($q, "ลบข้อมูลสำเร็จ");
@@ -242,7 +246,12 @@ watch(
     :isStatusEdit="isStatusEdit"
     :kpiUserPlannedId="kpiUserPlannedId"
   />
-  <Dialog03 v-model:modal="modalAssigned" :numpage="numpage" />
+  <Dialog03
+    v-model:modal="modalAssigned"
+    :numpage="numpage"
+    :isStatusEdit="isStatusEdit"
+    :kpiUserPlannedId="kpiUserPlannedId"
+  />
 </template>
 <style scoped>
 .custom-table2 {