提交
This commit is contained in:
@@ -109,6 +109,33 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
|
class="installmentOption"
|
||||||
|
:class="selectedPaymentMethod == 'Paystation' ? 'isSelect' : ''"
|
||||||
|
@click="selectPaymentMethod('Paystation')"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="ant-row trade-layout-row"
|
||||||
|
style="height: 100%; align-items: center; justify-content: flex-start"
|
||||||
|
>
|
||||||
|
<div class="trade-layout-leaf">
|
||||||
|
<div class="iconWrapper">
|
||||||
|
<img src="@/assets/img/Stripe.png" class="icon" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ant-col trade-layout-col"
|
||||||
|
style="width: 74%; align-items: flex-start; justify-content: flex-start"
|
||||||
|
>
|
||||||
|
<div class="trade-layout-leaf" style="width: 100%">
|
||||||
|
<div class="clamp-wrap clamp-ellipsis mainTitle" style="-webkit-line-clamp: unset;color: #635bff;">
|
||||||
|
Paystation
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="selectedPaymentMethod === 'Paystation'" class="checkmark">✔</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div
|
||||||
class="installmentOption"
|
class="installmentOption"
|
||||||
:class="selectedPaymentMethod == 'Stripe' ? 'isSelect' : ''"
|
:class="selectedPaymentMethod == 'Stripe' ? 'isSelect' : ''"
|
||||||
@click="selectPaymentMethod('Stripe')"
|
@click="selectPaymentMethod('Stripe')"
|
||||||
@@ -134,7 +161,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-if="selectedPaymentMethod === 'Stripe'" class="checkmark">✔</div>
|
<div v-if="selectedPaymentMethod === 'Stripe'" class="checkmark">✔</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
<!-- <div
|
<!-- <div
|
||||||
class="installmentOption"
|
class="installmentOption"
|
||||||
:class="selectedPaymentMethod == 'Alipay' ? 'isSelect' : ''"
|
:class="selectedPaymentMethod == 'Alipay' ? 'isSelect' : ''"
|
||||||
@@ -290,8 +317,8 @@ export default {
|
|||||||
background: 'rgba(0, 0, 0, 0.7)'
|
background: 'rgba(0, 0, 0, 0.7)'
|
||||||
});
|
});
|
||||||
this.getStripe(loading);
|
this.getStripe(loading);
|
||||||
} else if (this.selectedPaymentMethod == 'Alipay') {
|
} else if (this.selectedPaymentMethod == 'Paystation') {
|
||||||
// this.getAlipay();
|
this.getPaystation();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async getStripe(loading) {
|
async getStripe(loading) {
|
||||||
@@ -390,6 +417,21 @@ export default {
|
|||||||
document.querySelector('.paypal-overlay').addEventListener('click', function (event) {
|
document.querySelector('.paypal-overlay').addEventListener('click', function (event) {
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
});
|
});
|
||||||
|
},
|
||||||
|
getPaystation(loading) {
|
||||||
|
var that = this;
|
||||||
|
this.$api
|
||||||
|
.post(this.urlList.createdOrder, {
|
||||||
|
article_id: this.articleId
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
|
console.log('res at line 222:', res);
|
||||||
|
that.orderInfo = res.data.detail;
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
getDetail() {
|
getDetail() {
|
||||||
this.$api
|
this.$api
|
||||||
|
|||||||
Reference in New Issue
Block a user