601 lines
25 KiB
Vue
601 lines
25 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
|
|
const modalConfirm = ref<boolean>(false);
|
|
const modalView = ref<boolean>(false);
|
|
const pdfSrc = ref<any>();
|
|
|
|
const nameOfWork = ref<string>("");
|
|
const nameOfOwner = ref<string>("");
|
|
const position = ref<string>("");
|
|
const status = ref<string>("WAIT_CHECK_DOC_V2");
|
|
const fileEvaluation91 = ref<any>();
|
|
const fileEvaluation92 = ref<any>();
|
|
const fileEvaluation93 = ref<any>();
|
|
const fileEvaluation94 = ref<any>();
|
|
const fileEvaluation95 = ref<any>();
|
|
const fileEvaluation96 = ref<any>();
|
|
|
|
async function onClickDowloadFile(
|
|
tp: string,
|
|
templateName: string,
|
|
fileName: string
|
|
) {
|
|
// showLoader();
|
|
// const data = Object.assign(
|
|
// { fullName: fullName.value },
|
|
// tp === "EV1_005" || tp === "EV1_007"
|
|
// ? { organizationName: "หน่วยงาน" }
|
|
// : null,
|
|
// tp === "EV1_007" ? { positionName: "ตำแหน่ง" } : null,
|
|
// tp === "EV1_007" ? { positionLeaveName: "ระดับ" } : null
|
|
// );
|
|
// const body = {
|
|
// template: tp,
|
|
// reportName: templateName,
|
|
// data: data,
|
|
// };
|
|
// await genReport(body, fileName);
|
|
}
|
|
|
|
function onClickViewPDF(file: any) {
|
|
pdfSrc.value = file.webkitRelativePath;
|
|
modalView.value = true;
|
|
}
|
|
|
|
function openConfirmEvalution() {
|
|
modalConfirm.value = true;
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="row q-col-gutter-sm">
|
|
<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>
|
|
<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-6">
|
|
<q-card bordered style="border: 1px solid #d6dee1">
|
|
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
|
|
แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลประกอบการประเมินผลงาน
|
|
(เอกสารแบบ ค)
|
|
</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-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
class="col-12"
|
|
outline
|
|
icon="download"
|
|
label="ดาวน์โหลดต้นแบบ"
|
|
color="primary"
|
|
@click="
|
|
onClickDowloadFile(
|
|
'EV1_005',
|
|
'template-1',
|
|
'แบบพิจารณาคุณสมบัติบุคคล'
|
|
)
|
|
"
|
|
>
|
|
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
v-if="fileEvaluation91"
|
|
class="col-12"
|
|
outline
|
|
icon="visibility"
|
|
label="ดูไฟล์เอกสาร"
|
|
color="primary"
|
|
@click="onClickViewPDF(fileEvaluation91)"
|
|
>
|
|
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-10 row">
|
|
<q-file
|
|
v-model="fileEvaluation91"
|
|
class="col-12"
|
|
outlined
|
|
dense
|
|
hide-bottom-space
|
|
lazy-rules
|
|
label="อัปโหลดไฟล์"
|
|
accept=".pdf"
|
|
>
|
|
<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"
|
|
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</q-card>
|
|
</div>
|
|
<div class="col-6">
|
|
<q-card bordered style="border: 1px solid #d6dee1">
|
|
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
|
|
บัญชีแสดงการรับ-ส่งผลงาน (เอกสารหมายเลข 15)
|
|
</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-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
class="col-12"
|
|
outline
|
|
icon="download"
|
|
label="ดาวน์โหลดต้นแบบ"
|
|
color="primary"
|
|
@click="
|
|
onClickDowloadFile(
|
|
'EV1_005',
|
|
'template-1',
|
|
'แบบพิจารณาคุณสมบัติบุคคล'
|
|
)
|
|
"
|
|
>
|
|
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
v-if="fileEvaluation92"
|
|
class="col-12"
|
|
outline
|
|
icon="visibility"
|
|
label="ดูไฟล์เอกสาร"
|
|
color="primary"
|
|
@click="onClickViewPDF(fileEvaluation92)"
|
|
>
|
|
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-10 row">
|
|
<q-file
|
|
v-model="fileEvaluation92"
|
|
class="col-12"
|
|
outlined
|
|
dense
|
|
hide-bottom-space
|
|
lazy-rules
|
|
label="อัปโหลดไฟล์"
|
|
accept=".pdf"
|
|
>
|
|
<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"
|
|
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</q-card>
|
|
</div>
|
|
<div class="col-6">
|
|
<q-card bordered style="border: 1px solid #d6dee1">
|
|
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
|
|
แบบประเมินผลงาน (เอกสารหมายเลข 16)
|
|
</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-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
class="col-12"
|
|
outline
|
|
icon="download"
|
|
label="ดาวน์โหลดต้นแบบ"
|
|
color="primary"
|
|
@click="
|
|
onClickDowloadFile(
|
|
'EV1_005',
|
|
'template-1',
|
|
'แบบพิจารณาคุณสมบัติบุคคล'
|
|
)
|
|
"
|
|
>
|
|
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
v-if="fileEvaluation93"
|
|
class="col-12"
|
|
outline
|
|
icon="visibility"
|
|
label="ดูไฟล์เอกสาร"
|
|
color="primary"
|
|
@click="onClickViewPDF(fileEvaluation93)"
|
|
>
|
|
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-10 row">
|
|
<q-file
|
|
v-model="fileEvaluation93"
|
|
class="col-12"
|
|
outlined
|
|
dense
|
|
hide-bottom-space
|
|
lazy-rules
|
|
label="อัปโหลดไฟล์"
|
|
accept=".pdf"
|
|
>
|
|
<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"
|
|
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</q-card>
|
|
</div>
|
|
<div class="col-6">
|
|
<q-card bordered style="border: 1px solid #d6dee1">
|
|
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
|
|
แบบแสดงการประเมินผลงาน (เอกสารหมายเลข 17)
|
|
</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-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
class="col-12"
|
|
outline
|
|
icon="download"
|
|
label="ดาวน์โหลดต้นแบบ"
|
|
color="primary"
|
|
@click="
|
|
onClickDowloadFile(
|
|
'EV1_005',
|
|
'template-1',
|
|
'แบบพิจารณาคุณสมบัติบุคคล'
|
|
)
|
|
"
|
|
>
|
|
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
v-if="fileEvaluation94"
|
|
class="col-12"
|
|
outline
|
|
icon="visibility"
|
|
label="ดูไฟล์เอกสาร"
|
|
color="primary"
|
|
@click="onClickViewPDF(fileEvaluation94)"
|
|
>
|
|
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-10 row">
|
|
<q-file
|
|
v-model="fileEvaluation94"
|
|
class="col-12"
|
|
outlined
|
|
dense
|
|
hide-bottom-space
|
|
lazy-rules
|
|
label="อัปโหลดไฟล์"
|
|
accept=".pdf"
|
|
>
|
|
<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"
|
|
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</q-card>
|
|
</div>
|
|
<div class="col-6">
|
|
<q-card bordered style="border: 1px solid #d6dee1">
|
|
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
|
|
แบบรายงานผลการประเมินบุคคล (เอกสารหมายเลข 18)
|
|
</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-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
class="col-12"
|
|
outline
|
|
icon="download"
|
|
label="ดาวน์โหลดต้นแบบ"
|
|
color="primary"
|
|
@click="
|
|
onClickDowloadFile(
|
|
'EV1_005',
|
|
'template-1',
|
|
'แบบพิจารณาคุณสมบัติบุคคล'
|
|
)
|
|
"
|
|
>
|
|
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
v-if="fileEvaluation95"
|
|
class="col-12"
|
|
outline
|
|
icon="visibility"
|
|
label="ดูไฟล์เอกสาร"
|
|
color="primary"
|
|
@click="onClickViewPDF(fileEvaluation95)"
|
|
>
|
|
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-10 row">
|
|
<q-file
|
|
v-model="fileEvaluation95"
|
|
class="col-12"
|
|
outlined
|
|
dense
|
|
hide-bottom-space
|
|
lazy-rules
|
|
label="อัปโหลดไฟล์"
|
|
accept=".pdf"
|
|
>
|
|
<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"
|
|
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</q-card>
|
|
</div>
|
|
<div class="col-6">
|
|
<q-card bordered style="border: 1px solid #d6dee1">
|
|
<div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
|
|
แบบสรุปผลการประเมิน (เอกสารแบบ ง)
|
|
</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-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
class="col-12"
|
|
outline
|
|
icon="download"
|
|
label="ดาวน์โหลดต้นแบบ"
|
|
color="primary"
|
|
@click="
|
|
onClickDowloadFile(
|
|
'EV1_005',
|
|
'template-1',
|
|
'แบบพิจารณาคุณสมบัติบุคคล'
|
|
)
|
|
"
|
|
>
|
|
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6 row">
|
|
<q-btn
|
|
v-if="fileEvaluation96"
|
|
class="col-12"
|
|
outline
|
|
icon="visibility"
|
|
label="ดูไฟล์เอกสาร"
|
|
color="primary"
|
|
@click="onClickViewPDF(fileEvaluation96)"
|
|
>
|
|
<q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-10 row">
|
|
<q-file
|
|
v-model="fileEvaluation96"
|
|
class="col-12"
|
|
outlined
|
|
dense
|
|
hide-bottom-space
|
|
lazy-rules
|
|
label="อัปโหลดไฟล์"
|
|
accept=".pdf"
|
|
>
|
|
<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"
|
|
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</q-card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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-xs-12 col-sm-12 row">
|
|
<q-btn
|
|
class="col-12"
|
|
icon="download"
|
|
label="ดาวน์โหลด"
|
|
color="primary"
|
|
@click="
|
|
onClickDowloadFile(
|
|
'EV1_005',
|
|
'template-1',
|
|
'แบบพิจารณาคุณสมบัติบุคคล'
|
|
)
|
|
"
|
|
>
|
|
<q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</q-card>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<div class="q-mt-xs q-gutter-md" align="right">
|
|
<q-btn
|
|
unelevated
|
|
label="ยืนยันผลการพิจารณา"
|
|
color="public"
|
|
@click="openConfirmEvalution"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<q-dialog v-model="modalConfirm" persistent>
|
|
<q-card style="min-width: 60vw">
|
|
<q-toolbar>
|
|
<q-toolbar-title class="text-subtitle2 text-bold">
|
|
ยืนยันผลการพิจารณา
|
|
</q-toolbar-title>
|
|
<q-btn
|
|
icon="close"
|
|
unelevated
|
|
round
|
|
dense
|
|
@click="modalConfirm = false"
|
|
style="color: #ff8080; background-color: #ffdede"
|
|
/>
|
|
</q-toolbar>
|
|
<q-separator />
|
|
<q-card-section class="q-pa-md bg-grey-1">
|
|
<div class="row q-col-gutter-sm">
|
|
<div class="col-4">
|
|
<q-input
|
|
v-model="nameOfWork"
|
|
label="ชื่อผลงาน"
|
|
outlined
|
|
dense
|
|
bg-color="white"
|
|
/>
|
|
</div>
|
|
<div class="col-4">
|
|
<q-input
|
|
v-model="nameOfOwner"
|
|
label="ชื่อเจ้าของผลงาน"
|
|
outlined
|
|
dense
|
|
bg-color="white"
|
|
/>
|
|
</div>
|
|
<div class="col-4">
|
|
<q-input
|
|
v-model="position"
|
|
label="ตำแหน่งที่ได้รับ"
|
|
outlined
|
|
dense
|
|
bg-color="white"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</q-card-section>
|
|
<q-separator />
|
|
|
|
<div class="row justify-end q-px-md q-py-sm items-center">
|
|
<q-btn
|
|
dense
|
|
color="public"
|
|
id="onSubmit"
|
|
class="q-px-md q-py-xs"
|
|
label="ยืนยัน"
|
|
>
|
|
</q-btn>
|
|
</div>
|
|
</q-card>
|
|
</q-dialog>
|
|
</template>
|
|
|
|
<style scoped></style>
|