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

ต่อ api ปฏิเสธจ่ายเงิน

Browse source
This commit is contained in:
Kittapath 2023-04-09 04:21:22 +07:00
parent f03c8a8f10
commit c3688918bf
6 changed files with 126 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4,7 +4,7 @@
<div class="text-bold text-subtitle1 q-pb-md">เลือกวีธีการชำระเงิน</div>
<div class="row col-12 q-gutter-y-md q-mb-lg">
<q-list bordered class="col-12 rounded-borders" v-if="bank.length > 0">
<q-item tag="label" v-ripple class="q-pa-md">
<q-item class="q-pa-md">
<q-item-section avatar>
<q-icon name="mdi-cash" color="positive" size="30px" />
</q-item-section>
@ -12,19 +12,13 @@
<q-item-label class="text-weight-medium text-subtitle1 q-pl-sm"
>ชำระเงินค่าสมัครสอบผ่านสำนัก/หน่วยงาน</q-item-label
>
<!-- <q-item-label caption class="gt-xs"
>อนุมัติหลังแจ้งการโอนภายใน 24 ชั่วโมง</q-item-label
> -->
</q-item-section>
<!-- <q-item-section avatar class="gt-xs">
<q-avatar size="32px">
<q-img src="@/assets/krungthai.png" class="col-12" />
</q-avatar>
</q-item-section> -->
<!-- <q-item-section side>
<q-radio v-model="pay" val="teal" color="blue" />
</q-item-section> -->
</q-item>
<q-card-actions v-if="status === 'rejectPayment'" class="q-pa-md text-left row bg-red-2">
<div class="col-12 text-red-12">
<li>{{ rejectMessage }}</li>
</div>
</q-card-actions>
<q-separator />
<q-slide-transition :duration="100" class="">
<div class="q-pa-md bg-grey-1">
@ -50,19 +44,6 @@
<q-separator class="q-my-md" />
</div>
<div class="col-12">
<!-- <q-separator class="q-my-md" /> -->
<!-- <div class="q-pb-sm">
<span class="text-weight-medium">ชื่อบัญชี :</span>
<span class="text-blue q-pl-sm">สำนักงานทรัพยากรบุคคล</span>
</div>
<div class="q-pb-sm">
<span class="text-weight-medium">ธนาคารกรุงไทย :</span>
<span class="text-blue q-pl-sm"> 387-3-94793-0</span>
</div>
<div class="q-pb-sm">
<span class="text-weight-medium">รหัสใบสั่งซื้อ :</span>
<span class="text-blue q-pl-sm">12837495985900</span>
</div> -->
<div>
<span class="text-weight-medium">ยอดสุทธิ (บาท) :</span>
<span class="text-blue q-pl-sm text-bold">{{ fee }}</span>
@ -75,8 +56,7 @@
</q-card>
</div>
<div class="col-xs-12 col-sm-5">
<label for="file-upload" class="col-12 row"
><!-- :src="img" -->
<label for="file-upload" class="col-12 row">
<q-img
src="@/assets/ex_slip.jpeg"
fit="contain"
@ -96,16 +76,6 @@
<div class="absolute-bottom text-center">หลักฐานชำระเงิน</div>
</q-img>
</label>
<!-- <input
id="file-upload"
type="file"
v-if="status == 'payment' || status == 'rejectPayment'"
@update:model-value="
(val) => {
file = val[0]
}
"
/> -->
<q-file
id="file-upload"
v-model="filePayment"
@ -128,7 +98,7 @@
</q-list>
<q-list bordered class="col-12 rounded-borders" v-else>
<q-item tag="label" v-ripple class="q-pa-md">
<q-item class="q-pa-md">
<q-avatar size="32px">
<q-img src="@/assets/krungthai.png" class="col-12" />
</q-avatar>
@ -136,19 +106,13 @@
<q-item-label class="text-weight-medium text-subtitle1 q-pl-sm"
>ชำระเงินค่าสมัครสอบผ่านธนาคารกรุงไทย</q-item-label
>
<!-- <q-item-label caption class="gt-xs"
>อนุมัติหลังแจ้งการโอนภายใน 24 ชั่วโมง</q-item-label
> -->
</q-item-section>
<!-- <q-item-section avatar class="gt-xs">
<q-avatar size="32px">
<q-img src="@/assets/krungthai.png" class="col-12" />
</q-avatar>
</q-item-section> -->
<!-- <q-item-section side>
<q-radio v-model="pay" val="orange" color="blue" />
</q-item-section> -->
</q-item>
<q-card-actions v-if="status === 'rejectPayment'" class="q-pa-md text-left row bg-red-2">
<div class="col-12 text-red-12">
<li>{{ rejectMessage }}</li>
</div>
</q-card-actions>
<q-separator />
<q-slide-transition :duration="100">
<div class="q-pa-md bg-grey-1">
@ -284,7 +248,7 @@ const props = defineProps({
const $q = useQuasar()
const mixin = useCounterMixin() //เรียกฟังก์ชันกลาง
const { success, modalError } = mixin
const rejectMessage = ref<string>('กรุณาจ่ายเงินให้ครบตามจำนวน')
const rejectMessage = ref<string>('')
const img = ref<string>('')
const fileData = ref<any>()
const loader = ref<boolean>(false)
@ -330,7 +294,8 @@ const fetchData = async () => {
.get(config.API.candidatePayment(examId.value, positionId.value))
.then((res) => {
const data = res.data.result
img.value = data
img.value = data.paymentImg
rejectMessage.value = data.rejectDetail
})
.catch(() => {})
.finally(async () => {