KoPKB/lelong-web-pembida
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add bank account number to cdm payment

Browse Source
This commit is contained in:
Amir
2023-02-13 15:19:40 +08:00
parent 5a497f9ab6
commit 59efdff534
2 changed files with 69 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pay/SelectOutlet.vue
+37 -6
View File
@@ -46,8 +46,8 @@
</button> -->
<div class="col-12 md:col-5">
<Button
label="Batal Pembayaran"
class="p-button-danger p-button-sm"
label="Kembali"
class="p-button-secondary p-button-sm"
v-on:click="clickCancelButton()"
/>
</div>
@@ -211,6 +211,20 @@
:style="{ width: '50vw' }"
:modal="true"
>
<div class="text-center">
<div>Lakukan bayaran ke akaun tersebut.</div>
<div class="div-card-bank">
<div class="card-bank">
<div>
<div>PERMODALAN KELANTAN BERHAD</div>
<div>03139010016326</div>
<div>BANK ISLAM</div>
</div>
</div>
</div>
</div>
<div class="mt-5">Sila muat naik gambar resit.</div>
<div>Pastikan gambar yang dimuat naik adalah <strong>JELAS.</strong></div>
<div class="text-center m-2">
<input
class="form-control"
@@ -223,7 +237,6 @@
class="fst-italic text-danger row"
v-if="v$.fileSize.$error"
>
<div>Saiz maksimum gambar adalah 2MB.</div>
<div>Jenis gambar yang diterima adalah PNG dan JPG.</div>
</div>
</div>
@@ -249,7 +262,7 @@
import SelectId from "./SelectId.vue";
import TermsAndConditionsDetails from "../authentication/TermsAndConditionsDetails.vue";
import axios from "axios";
import { required, integer, between } from "@vuelidate/validators";
import { required, integer, minValue} from "@vuelidate/validators";
import useVuelidate from "@vuelidate/core";
export default {
@@ -309,7 +322,7 @@ export default {
},
validations() {
return {
fileSize: { required, integer, betweenValue: between(1, 2200000) },
fileSize: { required, integer, minValueValue: minValue(10) },
};
},
mounted() {
@@ -507,4 +520,22 @@ export default {
},
},
};
</script>
</script>
<style scoped>
.div-card-bank {
display: flex;
justify-content: center;
}
.card-bank {
background: #2f68c51c;
color: #2f68c5f2;
width: 300px;
height: 125px;
border-radius: 16px;
display: flex;
justify-content: center;
align-items: center;
}
</style>
src/components/result/ResultDetail.vue
+32 -3
View File
@@ -191,6 +191,20 @@
:style="{ width: '50vw' }"
:modal="true"
>
<div class="text-center">
<div>Lakukan bayaran ke akaun tersebut.</div>
<div class="div-card-bank">
<div class="card-bank">
<div>
<div>PERMODALAN KELANTAN BERHAD</div>
<div>03139010016326</div>
<div>BANK ISLAM</div>
</div>
</div>
</div>
</div>
<div class="mt-5">Sila muat naik gambar resit.</div>
<div>Pastikan gambar yang dimuat naik adalah <strong>JELAS.</strong></div>
<div class="text-center m-2">
<input
class="form-control"
@@ -203,7 +217,6 @@
class="fst-italic text-danger row"
v-if="v$.fileSize.$error"
>
<div>Saiz maksimum gambar adalah 2MB.</div>
<div>
Jenis gambar yang diterima adalah PNG dan JPG.
</div>
@@ -520,7 +533,7 @@ import VueHtml2pdf from "vue-html2pdf";
import axios from "axios";
import ItemMasterImageModal from "../list/ItemMasterImageModal.vue";
import ReceiptImage from "../pay/ReceiptImage.vue";
import { required, integer, between } from "@vuelidate/validators";
import { required, integer, minValue } from "@vuelidate/validators";
import useVuelidate from "@vuelidate/core";
export default {
@@ -556,7 +569,7 @@ export default {
},
validations() {
return {
fileSize: { required, integer, betweenValue: between(1, 2200000) },
fileSize: { required, integer, minValueValue: minValue(10) },
};
},
created() {
@@ -760,4 +773,20 @@ export default {
.container-height {
min-height: 70vh;
}
.div-card-bank {
display: flex;
justify-content: center;
}
.card-bank {
background: #2f68c51c;
color: #2f68c5f2;
width: 300px;
height: 125px;
border-radius: 16px;
display: flex;
justify-content: center;
align-items: center;
}
</style>