เพิ่ม path ไป id questionnair

This commit is contained in:
AnandaTon 2023-08-22 12:21:03 +07:00
parent 4e8eb752c7
commit 1e510c768a

View file

@ -10,85 +10,85 @@
<q-card bordered> <q-card bordered>
<div class="col-12 row q-col-gutter-md q-pa-md"> <div class="col-12 row q-col-gutter-md q-pa-md">
<div class="col-xs-12 col-sm-12"> <div class="col-xs-12 col-sm-12">
<div class="col-12 row q-pa-sm q-col-gutter-sm"> <div class="col-12 row q-pa-sm q-col-gutter-sm">
<q-input class="col-8" dense outlined v-model="tranferOrg" label="สถานที่ยื่นขอลาออกจากราชการ" :readonly="routeName != 'AddLeave'" /> <q-input class="col-8" dense outlined v-model="tranferOrg" label="สถานที่ยื่นขอลาออกจากราชการ" :readonly="routeName != 'AddLeave'" />
<datepicker class="col-2" menu-class-name="modalfix" v-model="dateCommand" :locale="'th'" autoApply readonly borderless :enableTimePicker="false" week-start="0"> <datepicker class="col-2" menu-class-name="modalfix" v-model="dateCommand" :locale="'th'" autoApply readonly borderless :enableTimePicker="false" week-start="0">
<template #year="{ year }"> <template #year="{ year }">
{{ year + 543 }} {{ year + 543 }}
</template> </template>
<template #year-overlay-value="{ value }"> <template #year-overlay-value="{ value }">
{{ parseInt(value + 543) }} {{ parseInt(value + 543) }}
</template> </template>
<template #trigger> <template #trigger>
<q-input <q-input
outlined outlined
readonly readonly
dense dense
hide-bottom-space hide-bottom-space
class="full-width datepicker" class="full-width datepicker"
:model-value="dateCommand != null ? date2Thai(dateCommand) : null" :model-value="dateCommand != null ? date2Thai(dateCommand) : null"
:label="`${'วันที่ยื่นขอลาออกจากราชการ'}`" :label="`${'วันที่ยื่นขอลาออกจากราชการ'}`"
:rules="[val => !!val || `${'กรุณาเลือกวันที่ยื่นขอลาออกจากราชการ'}`]" :rules="[val => !!val || `${'กรุณาเลือกวันที่ยื่นขอลาออกจากราชการ'}`]"
> >
<template v-slot:prepend> <template v-slot:prepend>
<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon> <q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
</template> </template>
</q-input> </q-input>
</template> </template>
</datepicker> </datepicker>
<datepicker <datepicker
class="col-2" class="col-2"
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="dateLeave" v-model="dateLeave"
:locale="'th'" :locale="'th'"
autoApply autoApply
borderless borderless
:enableTimePicker="false" :enableTimePicker="false"
week-start="0" week-start="0"
:readonly="routeName != 'AddLeave'" :readonly="routeName != 'AddLeave'"
> >
<template #year="{ year }"> <template #year="{ year }">
{{ year + 543 }} {{ year + 543 }}
</template> </template>
<template #year-overlay-value="{ value }"> <template #year-overlay-value="{ value }">
{{ parseInt(value + 543) }} {{ parseInt(value + 543) }}
</template> </template>
<template #trigger> <template #trigger>
<q-input <q-input
outlined outlined
dense dense
hide-bottom-space hide-bottom-space
:readonly="routeName != 'AddLeave'" :readonly="routeName != 'AddLeave'"
class="full-width datepicker" class="full-width datepicker"
:model-value="dateLeave != null ? date2Thai(dateLeave) : null" :model-value="dateLeave != null ? date2Thai(dateLeave) : null"
:label="`${'วันที่ขอลาออกจากราชการ'}`" :label="`${'วันที่ขอลาออกจากราชการ'}`"
:rules="[val => !!val || `${'กรุณาเลือกวันที่ขอลาออกจากราชการ'}`]" :rules="[val => !!val || `${'กรุณาเลือกวันที่ขอลาออกจากราชการ'}`]"
> >
<template v-slot:prepend> <template v-slot:prepend>
<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon> <q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
</template> </template>
</q-input> </q-input>
</template> </template>
</datepicker> </datepicker>
<q-input class="col-12" dense outlined v-model="noteReason" label="เหตุผลที่ลาออกจากราชการ" type="textarea" :readonly="routeName != 'AddLeave'" /> <q-input class="col-12" dense outlined v-model="noteReason" label="เหตุผลที่ลาออกจากราชการ" type="textarea" :readonly="routeName != 'AddLeave'" />
<div class="col-12 row"> <div class="col-12 row">
<q-uploader <q-uploader
flat flat
bordered bordered
class="col-xs-12 col-sm-12" class="col-xs-12 col-sm-12"
accept=".jpg,.png,.pdf,.csv,.doc" accept=".jpg,.png,.pdf,.csv,.doc"
url="http://localhost:4444/upload" url="http://localhost:4444/upload"
label="เอกสารเพิ่มเติม" label="เอกสารเพิ่มเติม"
type="file" type="file"
@added="fileUploadDoc" @added="fileUploadDoc"
style="max-width: px" style="max-width: px"
/> />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<q-separator v-if="routeName == 'AddLeave'"/> <q-separator v-if="routeName == 'AddLeave'" />
<div class="row col-12 q-pa-md" v-if="routeName == 'AddLeave'"> <div class="row col-12 q-pa-md" v-if="routeName == 'AddLeave'">
<q-space /> <q-space />
<q-btn unelevated dense class="q-px-md items-center" color="primary" label="ยื่นเรื่องขอลาออก" @click="saveResing" :disable="tranferOrg == '' && noteReason == ''" /> <q-btn unelevated dense class="q-px-md items-center" color="primary" label="ยื่นเรื่องขอลาออก" @click="saveResing" :disable="tranferOrg == '' && noteReason == ''" />
@ -153,9 +153,10 @@ const createFormresign = async () => {
await http await http
.post(config.API.listResign(), formData) .post(config.API.listResign(), formData)
.then((res: any) => { .then((res: any) => {
let data = res.data.result.id
// console.log(res); // console.log(res);
success($q, "บันทึกข้อมูลสำเร็จ") success($q, "บันทึกข้อมูลสำเร็จ")
router.push(`/leave/result`) router.push(`/leave/result/${data}`)
}) })
.catch((e: any) => { .catch((e: any) => {
messageError($q, e) messageError($q, e)