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

ปรับ ui step ที่เหลือ

Browse source
This commit is contained in:
Tanyalak 2024-01-17 12:54:18 +07:00
parent 17df87bc10
commit 7003c11e2f
10 changed files with 228 additions and 280 deletions
Download patch file Download diff file Expand all files Collapse all files

158
src/modules/06_evaluate/components/step/step6.vue
View file

@ -258,9 +258,9 @@ watch(
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">ผลงาน</div>
<div class="col-12"><q-separator /></div>
<div class="col-12">
<div class="row q-col-gutter-md col-12">
<div class="row q-col-gutter-sm col-12">
<div class="col-xs-12 col-sm-12 row">
<div class="row col-12 q-col-gutter-md q-pa-sm">
<div class="row col-12 q-col-gutter-sm q-pa-sm">
<q-input
:readonly="store.currentStep != 6"
ref="performanceRef"
@ -316,13 +316,13 @@ watch(
เลือกผู้เซ็นเอกสาร
</div>
<div class="col-12"><q-separator /></div>
<div class="col-12">
<div class="row q-col-gutter-md col-12">
<div class="col-12 q-pa-sm">
<div class="row q-col-gutter-sm">
<div class="col-xs-12 col-sm-12 row">
<div class="text-weight-medium q-py-sm">
<div class="text-weight-medium q-pt-xs q-pl-sm">
ผู้บังคับบัญชาชั้นต้น
</div>
<div class="row col-12 q-col-gutter-md q-pa-sm">
<div class="row col-12 q-col-gutter-sm q-pa-sm">
<q-input
:readonly="store.currentStep != 6"
ref="commanderFullnameRef"
@ -334,6 +334,7 @@ watch(
@update:model-value="updateInput(formCommand)"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
lazy-rules
hide-bottom-space
/>
<q-input
:readonly="store.currentStep != 6"
@ -346,42 +347,45 @@ watch(
label="ตำแหน่ง"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
lazy-rules
hide-bottom-space
/>
</div>
</div>
</div>
<div class="row q-col-gutter-md col-12">
<div class="col-xs-12 col-sm-12 row">
<div class="text-weight-medium q-py-sm">
ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
</div>
<div class="row col-12 q-col-gutter-md q-pa-sm">
<q-input
:readonly="store.currentStep != 6"
ref="commanderAboveFullnameRef"
dense
class="col-xs-12 col-sm-6"
outlined
v-model="formCommand.commanderAboveFullname"
label="ชื่อ-นามสกุล"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
lazy-rules
@update:model-value="updateInput(formCommand)"
/>
<q-input
:readonly="store.currentStep != 6"
ref="commanderAbovePositionRef"
class="col-xs-12 col-sm-6"
dense
outlined
v-model="formCommand.commanderAbovePosition"
label="ตำแหน่ง"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
lazy-rules
@update:model-value="updateInput(formCommand)"
/>
</div>
<div class="row q-col-gutter-sm">
<div class="col-xs-12 col-sm-12 row">
<div class="text-weight-medium q-pt-xs q-pl-sm">
ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
</div>
<div class="row col-12 q-col-gutter-sm q-pa-sm">
<q-input
:readonly="store.currentStep != 6"
ref="commanderAboveFullnameRef"
dense
class="col-xs-12 col-sm-6"
outlined
v-model="formCommand.commanderAboveFullname"
label="ชื่อ-นามสกุล"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
lazy-rules
@update:model-value="updateInput(formCommand)"
hide-bottom-space
/>
<q-input
:readonly="store.currentStep != 6"
ref="commanderAbovePositionRef"
class="col-xs-12 col-sm-6"
dense
outlined
v-model="formCommand.commanderAbovePosition"
label="ตำแหน่ง"
:rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
lazy-rules
@update:model-value="updateInput(formCommand)"
hide-bottom-space
/>
</div>
</div>
</div>
</div>
@ -391,36 +395,38 @@ watch(
<!-- อัปไฟล์ -->
<div class="col-12" v-if="store.currentStep === 6">
<q-card bordered class="shadow-0" style="border: 1px solid #d6dee1">
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
เอกสารเล่ม 2
<div class="col-12 row bg-grey-1">
<div class="text-weight-medium q-py-sm q-px-md">
เอกสารเล่ม 2
</div>
<q-space />
<div v-if="downloadUrl">
<q-btn
:href="downloadUrl"
target="_blank"
outline
flat
icon="visibility"
color="blue"
>
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
>
</div>
</div>
<div class="col-12"><q-separator /></div>
<div class="row">
<div class="col-12 q-pa-sm">
<div class="row q-col-gutter-md col-12">
<div class="col-xs-12 col-sm-6 row">
<q-btn
v-if="downloadUrl"
:href="downloadUrl"
target="_blank"
class="col-12"
outline
icon="visibility"
label="ดูไฟล์เอกสาร"
color="primary"
>
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
>
</div>
<div class="col-xs-12 col-sm-10 row">
<div class="row q-col-gutter-sm col-12">
<div class="col-12">
<!-- :rules="[(val) => !!val || 'เลือกไฟล']" -->
<q-file
:disable="!store.statusUpload"
ref="fileEvaluation1Ref"
v-model="fileEvaluation1"
class="col-12"
outlined
hide-bottom-space
dense
lazy-rules
accept=".pdf"
@ -433,27 +439,29 @@ watch(
<template v-slot:prepend>
<q-icon name="attach_file" />
</template>
<template v-slot:after>
<div>
<q-btn
:disable="!store.statusUpload"
round
dense
flat
color="primary"
icon="mdi-upload"
@click="
fetchPathUpload(
'เล่ม 2',
evaluateId,
'1-เอกสารเล่ม 2',
fileEvaluation1
)
"
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
>
</div>
</template>
</q-file>
</div>
<div class="col-2 self-center text-center q-pl-none">
<q-btn
:disable="!store.statusUpload"
flat
round
dense
color="primary"
icon="mdi-upload"
@click="
fetchPathUpload(
'เล่ม 2',
evaluateId,
'1-เอกสารเล่ม 2',
fileEvaluation1
)
"
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
>
</div>
</div>
</div>
</div>