effendy/qris_bank_jatim
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update flow final

Browse Source
This commit is contained in:
bagus-arie05
2025-09-17 15:40:54 +07:00
parent 4e30edeaf8
commit 3ef6f38f2e
8 changed files with 440 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/QRISPayment.vue
View File

@@ -1,16 +1,16 @@
<template>
<div class="payment-step">
<v-card-text class="pa-8 text-center">
<div class="mb-2">
<v-card-text class="pa-0 text-center">
<div class="mb-0">
<v-img
src="https://iconlogovector.com/uploads/images/2024/03/lg-65ffda68a47ee-QRIS.webp"
height="100"
class="mx-auto"
height="80"
class="mb-1"
contain
/>
</div>
<h2 class="text-h4 mb-6 font-weight-bold">PINDAI KODE QR</h2>
<!-- <h2 class="text-h4 mb-6 font-weight-bold">PINDAI KODE QR</h2> -->
<div class="qr-container mb-6">
<v-card
@@ -24,7 +24,7 @@
</div>
<div class="payment-details">
<v-row dense class="mb-2">
<v-row dense class="mb-1">
<v-col cols="5" class="text-left">
<strong>NAMA PASIEN:</strong>
</v-col>
@@ -33,7 +33,7 @@
</v-col>
</v-row>
<v-row dense class="mb-2">
<v-row dense class="mb-1">
<v-col cols="5" class="text-left">
<strong>NOMINAL:</strong>
</v-col>
@@ -42,7 +42,7 @@
</v-col>
</v-row>
<v-row dense class="mb-2">
<v-row dense class="mb-1">
<v-col cols="5" class="text-left">
<strong>NOMOR TAGIHAN:</strong>
</v-col>
@@ -60,9 +60,9 @@
</div>
<div class="d-flex gap-4 justify-center">
<v-btn color="grey" variant="outlined" @click="paymentStore.prevStep">
<!-- <v-btn color="grey" variant="outlined" @click="paymentStore.prevStep">
Kembali
</v-btn>
</v-btn> -->
<v-btn color="primary" variant="flat" @click="paymentStore.nextStep">
Simulasi Pembayaran
</v-btn>
@@ -103,6 +103,10 @@ watch(() => paymentStore.qrData, () => {
</script>
<style scoped>
.payment-content {
padding-top: 40px !important; /* Sesuaikan jarak atas */
padding-bottom: 40px !important; /* Sesuaikan jarak bawah */
}
.payment-step {
background: rgb(233, 233, 233);
}