รายการโครงการ/หลักสูตรการฝึกอบรมที่หน่วยงานของกรุงเทพมหานครเป็นผู้จัด => เพิ่ม interface

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

@@ -2,27 +2,32 @@
 import { onMounted, reactive, ref } from "vue";
 import { useQuasar } from "quasar";
 
+import type { FormBasicinfo } from "@/modules/15_development/interface/request/Main";
+
 import { useCounterMixin } from "@/stores/mixin";
 
 const $q = useQuasar();
 const { showLoader, hideLoader, dialogConfirm } = useCounterMixin();
 
-onMounted(() => {
-  console.log("ข้อมูลเบื้องต้น");
-});
-
-const formData = reactive<any>({
+const formData = reactive<FormBasicinfo>({
   year: new Date().getFullYear(),
-  org: "",
+  org: "สำนักงานคณะกรรมการข้าราชการกรุงเทพมหานครกองบริหารทั้วไป",
   projectName: "",
   reason: "",
   objective: "",
 });
 
-const options = ref<any>(["Google", "Facebook", "Twitter", "Apple", "Oracle"]);
+const options = ref<any>([
+  "สำนักงานคณะกรรมการข้าราชการกรุงเทพมหานครกองบริหารทั้วไป",
+  "สำนักงานคณะกรรมการข้าราชการกรุงเทพมหานคร",
+]);
 function onSubmit() {
   dialogConfirm($q, () => {});
 }
+
+onMounted(() => {
+  console.log("ข้อมูลเบื้องต้น");
+});
 </script>
 <template>
   <q-form greedy @submit.prevent @validation-success="onSubmit">