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

ui step กรอกข้อมูล

Browse source
This commit is contained in:
Kittapath 2023-03-16 19:57:00 +07:00
parent b69bdd1bf3
commit 3310f7f4d9
12 changed files with 673 additions and 214 deletions
Download patch file Download diff file Expand all files Collapse all files

124
src/modules/01_exam/components/ExamForm.vue
View file

@ -1,3 +1,4 @@
<!-- step กรอกข้อมูล -->
<template>
<div>
<q-tabs
@ -11,134 +12,20 @@
<q-tab name="profile" label="ข้อมูลส่วนบุคคล" />
<q-tab name="education" label="ประวัติการศีกษา" />
<q-tab name="career" label="ประวัติการทำงาน/ฝึกงาน" />
<!-- <q-tab name="document" label="เอกสาร" /> -->
<q-tab name="document" label="เอกสาร" />
</q-tabs>
<q-tab-panels v-model="tab" animated class="bg-white">
<!-- ข้อมูลส่วนบุคคล -->
<q-tab-panel name="profile"> <Profile /></q-tab-panel>
<q-tab-panel name="profile"><Profile /></q-tab-panel>
<!-- ประวัติการศีกษา -->
<q-tab-panel name="education"><Education :loader="loader" /> </q-tab-panel>
<!-- ประวัติการทำงาน/ฝึกงาน -->
<q-tab-panel name="career"> <Career :loader="loader" /></q-tab-panel>
<q-tab-panel name="career"><Career :loader="loader" /></q-tab-panel>
<!-- ไฟล์ -->
<!-- <q-tab-panel name="document">
<div class="row justify-center">
<div class="q-mt-md" style="width: 100%; min-width: 300px; max-width: 900px">
<q-select
:disable="!allowEdit"
filled
v-model="filePictureUpload"
:options="filePictureCurrent"
option-label="fileName"
option-value="id"
emit-value
map-options
label="รูปถ่าย (File.png)"
>
<template v-slot:append>
<q-icon
v-if="filePictureUpload !== null"
name="close"
@click.stop.prevent="filePictureUpload = null"
class="cursor-pointer"
/>
</template>
</q-select>
</div>
<div class="q-mt-md" style="width: 100%; min-width: 300px; max-width: 900px">
<q-select
:disable="!allowEdit"
filled
v-model="fileAddressUpload"
:options="fileAddressCurrent"
option-label="fileName"
option-value="id"
emit-value
map-options
label="สำเนาทะเบียนบ้าน"
>
<template v-slot:append>
<q-icon
v-if="fileAddressUpload !== null"
name="close"
@click.stop.prevent="fileAddressUpload = null"
class="cursor-pointer"
/>
</template>
</q-select>
</div>
<div class="q-mt-md" style="width: 100%; min-width: 300px; max-width: 900px">
<q-select
:disable="!allowEdit"
filled
v-model="fileCitizenIdUpload"
:options="fileCitizenIdCurrent"
option-label="fileName"
option-value="id"
emit-value
map-options
label="สำเนาบัตรประจำตัวประชาชน"
>
<template v-slot:append>
<q-icon
v-if="fileCitizenIdUpload !== null"
name="close"
@click.stop.prevent="fileCitizenIdUpload = null"
class="cursor-pointer"
/>
</template>
</q-select>
</div>
<div class="q-mt-md" style="width: 100%; min-width: 300px; max-width: 900px">
<q-select
:disable="!allowEdit"
filled
v-model="fileProfessionalLicenseUpload"
:options="fileProfessionalLicenseCurrent"
option-label="fileName"
option-value="id"
emit-value
map-options
label="ใบอนุญาตประกอบวิชาชีพ"
>
<template v-slot:append>
<q-icon
v-if="fileProfessionalLicenseUpload !== null"
name="close"
@click.stop.prevent="fileProfessionalLicenseUpload = null"
class="cursor-pointer"
/>
</template>
</q-select>
</div>
<div class="q-mt-md" style="width: 100%; min-width: 300px; max-width: 900px">
<q-select
:disable="!allowEdit"
filled
v-model="fileOtherUpload"
multiple
:options="fileOtherCurrent"
option-label="fileName"
option-value="id"
emit-value
map-options
label="เอกสารอื่น ๆ"
>
<template v-slot:append>
<q-icon
v-if="fileOtherUpload.length !== 0"
name="close"
@click.stop.prevent="fileOtherUpload = []"
class="cursor-pointer"
/>
</template>
</q-select>
</div>
</div>
</q-tab-panel> -->
<q-tab-panel name="document"><Document :loader="loader" /> </q-tab-panel>
</q-tab-panels>
<!-- <div>
@ -168,6 +55,7 @@ import { ref } from 'vue'
import Profile from './Profile.vue'
import Education from './Education.vue'
import Career from './Career.vue'
import Document from './Document.vue'
const tab = ref<string>('profile')
const loader = ref<boolean>(false)