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

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

@@ -3,6 +3,10 @@ import { onMounted, ref, reactive } from "vue";
 import { useQuasar } from "quasar";
 
 import type { QTableProps } from "quasar";
+import type {
+  FormGroupTarget,
+  FormGroupRelate,
+} from "@/modules/15_development/interface/request/Main";
 
 import DialogHeader from "@/components/DialogHeader.vue";
 
@@ -80,12 +84,16 @@ const rows3 = ref<any>([
   },
 ]);
 const rows4 = ref<any>([{ related: "เจ้าหน้าที่", amount: 10 }]);
-const options = ref<any>(["Google", "Facebook", "Twitter", "Apple", "Oracle"]);
+const options = ref<any>([
+  "ข้าราชการกรุงเทพมหานคร",
+  "ข้าราชการกรุงเทพมหานครสามัญ",
+  "เจ้าหน้าที่ดำเนิดการ",
+]);
 
 const modalGroupTarget = ref<boolean>(false);
 const modalRelate = ref<boolean>(false);
 
-const formGroupTarget = reactive({
+const formGroupTarget = reactive<FormGroupTarget>({
   groupTarget: "",
   groupTargetSub: "",
   position: "",
@@ -95,7 +103,7 @@ const formGroupTarget = reactive({
   amount: null,
 });
 
-const formGroupRelate = reactive({
+const formGroupRelate = reactive<FormGroupRelate>({
   relate: "",
   amount: null,
 });