ต่อ api ขอโอน

src/modules/02_transfer/views/AddTransfer.vue

@@ -23,6 +23,7 @@
 										url="http://localhost:4444/upload"
 										label="เอกสารเพิ่มเติม"
 										multiple
+										@added="fileUploadDoc"
 										style="max-width: px"
 									/>
 
@@ -288,7 +289,7 @@
 					<q-separator /> -->
 					<div class="row col-12 q-pa-sm" v-if="routeName == 'addTransfer'">
 						<q-space />
-						<q-btn unelevated dense class="q-px-md items-center" color="primary" label="ยื่นเรื่องขอโอน" @click="router.go(-1)" />
+						<q-btn unelevated dense class="q-px-md items-center" color="primary" label="ยื่นเรื่องขอโอน" @click="saveTransfer" />
 					</div>
 				</q-card>
 			</div>
@@ -297,23 +298,63 @@
 </template>
 <script setup lang="ts">
 import type { QTableProps } from "quasar"
-import { ref } from "vue"
+import { ref, onMounted } from "vue"
 import { useQuasar } from "quasar"
-import { useRouter } from "vue-router"
+import { useRouter, useRoute } from "vue-router"
+import { useCounterMixin } from "@/stores/mixin"
+import http from "@/plugins/http"
+import config from "@/app.config"
 
 const router = useRouter()
 const $q = useQuasar()
 
-const file = ref(null)
+const mixin = useCounterMixin()
+const { date2Thai, dateToISO, success, messageError, showLoader, hideLoader } = mixin
+const fileDocDataUpload = ref<File[]>([])
+const files = ref<any>()
 const tranferOrg = ref("")
 const noteReason = ref("")
-const noPos = ref("")
-const level = ref("")
-const salary = ref("")
-const positionNew = ref("")
-const salaryNew = ref("")
-const transfer = ref("")
-const note = ref("")
 
 const routeName = router.currentRoute.value.name
+
+onMounted(() => {})
+const saveTransfer = () => {
+	$q.dialog({
+		title: "ยืนยันการยื่นข้อมูลลาออก",
+		message: "ต้องการยื่นข้อมูลลาออกนี้ใช่หรือไม่?",
+		cancel: {
+			flat: true,
+			color: "negative",
+		},
+		persistent: true,
+	})
+		.onOk(async () => {
+			createTransfer()
+		})
+		.onCancel(() => {})
+		.onDismiss(() => {})
+}
+
+const createTransfer = async () => {
+	const formData = new FormData()
+	formData.append("Organization", tranferOrg.value)
+	formData.append("Reason", noteReason.value)
+	formData.append("file", files.value)
+	console.log(formData)
+	await http
+		.post(config.API.listtransfer(), formData)
+		.then((res: any) => {
+			console.log(res)
+			success($q, "บันทึกข้อมูลสำเร็จ")
+			router.push(`/transfer`)
+		})
+		.catch((e: any) => {
+			messageError($q, e)
+			console.log(e)
+		})
+}
+
+const fileUploadDoc = async (files: any) => {
+	fileDocDataUpload.value.push(files)
+}
 </script>