From c9f625e8d87a84365db6099aaf18dc01129cf0f6 Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Mon, 21 Apr 2025 13:45:43 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9E=E0=B8=B1=E0=B8=92=E0=B8=99=E0=B8=B2?=
 =?UTF-8?q?=20clear=20=E0=B8=A2=E0=B8=B8=E0=B8=97=E0=B8=98=E0=B8=A8?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=AA=E0=B8=95=E0=B8=A3=E0=B9=8C/=E0=B9=81?=
 =?UTF-8?q?=E0=B8=9C=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ProjectDetail.vue              | 41 +++++++++++++++----
 1 file changed, 32 insertions(+), 9 deletions(-)

diff --git a/src/modules/15_development/components/ProjectDetail.vue b/src/modules/15_development/components/ProjectDetail.vue
index 04a93ee1f..75838be91 100644
--- a/src/modules/15_development/components/ProjectDetail.vue
+++ b/src/modules/15_development/components/ProjectDetail.vue
@@ -23,8 +23,15 @@ const $q = useQuasar();
 const store = useDevelopmentDataStore();
 const route = useRoute();
 const itemsDevelopment = uselistDevelopmentDataStore();
-const { showLoader, hideLoader, messageError, date2Thai, diffDay, success,convertDateToAPI } =
-  useCounterMixin();
+const {
+  showLoader,
+  hideLoader,
+  messageError,
+  date2Thai,
+  diffDay,
+  success,
+  convertDateToAPI,
+} = useCounterMixin();
 
 const isChangeData = defineModel<boolean>("isChangeData", { required: true });
 const props = defineProps({
@@ -247,8 +254,8 @@ async function onSubmit() {
   await http
     .put(config.API.developmentMainTab("tab3", projectId.value), {
       ...formData,
-      dateEnd:convertDateToAPI(formData.dateEnd),
-      dateStart:convertDateToAPI(formData.dateStart),
+      dateEnd: convertDateToAPI(formData.dateEnd),
+      dateStart: convertDateToAPI(formData.dateStart),
       totalDate: formData.totalDate === "" ? null : formData.totalDate,
       projectDayBackPlanned:
         formData.projectDayBackPlanned === ""
@@ -288,11 +295,27 @@ async function onSubmit() {
  */
 function updateSelected(data: DataStrategic, type: string) {
   if (type === "1") {
-    formData.strategyChildPlannedId = data.id;
-    formData.strategyChildPlannedNode = data.level;
+    if (
+      formData.strategyChildPlannedId == data.id &&
+      formData.strategyChildPlannedNode == data.level
+    ) {
+      formData.strategyChildPlannedId = null; // clear data
+      formData.strategyChildPlannedNode = null; // clear data
+    } else {
+      formData.strategyChildPlannedId = data.id;
+      formData.strategyChildPlannedNode = data.level;
+    }
   } else if (type === "2") {
-    formData.strategyChildActualId = data.id;
-    formData.strategyChildActualNode = data.level;
+    if (
+      formData.strategyChildActualId == data.id &&
+      formData.strategyChildActualNode == data.level
+    ) {
+      formData.strategyChildActualId = null; // clear data
+      formData.strategyChildActualNode = null; // clear data
+    } else {
+      formData.strategyChildActualId = data.id;
+      formData.strategyChildActualNode = data.level;
+    }
   }
 }
 
@@ -328,7 +351,7 @@ const filterSelector = (val: string, update: Function) => {
 
 function updatetotalDate() {
   if (formData.dateStart && formData.dateEnd) {
-    formData.totalDate = diffDay(formData.dateStart, formData.dateEnd)+1;
+    formData.totalDate = diffDay(formData.dateStart, formData.dateEnd) + 1;
   }
 }