ปรับ css ประเมิน เพิ่มเติม

This commit is contained in:
Tanyalak 2024-01-18 11:49:53 +07:00
parent f21ba8a715
commit ba649113a5
7 changed files with 56 additions and 48 deletions

View file

@ -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"

View file

@ -123,7 +123,6 @@ onMounted(async () => {
<template>
<q-list separator dense>
<q-item
clickable
v-ripple
:active="selectedItem === 1 ? true : false"

View file

@ -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>

View file

@ -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"

View file

@ -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>

View file

@ -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>

View file

@ -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>