hrms-bangkok/hrms-recruit
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

อัพรูปแล้วยังไม่ต้องfetch dataใหม่

Browse source
This commit is contained in:
Kittapath 2023-04-26 03:16:15 +07:00
parent b768d7e754
commit 9cab3eb48b
3 changed files with 59 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

97
src/modules/01_exam/components/Form/Family.vue
View file

@ -10,8 +10,8 @@
/> />
<!-- :changeBtn="changeBtn" --> <!-- :changeBtn="changeBtn" -->
<q-form ref="myform" class="col-12"> <q-form ref="myform" class="col-12">
<div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-xs"> <div class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs">
<div class="col-xs-12 q-gutter-sm items-center flex q-mb-sm"> <div class="col-xs-12 q-gutter-sm items-center flex q-my-sm">
<label class="text-weight-bold">• คู่สมรส</label> <label class="text-weight-bold">• คู่สมรส</label>
<q-radio <q-radio
v-model="defaultFamily.same" v-model="defaultFamily.same"
@ -21,7 +21,6 @@
label="มี" label="มี"
dense dense
:disable="!(status == 'register' || status == 'rejectRegister')" :disable="!(status == 'register' || status == 'rejectRegister')"
@update:model-value="selectRadio"
/> />
<q-radio <q-radio
v-model="defaultFamily.same" v-model="defaultFamily.same"
@ -31,16 +30,16 @@
label="ไม่มี" label="ไม่มี"
dense dense
:disable="!(status == 'register' || status == 'rejectRegister')" :disable="!(status == 'register' || status == 'rejectRegister')"
@update:model-value="selectRadio"
/> />
</div> </div>
<div class="col-xs-12 col-sm-2 col-md-2" v-if="defaultFamily.same == '1'"> <div class="col-xs-12 col-sm-2 col-md-2" v-if="defaultFamily.same == '1'">
<q-select <q-select
:class="getClass(status == 'register' || status == 'rejectRegister')" hide-bottom-space
:class="getClass((status == 'register' || status == 'rejectRegister'))"
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')" :borderless="!(status == 'register' || status == 'rejectRegister')"
:rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]" :rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
:outlined="status == 'register' || status == 'rejectRegister'" :outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
v-model="defaultFamily.prefixIdC" v-model="defaultFamily.prefixIdC"
@ -53,10 +52,11 @@
/> />
</div> </div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="defaultFamily.same == '1'"> <div class="col-xs-6 col-sm-3 col-md-3" v-if="defaultFamily.same == '1'">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -66,10 +66,11 @@
:label="`${'ชื่อ'}`" :label="`${'ชื่อ'}`"
/> />
</div> </div>
<div class="col-xs-12 col-sm-3 col-md-3" v-if="defaultFamily.same == '1'"> <div class="col-xs-6 col-sm-3 col-md-3" v-if="defaultFamily.same == '1'">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -81,8 +82,9 @@
</div> </div>
<div class="col-xs-12 col-sm-2 col-md-2" v-if="defaultFamily.same == '1'"> <div class="col-xs-12 col-sm-2 col-md-2" v-if="defaultFamily.same == '1'">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -94,8 +96,9 @@
</div> </div>
<div class="col-xs-12 col-sm-2 col-md-2" v-if="defaultFamily.same == '1'"> <div class="col-xs-12 col-sm-2 col-md-2" v-if="defaultFamily.same == '1'">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -106,14 +109,15 @@
/> />
</div> </div>
<div class="col-xs-12 text-weight-bold q-pb-sm">• บิดา</div> <div class="col-xs-12 text-weight-bold">• บิดา</div>
<div class="col-xs-12 col-sm-2 col-md-2"> <div class="col-xs-12 col-sm-2 col-md-2">
<q-select <q-select
:class="getClass(status == 'register' || status == 'rejectRegister')" hide-bottom-space
:class="getClass((status == 'register' || status == 'rejectRegister'))"
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')" :borderless="!(status == 'register' || status == 'rejectRegister')"
:rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]" :rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
:outlined="status == 'register' || status == 'rejectRegister'" :outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
v-model="defaultFamily.prefixIdM" v-model="defaultFamily.prefixIdM"
@ -126,10 +130,11 @@
/> />
</div> </div>
<div class="col-xs-12 col-sm-3 col-md-3"> <div class="col-xs-6 col-sm-3 col-md-3">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -139,10 +144,11 @@
:label="`${'ชื่อ'}`" :label="`${'ชื่อ'}`"
/> />
</div> </div>
<div class="col-xs-12 col-sm-3 col-md-3"> <div class="col-xs-6 col-sm-3 col-md-3">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -154,8 +160,9 @@
</div> </div>
<div class="col-xs-12 col-sm-2 col-md-2"> <div class="col-xs-12 col-sm-2 col-md-2">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -167,8 +174,9 @@
</div> </div>
<div class="col-xs-12 col-sm-2 col-md-2"> <div class="col-xs-12 col-sm-2 col-md-2">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -179,14 +187,15 @@
/> />
</div> </div>
<div class="col-xs-12 text-weight-bold q-pb-sm">• มารดา</div> <div class="col-xs-12 text-weight-bold">• มารดา</div>
<div class="col-xs-12 col-sm-2 col-md-2"> <div class="col-xs-12 col-sm-2 col-md-2">
<q-select <q-select
:class="getClass(status == 'register' || status == 'rejectRegister')" hide-bottom-space
:class="getClass((status == 'register' || status == 'rejectRegister'))"
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
:borderless="!(status == 'register' || status == 'rejectRegister')" :borderless="!(status == 'register' || status == 'rejectRegister')"
:rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]" :rules="[(val) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
:outlined="status == 'register' || status == 'rejectRegister'" :outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
v-model="defaultFamily.prefixIdF" v-model="defaultFamily.prefixIdF"
@ -198,10 +207,11 @@
:label="`${'คำนำหน้า'}`" :label="`${'คำนำหน้า'}`"
/> />
</div> </div>
<div class="col-xs-12 col-sm-3 col-md-3"> <div class="col-xs-6 col-sm-3 col-md-3">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -211,10 +221,11 @@
:label="`${'ชื่อ'}`" :label="`${'ชื่อ'}`"
/> />
</div> </div>
<div class="col-xs-12 col-sm-3 col-md-3"> <div class="col-xs-6 col-sm-3 col-md-3">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -226,8 +237,9 @@
</div> </div>
<div class="col-xs-12 col-sm-2 col-md-2"> <div class="col-xs-12 col-sm-2 col-md-2">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"
@ -239,8 +251,9 @@
</div> </div>
<div class="col-xs-12 col-sm-2 col-md-2"> <div class="col-xs-12 col-sm-2 col-md-2">
<q-input <q-input
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass((status == 'register' || status == 'rejectRegister'))"
:outlined="status == 'register' || status == 'rejectRegister'" hide-bottom-space
:outlined="(status == 'register' || status == 'rejectRegister')"
dense dense
lazy-rules lazy-rules
:readonly="!(status == 'register' || status == 'rejectRegister')" :readonly="!(status == 'register' || status == 'rejectRegister')"

49
src/modules/01_exam/components/Form/Information.vue
View file

@ -326,26 +326,6 @@
</label> </label>
<input id="file-upload" type="file" accept="image/*" @change="uploadImage" /> <input id="file-upload" type="file" accept="image/*" @change="uploadImage" />
</div> </div>
<!-- <q-file
id="file-upload"
v-model="fileProfile"
dense
label="รูป"
outlined
use-chips
multiple
class="q-pl-sm"
v-if="status == 'register' || status == 'rejectRegister'"
>
<template v-slot:prepend>
<q-icon name="attach_file" />
</template>
</q-file>
<div class="col-12 text-center" v-if="status == 'register' || status == 'rejectRegister'">
<q-btn outline dense color="black" icon="mdi-content-save-outline" @click="clickProfile">
<q-tooltip content-class="bg-grey-2 text-black">บันทึกรูป</q-tooltip>
</q-btn>
</div> -->
</div> </div>
<div class="col-xs-12 col-sm-9 col-md-12"> <div class="col-xs-12 col-sm-9 col-md-12">
<q-input <q-input
@ -481,33 +461,6 @@ const fetchImgData = async () => {
}) })
} }
// const clickProfile = async () => {
// if (fileProfile.value.length > 0) {
// const blob = fileProfile.value.slice(0, fileProfile.value[0].size)
// const newFile = new File(blob, fileProfile.value[0].name, {
// type: fileProfile.value[0].type
// })
// fileDataUpload.value = newFile
// const formData = new FormData()
// formData.append('', fileDataUpload.value)
// loader.value = true
// await http
// .put(config.API.candidateProfile(examId.value, positionId.value), formData)
// .then(() => {
// success($q, 'อัพโหลดรูปสำเร็จ')
// })
// .catch(() => {})
// .finally(async () => {
// loader.value = false
// await fetchData()
// await fetchImgData()
// fileProfile.value = []
// })
// } else {
// modalError($q, 'ไม่สามารถอัพโหลดไฟล์ได้', 'กรุณาเลือกไฟล์ที่ต้องการอัพโหลด')
// }
// }
const uploadImage = async (e: any) => { const uploadImage = async (e: any) => {
let input = e.target.files let input = e.target.files
if (input.length > 0) { if (input.length > 0) {
@ -522,7 +475,7 @@ const uploadImage = async (e: any) => {
.catch((e) => {}) .catch((e) => {})
.finally(async () => { .finally(async () => {
loader.value = false loader.value = false
await fetchData() // await fetchData()
await fetchImgData() await fetchImgData()
fileProfile.value = [] fileProfile.value = []
}) })

4
src/modules/01_exam/interface/index/Main.ts
View file

@ -36,6 +36,7 @@ interface Information {
relationshipId: string | null relationshipId: string | null
statusId: string | null statusId: string | null
knowledge: string | null knowledge: string | null
profileImg: string | null
} }
interface Family { interface Family {
@ -245,7 +246,8 @@ const defaultInformation = ref<Information>({
knowledge: null, knowledge: null,
districtId: null, districtId: null,
provinceId: null, provinceId: null,
statusId: null statusId: null,
profileImg: null
}) })
const defaultFamily = ref<Family>({ const defaultFamily = ref<Family>({