รายการอุทธรณ์ร้องทุกข์

src/modules/11_discipline/components/8_AppealComplain/AddPage.vue

@@ -1,14 +1,45 @@
 <script setup lang="ts">
 import Form from "@/modules/11_discipline/components/8_AppealComplain/Form.vue";
+import config from "@/app.config";
+import http from "@/plugins/http";
 import { useRoute, useRouter } from "vue-router";
+import { useQuasar } from "quasar";
 
+import { useCounterMixin } from "@/stores/mixin";
+const mixin = useCounterMixin();
+
+const { showLoader, messageError, hideLoader, dialogConfirm, success } = mixin;
+const $q = useQuasar();
 const router = useRouter();
 
 /** บันทึกข้อมูลเเละ route กลับหน้าหลัก */
-async function onSubmit(){
-  console.log("add");
-  router.push(`/discipline-appealcomplain`);
-};
+async function onSubmit(data: any) {
+  console.log("add", data);
+  const formData = new FormData();
+  formData.append("profileId", data.profileId);
+  formData.append("citizenId", data.citizenId);
+  formData.append("fullname", data.fullname);
+  formData.append("title", data.title);
+  formData.append("description", data.description);
+  formData.append("type", data.type);
+  formData.append("year", data.year);
+  formData.append("caseType", data.caseType);
+  formData.append("caseNumber", data.caseNumber);
+  formData.append("file", data.file);
+  showLoader();
+  http
+    .post(config.API.appealAdd(), formData)
+    .then((res) => {
+      success($q, "บันทึกข้อมูลสำเร็จ");
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(async () => {
+      hideLoader();
+    });
+  // router.push(`/discipline-appealcomplain`);
+}
 </script>
 
 <template>