พัฒนาบุคลากร
This commit is contained in:
STW_TTTY\stwtt
parent
7aa9782b7a
commit
1d1490a49b
12 changed files with 480 additions and 141 deletions
|
|
@ -19,6 +19,9 @@ const fileBackReceived = ref<string>("");
|
|||
const $q = useQuasar();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const checkRouteDetail = ref<boolean>(
|
||||
route.name == "developmentScholarshipidDetail"
|
||||
);
|
||||
const {
|
||||
dialogConfirm,
|
||||
showLoader,
|
||||
|
|
@ -526,7 +529,11 @@ onMounted(() => {
|
|||
color="primary"
|
||||
@click="router.go(-1)"
|
||||
/>
|
||||
{{ `${title}ข้าราชการ ฯ ที่ได้รับทุนการศึกษา/ฝึกอบรม` }}
|
||||
{{
|
||||
checkRouteDetail
|
||||
? "รายละเอียดข้าราชการ ฯ ที่ได้รับทุนการศึกษา/ฝึกอบรม"
|
||||
: `${title}ข้าราชการ ฯ ที่ได้รับทุนการศึกษา/ฝึกอบรม`
|
||||
}}
|
||||
</div>
|
||||
<q-space />
|
||||
<q-btn
|
||||
|
|
@ -543,12 +550,14 @@ onMounted(() => {
|
|||
<div class="row q-ml-md" v-if="scholarshipId">
|
||||
<div class="q-gutter-sm" v-if="isStatus === 'PENDING'">
|
||||
<q-btn
|
||||
v-if="!checkRouteDetail"
|
||||
unelevated
|
||||
color="green"
|
||||
label="เรียนจบ"
|
||||
@click="onClickUpdateStatus('GRADUATE')"
|
||||
/>
|
||||
<q-btn
|
||||
v-if="!checkRouteDetail"
|
||||
unelevated
|
||||
color="red"
|
||||
label="เรียนไม่จบ"
|
||||
|
|
@ -561,13 +570,14 @@ onMounted(() => {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<q-form greedy @submit.prevent @validation-success="onSubmit">
|
||||
<q-card flat bordered class="col-12">
|
||||
<q-card flat bordered class="col-12">
|
||||
<q-form greedy @submit.prevent @validation-success="onSubmit">
|
||||
<div class="q-pa-md">
|
||||
<q-card bordered tyle="border: 1px solid #d6dee1">
|
||||
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
|
||||
ข้อมูลราชการ
|
||||
<q-btn
|
||||
v-if="!checkRouteDetail"
|
||||
flat
|
||||
dense
|
||||
icon="add"
|
||||
|
|
@ -626,6 +636,7 @@ onMounted(() => {
|
|||
<div class="row q-col-gutter-md q-pa-md" v-if="isGov">
|
||||
<div class="col-9">
|
||||
<q-select
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
hide-bottom-space
|
||||
|
|
@ -653,6 +664,7 @@ onMounted(() => {
|
|||
"
|
||||
>
|
||||
<q-select
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
hide-bottom-space
|
||||
|
|
@ -674,6 +686,7 @@ onMounted(() => {
|
|||
|
||||
<div v-if="formBody.scholarshipType !== 'RESEARCH'" class="col-12">
|
||||
<q-radio
|
||||
:disable="checkRouteDetail"
|
||||
v-model="formBody.planType"
|
||||
checked-icon="task_alt"
|
||||
unchecked-icon="panorama_fish_eye"
|
||||
|
|
@ -682,6 +695,7 @@ onMounted(() => {
|
|||
dense
|
||||
/>
|
||||
<q-radio
|
||||
:disable="checkRouteDetail"
|
||||
v-model="formBody.planType"
|
||||
checked-icon="task_alt"
|
||||
unchecked-icon="panorama_fish_eye"
|
||||
|
|
@ -701,6 +715,7 @@ onMounted(() => {
|
|||
autoApply
|
||||
year-picker
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
>
|
||||
<template #year="{ year }">{{ year + 543 }}</template>
|
||||
<template #year-overlay-value="{ value }">{{
|
||||
|
|
@ -708,6 +723,7 @@ onMounted(() => {
|
|||
}}</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
|
|
@ -740,6 +756,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div v-if="formBody.scholarshipType !== 'RESEARCH'" class="col-3">
|
||||
<q-select
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
|
|
@ -759,6 +776,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
hide-bottom-space
|
||||
|
|
@ -779,6 +797,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-3">
|
||||
<q-checkbox
|
||||
:disable="checkRouteDetail"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formBody.isNoUseBudget"
|
||||
|
|
@ -790,6 +809,7 @@ onMounted(() => {
|
|||
<div class="row col-12 q-col-gutter-md">
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
|
|
@ -809,6 +829,7 @@ onMounted(() => {
|
|||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
>
|
||||
<template #year="{ year }">{{ year + 543 }}</template>
|
||||
<template #year-overlay-value="{ value }">{{
|
||||
|
|
@ -816,6 +837,7 @@ onMounted(() => {
|
|||
}}</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
|
|
@ -847,6 +869,7 @@ onMounted(() => {
|
|||
v-model="formBody.bookApproveDate"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
:readonly="checkRouteDetail"
|
||||
:enableTimePicker="false"
|
||||
>
|
||||
<template #year="{ year }">{{ year + 543 }}</template>
|
||||
|
|
@ -856,6 +879,7 @@ onMounted(() => {
|
|||
<template #trigger>
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
|
|
@ -884,6 +908,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div v-if="formBody.scholarshipType !== 'RESEARCH'" class="col-3">
|
||||
<q-checkbox
|
||||
:disable="checkRouteDetail"
|
||||
keep-color
|
||||
color="primary"
|
||||
v-model="formBody.useOfficialTime"
|
||||
|
|
@ -894,6 +919,7 @@ onMounted(() => {
|
|||
|
||||
<div v-if="formBody.scholarshipType !== 'RESEARCH'" class="col-12">
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
dense
|
||||
class="inputgreen"
|
||||
|
|
@ -913,6 +939,7 @@ onMounted(() => {
|
|||
<div class="row col-12 q-col-gutter-md">
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
|
|
@ -933,6 +960,7 @@ onMounted(() => {
|
|||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
>
|
||||
<template #year="{ year }">{{ year + 543 }}</template>
|
||||
<template #year-overlay-value="{ value }">{{
|
||||
|
|
@ -941,6 +969,7 @@ onMounted(() => {
|
|||
<template #trigger>
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
|
|
@ -970,6 +999,7 @@ onMounted(() => {
|
|||
<div v-if="formBody.scholarshipType !== 'RESEARCH'" class="col-3">
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
hide-bottom-space
|
||||
lazy-rules
|
||||
|
|
@ -988,6 +1018,7 @@ onMounted(() => {
|
|||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
>
|
||||
<template #year="{ year }">{{ year + 543 }}</template>
|
||||
<template #year-overlay-value="{ value }">{{
|
||||
|
|
@ -995,6 +1026,7 @@ onMounted(() => {
|
|||
}}</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
|
|
@ -1029,6 +1061,7 @@ onMounted(() => {
|
|||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
>
|
||||
<template #year="{ year }">{{ year + 543 }}</template>
|
||||
<template #year-overlay-value="{ value }">{{
|
||||
|
|
@ -1036,6 +1069,7 @@ onMounted(() => {
|
|||
}}</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
|
|
@ -1068,6 +1102,7 @@ onMounted(() => {
|
|||
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
|
||||
ข้อมูลผู้ค้ำประกัน
|
||||
<q-btn
|
||||
v-if="!checkRouteDetail"
|
||||
flat
|
||||
dense
|
||||
icon="add"
|
||||
|
|
@ -1128,6 +1163,7 @@ onMounted(() => {
|
|||
<div class="row q-col-gutter-md">
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
|
|
@ -1143,6 +1179,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
|
|
@ -1158,6 +1195,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-3">
|
||||
<q-input
|
||||
:readonly="checkRouteDetail"
|
||||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
|
|
@ -1174,6 +1212,7 @@ onMounted(() => {
|
|||
<div class="col-3">
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
|
|
@ -1189,6 +1228,7 @@ onMounted(() => {
|
|||
<div class="col-6">
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
|
|
@ -1209,6 +1249,7 @@ onMounted(() => {
|
|||
autoApply
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
:readonly="checkRouteDetail"
|
||||
@update:model-value="changeStartDate('startDate')"
|
||||
>
|
||||
<template #year="{ year }">{{ year + 543 }}</template>
|
||||
|
|
@ -1218,6 +1259,7 @@ onMounted(() => {
|
|||
<template #trigger>
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
|
|
@ -1253,6 +1295,7 @@ onMounted(() => {
|
|||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
:min-date="formBody.startDate"
|
||||
:readonly="checkRouteDetail"
|
||||
>
|
||||
<template #year="{ year }">{{ year + 543 }}</template>
|
||||
<template #year-overlay-value="{ value }">{{
|
||||
|
|
@ -1261,6 +1304,7 @@ onMounted(() => {
|
|||
<template #trigger>
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
|
|
@ -1289,6 +1333,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="สถานที่ไปศึกษาดูงาน"
|
||||
|
|
@ -1304,6 +1349,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="หัวข้อการไปศึกษาดูงาน"
|
||||
|
|
@ -1322,6 +1368,7 @@ onMounted(() => {
|
|||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
week-start="0"
|
||||
@update:model-value="changeStartDate('studyStartDate')"
|
||||
>
|
||||
|
|
@ -1333,6 +1380,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.studyStartDate
|
||||
|
|
@ -1363,6 +1411,7 @@ onMounted(() => {
|
|||
menu-class-name="modalfix"
|
||||
v-model="formBody.studyEndDate"
|
||||
:locale="'th'"
|
||||
:readonly="checkRouteDetail"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
|
|
@ -1376,6 +1425,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.studyEndDate
|
||||
|
|
@ -1405,6 +1455,7 @@ onMounted(() => {
|
|||
<div class="col-6">
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
|
|
@ -1420,6 +1471,7 @@ onMounted(() => {
|
|||
<div class="col-6">
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
|
|
@ -1440,6 +1492,7 @@ onMounted(() => {
|
|||
autoApply
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
:readonly="checkRouteDetail"
|
||||
@update:model-value="
|
||||
changeStartDate('studyAbroadStartDate')
|
||||
"
|
||||
|
|
@ -1453,6 +1506,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:readonly="checkRouteDetail"
|
||||
:model-value="
|
||||
formBody.studyAbroadStartDate
|
||||
? date2Thai(formBody.studyAbroadStartDate)
|
||||
|
|
@ -1484,6 +1538,7 @@ onMounted(() => {
|
|||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
week-start="0"
|
||||
:min-date="formBody.studyAbroadStartDate"
|
||||
@update:model-value="
|
||||
|
|
@ -1501,6 +1556,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.studyAbroadEndDate
|
||||
|
|
@ -1530,6 +1586,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="รวมระยะเวลาในการศึกษา"
|
||||
|
|
@ -1554,6 +1611,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="หลักสูตรการฝึกอบรม"
|
||||
|
|
@ -1570,6 +1628,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="สาขา"
|
||||
class="inputgreen"
|
||||
|
|
@ -1584,6 +1643,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="สถาบันการศึกษา/หน่วยงานผู้จัดการฝึกอบรม"
|
||||
|
|
@ -1603,6 +1663,7 @@ onMounted(() => {
|
|||
autoApply
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
:readonly="checkRouteDetail"
|
||||
@update:model-value="changeStartDate('startDate')"
|
||||
>
|
||||
<template #year="{ year }">{{ year + 543 }}</template>
|
||||
|
|
@ -1613,6 +1674,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.startDate
|
||||
|
|
@ -1643,6 +1705,7 @@ onMounted(() => {
|
|||
menu-class-name="modalfix"
|
||||
v-model="formBody.endDate"
|
||||
:locale="'th'"
|
||||
:readonly="checkRouteDetail"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
|
|
@ -1656,6 +1719,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.endDate ? date2Thai(formBody.endDate) : null
|
||||
|
|
@ -1684,6 +1748,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="สถานที่ไปศึกษาดูงาน"
|
||||
class="inputgreen"
|
||||
|
|
@ -1698,6 +1763,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="หัวข้อการไปศึกษาดูงาน"
|
||||
|
|
@ -1714,6 +1780,7 @@ onMounted(() => {
|
|||
menu-class-name="modalfix"
|
||||
v-model="formBody.studyStartDate"
|
||||
:locale="'th'"
|
||||
:readonly="checkRouteDetail"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
|
|
@ -1726,6 +1793,7 @@ onMounted(() => {
|
|||
<template #trigger>
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
|
|
@ -1758,6 +1826,7 @@ onMounted(() => {
|
|||
v-model="formBody.studyEndDate"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
:readonly="checkRouteDetail"
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
:min-date="formBody.studyStartDate"
|
||||
|
|
@ -1775,6 +1844,7 @@ onMounted(() => {
|
|||
<template #trigger>
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
|
|
@ -1806,6 +1876,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="รวมระยะเวลาในการฝึกอบรม"
|
||||
class="inputgreen"
|
||||
|
|
@ -1829,6 +1900,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="หลักสูตรการฝึกอบรม"
|
||||
|
|
@ -1845,6 +1917,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="สาขา"
|
||||
class="inputgreen"
|
||||
|
|
@ -1860,6 +1933,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="สถาบันการศึกษา/หน่วยงานผู้จัดการฝึกอบรม"
|
||||
class="inputgreen"
|
||||
|
|
@ -1875,6 +1949,7 @@ onMounted(() => {
|
|||
menu-class-name="modalfix"
|
||||
v-model="formBody.startDate"
|
||||
:locale="'th'"
|
||||
:readonly="checkRouteDetail"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
|
|
@ -1888,6 +1963,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.startDate
|
||||
|
|
@ -1919,6 +1995,7 @@ onMounted(() => {
|
|||
v-model="formBody.endDate"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
:readonly="checkRouteDetail"
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
:min-date="formBody.startDate"
|
||||
|
|
@ -1930,6 +2007,7 @@ onMounted(() => {
|
|||
<template #trigger>
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRouteDetail"
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
|
|
@ -1958,6 +2036,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="สถานที่ไปศึกษาดูงานในประเทศ"
|
||||
|
|
@ -1974,6 +2053,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="หัวข้อการไปศึกษาดูงานในประเทศ"
|
||||
class="inputgreen"
|
||||
|
|
@ -1989,6 +2069,7 @@ onMounted(() => {
|
|||
menu-class-name="modalfix"
|
||||
v-model="formBody.studyStartDate"
|
||||
:locale="'th'"
|
||||
:readonly="checkRouteDetail"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
|
|
@ -2003,6 +2084,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:readonly="checkRouteDetail"
|
||||
:model-value="
|
||||
formBody.studyStartDate
|
||||
? date2Thai(formBody.studyStartDate)
|
||||
|
|
@ -2031,6 +2113,7 @@ onMounted(() => {
|
|||
<datepicker
|
||||
menu-class-name="modalfix"
|
||||
v-model="formBody.studyEndDate"
|
||||
:readonly="checkRouteDetail"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
|
|
@ -2052,6 +2135,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.studyEndDate
|
||||
|
|
@ -2082,6 +2166,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="ประเทศที่เดินทางไปศึกษาดูงาน"
|
||||
|
|
@ -2097,6 +2182,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="หัวข้อการไปศึกษาดูงานต่างประเทศ"
|
||||
|
|
@ -2115,6 +2201,7 @@ onMounted(() => {
|
|||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
week-start="0"
|
||||
@update:model-value="
|
||||
changeStartDate('studyAbroadStartDate')
|
||||
|
|
@ -2128,6 +2215,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.studyAbroadStartDate
|
||||
|
|
@ -2160,6 +2248,7 @@ onMounted(() => {
|
|||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
week-start="0"
|
||||
:min-date="formBody.studyAbroadStartDate"
|
||||
@update:model-value="
|
||||
|
|
@ -2178,6 +2267,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:readonly="checkRouteDetail"
|
||||
:model-value="
|
||||
formBody.studyAbroadEndDate
|
||||
? date2Thai(formBody.studyAbroadEndDate)
|
||||
|
|
@ -2206,6 +2296,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="รวมระยะเวลาในการศึกษา"
|
||||
|
|
@ -2230,6 +2321,7 @@ onMounted(() => {
|
|||
<q-select
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
class="inputgreen"
|
||||
|
|
@ -2254,6 +2346,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="ระดับปริญญา"
|
||||
class="inputgreen"
|
||||
|
|
@ -2270,6 +2363,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
class="inputgreen"
|
||||
label="หลักสูตรการฝึกอบรม"
|
||||
|
|
@ -2286,6 +2380,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="สาขาวิชา"
|
||||
class="inputgreen"
|
||||
|
|
@ -2302,6 +2397,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="คณะ"
|
||||
class="inputgreen"
|
||||
|
|
@ -2317,6 +2413,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="สถาบันการศึกษา/หน่วยงานผู้จัด"
|
||||
|
|
@ -2335,6 +2432,7 @@ onMounted(() => {
|
|||
v-model="formBody.startDate"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
:readonly="checkRouteDetail"
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeStartDate('startDate')"
|
||||
|
|
@ -2347,6 +2445,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.startDate
|
||||
|
|
@ -2378,6 +2477,7 @@ onMounted(() => {
|
|||
v-model="formBody.endDate"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
:readonly="checkRouteDetail"
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
:min-date="formBody.startDate"
|
||||
|
|
@ -2390,6 +2490,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.endDate ? date2Thai(formBody.endDate) : null
|
||||
|
|
@ -2418,6 +2519,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="ประเทศที่ไปศึกษา ฝึกอบรม ประชุม ดูงาน และปฏิบัติการวิจัย"
|
||||
class="inputgreen"
|
||||
|
|
@ -2444,6 +2546,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
class="inputgreen"
|
||||
label="หลักสูตรการฝึกอบรม"
|
||||
|
|
@ -2459,6 +2562,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
class="inputgreen"
|
||||
label="สถาบันการศึกษา/หน่วยงานผู้จัดการฝึกอบรม"
|
||||
|
|
@ -2475,6 +2579,7 @@ onMounted(() => {
|
|||
v-model="formBody.startDate"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
:readonly="checkRouteDetail"
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeStartDate('startDate')"
|
||||
|
|
@ -2489,6 +2594,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
class="inputgreen"
|
||||
:readonly="checkRouteDetail"
|
||||
:model-value="
|
||||
formBody.startDate ? date2Thai(formBody.startDate) : null
|
||||
"
|
||||
|
|
@ -2516,6 +2622,7 @@ onMounted(() => {
|
|||
menu-class-name="modalfix"
|
||||
v-model="formBody.endDate"
|
||||
:locale="'th'"
|
||||
:readonly="checkRouteDetail"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
|
|
@ -2529,6 +2636,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.endDate ? date2Thai(formBody.endDate) : null
|
||||
|
|
@ -2558,6 +2666,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="สถานที่ไปศึกษาดูงานในประเทศ"
|
||||
class="inputgreen"
|
||||
|
|
@ -2572,6 +2681,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
lazy-rules
|
||||
hide-bottom-space
|
||||
label="หัวข้อการไปศึกษาดูงานในประเทศ"
|
||||
|
|
@ -2588,6 +2698,7 @@ onMounted(() => {
|
|||
menu-class-name="modalfix"
|
||||
v-model="formBody.studyStartDate"
|
||||
:locale="'th'"
|
||||
:readonly="checkRouteDetail"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
|
|
@ -2601,6 +2712,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.studyStartDate
|
||||
|
|
@ -2633,6 +2745,7 @@ onMounted(() => {
|
|||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
week-start="0"
|
||||
:min-date="formBody.studyStartDate"
|
||||
@update:model-value="
|
||||
|
|
@ -2650,6 +2763,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.studyEndDate
|
||||
|
|
@ -2681,6 +2795,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="ประเทศที่ไปศึกษาดูงาน"
|
||||
class="inputgreen"
|
||||
|
|
@ -2696,6 +2811,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="หัวข้อการไปศึกษาดูงานต่างประเทศ"
|
||||
class="inputgreen"
|
||||
|
|
@ -2712,6 +2828,7 @@ onMounted(() => {
|
|||
v-model="formBody.studyAbroadStartDate"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
:readonly="checkRouteDetail"
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
@update:model-value="changeStartDate('studyAbroadStartDate')"
|
||||
|
|
@ -2724,6 +2841,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.studyAbroadStartDate
|
||||
|
|
@ -2756,6 +2874,7 @@ onMounted(() => {
|
|||
:locale="'th'"
|
||||
autoApply
|
||||
:enableTimePicker="false"
|
||||
:readonly="checkRouteDetail"
|
||||
week-start="0"
|
||||
:min-date="formBody.studyAbroadStartDate"
|
||||
@update:model-value="
|
||||
|
|
@ -2773,6 +2892,7 @@ onMounted(() => {
|
|||
<q-input
|
||||
dense
|
||||
outlined
|
||||
:readonly="checkRouteDetail"
|
||||
class="inputgreen"
|
||||
:model-value="
|
||||
formBody.studyAbroadEndDate
|
||||
|
|
@ -2803,6 +2923,7 @@ onMounted(() => {
|
|||
dense
|
||||
outlined
|
||||
lazy-rules
|
||||
:readonly="checkRouteDetail"
|
||||
hide-bottom-space
|
||||
label="รวมระยะเวลาในการฝึกอบรม "
|
||||
class="inputgreen"
|
||||
|
|
@ -2816,15 +2937,14 @@ onMounted(() => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<q-separator v-if="isGov"/>
|
||||
<q-card-actions align="right" v-if="isGov">
|
||||
<q-btn label="บันทึก" color="secondary" type="submit"
|
||||
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
|
||||
>
|
||||
</q-card-actions>
|
||||
<q-separator v-if="isGov && !checkRouteDetail" />
|
||||
<q-card-actions align="right" v-if="isGov && !checkRouteDetail">
|
||||
<q-btn label="บันทึก" color="secondary" type="submit"
|
||||
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
|
||||
>
|
||||
</q-card-actions>
|
||||
</q-form>
|
||||
</q-card>
|
||||
</q-form>
|
||||
|
||||
<DialogGov v-model:modal="modalDialogGov" :up-date="upDate" />
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue