พัฒนาบุคลากร: เพิ่มAPIอัพโหลดไฟล์+แก้target

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

@@ -192,7 +192,11 @@ function fetchType() {
 function onClickOpenDialog(type: string, target: string) {
   isTarget.value = target;
   if (type === "group") {
-    newModalGroupTarget.value = true;
+    if (target === "planned") {
+      newModalGroupTarget.value = true;
+    } else {
+      modalGroupTarget.value = true;
+    }
   } else {
     modalRelate.value = true;
   }
@@ -295,6 +299,7 @@ function cleanFormData() {
 
 function onClickCloseDialog() {
   newModalGroupTarget.value = false;
+  modalGroupTarget.value = false;
   groupTargetData.targetData = [{}];
   modalRelate.value = false;
   cleanFormData();
@@ -571,7 +576,7 @@ onMounted(() => {
                     () => {
                       isEdit = true;
                       rowIndex = props.rowIndex;
-                      newModalGroupTarget = true;
+                      modalGroupTarget = true;
                     }
                   "
                 >
@@ -643,7 +648,10 @@ onMounted(() => {
   <q-dialog v-model="modalGroupTarget" persistent>
     <q-card style="width: 700px">
       <q-form greedy @submit.prevent @validation-success="onSubmitGroup">
-        <DialogHeader tittle="เพิ่มกลุ่มเป้าหมาย" :close="onClickCloseDialog" />
+        <DialogHeader
+          :tittle="isEdit ? 'แก้ไขกลุ่มเป้าหมาย' : 'เพิ่มกลุ่มเป้าหมาย'"
+          :close="onClickCloseDialog"
+        />
         <q-separator />
         <q-card-section class="q-p-sm">
           <div class="row col-12 q-col-gutter-md">
@@ -819,9 +827,7 @@ onMounted(() => {
     <q-card style="width: 700px">
       <q-form greedy @submit.prevent @validation-success="onSubmitGroup">
         <DialogHeader
-          :tittle="
-            isEdit ? 'แก้ไขกลุ่มเป้าหมาย (ใหม่)' : 'เพิ่มกลุ่มเป้าหมาย (ใหม่)'
-          "
+          :tittle="isEdit ? 'แก้ไขกลุ่มเป้าหมาย' : 'เพิ่มกลุ่มเป้าหมาย'"
           :close="onClickCloseDialog"
         />
         <q-separator />
@@ -875,6 +881,39 @@ onMounted(() => {
               ]"
               />
             </div>
+            <div
+              class="col-xs-6 col-sm-6 col-md-8"
+              v-if="formGroupTarget.groupTarget === 'OUTSIDERS'"
+            >
+              <q-input
+                outlined
+                dense
+                class="inputgreen"
+                hide-bottom-space
+                v-model="formGroupTarget.type"
+                label="ประเภท(กลุ่มอาชีพ คุณสมบัติ)"
+                :rules="[
+              (val:string) =>
+                !!val || `${'กรุณากรอกประเภท(กลุ่มอาชีพ คุณสมบัติ)'}`,
+            ]"
+              />
+            </div>
+            <div class="col-xs-6 col-sm-6 col-md-4">
+              <q-input
+                outlined
+                dense
+                hide-bottom-space
+                class="inputgreen"
+                v-model="formGroupTarget.amount"
+                label="จำนวน(คน)"
+                mask="#"
+                reverse-fill-mask
+                :rules="[
+              (val:string) =>
+                !!val || `${'กรุณากรอกจำนวน(คน)'}`,
+            ]"
+              />
+            </div>
             <div
               class="col-12 row items-center"
               v-if="formGroupTarget.groupTarget !== 'OUTSIDERS'"
@@ -978,39 +1017,6 @@ onMounted(() => {
                 </q-btn>
               </div>
             </div>
-            <div
-              class="col-xs-6 col-sm-6 col-md-8"
-              v-if="formGroupTarget.groupTarget === 'OUTSIDERS'"
-            >
-              <q-input
-                outlined
-                dense
-                class="inputgreen"
-                hide-bottom-space
-                v-model="formGroupTarget.type"
-                label="ประเภท(กลุ่มอาชีพ คุณสมบัติ)"
-                :rules="[
-              (val:string) =>
-                !!val || `${'กรุณากรอกประเภท(กลุ่มอาชีพ คุณสมบัติ)'}`,
-            ]"
-              />
-            </div>
-            <div class="col-xs-6 col-sm-6 col-md-4">
-              <q-input
-                outlined
-                dense
-                hide-bottom-space
-                class="inputgreen"
-                v-model="formGroupTarget.amount"
-                label="จำนวน(คน)"
-                mask="#"
-                reverse-fill-mask
-                :rules="[
-              (val:string) =>
-                !!val || `${'กรุณากรอกจำนวน(คน)'}`,
-            ]"
-              />
-            </div>
           </div>
         </q-card-section>
         <q-separator />