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

167
src/modules/06_evaluate/components/step/step8.vue
View file

@ -163,74 +163,75 @@ onMounted(async () => {
</script>
<template>
<div class="row q-gutter-md">
<div class="col-12 text-center">
<q-badge
v-if="status == 'WAIT_CHECK_DOC_V2'"
outline
color="orange-5"
label="รอพิจารณาผลการประเมิน"
class="q-pa-sm"
style="font-size: 16px"
/>
</div>
<div class="col-12 q-pa-md">
<div class="row q-col-gutter-md">
<div class="col-12 text-center">
<q-badge
v-if="status == 'WAIT_CHECK_DOC_V2'"
outline
color="orange-5"
label="รอพิจารณาผลการประเมิน"
class="q-pa-sm"
style="font-size: 16px"
/>
</div>
<!-- <div class="col-12">
<q-card bordered style="border: 1px solid #d6dee1">
<q-card class="col-12 items-center">
<q-tabs
v-model="tabMenu"
dense
align="left"
inline-label
class="rounded-borders"
indicator-color="primary"
active-bg-color="teal-1"
active-class="text-primary"
>
<q-tab name="director" label="กรรมการ" />
<q-tab name="meeting" label="การประชุม" />
</q-tabs>
<q-separator />
<q-tab-panels v-model="tabMenu" animated>
<q-tab-panel name="director"
><TableDirector :type="tabMenu" :row="directorList"
/></q-tab-panel>
<!-- <div class="col-12">
<q-card bordered style="border: 1px solid #d6dee1">
<q-card class="col-12 items-center">
<q-tabs
v-model="tabMenu"
dense
align="left"
inline-label
class="rounded-borders"
indicator-color="primary"
active-bg-color="teal-1"
active-class="text-primary"
>
<q-tab name="director" label="กรรมการ" />
<q-tab name="meeting" label="การประชุม" />
</q-tabs>
<q-separator />
<q-tab-panels v-model="tabMenu" animated>
<q-tab-panel name="director"
><TableDirector :type="tabMenu" :row="directorList"
/></q-tab-panel>
<q-tab-panel name="meeting">
<TableDirector :type="tabMenu" :row="meetingList"
/></q-tab-panel>
</q-tab-panels>
<q-tab-panel name="meeting">
<TableDirector :type="tabMenu" :row="meetingList"
/></q-tab-panel>
</q-tab-panels>
</q-card>
</q-card>
</q-card>
</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">
เอกสารเล่ม 2 (ฉบับแก้ไข)
</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-12">
<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> -->
<div class="col-12">
<q-card class=" shadow-0" bordered style="border: 1px solid #d6dee1">
<div class="row col-12 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"
class="col-12"
outline
icon="visibility"
label="ดูไฟล์เอกสาร"
color="primary"
>
<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 v-if="store.currentStep == 8" class="row col-12">
<div class="col-xs-12 col-sm-10 row">
<div class="col-12">
<q-file
v-model="fileEvaluationEdit"
class="col-12"
@ -243,31 +244,31 @@ onMounted(async () => {
<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="
fetchPathUpload(
'เล่ม 2',
evaluateId,
'2-เอกสารเล่ม 2 (ฉบับแก้ไข)',
fileEvaluationEdit
)
"
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
>
</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="
fetchPathUpload(
'เล่ม 2',
evaluateId,
'2-เอกสารเล่ม 2 (ฉบับแก้ไข)',
fileEvaluationEdit
)
"
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
>
</div>
</div>
</div>
</div>
</div>
</q-card>
</q-card>
</div>
</div>
</div>