refactor code

src/modules/15_development/components/ProjectDetail.vue

@@ -12,11 +12,10 @@ import type {
 import type { DataStrategic } from "@/modules/15_development/interface/response/Main";
 
 import { useDevelopmentDataStore } from "@/modules/15_development/store/developmentStore";
+
 import http from "@/plugins/http";
 import config from "@/app.config";
 
-const other1 = ref<boolean>(false);
-const other2 = ref<boolean>(false);
 const reasonPlanned70 = ref<string>("");
 const reasonPlanned20 = ref<string>("");
 const reasonPlanned10 = ref<string>("");
@@ -58,6 +57,7 @@ const projectTypeOp = ref<String[]>([
   "โครงการต่อเนื่อง",
 ]);
 
+/** option */
 const projectTechniquesOp1 = ref<DataOptionTechnique[]>([
   {
     value: "on_the_job_training",
@@ -108,6 +108,7 @@ const projectTechniquesOp1 = ref<DataOptionTechnique[]>([
     label: "อื่น ๆ (ระบุ)",
   },
 ]);
+
 const projectTechniquesOp2 = ref<DataOptionTechnique[]>([
   { value: "coaching", label: "การสอนงาน (Coaching)" },
   { value: "mentoring", label: "การเป็นพี่เลี้ยง (Mentoring)" },
@@ -186,17 +187,16 @@ function fetchData() {
       formData.projectDayBackPlanned = data.projectDayBackPlanned;
       formData.projectDayHoldPlanned = data.projectDayHoldPlanned;
       formData.projectNigthHoldPlanned = data.projectNigthHoldPlanned;
-      formData.developmentProjectTechniquePlanneds =
-        data.developmentProjectTechniquePlanneds;
+      formData.developmentProjectTechniquePlanneds = data.developmentProjectTechniquePlanneds;
       formData.isBackActual = data.isBackActual;
       formData.isHoldActual = data.isHoldActual;
       formData.projectDayBackActual = data.projectDayBackActual;
       formData.projectDayHoldActual = data.projectDayHoldActual;
       formData.projectNigthHoldActual = data.projectNigthHoldActual;
-      formData.developmentProjectTechniqueActuals =
-        data.developmentProjectTechniqueActuals;
+      formData.developmentProjectTechniqueActuals = data.developmentProjectTechniqueActuals;
       formData.projectModalPlanned = data.projectModalPlanned;
       formData.projectModalActual = data.projectModalActual;
+
       const arrayExpanded = [
         data.strategyChild1Planned,
         data.strategyChild2Planned,
@@ -204,6 +204,7 @@ function fetchData() {
         data.strategyChild4Planned,
         data.strategyChild5Planned,
       ];
+
       const arrayExpanded2 = [
         data.strategyChild1Actual,
         data.strategyChild2Actual,
@@ -211,10 +212,12 @@ function fetchData() {
         data.strategyChild4Actual,
         data.strategyChild5Actual,
       ];
+
       const filteredArray = arrayExpanded.filter((item) => item !== null);
       const filteredArray2 = arrayExpanded2.filter((item) => item !== null);
       const lastItem = filteredArray[filteredArray.length - 1];
       const lastItem2 = filteredArray2[filteredArray2.length - 1];
+
       formData.strategyChildPlannedId =
         lastItem !== undefined ? lastItem : null;
       formData.strategyChildPlannedNode =
@@ -552,8 +555,9 @@ onMounted(() => {
             <div class="col-12 q-py-md">
               <div class="row q-col-gutter-md">
                 <div class="col-12">
-
-                  <q-label class="text-bold">เทคนิควิธีการที่ใช้ในการพัฒนา</q-label>
+                  <q-label class="text-bold"
+                    >เทคนิควิธีการที่ใช้ในการพัฒนา</q-label
+                  >
                 </div>
                 <div class="col-12 col-sm-6 col-md-4 align-top">
                   <q-label class="q-mb-sm text-weight-medium text-body2"