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

เพิ่มข้อมูล อัปโหลดรูปถ่าย

Browse source
This commit is contained in:
Tanyalak 2023-10-02 13:24:31 +07:00
parent bc71932976
commit 83554b5d24
1 changed files with 33 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -9,7 +9,7 @@
:editData="false"
/>
<q-form ref="myform" class="col-12 row q-col-gutter-x-sm justify-center q-col-gutter-sm">
<div class="row col-xs-12 col-sm-12 col-md-10 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
<div class="row col-xs-12 col-sm-12 col-md-9 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
<div class="col-xs-12 col-sm-3 col-md-3">
<q-select
:class="getClass(status == 'register' || status == 'rejectRegister')"
@ -222,30 +222,38 @@
/>
</div>
</div>
<div class="row col-xs-12 col-sm-3 col-md-2 justify-center">
<div class="containerimage row justify-center col-xs-6 col-sm-10 col-md-12">
<label for="file-upload" class="col-12 row">
<q-img v-if="img == ''" src="@/assets/avatar_user.jpg" class="col-12">
<div
class="overlay"
v-if="status == 'register' || status == 'rejectRegister' || status == 'done'"
>
<q-icon name="mdi-camera" />
<br />อัปเดต
</div>
</q-img>
<q-img v-else :src="img" class="col-12">
<div
class="overlay"
v-if="status == 'register' || status == 'rejectRegister' || status == 'done'"
>
<q-icon name="mdi-camera" />
<br />อัปเดต
</div>
</q-img>
</label>
<input id="file-upload" type="file" accept="image/*" @change="uploadImage" />
</div>
<div class="row col-xs-12 col-sm-6 col-md-3 justify-center">
<q-card bordered class="col-11 q-pa-sm justify-center text-center">
<div class=" text-weight-medium q-py-xs">อัปโหลดรูปถ่าย</div>
<div class="containerimage row justify-center col-xs-6 col-sm-10 col-md-12">
<label for="file-upload" class="col-12 row justify-center">
<q-img v-if="img == ''" src="@/assets/avatar_user.jpg" class="col-6">
<div
class="overlay"
v-if="status == 'register' || status == 'rejectRegister' || status == 'done'"
>
<q-icon name="mdi-camera" />
<br />อัปเดต
</div>
</q-img>
<q-img v-else :src="img" class="col-12">
<div
class="overlay"
v-if="status == 'register' || status == 'rejectRegister' || status == 'done'"
>
<q-icon name="mdi-camera" />
<br />อัปเดต
</div>
</q-img>
</label>
<input id="file-upload" type="file" accept="image/*" @change="uploadImage" />
</div>
<div class=" text-caption q-pt-sm text-grey-7">
<div>รูปถ่ายหน้าตรง ชุดสุภาพ</div>
<div>ไม่สวมหมวก/แว่นตาดำ</div>
<div>และไม่มีลวดลายใด ๆ บนรูปถ่าย</div>
</div>
</q-card>
</div>
<!-- <div class="col-xs-12 col-sm-9 col-md-12">
<q-input