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

ปรับ ui ประเมิน step 1-5

Browse source
This commit is contained in:
Tanyalak 2024-01-18 11:02:23 +07:00
parent 915df2cc92
commit 814c25d81a
13 changed files with 631 additions and 576 deletions
Download patch file Download diff file Expand all files Collapse all files

146
src/modules/12_evaluatePersonal/components/Detail/step/step4.vue
View file

@ -385,7 +385,7 @@ onMounted(async () => {
</script>
<template>
<div class="row q-col-gutter-md">
<div class="row q-col-gutter-sm q-pa-sm">
<!-- เอกสารเล่มที่ 1 -->
<div class="col-12">
<q-card bordered style="border: 1px solid #d6dee1">
@ -399,10 +399,9 @@ onMounted(async () => {
:key="file.id"
class="full-width"
bordered
separator
>
<q-item clickable v-ripple>
<q-item-section>{{ file.fileName }}</q-item-section>
<q-item-section class="text-grey-9">{{ file.fileName }}</q-item-section>
<q-item-section avatar>
<div class="row">
<div>
@ -412,7 +411,7 @@ onMounted(async () => {
round
size="12px"
color="blue"
icon="mdi-download-outline"
icon="mdi-download"
@click="downloadFile(file.pathName)"
>
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
@ -428,81 +427,76 @@ onMounted(async () => {
<!-- ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10) -->
<div class="col-12">
<q-card bordered style="border: 1px solid #d6dee1">
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)
<div class="text-weight-medium row col-12 bg-grey-1 q-py-sm q-px-md items-center">
<div>ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)</div>
<q-space/>
<div v-if="store.currentStep == 4" >
<q-btn
icon="download"
color="primary"
flat
dense
round
@click="
onClickDowloadFile(
'เอกสารหมายเลข 10',
'template-4',
'ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)'
)
"
>
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
>
</div>
<div >
<q-btn
v-if="download10Url != ''"
:href="download10Url"
target="_blank"
class="col-12"
icon="visibility"
color="primary"
flat
dense
round
>
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
>
</div>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-12" v-if="store.currentStep == 4"><q-separator /></div>
<div class="row">
<div class="col-12 q-pa-sm">
<div class="row q-col-gutter-md col-12">
<div v-if="store.currentStep == 4" class="col-xs-12 col-sm-6 row">
<q-btn
class="col-12"
outline
icon="download"
label="ดาวน์โหลดต้นแบบ"
color="primary"
@click="
onClickDowloadFile(
'เอกสารหมายเลข 10',
'template-4',
'ประกาศผลการคัดเลือกบุคคล (เอกสารหมายเลข 10)'
)
"
>
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
>
</div>
<div class="col-xs-12 col-sm-6 row">
<q-btn
v-if="download10Url != ''"
:href="download10Url"
target="_blank"
class="col-12"
outline
icon="visibility"
label="ดูไฟล์เอกสาร"
color="primary"
>
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
>
</div>
<div v-if="store.currentStep == 4" class="row col-12">
<div class="col-xs-12 col-sm-11 row">
<q-file
ref="fileEvaluationUploadRef"
v-model="fileEvaluationUpload"
class="col-12"
outlined
dense
hide-bottom-space
lazy-rules
accept=".pdf"
:rules="
download10Url === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
: []
"
>
<template v-slot:prepend>
<q-icon name="attach_file" />
</template>
</q-file>
</div>
<div class="col-1 self-center text-center q-pl-none">
<div class="col-12 q-pa-sm" v-if="store.currentStep == 4">
<q-file
ref="fileEvaluationUploadRef"
v-model="fileEvaluationUpload"
class="col-12"
outlined
dense
hide-bottom-space
lazy-rules
accept=".pdf"
:rules="
download10Url === ''
? [(val) => !!val || 'กรุณาเลือกไฟล์']
: []
"
>
<template v-slot:prepend>
<q-icon name="attach_file" />
</template>
<template v-slot:after>
<q-btn
flat
round
dense
color="primary"
icon="mdi-upload "
@click="upLoadFile(fileEvaluationUpload)"
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
>
</div>
</div>
</div>
flat
round
dense
color="primary"
icon="mdi-upload "
@click="upLoadFile(fileEvaluationUpload)"
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
>
</template>
</q-file>
</div>
</div>
</q-card>