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" :editData="false"
/> />
<q-form ref="myform" class="col-12 row q-col-gutter-x-sm justify-center q-col-gutter-sm"> <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"> <div class="col-xs-12 col-sm-3 col-md-3">
<q-select <q-select
:class="getClass(status == 'register' || status == 'rejectRegister')" :class="getClass(status == 'register' || status == 'rejectRegister')"
@ -222,30 +222,38 @@
/> />
</div> </div>
</div> </div>
<div class="row col-xs-12 col-sm-3 col-md-2 justify-center"> <div class="row col-xs-12 col-sm-6 col-md-3 justify-center">
<div class="containerimage row justify-center col-xs-6 col-sm-10 col-md-12"> <q-card bordered class="col-11 q-pa-sm justify-center text-center">
<label for="file-upload" class="col-12 row"> <div class=" text-weight-medium q-py-xs">อัปโหลดรูปถ่าย</div>
<q-img v-if="img == ''" src="@/assets/avatar_user.jpg" class="col-12"> <div class="containerimage row justify-center col-xs-6 col-sm-10 col-md-12">
<div <label for="file-upload" class="col-12 row justify-center">
class="overlay" <q-img v-if="img == ''" src="@/assets/avatar_user.jpg" class="col-6">
v-if="status == 'register' || status == 'rejectRegister' || status == 'done'" <div
> class="overlay"
<q-icon name="mdi-camera" /> v-if="status == 'register' || status == 'rejectRegister' || status == 'done'"
<br />อัปเดต >
</div> <q-icon name="mdi-camera" />
</q-img> <br />อัปเดต
<q-img v-else :src="img" class="col-12"> </div>
<div </q-img>
class="overlay" <q-img v-else :src="img" class="col-12">
v-if="status == 'register' || status == 'rejectRegister' || status == 'done'" <div
> class="overlay"
<q-icon name="mdi-camera" /> v-if="status == 'register' || status == 'rejectRegister' || status == 'done'"
<br />อัปเดต >
</div> <q-icon name="mdi-camera" />
</q-img> <br />อัปเดต
</label> </div>
<input id="file-upload" type="file" accept="image/*" @change="uploadImage" /> </q-img>
</div> </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>
<!-- <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