65 lines
3.3 KiB
Vue
65 lines
3.3 KiB
Vue
<template>
|
|
<div class="q-pa-md">
|
|
<div class="text-h4 text-center text-primary q-pb-lg">รายละเอียดการสอบ</div>
|
|
<div>
|
|
<q-card v-for="exam in examPost" :key="exam.contentItemId" class="q-pa-md">
|
|
<q-card-section>
|
|
<div class="text-h6 q-py-sm">{{ exam.displayText }} ({{ exam.description }})</div>
|
|
<div class="text-subtitle2 q-py-sm">ประกาศวันที่ {{ date2Thai(exam.createdUtc) }}</div>
|
|
<div class="text-subtitle2 q-py-sm">ประจำปีงบประมาณ {{ exam.budgetYear }}</div>
|
|
<div class="text-subtitle2 q-py-sm">
|
|
เปิดรับสมัครวันที่ {{ date2Thai(exam.startDate) }} - {{ date2Thai(exam.endDate) }}
|
|
</div>
|
|
<div class="text-subtitle2 q-py-sm">ค่าธรรมเนียมการสมัคร {{ exam.fee }} บาท</div>
|
|
<div v-html="exam.htmlBody.html"></div>
|
|
</q-card-section>
|
|
|
|
<div class="text-subtitle1 text-center text-primary">ประกาศเกี่ยวกับการสอบนี้</div>
|
|
<div class="row justify-start q-pa-md q-col-gutter-md">
|
|
<div
|
|
v-for="file in exam.bag.contentItems"
|
|
:key="file.contentItemId"
|
|
class="col-12"
|
|
:href="`https://localhost:5001${file.file.urls[0]}`"
|
|
>
|
|
<p>
|
|
<a :href="`https://localhost:5001${file.file.urls[0]}`" target="_blank">{{
|
|
file.displayText
|
|
}}</a
|
|
><br />
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<template v-slot:body-cell-name="props">
|
|
<q-td :props="props">
|
|
<div>
|
|
<a href="https://quasar.dev/vue-components/table#QTable-API" />
|
|
</div>
|
|
</q-td>
|
|
</template>
|
|
</q-card>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="text-h6 q-py-sm">ข้อควรระวัง</div>
|
|
<div class="text-warning q-pb-md">1. ผู้สมัครสามารถสมัครได้เพียงครั้งเดียว</div>
|
|
<div class="text-grey-7 q-pb-md">
|
|
2. ชื่อ และนามสกุล ที่ท่านกรอกลงใน "ใบสมัครออนไลน์"
|
|
จะต้องเป็นชื่อที่ตรงกับบัตรประจำตัวประชาชน
|
|
</div>
|
|
<div class="text-grey-7 q-pb-md">
|
|
3. กรุณาตรวจสอบเลขประจำตัวประชาชนของท่านให้ถูกต้อง
|
|
เนื่องจากเลขประจำตัวประชาชนของท่านจะใช้อ้างอิงตลอดการสอบ
|
|
</div>
|
|
<div class="text-grey-7 q-pb-md">
|
|
4. ชื่อ และนามสกุล ที่ท่านกรอกลงใน "ใบสมัครออนไลน์"
|
|
จะต้องเป็นชื่อที่ตรงกับบัตรประจำตัวประชาชน
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { onMounted, ref } from 'vue'
|
|
</script>
|
|
|
|
<style scoped></style>
|