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

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

8
src/modules/12_evaluatePersonal/components/Detail/step/step2.vue
View file

@ -111,10 +111,10 @@ onMounted(async () => {
<div class="col-12 q-pa-sm"> <div class="col-12 q-pa-sm">
<div class="row q-col-gutter-sm col-12"> <div class="row q-col-gutter-sm col-12">
<div class="col-xs-12 col-sm-12 row"> <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>
<div class="row col-12 q-col-gutter-sm q-pa-sm"> <div class="row col-12 q-col-gutter-sm">
<q-input <q-input
readonly readonly
ref="elementaryFullNameRef" ref="elementaryFullNameRef"
@ -145,10 +145,10 @@ onMounted(async () => {
<div class="row q-col-gutter-sm col-12"> <div class="row q-col-gutter-sm col-12">
<div class="col-xs-12 col-sm-12 row"> <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 ระดับ ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
</div> </div>
<div class="row col-12 q-col-gutter-md q-pa-sm"> <div class="row col-12 q-col-gutter-sm">
<q-input <q-input
readonly readonly
ref="abovelevelFullnameRef" ref="abovelevelFullnameRef"

1
src/modules/12_evaluatePersonal/components/Detail/step/step3.vue
View file

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

2
src/modules/12_evaluatePersonal/components/Detail/step/step5.vue
View file

@ -272,7 +272,7 @@ onMounted(async () => {
separator separator
> >
<q-item clickable v-ripple> <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> <q-item-section avatar>
<div class="row"> <div class="row">
<div> <div>

8
src/modules/12_evaluatePersonal/components/Detail/step/step6.vue
View file

@ -155,10 +155,10 @@ onMounted(async () => {
<div class="col-12 q-pa-sm"> <div class="col-12 q-pa-sm">
<div class="row q-col-gutter-sm col-12"> <div class="row q-col-gutter-sm col-12">
<div class="col-xs-12 col-sm-12 row"> <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>
<div class="row col-12 q-col-gutter-md"> <div class="row col-12 q-col-gutter-sm">
<q-input <q-input
readonly readonly
ref="elementaryFullNameRef" ref="elementaryFullNameRef"
@ -189,10 +189,10 @@ onMounted(async () => {
<div class="row q-col-gutter-sm col-12"> <div class="row q-col-gutter-sm col-12">
<div class="col-xs-12 col-sm-12 row"> <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 ระดับ ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
</div> </div>
<div class="row col-12 q-col-gutter-md"> <div class="row col-12 q-col-gutter-sm">
<q-input <q-input
readonly readonly
ref="abovelevelFullnameRef" ref="abovelevelFullnameRef"

4
src/modules/12_evaluatePersonal/components/Detail/step/step7.vue
View file

@ -113,7 +113,7 @@ onMounted(async () => {
</script> </script>
<template> <template>
<q-list separator> <q-list separator dense>
<q-item <q-item
clickable clickable
v-ripple v-ripple
@ -121,7 +121,7 @@ onMounted(async () => {
active-class="text-primary" active-class="text-primary"
@click="handleItemClick(1)" @click="handleItemClick(1)"
> >
<q-item-section>เอกสารเล่ม 2</q-item-section> <q-item-section class="q-py-sm">เอกสารเล่ม 2</q-item-section>
</q-item> </q-item>
</q-list> </q-list>
</template> </template>

32
src/modules/12_evaluatePersonal/components/Detail/step/step9.vue
View file

@ -25,20 +25,24 @@ function copyLink() {
</script> </script>
<template> <template>
<div class="row"> <div class="row q-pa-md">
<div class="col-12 text-center"> <div class="col-12 row items-center justify-center">
<p class="text-weight-bold q-mb-none">Public URL</p> <div class="row"><strong>Public URL : </strong>
<a :href="`${link}/${id}`" class="q-pl-sm"> {{link}}/{{ id }}
<q-btn </a>
class="q-mt-md" </div>
outline <q-space/>
icon="mdi-clipboard-outline" <div class="q-pt-sm">
label="คัดลอกลิงก์" <q-btn
color="primary" outline
@click="copyLink" icon="mdi-content-copy"
> label="คัดลอกลิงก์"
<q-tooltip> คัดลอกลิงก์ </q-tooltip></q-btn color="primary"
> @click="copyLink"
>
<q-tooltip> คัดลอกลิงก์ </q-tooltip></q-btn
>
</div>
</div> </div>
</div> </div>
</template> </template>

49
src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep7.vue
View file

@ -15,29 +15,34 @@ const modalPerview = ref<boolean>(false);
</script> </script>
<template> <template>
<div class="col-12 row"> <q-card bordered class="col-12 row shadow-0">
<q-space /> <div class="col-12 row items-center q-pa-sm q-gutter-sm">
<q-btn <div class="q-pl-sm text-weight-medium" >เอกสารที่อัปโหลด</div>
flat <q-space />
round <q-btn
color="primary" flat
icon="download" dense
target="_blank" color="primary"
:href="store.urlDownloadFile" icon="download"
> target="_blank"
<q-tooltip>ดาวน์โหลด</q-tooltip> :href="store.urlDownloadFile"
</q-btn> >
<q-btn <q-tooltip>ดาวน์โหลด</q-tooltip>
flat </q-btn>
round <q-btn
color="primary" flat
icon="mdi-fullscreen" dense
@click="modalPerview = true" color="primary"
><q-tooltip>ดูเต็มจอ</q-tooltip></q-btn icon="mdi-fullscreen"
> @click="modalPerview = true"
</div> ><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-dialog v-model="modalPerview" full-width fullHeight>
<q-card> <q-card>