fix class modalfix ==> 03_recruiting

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2025-06-06 09:42:47 +07:00
parent 13837fb002
commit b272f73edd
6 changed files with 93 additions and 122 deletions

View file

@ -1,5 +1,4 @@
<script setup lang="ts">
import type { QTableProps } from "quasar";
import { onMounted, ref, watch, computed } from "vue";
import { useQuasar, QForm } from "quasar";
import { useRouter, useRoute } from "vue-router";
@ -21,7 +20,6 @@ const route = useRoute();
const {
date2Thai,
success,
dateToISO,
messageError,
showLoader,
hideLoader,
@ -137,13 +135,14 @@ async function uploadDocData() {
showLoader();
await http
.put(config.API.periodRecruitDoc(id.value), formData)
.then((res) => {})
.then(() => {
success($q, "บันทึกข้อมูลสำเร็จ");
})
.catch((e) => {
messageError($q, e);
})
.finally(async () => {
hideLoader();
success($q, "บันทึกข้อมูลสำเร็จ");
clickBack();
});
} else {
@ -162,7 +161,7 @@ async function uploadImgData() {
showLoader();
await http
.put(config.API.periodRecruitImg(id.value), formData)
.then((res) => {})
.then(() => {})
.catch((e) => {
messageError($q, e);
})
@ -417,7 +416,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-4 col-md-1" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="yearly"
:locale="'th'"
autoApply
@ -467,7 +465,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-4 col-md-3" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="dateExam"
:locale="'th'"
autoApply
@ -503,7 +500,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<datepicker
menu-class-name="modalfix"
v-model="dateAnnouncement"
:locale="'th'"
autoApply
@ -546,7 +542,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="dateRegister"
:locale="'th'"
autoApply
@ -588,7 +583,6 @@ onMounted(async () => {
v-if="announcementExam && isFeeNotZero"
>
<datepicker
menu-class-name="modalfix"
v-model="datePayment"
:locale="'th'"
autoApply
@ -628,7 +622,6 @@ onMounted(async () => {
<div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="dateAnnounce"
:locale="'th'"
autoApply

View file

@ -21,12 +21,10 @@ const route = useRoute();
const {
date2Thai,
success,
dateToISO,
notifyError,
messageError,
showLoader,
hideLoader,
convertDateToAPI
convertDateToAPI,
} = mixin;
const myForm = ref<QForm | null>(null); //form data input
const name = ref<string>("");
@ -141,13 +139,21 @@ function sendData() {
name: name.value,
note: note.value,
paymentEndDate:
datePayment.value !== null ? convertDateToAPI(datePayment.value[1]) : null,
datePayment.value !== null
? convertDateToAPI(datePayment.value[1])
: null,
paymentStartDate:
datePayment.value !== null ? convertDateToAPI(datePayment.value[0]) : null,
datePayment.value !== null
? convertDateToAPI(datePayment.value[0])
: null,
registerEndDate:
dateRegister.value !== null ? convertDateToAPI(dateRegister.value[1]) : null,
dateRegister.value !== null
? convertDateToAPI(dateRegister.value[1])
: null,
registerStartDate:
dateRegister.value !== null ? convertDateToAPI(dateRegister.value[0]) : null,
dateRegister.value !== null
? convertDateToAPI(dateRegister.value[0])
: null,
round: round.value,
year: yearly.value,
announcementDate:
@ -312,7 +318,7 @@ async function uploadDocData() {
showLoader();
await http
.put(config.API.periodExamDoc(id.value), formData)
.then((res) => {})
.then(() => {})
.catch((e) => {
messageError($q, e);
})
@ -405,7 +411,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-4 col-md-1" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="yearly"
:locale="'th'"
autoApply
@ -453,7 +458,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="dateExam"
:locale="'th'"
autoApply
@ -489,7 +493,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<datepicker
menu-class-name="modalfix"
v-model="dateAnnouncement"
:locale="'th'"
autoApply
@ -527,7 +530,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="dateRegister"
:locale="'th'"
autoApply
@ -568,7 +570,6 @@ onMounted(async () => {
v-if="announcementExam && fee != 0"
>
<datepicker
menu-class-name="modalfix"
v-model="datePayment"
:locale="'th'"
autoApply
@ -609,7 +610,6 @@ onMounted(async () => {
<div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="dateAnnounce"
:locale="'th'"
autoApply

View file

@ -1,7 +1,7 @@
<!-- page:ดการรอบการสอบ สรรหา -->
<script setup lang="ts">
import type { QTableProps } from "quasar";
import { onMounted, ref, watch, computed } from "vue";
import { onMounted, ref, watch } from "vue";
import { useQuasar, QForm } from "quasar";
import { useRouter, useRoute } from "vue-router";
@ -36,7 +36,7 @@ const route = useRoute();
const {
date2Thai,
success,
dateToISO,
messageError,
showLoader,
hideLoader,
@ -46,7 +46,6 @@ const {
const checkRoutePermisson = ref<boolean>(
route.name == "qualifyPeriodEditDetail"
); // route
const fileList = ref<any[]>([]);
const myForm = ref<QForm | null>(null); //form data input
const name = ref<string>("");
const note = ref<string>("");
@ -967,7 +966,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-4 col-md-1" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="yearly"
:locale="'th'"
:readonly="checkRoutePermisson"
@ -995,7 +993,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="dateExam"
:locale="'th'"
autoApply
@ -1035,7 +1032,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<datepicker
menu-class-name="modalfix"
v-model="dateAnnouncement"
:locale="'th'"
:readonly="checkRoutePermisson"
@ -1075,7 +1071,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="dateRegister"
:locale="'th'"
autoApply
@ -1120,7 +1115,6 @@ onMounted(async () => {
v-if="announcementExam && fee != 0"
>
<datepicker
menu-class-name="modalfix"
v-model="datePayment"
:readonly="checkRoutePermisson"
:locale="'th'"
@ -1161,7 +1155,6 @@ onMounted(async () => {
</div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
<datepicker
menu-class-name="modalfix"
v-model="dateAnnounce"
:locale="'th'"
autoApply