ผูก API รายการโครงการ

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

@@ -94,6 +94,7 @@ const columnsActualGoals = ref<QTableProps["columns"]>([
     field: "amount",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
+    format: (val) => Number(val),
   },
 ]);
 
@@ -117,6 +118,7 @@ const columnsRelated = ref<QTableProps["columns"]>([
     field: "amount",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
+    format: (val) => Number(val),
   },
 ]);
 
@@ -195,67 +197,63 @@ function onClickOpenDialog(type: string, target: string) {
 }
 
 function onSubmitGroup() {
-  dialogConfirm($q, () => {
-    if (isTarget.value === "planned") {
-      const data = [];
-      data.push(formGroupTarget);
-      const list = data.map((e) => ({
-        groupTarget: e.groupTarget,
-        groupTargetSub: e.groupTargetSub,
-        position: e.position,
-        posTypePlannedId: e.posType,
-        posLevelPlannedId: e.level,
-        type: e.type,
-        amount: Number(e.amount),
-      }));
-      plannedGoals.value.push(...list);
-      store.formAddProject.plannedGoals = plannedGoals.value;
-    } else {
-      const data = [];
-      data.push(formGroupTarget);
-      const list = data.map((e) => ({
-        groupTarget: e.groupTarget,
-        groupTargetSub: e.groupTargetSub,
-        position: e.position,
-        posTypeActualId: e.posType,
-        posLevelActualId: e.level,
-        type: e.type,
-        amount: Number(e.amount),
-      }));
-      actualGoals.value.push(...list);
-      store.formAddProject.actualGoals = actualGoals.value;
-    }
-    setTimeout(() => {
-      success($q, "บันทึกข้อมูลสำเร็จ");
-      onClickCloseDialog();
-    }, 500);
-  });
+  if (isTarget.value === "planned") {
+    const data = [];
+    data.push(formGroupTarget);
+    const list = data.map((e) => ({
+      groupTarget: e.groupTarget,
+      groupTargetSub: e.groupTargetSub,
+      position: e.position,
+      posTypePlannedId: e.posType,
+      posLevelPlannedId: e.level,
+      type: e.type,
+      amount: Number(e.amount),
+    }));
+    plannedGoals.value.push(...list);
+    store.formAddProject.plannedGoals = plannedGoals.value;
+  } else {
+    const data = [];
+    data.push(formGroupTarget);
+    const list = data.map((e) => ({
+      groupTarget: e.groupTarget,
+      groupTargetSub: e.groupTargetSub,
+      position: e.position,
+      posTypeActualId: e.posType,
+      posLevelActualId: e.level,
+      type: e.type,
+      amount: Number(e.amount),
+    }));
+    actualGoals.value.push(...list);
+    store.formAddProject.actualGoals = actualGoals.value;
+  }
+  setTimeout(() => {
+    onClickCloseDialog();
+  }, 100);
 }
 
 function onSubmitRelate() {
-  dialogConfirm($q, () => {
-    success($q, "บันทึกข้อมูลสำเร็จ");
-    if (isTarget.value === "planned") {
-      const data = [];
-      data.push(formGroupRelate);
-      const list = data.map((e) => ({
-        groupTarget: e.relate,
-        amount: Number(e.amount),
-      }));
-      plannedPeoples.value.push(...list);
-      store.formAddProject.plannedPeoples = plannedPeoples.value;
-    } else {
-      const data = [];
-      data.push(formGroupRelate);
-      const list = data.map((e) => ({
-        groupTarget: e.relate,
-        amount: Number(e.amount),
-      }));
-      actualPeoples.value.push(...list);
-      store.formAddProject.actualPeoples = actualPeoples.value;
-    }
+  if (isTarget.value === "planned") {
+    const data = [];
+    data.push(formGroupRelate);
+    const list = data.map((e) => ({
+      groupTarget: e.relate,
+      amount: Number(e.amount),
+    }));
+    plannedPeoples.value.push(...list);
+    store.formAddProject.plannedPeoples = plannedPeoples.value;
+  } else {
+    const data = [];
+    data.push(formGroupRelate);
+    const list = data.map((e) => ({
+      groupTarget: e.relate,
+      amount: Number(e.amount),
+    }));
+    actualPeoples.value.push(...list);
+    store.formAddProject.actualPeoples = actualPeoples.value;
+  }
+  setTimeout(() => {
     onClickCloseDialog();
-  });
+  }, 100);
 }
 
 function onclickDelete(index: number, type: string) {
@@ -277,8 +275,6 @@ function onclickDelete(index: number, type: string) {
       default:
         break;
     }
-
-    success($q, "ลบข้อมูลสำเร็จ");
   });
 }
 
@@ -616,6 +612,7 @@ onMounted(() => {
                 map-options
                 emit-value
                 lazy-rules
+                class="inputgreen"
                 @update:model-value="updateGroupTarget"
                 :rules="[
                 (val:string) =>
@@ -630,6 +627,7 @@ onMounted(() => {
               <q-select
                 dense
                 outlined
+                class="inputgreen"
                 v-model="formGroupTarget.groupTargetSub"
                 :options="
                   formGroupTarget.groupTarget === 'OFFICER'
@@ -658,6 +656,7 @@ onMounted(() => {
                 outlined
                 dense
                 hide-bottom-space
+                class="inputgreen"
                 v-model="formGroupTarget.position"
                 label="ตำแหน่ง"
                 :rules="[
@@ -675,6 +674,7 @@ onMounted(() => {
                 outlined
                 hide-bottom-space
                 lazy-rules
+                class="inputgreen"
                 v-model="formGroupTarget.posType"
                 :options="posTypeOp"
                 option-label="name"
@@ -699,6 +699,7 @@ onMounted(() => {
                 outlined
                 hide-bottom-space
                 lazy-rules
+                class="inputgreen"
                 v-model="formGroupTarget.level"
                 :options="posLevelOp"
                 option-label="name"
@@ -720,6 +721,7 @@ onMounted(() => {
               <q-input
                 outlined
                 dense
+                class="inputgreen"
                 hide-bottom-space
                 v-model="formGroupTarget.type"
                 label="ประเภท(กลุ่มอาชีพ คุณสมบัติ)"
@@ -734,6 +736,7 @@ onMounted(() => {
                 outlined
                 dense
                 hide-bottom-space
+                class="inputgreen"
                 v-model="formGroupTarget.amount"
                 label="จำนวน(คน)"
                 mask="#"
@@ -775,6 +778,7 @@ onMounted(() => {
               <q-select
                 dense
                 outlined
+                class="inputgreen"
                 v-model="formGroupRelate.relate"
                 :options="peoplesOp"
                 label="ผู้เกี่ยวข้อง"
@@ -795,6 +799,7 @@ onMounted(() => {
                 outlined
                 dense
                 hide-bottom-space
+                class="inputgreen"
                 v-model="formGroupRelate.amount"
                 label="จำนวน(คน)"
                 mask="#"