fix(development): edit form scholarship
This commit is contained in:
parent
a7459a2dc0
commit
7a4926c66d
1 changed files with 106 additions and 105 deletions
|
|
@ -1006,7 +1006,7 @@ onMounted(async () => {
|
||||||
]"
|
]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-3" v-if="formBody.budgetSource == 'OTHER'">
|
<div class="col-2" v-if="formBody.budgetSource == 'OTHER'">
|
||||||
<q-input
|
<q-input
|
||||||
:readonly="checkRouteDetail"
|
:readonly="checkRouteDetail"
|
||||||
dense
|
dense
|
||||||
|
|
@ -1015,14 +1015,15 @@ onMounted(async () => {
|
||||||
:class="classInput(!checkRouteDetail)"
|
:class="classInput(!checkRouteDetail)"
|
||||||
v-model="formBody.budgetSourceOther"
|
v-model="formBody.budgetSourceOther"
|
||||||
label="เงินอื่นๆ โปรดระบุ"
|
label="เงินอื่นๆ โปรดระบุ"
|
||||||
hide-botom-space
|
|
||||||
:rules="[
|
:rules="[
|
||||||
(val: string) =>
|
(val: string) =>
|
||||||
!!val || `${'กรุณากรอกเงินอื่นๆ โปรดระบุ'}`,
|
!!val || `${'กรุณากรอกเงินอื่นๆ โปรดระบุ'}`,
|
||||||
]"
|
]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-3">
|
<div
|
||||||
|
:class="formBody.budgetSource !== 'OTHER' ? 'col-3' : 'col-2'"
|
||||||
|
>
|
||||||
<q-input
|
<q-input
|
||||||
:readonly="checkRouteDetail"
|
:readonly="checkRouteDetail"
|
||||||
dense
|
dense
|
||||||
|
|
@ -1044,6 +1045,15 @@ onMounted(async () => {
|
||||||
]"
|
]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-2">
|
||||||
|
<q-checkbox
|
||||||
|
:disable="checkRouteDetail"
|
||||||
|
keep-color
|
||||||
|
color="primary"
|
||||||
|
v-model="formBody.isNoUseBudget"
|
||||||
|
label="ไม่ใช้งบประมาณ"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -1170,15 +1180,6 @@ onMounted(async () => {
|
||||||
>
|
>
|
||||||
</q-select>
|
</q-select>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-2">
|
|
||||||
<q-checkbox
|
|
||||||
:disable="checkRouteDetail"
|
|
||||||
keep-color
|
|
||||||
color="primary"
|
|
||||||
v-model="formBody.isNoUseBudget"
|
|
||||||
label="ไม่ใช้งบประมาณ"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -1243,99 +1244,6 @@ onMounted(async () => {
|
||||||
</datepicker>
|
</datepicker>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-12">
|
|
||||||
<div class="row q-col-gutter-md">
|
|
||||||
<div class="col-3">
|
|
||||||
<q-input
|
|
||||||
dense
|
|
||||||
:readonly="checkRouteDetail"
|
|
||||||
outlined
|
|
||||||
hide-bottom-space
|
|
||||||
lazy-rules
|
|
||||||
:class="classInput(!checkRouteDetail)"
|
|
||||||
v-model="formBody.reportBackNo"
|
|
||||||
label="เลขที่หนังสือรายงานตัวกลับ"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<datepicker
|
|
||||||
v-model="formBody.reportBackNoDate"
|
|
||||||
:locale="'th'"
|
|
||||||
autoApply
|
|
||||||
:enableTimePicker="false"
|
|
||||||
:readonly="checkRouteDetail"
|
|
||||||
>
|
|
||||||
<template #year="{ year }">{{ year + 543 }}</template>
|
|
||||||
<template #year-overlay-value="{ value }">{{
|
|
||||||
parseInt(value + 543)
|
|
||||||
}}</template>
|
|
||||||
<template #trigger>
|
|
||||||
<q-input
|
|
||||||
:readonly="checkRouteDetail"
|
|
||||||
dense
|
|
||||||
outlined
|
|
||||||
:class="classInput(!checkRouteDetail)"
|
|
||||||
:model-value="
|
|
||||||
formBody.reportBackNoDate
|
|
||||||
? date2Thai(formBody.reportBackNoDate)
|
|
||||||
: null
|
|
||||||
"
|
|
||||||
:label="`${'ลงวันที่'}`"
|
|
||||||
hide-bottom-space
|
|
||||||
>
|
|
||||||
<template v-slot:prepend>
|
|
||||||
<q-icon
|
|
||||||
name="event"
|
|
||||||
class="cursor-pointer"
|
|
||||||
style="color: var(--q-primary)"
|
|
||||||
>
|
|
||||||
</q-icon>
|
|
||||||
</template>
|
|
||||||
</q-input>
|
|
||||||
</template>
|
|
||||||
</datepicker>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<datepicker
|
|
||||||
v-model="formBody.reportBackDate"
|
|
||||||
:locale="'th'"
|
|
||||||
autoApply
|
|
||||||
:enableTimePicker="false"
|
|
||||||
:readonly="checkRouteDetail"
|
|
||||||
>
|
|
||||||
<template #year="{ year }">{{ year + 543 }}</template>
|
|
||||||
<template #year-overlay-value="{ value }">{{
|
|
||||||
parseInt(value + 543)
|
|
||||||
}}</template>
|
|
||||||
<template #trigger>
|
|
||||||
<q-input
|
|
||||||
:readonly="checkRouteDetail"
|
|
||||||
dense
|
|
||||||
outlined
|
|
||||||
:class="classInput(!checkRouteDetail)"
|
|
||||||
:model-value="
|
|
||||||
formBody.reportBackDate
|
|
||||||
? date2Thai(formBody.reportBackDate)
|
|
||||||
: null
|
|
||||||
"
|
|
||||||
:label="`${'รายงานตัวกลับเมื่่อวันที่'}`"
|
|
||||||
hide-bottom-space
|
|
||||||
>
|
|
||||||
<template v-slot:prepend>
|
|
||||||
<q-icon
|
|
||||||
name="event"
|
|
||||||
class="cursor-pointer"
|
|
||||||
style="color: var(--q-primary)"
|
|
||||||
>
|
|
||||||
</q-icon>
|
|
||||||
</template>
|
|
||||||
</q-input>
|
|
||||||
</template>
|
|
||||||
</datepicker>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- เลือกทุน 1 -->
|
<!-- เลือกทุน 1 -->
|
||||||
<div
|
<div
|
||||||
class="col-12"
|
class="col-12"
|
||||||
|
|
@ -3190,6 +3098,99 @@ onMounted(async () => {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="row q-col-gutter-md">
|
||||||
|
<div class="col-3">
|
||||||
|
<q-input
|
||||||
|
dense
|
||||||
|
:readonly="checkRouteDetail"
|
||||||
|
outlined
|
||||||
|
hide-bottom-space
|
||||||
|
lazy-rules
|
||||||
|
:class="classInput(!checkRouteDetail)"
|
||||||
|
v-model="formBody.reportBackNo"
|
||||||
|
label="เลขที่หนังสือรายงานตัวกลับ"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="col-3">
|
||||||
|
<datepicker
|
||||||
|
v-model="formBody.reportBackNoDate"
|
||||||
|
:locale="'th'"
|
||||||
|
autoApply
|
||||||
|
:enableTimePicker="false"
|
||||||
|
:readonly="checkRouteDetail"
|
||||||
|
>
|
||||||
|
<template #year="{ year }">{{ year + 543 }}</template>
|
||||||
|
<template #year-overlay-value="{ value }">{{
|
||||||
|
parseInt(value + 543)
|
||||||
|
}}</template>
|
||||||
|
<template #trigger>
|
||||||
|
<q-input
|
||||||
|
:readonly="checkRouteDetail"
|
||||||
|
dense
|
||||||
|
outlined
|
||||||
|
:class="classInput(!checkRouteDetail)"
|
||||||
|
:model-value="
|
||||||
|
formBody.reportBackNoDate
|
||||||
|
? date2Thai(formBody.reportBackNoDate)
|
||||||
|
: null
|
||||||
|
"
|
||||||
|
:label="`${'ลงวันที่'}`"
|
||||||
|
hide-bottom-space
|
||||||
|
>
|
||||||
|
<template v-slot:prepend>
|
||||||
|
<q-icon
|
||||||
|
name="event"
|
||||||
|
class="cursor-pointer"
|
||||||
|
style="color: var(--q-primary)"
|
||||||
|
>
|
||||||
|
</q-icon>
|
||||||
|
</template>
|
||||||
|
</q-input>
|
||||||
|
</template>
|
||||||
|
</datepicker>
|
||||||
|
</div>
|
||||||
|
<div class="col-3">
|
||||||
|
<datepicker
|
||||||
|
v-model="formBody.reportBackDate"
|
||||||
|
:locale="'th'"
|
||||||
|
autoApply
|
||||||
|
:enableTimePicker="false"
|
||||||
|
:readonly="checkRouteDetail"
|
||||||
|
>
|
||||||
|
<template #year="{ year }">{{ year + 543 }}</template>
|
||||||
|
<template #year-overlay-value="{ value }">{{
|
||||||
|
parseInt(value + 543)
|
||||||
|
}}</template>
|
||||||
|
<template #trigger>
|
||||||
|
<q-input
|
||||||
|
:readonly="checkRouteDetail"
|
||||||
|
dense
|
||||||
|
outlined
|
||||||
|
:class="classInput(!checkRouteDetail)"
|
||||||
|
:model-value="
|
||||||
|
formBody.reportBackDate
|
||||||
|
? date2Thai(formBody.reportBackDate)
|
||||||
|
: null
|
||||||
|
"
|
||||||
|
:label="`${'รายงานตัวกลับเมื่่อวันที่'}`"
|
||||||
|
hide-bottom-space
|
||||||
|
>
|
||||||
|
<template v-slot:prepend>
|
||||||
|
<q-icon
|
||||||
|
name="event"
|
||||||
|
class="cursor-pointer"
|
||||||
|
style="color: var(--q-primary)"
|
||||||
|
>
|
||||||
|
</q-icon>
|
||||||
|
</template>
|
||||||
|
</q-input>
|
||||||
|
</template>
|
||||||
|
</datepicker>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- ผู้ค้ำประกัน -->
|
<!-- ผู้ค้ำประกัน -->
|
||||||
<div class="col-12" v-if="formBody.scholarshipType !== 'EXECUTIVE'">
|
<div class="col-12" v-if="formBody.scholarshipType !== 'EXECUTIVE'">
|
||||||
<q-card bordered tyle="border: 1px solid #d6dee1">
|
<q-card bordered tyle="border: 1px solid #d6dee1">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue