From 9b2afb3ac73c50d9c86ca30f1ca4e953910133b3 Mon Sep 17 00:00:00 2001
From: Thanit Konmek <thanit@frappet.com>
Date: Wed, 3 May 2023 22:30:02 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=9A=E0=B8=9A=E0=B8=9A=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=9A=E0=B8=96=E0=B8=B2=E0=B8=A1/=20review?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../01_exam/components/ExamFinished.vue       | 56 +++++++++++++++++++
 src/views/MainLayout.vue                      |  6 +-
 2 files changed, 60 insertions(+), 2 deletions(-)

diff --git a/src/modules/01_exam/components/ExamFinished.vue b/src/modules/01_exam/components/ExamFinished.vue
index ad55f31..8f9700c 100644
--- a/src/modules/01_exam/components/ExamFinished.vue
+++ b/src/modules/01_exam/components/ExamFinished.vue
@@ -38,6 +38,40 @@
       <ExamCard />
     </div>
   </div>
+  <q-dialog v-model="dialog" persistent>
+    <q-card>
+      <q-card-section>
+        <div class="text-h6">แบบสอบถามความพึงพอใจ</div>
+      </q-card-section>
+
+      <q-card-section class="q-pt-none">
+        <q-rating
+          v-model="rating"
+          max="5"
+          size="3.5em"
+          color="orange"
+          icon="star_border"
+          icon-selected="star"
+          class="full-width"
+          no-dimming
+        />
+        <q-input
+          v-model="text"
+          filled
+          type="textarea"
+          standout
+          dense
+          outlined
+          label="ความคิดเห็น/ข้อแนะนำ"
+          class="full-width q-mt-md"
+        />
+      </q-card-section>
+
+      <q-card-actions align="center">
+        <q-btn label="ส่งแบบสอบถาม" class="full-width" color="blue-5" @click="sendRating" />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
 </template>
 
 <script setup lang="ts">
@@ -75,6 +109,10 @@ const scoreSum = ref<number | null>(null)
 const examResultinscore = ref<string>('')
 const avatar = ref<string>('')
 
+const dialog = ref<boolean>(true)
+const rating = ref<number>(5)
+const text = ref<string>('')
+
 onMounted(async () => {
   await fetchStatus()
 })
@@ -113,6 +151,24 @@ const fetchStatus = async () => {
     })
 }
 
+const sendRating = async () => {
+  // rating.value  //คะแนน
+  // text.value  //ข้อความ
+  //   loader.value = true
+  //   await http
+  //     .get(config.API.candidateCard(examId.value, positionId.value))
+  //     .then((res) => {
+
+  //     })
+  //     .catch(() => {
+  //       //   acceptTermOfUse.value = false
+  //     })
+  //     .finally(() => {
+  //       loader.value = false
+  dialog.value = false
+  //     })
+}
+
 const getClass = (val: string) => {
   return val == 'done' || val == 'checkPoint' ? 'bg-green-1' : 'bg-yellow-2'
 }
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 26d494a..95587cb 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -22,10 +22,12 @@ const fullname = ref<string>('')
 const notiTrigger = ref<boolean>(false)
 const loader = ref<boolean>(false)
 const status = ref<string>('register')
-const examId = ref<string>(route.params.id.toString())
-const positionId = ref<string>(route.params.positionId.toString())
+const examId = ref<string>('')
+const positionId = ref<string>('')
 
 onMounted(async () => {
+  examId.value = route.params.id ? route.params.id.toString() : ''
+  positionId.value = route.params.positionId ? route.params.positionId.toString() : ''
   await fetchStatus()
 })