65 lines
1.8 KiB
Vue
65 lines
1.8 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import Form from "@/modules/11_discipline/components/6_BasicInformation/Director/Form.vue";
|
||
|
|
import { useCounterMixin } from "@/stores/mixin";
|
||
|
|
import { useRoute, useRouter } from "vue-router";
|
||
|
|
import http from "@/plugins/http";
|
||
|
|
import config from "@/app.config";
|
||
|
|
import { useQuasar } from "quasar";
|
||
|
|
import type { FormDataPost } from "@/modules/11_discipline/interface/request/director";
|
||
|
|
|
||
|
|
const $q = useQuasar();
|
||
|
|
const mixin = useCounterMixin();
|
||
|
|
const { messageError, showLoader, hideLoader, dialogConfirm, success } = mixin;
|
||
|
|
const router = useRouter();
|
||
|
|
|
||
|
|
/**
|
||
|
|
* บันทึกข้อมูลที่เเก้ไข
|
||
|
|
* @param id ระบุ บุคคล
|
||
|
|
*/
|
||
|
|
function onSubmit(formData:FormDataPost) {
|
||
|
|
dialogConfirm($q, () => addData(formData));
|
||
|
|
}
|
||
|
|
|
||
|
|
function addData(formData: FormDataPost) {
|
||
|
|
showLoader();
|
||
|
|
http
|
||
|
|
.post(config.API.director(), {
|
||
|
|
personalId:formData.personalId ?? '',
|
||
|
|
prefix: formData.prefix,
|
||
|
|
firstName: formData.firstname,
|
||
|
|
lastName: formData.lastname,
|
||
|
|
position: formData.position,
|
||
|
|
email: formData.email,
|
||
|
|
phone: formData.phone,
|
||
|
|
})
|
||
|
|
.then((res) => {
|
||
|
|
success($q, "บันทึกข้อมูลสำเร็จ");
|
||
|
|
})
|
||
|
|
.catch((e) => {
|
||
|
|
messageError($q, e);
|
||
|
|
})
|
||
|
|
.finally(async () => {
|
||
|
|
router.push(`/discipline/director`);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<template>
|
||
|
|
<div class="col-xs-12 col-sm-12 col-md-11">
|
||
|
|
<div class="toptitle col-12 row items-center">
|
||
|
|
<q-btn
|
||
|
|
icon="mdi-arrow-left"
|
||
|
|
unelevated
|
||
|
|
round
|
||
|
|
dense
|
||
|
|
flat
|
||
|
|
color="primary"
|
||
|
|
class="q-mr-sm"
|
||
|
|
@click="$router.push(`/evaluate/director`)"
|
||
|
|
/>
|
||
|
|
เพิ่มรายชื่อกรรมการ
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<Form :on-submit="onSubmit" />
|
||
|
|
</div>
|
||
|
|
</template>
|