แก้บังคับกรอก ใน เพิ่มรอบสอบแข่งขัน

This commit is contained in:
oat_dev 2024-06-17 15:26:53 +07:00
parent fa8ba55318
commit 31353ca82c

View file

@ -16,14 +16,14 @@
<q-card flat bordered class="col-12"> <q-card flat bordered class="col-12">
<q-form ref="myForm"> <q-form ref="myForm">
<q-card-section class="q-pa-md"> <q-card-section class="q-pa-md">
<div class="col-xs-12 col-sm-8"></div> <div class="col-12 row q-col-gutter-sm">
<div class="col-12 row items-center q-col-gutter-x-sm">
<div class="col-xs-12 col-sm-8"> <div class="col-xs-12 col-sm-8">
<q-input <q-input
outlined outlined
v-model="name" v-model="name"
label="ชื่อรอบสอบแข่งขัน" label="ชื่อรอบสอบแข่งขัน"
dense dense
hide-bottom-space
lazy-rules lazy-rules
:rules="[(val) => !!val || `${'กรุณากรอกชื่อรอบสอบแข่งขัน'}`]" :rules="[(val) => !!val || `${'กรุณากรอกชื่อรอบสอบแข่งขัน'}`]"
></q-input> ></q-input>
@ -35,8 +35,6 @@
type="number" type="number"
label="รอบการสอบ(ครั้ง)" label="รอบการสอบ(ครั้ง)"
dense dense
lazy-rules
:rules="[(val) => val > 0 || `${'กรุณากรอกรอบการสอบให้ถูกต้อง'}`]"
></q-input> ></q-input>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-1" v-if="announcementExam"> <div class="col-xs-12 col-sm-4 col-md-1" v-if="announcementExam">
@ -58,7 +56,6 @@
dense dense
outlined outlined
:model-value="yearly + 543" :model-value="yearly + 543"
:rules="[(val) => !!val || `${'กรุณาเลือกปีงบประมาณ'}`]"
:label="`${'ปีงบประมาณ'}`" :label="`${'ปีงบประมาณ'}`"
> >
<template v-slot:prepend> <template v-slot:prepend>
@ -80,14 +77,10 @@
type="number" type="number"
label="ค่าธรรมเนียม" label="ค่าธรรมเนียม"
dense dense
lazy-rules
input-class="text-right" input-class="text-right"
:rules="[
(val) => val >= 0 || `${'กรุณากรอกค่าธรรมเนียมให้ถูกต้อง'}`,
]"
></q-input> ></q-input>
</div> </div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam"> <div class="col-xs-12 col-sm-4 col-md-3" v-if="announcementExam">
<datepicker <datepicker
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="dateExam" v-model="dateExam"
@ -107,10 +100,9 @@
<q-input <q-input
outlined outlined
dense dense
class="full-width datepicker q-mb-md" class="full-width datepicker"
:model-value="dateExam != null ? date2Thai(dateExam) : null" :model-value="dateExam != null ? date2Thai(dateExam) : null"
:label="`${'วันที่สอบ'}`" :label="`${'วันที่สอบ'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่สอบ'}`]"
> >
<template v-slot:prepend> <template v-slot:prepend>
<q-icon <q-icon
@ -145,7 +137,8 @@
<q-input <q-input
outlined outlined
dense dense
class="full-width datepicker q-mb-md" hide-bottom-space
class="full-width datepicker"
:model-value=" :model-value="
dateAnnouncement != null dateAnnouncement != null
? dateThaiRange(dateAnnouncement) ? dateThaiRange(dateAnnouncement)
@ -187,12 +180,11 @@
<q-input <q-input
outlined outlined
dense dense
class="full-width datepicker q-mb-md" class="full-width datepicker"
:model-value=" :model-value="
dateRegister != null ? dateThaiRange(dateRegister) : null dateRegister != null ? dateThaiRange(dateRegister) : null
" "
:label="`${'วันที่สมัคร'}`" :label="`${'วันที่สมัคร'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่สมัคร'}`]"
> >
<template v-slot:prepend> <template v-slot:prepend>
<q-icon <q-icon
@ -227,12 +219,11 @@
<q-input <q-input
outlined outlined
dense dense
class="full-width datepicker q-mb-md" class="full-width datepicker"
:model-value=" :model-value="
datePayment != null ? dateThaiRange(datePayment) : null datePayment != null ? dateThaiRange(datePayment) : null
" "
:label="`${'วันที่ชำระเงิน'}`" :label="`${'วันที่ชำระเงิน'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่ชำระเงิน'}`]"
> >
<template v-slot:prepend> <template v-slot:prepend>
<q-icon <q-icon
@ -267,12 +258,11 @@
<q-input <q-input
outlined outlined
dense dense
class="full-width datepicker q-mb-md" class="full-width datepicker"
:model-value=" :model-value="
dateAnnounce != null ? date2Thai(dateAnnounce) : null dateAnnounce != null ? date2Thai(dateAnnounce) : null
" "
:label="`${'วันประกาศผลสอบ'}`" :label="`${'วันประกาศผลสอบ'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกวันประกาศผลสอบ'}`]"
> >
<template v-slot:prepend> <template v-slot:prepend>
<q-icon <q-icon
@ -637,7 +627,6 @@
v-model="note" v-model="note"
label="หมายเหตุ" label="หมายเหตุ"
dense dense
lazy-rules
type="textarea" type="textarea"
/> />
</div> </div>