เพิ่ม input เพิ่มรายการโครงการ/หลักสูตรการฝึกอบรม(อื่นๆ)

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

@@ -24,7 +24,14 @@ const formData = reactive<FormFollowOther>({
   receive: null,
   approved: null,
   budgetPay: null,
-  issues:''
+  issues:'',
+  chance:'',
+  effects:'',
+  riskLevel:'',
+  riskManagement:'',
+  benefits:'',
+  topicsIssues:'',
+  trainingStudy:'',
 });
 
 const provinceOp = ref<DataOption[]>([]);
@@ -99,11 +106,11 @@ onMounted(() => {
               :model-value="
                 formData.dateStart ? date2Thai(formData.dateStart) : null
               "
-              :label="`${'วันที่เริ่มรับสมัคร'}`"
+              :label="`${'วันที่เริ่มต้น'}`"
               hide-bottom-space
               :rules="[
             (val:string) =>
-              !!val || `${'กรุณาเลือกวันที่เริ่มรับสมัคร'}`,
+              !!val || `${'กรุณาเลือกวันที่เริ่มต้น'}`,
           ]"
             >
               <template v-slot:prepend>
@@ -137,11 +144,11 @@ onMounted(() => {
               :model-value="
                 formData.dateEnd ? date2Thai(formData.dateEnd) : null
               "
-              :label="`${'วันที่สิ้นสุดรับสมัคร'}`"
+              :label="`${'วันที่สิ้นสุด'}`"
               hide-bottom-space
               :rules="[
             (val:string) =>
-              !!val || `${'กรุณาเลือกวันที่สิ้นสุดรับสมัคร'}`,
+              !!val || `${'กรุณาเลือกวันที่สิ้นสุด'}`,
           ]"
             >
               <template v-slot:prepend>
@@ -296,6 +303,107 @@ onMounted(() => {
           ]"
         />
       </div>
+      <div class="col-12">
+        <q-input
+          outlined
+          dense
+          v-model="formData.chance"
+          hide-bottom-space
+          label="โอกาศที่จะเกิด"
+          type="textarea"
+          :rules="[
+            (val:string) =>
+              !!val || `${'กรุณากรอกโอกาศที่จะเกิด'}`,
+          ]"
+        />
+      </div>
+      <div class="col-12">
+        <q-input
+          outlined
+          dense
+          v-model="formData.effects"
+          hide-bottom-space
+          label="ผลกระทบจากการเกิด"
+          type="textarea"
+          :rules="[
+            (val:string) =>
+              !!val || `${'กรุณากรอกผลกระทบจากการเกิด'}`,
+          ]"
+        />
+      </div>
+      <div class="col-12">
+        <q-input
+          outlined
+          dense
+          v-model="formData.riskLevel"
+          hide-bottom-space
+          label="ระดับความเสี่ยง"
+          :rules="[
+            (val:string) =>
+              !!val || `${'กรุณากรอกระดับความเสี่ยง'}`,
+          ]"
+        />
+      </div>
+      <div class="col-12">
+        <q-input
+          outlined
+          dense
+          v-model="formData.riskManagement"
+          hide-bottom-space
+          label="เเนวทางการบริหารความเสี่ยง"
+          type="textarea"
+          :rules="[
+            (val:string) =>
+              !!val || `${'กรุณากรอกเเนวทางการบริหารความเสี่ยง'}`,
+          ]"
+        />
+      </div>
+      <div class="col-12 q-mt-md">
+        <span class="text-weight-medium text-body1">ประโยชน์ที่คาดว่าจะได้รับ</span>
+      </div>
+      <div class="col-12">
+        <q-input
+          outlined
+          dense
+          v-model="formData.riskManagement"
+          hide-bottom-space
+          label="ประโยชน์ที่คาดว่าจะได้รับ"
+          type="textarea"
+          :rules="[
+            (val:string) =>
+              !!val || `${'กรุณากรอกประโยชน์ที่คาดว่าจะได้รับ'}`,
+          ]"
+        />
+      </div>
+      <div class="col-12 q-mt-md">
+        <span class="text-weight-medium text-body1">ข้อมูลด้านวิชาการ</span>
+      </div>
+      <div class="col-12">
+        <q-input
+          outlined
+          dense
+          v-model="formData.riskManagement"
+          hide-bottom-space
+          label="หัวข้อ/ประเด็นการฝึกอบรม ศึกษาดูงาน"
+          :rules="[
+            (val:string) =>
+              !!val || `${'กรุณากรอกหัวข้อ/ประเด็นการฝึกอบรม ศึกษาดูงาน'}`,
+          ]"
+        />
+      </div>
+      <div class="col-12">
+        <q-input
+          outlined
+          dense
+          v-model="formData.riskManagement"
+          hide-bottom-space
+          label="สถานที่ฝึกอบรม ศึกษาดูงาน"
+          :rules="[
+            (val:string) =>
+              !!val || `${'กรุณากรอกสถานที่ฝึกอบรม ศึกษาดูงาน'}`,
+          ]"
+        />
+      </div>
     </div>
 
 </template>

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

@@ -50,6 +50,13 @@ interface FormFollowOther {
   approved: number|null;
   budgetPay: number|null;
   issues:string
+  chance:string
+  effects:string
+  riskLevel:string
+  riskManagement:string
+  benefits:string
+  topicsIssues:string
+  trainingStudy:string
 }
 
 interface FormAddHistory{