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

Merge branch 'ananda' into develop

Browse source
This commit is contained in:
AnandaTon 2023-03-16 13:56:06 +07:00
commit 164e6e797c
2 changed files with 56 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

60
src/modules/01_exam/components/ExamFinished.vue
View file

@ -1,38 +1,38 @@
<template>
<div>
<h5 class="text-center">คุณ xxxxxxx xxxxxx ได้สมัครสอบสำเร็จ</h5>
<!-- <div class="q-pa-md row items-center justify-center">
<q-card class="my-card" style="max-width: 480px; width: 100%" bordered>
<q-card-section horizontal>
<q-card-section class="q-pt-xs">
<div class="text-overline">บัตรประจำตัวผู้สอบ</div>
<div class="text-h5 q-mt-sm q-mb-xs">{{ candidateFullName }}</div>
<div class="text-caption text-grey">เลขประจำตัวประชาชน : 1100700954521</div>
<div class="text-caption text-primary">เลขประจำตัวสอบ : CDE-004</div>
<div class="text-caption text-primary">เวลาสอบ : 09:00-12:00</div>
<div class="text-caption text-primary">สถานที่สอบ : ศูนย์สอบ 01 กรุงเทพฯและนนทบุรี</div>
<div class="text-caption text-primary">ชั้นที่ : 4</div>
<div class="text-caption text-primary">ห้องสอบ : CB-706</div>
<div class="text-caption text-primary">เลขที่นั่ง : 75</div>
</q-card-section>
<div class="q-pa-md row items-center justify-center">
<q-card class="my-card" style="max-width: 480px; width: 100%" bordered>
<q-card-section horizontal>
<q-card-section class="q-pt-xs">
<div class="text-overline">บัตรประจำตัวผู้สอบ</div>
<div class="text-h5 q-mt-sm q-mb-xs">{{ candidateFullName }}</div>
<div class="text-caption text-black">พิมพ์ภา วงศ์สวัสดิ์</div>
<div class="text-caption text-black">เลขประจำตัวประชาชน : 1100700954521</div>
<div class="text-caption text-primary">เลขประจำตัวสอบ : CDE-004</div>
<div class="text-caption text-primary">เวลาสอบ : 09:00-12:00</div>
<div class="text-caption text-primary">สถานที่สอบ : ศูนย์สอบ 01 กรุงเทพฯและนนทบุรี</div>
<div class="text-caption text-primary">ชั้นที่ : 4</div>
<div class="text-caption text-primary">ห้องสอบ : CB-706</div>
<div class="text-caption text-primary">เลขที่นั่ง : 75</div>
</q-card-section>
<q-card-section class="col-5 flex flex-center">
<q-img
class="rounded-borders"
src="http://127.0.0.1:9000/cms/1f1f05e3-486f-4962-b0ae-ba339259985a/ddecef48-e34f-4bbb-9cc5-76aceed35f7c?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=0GMO876WU2KH5SYI628W%2F20221007%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20221007T054741Z&X-Amz-Expires=604800&X-Amz-Security-Token=eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJhY2Nlc3NLZXkiOiIwR01PODc2V1UyS0g1U1lJNjI4VyIsImV4cCI6MTY2NTEyNTE0NSwicGFyZW50IjoiYWRtaW4ifQ.69e471rbvo-v6p97iZumbdBQ3DHYC_5zs06MOIgLb9yJpv6n_n-8I_wS6U8U9rsEArccdVK7-1yAEwNYMwsmWA&X-Amz-SignedHeaders=host&versionId=null&X-Amz-Signature=602c8d1d2b4d387c3ba68ab448815355bde83b1172150e6478c47b4e44547f2e"
:ratio="1"
style="max-width: 100px; max-height: 100px"
/>
</q-card-section>
</q-card-section>
<q-card-section class="col-5 flex flex-center">
<q-img
class="rounded-borders"
src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8cGVyc29ufGVufDB8fDB8fA%3D%3D&w=1000&q=80"
:ratio="1"
style="max-width: 100px; max-height: 100px"
/>
</q-card-section>
</q-card-section>
<q-separator />
<q-separator />
<q-card-actions class="row justify-end">
<q-btn flat color="white" class="bg-primary"> พิมพ์บัตรประจำตัวผู้สอบ </q-btn>
</q-card-actions>
</q-card>
</div> -->
<q-card-actions class="row justify-end">
<q-btn flat color="white" class="bg-primary"> พิมพ์บัตรประจำตัวผู้สอบ </q-btn>
</q-card-actions>
</q-card>
</div>
</div>
</template>

29
src/modules/01_exam/components/ExamPayment.vue
View file

@ -1,6 +1,25 @@
<template>
<div>
<h5 class="text-center">ชำระค่าธรรมเนียมการสอบ</h5>
<div class="d-flex justify-content-center align-items-center min-vh-100">
<div>
<div class="text-h5 text-center text-primary q-pb-lg">ชำระค่าธรรมเนียมการสอบ</div>
<div class="q-pa-nond text-center">
<div class="q-pa-md">
<q-img
src="https://www.bangkokbank.com/-/media/feature/page-content/bbl-corporate/image-carousel-slides/digital-banking/bualuang-mbanking/how-to-use/payment/others/7_en.png"
:ratio="1"
style="max-width: 500px; height: 750px"
/>
</div>
<q-uploader
url="http://localhost:4444/upload"
class="q-mx-auto"
label="กรุณาอัพโหลดหลักฐานการชำระเงิน"
flat
color="blue"
bordered
/>
</div>
</div>
</div>
</template>
@ -8,4 +27,8 @@
import { onMounted, ref } from 'vue'
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.q-img {
margin: 0 auto;
}
</style>