From b19660a3bf6ca3ffbabd15dbc59c203b2ecf36b9 Mon Sep 17 00:00:00 2001
From: AnandaTon <125332905+anandaAiemvong@users.noreply.github.com>
Date: Tue, 21 Mar 2023 12:05:29 +0700
Subject: [PATCH] =?UTF-8?q?Update=20class=20=E0=B9=83=E0=B8=99=20payment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Update class ใน payment กับ upload ให้ดักจับชื่อ files
---
 src/modules/01_exam/components/ExamPayment.vue   | 14 +++++++-------
 src/modules/01_exam/components/Form/Document.vue |  1 +
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/modules/01_exam/components/ExamPayment.vue b/src/modules/01_exam/components/ExamPayment.vue
index 7cce5c5..cd5971f 100644
--- a/src/modules/01_exam/components/ExamPayment.vue
+++ b/src/modules/01_exam/components/ExamPayment.vue
@@ -2,10 +2,10 @@
   <div>
     <q-card class="my-card q-mb-sm" bordered>
       <q-card-actions class="q-pa-md text-left row justify-center" :class="getClass(status)">
-        <div class="text-bold col-12" :style="{ color: getFontColor(status) }">
+        <div class="text-bold col-12" :class="getFontColor(status)">
           {{ message(status) }}
         </div>
-        <div class="col-12" v-if="status === 'rejected'" :style="{ color: getFontColor(status) }">
+        <div class="col-12" v-if="status === 'rejected'" :class="getFontColor(status)">
           <li>{{ rejectMessage }}</li>
         </div>
         <!-- <q-space /> -->
@@ -106,7 +106,7 @@ const getClass = (val: string) => {
     case 'rejected':
       return 'bg-red-2'
     case 'success':
-      return 'bg-light-green-11'
+      return 'bg-light-green-3'
     default:
       return 'bg-light-blue-1'
   }
@@ -126,13 +126,13 @@ const message = (val: string) => {
 const getFontColor = (val: string) => {
   switch (val) {
     case 'processing':
-      return 'orange'
+      return 'text-orange'
     case 'rejected':
-      return 'red'
+      return 'text-red-12'
     case 'success':
-      return 'green'
+      return 'text-green'
     default:
-      return 'blue'
+      return 'text-blue'
   }
 }
 console.log(getFontColor)
diff --git a/src/modules/01_exam/components/Form/Document.vue b/src/modules/01_exam/components/Form/Document.vue
index a981b99..ff429a7 100644
--- a/src/modules/01_exam/components/Form/Document.vue
+++ b/src/modules/01_exam/components/Form/Document.vue
@@ -116,6 +116,7 @@ onMounted(async () => {
 })
 
 const fileUpload = async (file: any) => {
+  name.value = file[0].name
   return {
     url: 'http://localhost:4444/upload',
     method: 'POST'