ปรับหน้าตรวจสอบคุณสมบัติผู้สมัครสอบรอบคัดเลือก

This commit is contained in:
Tanyalak 2023-10-02 13:10:47 +07:00
parent b7c915d429
commit 117d664446
3 changed files with 12 additions and 17 deletions

View file

@ -9,8 +9,8 @@
:editData="false" :editData="false"
/> />
<q-form ref="myform"> <q-form ref="myform">
<div class="row col-12 items-center q-col-gutter-x-sm q-col-gutter-y-xs"> <div class="row col-12 items-center">
<div class="col-12"> <div class="col-12 q-pb-sm">
<q-radio <q-radio
v-model="defaultOccupation.positionType" v-model="defaultOccupation.positionType"
label="ลูกจ้างประจำ" label="ลูกจ้างประจำ"
@ -33,8 +33,8 @@
:disable="!(status == 'checkRegister' || status == 'payment')" :disable="!(status == 'checkRegister' || status == 'payment')"
/> />
</div> </div>
<div class="col-12 row"> <div class="col-12 row q-col-gutter-sm">
<div class="col-3"> <div class="col-4">
<q-input <q-input
:class="getClass(status == 'checkRegister' || status == 'payment')" :class="getClass(status == 'checkRegister' || status == 'payment')"
:outlined="status == 'checkRegister' || status == 'payment'" :outlined="status == 'checkRegister' || status == 'payment'"
@ -48,9 +48,8 @@
:label="`${'ชื่อตำแหน่ง'}`" :label="`${'ชื่อตำแหน่ง'}`"
/> />
</div> </div>
<div class="col-3"> <div class="col-4">
<q-input <q-input
class="q-pl-sm"
:class="getClass(status == 'checkRegister' || status == 'payment')" :class="getClass(status == 'checkRegister' || status == 'payment')"
:outlined="status == 'checkRegister' || status == 'payment'" :outlined="status == 'checkRegister' || status == 'payment'"
dense dense
@ -64,9 +63,8 @@
:label="`${'เงินเดือน'}`" :label="`${'เงินเดือน'}`"
/> />
</div> </div>
</div>
<div class="col-12 row"> <div class="col-4">
<div class="col-3">
<q-input <q-input
:class="getClass(status == 'checkRegister' || status == 'payment')" :class="getClass(status == 'checkRegister' || status == 'payment')"
:outlined="status == 'checkRegister' || status == 'payment'" :outlined="status == 'checkRegister' || status == 'payment'"
@ -80,9 +78,8 @@
:label="`${'กลุ่ม/ฝ่าย'}`" :label="`${'กลุ่ม/ฝ่าย'}`"
/> />
</div> </div>
<div class="col-3"> <div class="col-4">
<q-input <q-input
class="q-pl-sm"
:class="getClass(status == 'checkRegister' || status == 'payment')" :class="getClass(status == 'checkRegister' || status == 'payment')"
:outlined="status == 'checkRegister' || status == 'payment'" :outlined="status == 'checkRegister' || status == 'payment'"
dense dense
@ -95,9 +92,8 @@
:label="`${'กอง'}`" :label="`${'กอง'}`"
/> />
</div> </div>
<div class="col-3"> <div class="col-4">
<q-input <q-input
class="q-pl-sm"
:class="getClass(status == 'checkRegister' || status == 'payment')" :class="getClass(status == 'checkRegister' || status == 'payment')"
:outlined="status == 'checkRegister' || status == 'payment'" :outlined="status == 'checkRegister' || status == 'payment'"
dense dense
@ -110,9 +106,8 @@
:label="`${'สังกัด'}`" :label="`${'สังกัด'}`"
/> />
</div> </div>
<div class="col-3"> <div class="col-4">
<q-input <q-input
class="q-pl-sm"
:class="getClass(status == 'checkRegister' || status == 'payment')" :class="getClass(status == 'checkRegister' || status == 'payment')"
:outlined="status == 'checkRegister' || status == 'payment'" :outlined="status == 'checkRegister' || status == 'payment'"
dense dense

View file

@ -197,7 +197,7 @@ const fileOpen = (url: string) => {
bordered bordered
:style="$q.screen.gt.xs ? 'height: 80vh' : 'height: auto;'" :style="$q.screen.gt.xs ? 'height: 80vh' : 'height: auto;'"
> >
<div class="eow col-12" v-for="(d, index) in data" :key="d.no"> <div class=" col-12" v-for="(d, index) in data" :key="index">
<div class="col-12 q-pa-xs"> <div class="col-12 q-pa-xs">
<q-item> <q-item>
<q-item-section top avatar> <q-item-section top avatar>

View file

@ -468,7 +468,7 @@ const clickDelete = (id: string) => {
</div> </div>
<q-list style="min-width: 300px" v-for="n in notiList" :key="n.id"> <q-list style="min-width: 300px" v-for="n in notiList" :key="n.id">
<q-item v-ripple class="mytry" dense> <q-item v-ripple class="mytry q-py-xs" dense>
<q-item-section avatar top style="min-width: 40px"> <q-item-section avatar top style="min-width: 40px">
<q-avatar color="primary" size="22px" text-color="white"> <q-avatar color="primary" size="22px" text-color="white">
<span class="text-weight-medium text-uppercase">{{ <span class="text-weight-medium text-uppercase">{{