ปรับ css ประเมิน เพิ่มเติม
This commit is contained in:
parent
f21ba8a715
commit
ba649113a5
7 changed files with 56 additions and 48 deletions
|
|
@ -111,10 +111,10 @@ onMounted(async () => {
|
|||
<div class="col-12 q-pa-sm">
|
||||
<div class="row q-col-gutter-sm col-12">
|
||||
<div class="col-xs-12 col-sm-12 row">
|
||||
<div class="text-weight-medium q-pt-xs q-pl-sm">
|
||||
<div class="text-weight-medium q-py-xs q-pl-sm">
|
||||
ผู้บังคับบัญชาชั้นต้น
|
||||
</div>
|
||||
<div class="row col-12 q-col-gutter-sm q-pa-sm">
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<q-input
|
||||
readonly
|
||||
ref="elementaryFullNameRef"
|
||||
|
|
@ -145,10 +145,10 @@ onMounted(async () => {
|
|||
|
||||
<div class="row q-col-gutter-sm col-12">
|
||||
<div class="col-xs-12 col-sm-12 row">
|
||||
<div class="text-weight-medium q-pl-sm q-pt-sm">
|
||||
<div class="text-weight-medium q-pl-sm q-pt-md q-mb-xs">
|
||||
ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
|
||||
</div>
|
||||
<div class="row col-12 q-col-gutter-md q-pa-sm">
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<q-input
|
||||
readonly
|
||||
ref="abovelevelFullnameRef"
|
||||
|
|
|
|||
|
|
@ -123,7 +123,6 @@ onMounted(async () => {
|
|||
<template>
|
||||
<q-list separator dense>
|
||||
<q-item
|
||||
|
||||
clickable
|
||||
v-ripple
|
||||
:active="selectedItem === 1 ? true : false"
|
||||
|
|
|
|||
|
|
@ -272,7 +272,7 @@ onMounted(async () => {
|
|||
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>
|
||||
|
|
|
|||
|
|
@ -155,10 +155,10 @@ onMounted(async () => {
|
|||
<div class="col-12 q-pa-sm">
|
||||
<div class="row q-col-gutter-sm col-12">
|
||||
<div class="col-xs-12 col-sm-12 row">
|
||||
<div class="text-weight-medium q-pl-sm q-pt-sm">
|
||||
<div class="text-weight-medium q-pl-sm q-py-sm">
|
||||
ผู้บังคับบัญชาชั้นต้น
|
||||
</div>
|
||||
<div class="row col-12 q-col-gutter-md">
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<q-input
|
||||
readonly
|
||||
ref="elementaryFullNameRef"
|
||||
|
|
@ -189,10 +189,10 @@ onMounted(async () => {
|
|||
|
||||
<div class="row q-col-gutter-sm col-12">
|
||||
<div class="col-xs-12 col-sm-12 row">
|
||||
<div class="text-weight-medium q-pl-sm q-pt-sm">
|
||||
<div class="text-weight-medium q-pl-sm q-pt-md q-mb-xs">
|
||||
ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
|
||||
</div>
|
||||
<div class="row col-12 q-col-gutter-md">
|
||||
<div class="row col-12 q-col-gutter-sm">
|
||||
<q-input
|
||||
readonly
|
||||
ref="abovelevelFullnameRef"
|
||||
|
|
|
|||
|
|
@ -113,7 +113,7 @@ onMounted(async () => {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<q-list separator>
|
||||
<q-list separator dense>
|
||||
<q-item
|
||||
clickable
|
||||
v-ripple
|
||||
|
|
@ -121,7 +121,7 @@ onMounted(async () => {
|
|||
active-class="text-primary"
|
||||
@click="handleItemClick(1)"
|
||||
>
|
||||
<q-item-section>เอกสารเล่ม 2</q-item-section>
|
||||
<q-item-section class="q-py-sm">เอกสารเล่ม 2</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -25,20 +25,24 @@ function copyLink() {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<p class="text-weight-bold q-mb-none">Public URL</p>
|
||||
|
||||
<q-btn
|
||||
class="q-mt-md"
|
||||
outline
|
||||
icon="mdi-clipboard-outline"
|
||||
label="คัดลอกลิงก์"
|
||||
color="primary"
|
||||
@click="copyLink"
|
||||
>
|
||||
<q-tooltip> คัดลอกลิงก์ </q-tooltip></q-btn
|
||||
>
|
||||
<div class="row q-pa-md">
|
||||
<div class="col-12 row items-center justify-center">
|
||||
<div class="row"><strong>Public URL : </strong>
|
||||
<a :href="`${link}/${id}`" class="q-pl-sm"> {{link}}/{{ id }}
|
||||
</a>
|
||||
</div>
|
||||
<q-space/>
|
||||
<div class="q-pt-sm">
|
||||
<q-btn
|
||||
outline
|
||||
icon="mdi-content-copy"
|
||||
label="คัดลอกลิงก์"
|
||||
color="primary"
|
||||
@click="copyLink"
|
||||
>
|
||||
<q-tooltip> คัดลอกลิงก์ </q-tooltip></q-btn
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -15,29 +15,34 @@ const modalPerview = ref<boolean>(false);
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<div class="col-12 row">
|
||||
<q-space />
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
color="primary"
|
||||
icon="download"
|
||||
target="_blank"
|
||||
:href="store.urlDownloadFile"
|
||||
>
|
||||
<q-tooltip>ดาวน์โหลด</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
color="primary"
|
||||
icon="mdi-fullscreen"
|
||||
@click="modalPerview = true"
|
||||
><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
|
||||
>
|
||||
</div>
|
||||
<q-card bordered class="col-12 row shadow-0">
|
||||
<div class="col-12 row items-center q-pa-sm q-gutter-sm">
|
||||
<div class="q-pl-sm text-weight-medium" >เอกสารที่อัปโหลด</div>
|
||||
<q-space />
|
||||
<q-btn
|
||||
flat
|
||||
dense
|
||||
color="primary"
|
||||
icon="download"
|
||||
target="_blank"
|
||||
:href="store.urlDownloadFile"
|
||||
>
|
||||
<q-tooltip>ดาวน์โหลด</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
flat
|
||||
dense
|
||||
color="primary"
|
||||
icon="mdi-fullscreen"
|
||||
@click="modalPerview = true"
|
||||
><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn
|
||||
>
|
||||
</div>
|
||||
<div class="col-12"><q-separator /></div>
|
||||
<div class="col-12"><ViewPDF class="col-12" /></div>
|
||||
</q-card>
|
||||
|
||||
<ViewPDF />
|
||||
|
||||
|
||||
<q-dialog v-model="modalPerview" full-width fullHeight>
|
||||
<q-card>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue