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

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

View file

@ -239,9 +239,9 @@ onMounted(async () => {
</script>
<template>
<div class="row q-gutter-sm">
<div class="row q-col-gutter-sm q-pa-sm">
<div class="col-12">
<q-banner class="text-weight-bold text-red-14 bg-red-2 text-center">
<q-banner class="text-weight-bold text-red-14 bg-red-1 text-center rounded-borders">
<div class="text-weight-bold">
<q-icon name="info_outline" color="red-14" size="24px" />
ประกาศเมอวนท {{ AnnouncementStartDate }} งวนท
@ -282,6 +282,7 @@ onMounted(async () => {
<q-btn
flat
round
dense
color="primary"
icon="mdi-clipboard-outline"
@click="copyLink(file.pathName)"
@ -297,62 +298,61 @@ onMounted(async () => {
</div>
<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">
นทกแจงผลการประกาศคดเลอก
<div class="text-weight-medium row col-12 bg-grey-1 q-py-sm q-px-md items-center">
<div>นทกแจงผลการประกาศคดเลอก</div>
<q-space />
<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 == 5"><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="download10Url != ''"
:href="download10Url"
target="_blank"
<div class="col-12 q-pa-sm" v-if="store.currentStep == 5">
<div class="row col-12">
<div class="col-xs-12 col-sm-10 row">
<q-file
ref="fileEvaluation5Ref"
v-model="fileEvaluation5"
class="col-12"
outline
icon="visibility"
label="ดูไฟล์เอกสาร"
color="primary"
>
<q-tooltip> ไฟลเอกสาร </q-tooltip></q-btn
outlined
dense
label="อัปโหลดไฟล์"
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 v-if="store.currentStep == 5" class="row col-12">
<div class="col-xs-12 col-sm-10 row">
<q-file
ref="fileEvaluation5Ref"
v-model="fileEvaluation5"
class="col-12"
outlined
dense
label="อัปโหลดไฟล์"
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-2 self-center text-center q-pl-none">
<q-btn
flat
round
dense
color="primary"
icon="mdi-upload"
@click="upLoadFile(fileEvaluation5)"
><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn
>
</div>
<div class="col-2 self-center text-center q-pl-none">
<q-btn
flat
round
dense
color="primary"
icon="mdi-upload"
@click="upLoadFile(fileEvaluation5)"
><q-tooltip>ปโหลดไฟล</q-tooltip></q-btn
>
</div>
</div>
</div>
@ -360,8 +360,8 @@ onMounted(async () => {
</q-card>
</div>
<div v-if="store.currentStep == 5" class="col-12">
<div class="q-mt-xs q-gutter-md" align="right">
<div class="col-12" v-if="store.currentStep == 5" >
<div class="q-mr-sm" align="right">
<q-btn
unelevated
label="บันทึกแจ้งผลการประกาศคัดเลือก"