เเก้ เป้าหมายตามแผน ส่ง text

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

@@ -77,10 +77,13 @@ const levelComputed = computed(() => {
       formGroupTarget.groupTargetSub !== "EMPLOYEETEMP"
     ) {
       return (
-        posTypeMain.value.find((v) => items.posTypeId === v.id)?.posLevels || []
+        posTypeMain.value.find((v) => items.posType === v.posTypeName)
+          ?.posLevels || []
       );
     } else {
-      const v = posTypeMainEMP.value.find((v) => items.posTypeId === v.id);
+      const v = posTypeMainEMP.value.find(
+        (v) => items.posType === v.posTypeName
+      );
       return (
         v?.posLevels.map((e: any) => ({
           id: e.id,
@@ -103,6 +106,8 @@ const formGroupTarget = reactive<FormGroupTargetPlannedGoal>({
   amount: null,
   positions: [
     {
+      posType: "",
+      posLevel: "",
       position: "",
       posTypeId: null,
       posLevelId: null,
@@ -119,6 +124,8 @@ const formGroupRelate = reactive<FormGroupRelate>({
 /** เพิ่ม object ให้ตัวแปร */
 const addGroupTargetData = async () => {
   formGroupTarget.positions.push({
+    posType: "",
+    posLevel: "",
     position: "",
     posTypeId: null,
     posLevelId: null,
@@ -328,6 +335,8 @@ function onClickOpenDialog(type: string, target: string) {
     if (target === "planned") {
       (formGroupTarget.positions = [
         {
+          posType: "",
+          posLevel: "",
           position: "",
           posTypeId: null,
           posLevelId: null,
@@ -360,9 +369,9 @@ function onSubmitGroup() {
             positions:
               formGroupTarget.groupTarget !== "OUTSIDERS"
                 ? formGroupTarget.positions.map((v) => ({
+                    posTypePlanned: v.position ? v.posType : "",
+                    posLevelPlanned: v.position ? v.posLevel : "",
                     position: v.position ? v.position : "",
-                    posTypePlannedId: v.posTypeId ? v.posTypeId : null,
-                    posLevelPlannedId: v.posLevelId ? v.posLevelId : null,
                     posExecutive: v.posExecutive ? v.posExecutive : "",
                   }))
                 : [],
@@ -561,6 +570,8 @@ function onOpenDialog(data: any) {
     plannedGoalsData.value.find((item: any) => item.id === data.id)?.position ||
     []
   ).map((pos: any) => ({
+    posType: pos.posType,
+    posLevel: pos.posLevel,
     position: pos.position,
     posTypeId: pos.posTypeId || null,
     posLevelId: pos.posLevelId || null,
@@ -1168,6 +1179,8 @@ onMounted(() => {
                   updateGroupTarget,
                     (formGroupTarget.positions = [
                       {
+                        posType: '',
+                        posLevel: '',
                         position: '',
                         posTypeId: null,
                         posLevelId: null,
@@ -1214,6 +1227,8 @@ onMounted(() => {
                 @update:model-value="
                   formGroupTarget.positions = [
                     {
+                      posType: '',
+                      posLevel: '',
                       position: '',
                       posTypeId: null,
                       posLevelId: null,
@@ -1284,7 +1299,7 @@ onMounted(() => {
                   dense
                   outlined
                   class="inputgreen"
-                  v-model="items.posTypeId"
+                  v-model="items.posType"
                   :options="
                     formGroupTarget.groupTargetSub !== 'EMPLOYEE' &&
                     formGroupTarget.groupTargetSub !== 'EMPLOYEETEMP'
@@ -1292,7 +1307,7 @@ onMounted(() => {
                       : posTypeOpEMP
                   "
                   option-label="name"
-                  option-value="id"
+                  option-value="name"
                   emit-value
                   map-options
                   input-class="text-red"
@@ -1314,10 +1329,10 @@ onMounted(() => {
                   dense
                   outlined
                   class="inputgreen"
-                  v-model="items.posLevelId"
+                  v-model="items.posLevel"
                   :options="levelComputed[index]"
                   option-label="posLevelName"
-                  option-value="id"
+                  option-value="posLevelName"
                   emit-value
                   map-options
                   input-class="text-red"

src/modules/15_development/interface/request/Main.ts

@@ -48,6 +48,8 @@ interface FormGroupTargetPlannedGoal {
 }
 
 interface PositionsType {
+  posType: string;
+  posLevel: string;
   position: string;
   posTypeId: string | null;
   posLevelId: string | null;