From 84abffbb546580d60e586565aa2025da7750e75b Mon Sep 17 00:00:00 2001
From: AnandaTon <125332905+anandaAiemvong@users.noreply.github.com>
Date: Thu, 16 Mar 2023 13:55:50 +0700
Subject: [PATCH] payment/finish update

---
 .../01_exam/components/ExamFinished.vue       | 58 +++++++++----------
 .../01_exam/components/ExamPayment.vue        | 29 +++++++++-
 2 files changed, 55 insertions(+), 32 deletions(-)

diff --git a/src/modules/01_exam/components/ExamFinished.vue b/src/modules/01_exam/components/ExamFinished.vue
index 5b921f4..e255da9 100644
--- a/src/modules/01_exam/components/ExamFinished.vue
+++ b/src/modules/01_exam/components/ExamFinished.vue
@@ -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>
+      <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>
 
diff --git a/src/modules/01_exam/components/ExamPayment.vue b/src/modules/01_exam/components/ExamPayment.vue
index ed149dc..ae01c26 100644
--- a/src/modules/01_exam/components/ExamPayment.vue
+++ b/src/modules/01_exam/components/ExamPayment.vue
@@ -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>