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

แก้บัคแสดงข้อมูลการศึกษา

Browse source
This commit is contained in:
Kittapath 2023-04-20 11:19:28 +07:00
parent afae9edf5f
commit 9b9432f779
5 changed files with 70 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -182,17 +182,14 @@
<div class="absolute-bottom text-center">หลักฐานชำระเงิน</div>
</q-img>
</label>
<!-- <input
<input
id="file-upload"
type="file"
v-if="status == 'payment' || status == 'rejectPayment'"
@update:model-value="
(val) => {
file = val[0]
}
"
/> -->
<q-file
accept="image/*"
@change="uploadImage"
/>
<!-- <q-file
id="file-upload"
v-model="filePayment"
dense
@ -206,7 +203,7 @@
<template v-slot:prepend>
<q-icon name="attach_file" />
</template>
</q-file>
</q-file> -->
</div>
</div>
</div>
@ -251,7 +248,6 @@ const mixin = useCounterMixin() //เรียกฟังก์ชันกล
const { success, modalError } = mixin
const rejectMessage = ref<string>('')
const img = ref<string>('')
const fileData = ref<any>()
const loader = ref<boolean>(false)
const route = useRoute()
const examId = ref<string>(route.params.id.toString())
@ -259,21 +255,12 @@ const positionId = ref<string>(route.params.positionId.toString())
const bank = ref<any>([])
const fee = ref<number>()
const filePayment = ref<File[]>([])
const fileDataUpload = ref<File>()
onMounted(async () => {
await fetchPaymentExam()
await fetchData()
})
const uploadImg = (file: any) => {
fileData.value = null
// img.value =
// 'https://s359.kapook.com/r/600/auto/pagebuilder/ba154685-db18-4ac7-b318-a4a2b15b9d4c.jpg'
img.value =
'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'
}
const fetchPaymentExam = async () => {
loader.value = true
await http
@ -306,13 +293,8 @@ const fetchData = async () => {
const clickPayment = async () => {
if (filePayment.value.length > 0) {
const blob = filePayment.value.slice(0, filePayment.value[0].size)
const newFile = new File(blob, filePayment.value[0].name, {
type: filePayment.value[0].type
})
fileDataUpload.value = newFile
const formData = new FormData()
formData.append('', fileDataUpload.value)
formData.append('', filePayment.value[0])
loader.value = true
await http
.put(config.API.candidatePayment(examId.value, positionId.value), formData)
@ -330,65 +312,14 @@ const clickPayment = async () => {
}
}
const downloadBillPayment = () => {
window.open(
'https://s3.frappet.com/bma-recruit/%E0%B9%83%E0%B8%9A%E0%B8%88%E0%B9%88%E0%B8%B2%E0%B8%A2%E0%B9%80%E0%B8%87%E0%B8%B4%E0%B8%99.pdf?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=XYM5279XMEH7PWU0HX7W%2F20230409%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20230409T141409Z&X-Amz-Expires=604800&X-Amz-Security-Token=eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJhY2Nlc3NLZXkiOiJYWU01Mjc5WE1FSDdQV1UwSFg3VyIsImV4cCI6MzYwMDAwMDAwMDAwMCwicG9saWN5IjoiY29uc29sZUFkbWluIn0.-zazJEG9fdsNDqP9x20--Id8fZz02SbAJPifcjIWrXaudwfSym0zfB3iCVaFKy5fHH9u1NLcq6RIjrloozO8JA&X-Amz-SignedHeaders=host&versionId=null&X-Amz-Signature=11c2d786029e2153cd89154654b84d12f5d0eae2d9b0e6d8e3189c4097e3eb15'
)
const uploadImage = async (e: any) => {
filePayment.value = e
}
const getClass = (val: string) => {
switch (val) {
case 'checkPayment':
return 'bg-yellow-3'
case 'rejectPayment':
return 'bg-red-2'
case 'checkSeat':
return 'bg-light-green-3'
case 'checkPoint':
return 'bg-light-green-3'
case 'done':
return 'bg-light-green-3'
default:
return 'bg-light-blue-1'
}
}
const message = (val: string) => {
switch (val) {
case 'checkRegister':
return 'รอการตรวจสอบข้อมูลสมัคร'
case 'checkPayment':
return 'รอการตรวจสอบหลักฐานการชำระเงิน'
case 'rejectPayment':
return 'หลักฐานการชำระเงินผิดพลาด'
case 'checkSeat':
return 'ตรวจสอบเเล้ว'
case 'checkPoint':
return 'ตรวจสอบเเล้ว'
case 'done':
return 'ตรวจสอบเเล้ว'
case 'waiver':
return 'สละสิทธิ์สอบ'
default:
return 'รออัปโหลดหลักฐานชำระเงิน'
}
}
const getFontColor = (val: string) => {
switch (val) {
case 'checkRegister':
return 'text-blue'
case 'checkPayment':
return 'text-orange'
case 'rejectPayment':
return 'text-red-12'
case 'checkSeat':
return 'text-green'
case 'checkPoint':
return 'text-green'
case 'done':
return 'text-green'
default:
return 'text-blue'
}
const downloadBillPayment = () => {
window.open(
'https://s3.frappet.com/bma-recruit/%E0%B9%83%E0%B8%9A%E0%B8%88%E0%B9%88%E0%B8%B2%E0%B8%A2%E0%B9%80%E0%B8%87%E0%B8%B4%E0%B8%99.pdf?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=V0TKBKKQ2OV5YZVEUQJS%2F20230420%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20230420T032557Z&X-Amz-Expires=604800&X-Amz-Security-Token=eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJhY2Nlc3NLZXkiOiJWMFRLQktLUTJPVjVZWlZFVVFKUyIsImV4cCI6MzYwMDAwMDAwMDAwMCwicG9saWN5IjoiY29uc29sZUFkbWluIn0.gkdVQGNzcczXj9MgKIkpr7zyl84ycTWJgdEsCAFQcbGh5O1dyG79UFnmb04s6MiMiQs9zuKDpB8YZu4YDF9tBw&X-Amz-SignedHeaders=host&versionId=null&X-Amz-Signature=b59c8af76859716785678b933bb55c8afa7936110a64d95a7b85431e31442c2e'
)
}
</script>