|
|
|
@ -3,13 +3,13 @@
|
|
|
|
<el-card shadow="always">
|
|
|
|
<el-card shadow="always">
|
|
|
|
<el-space alignment="start" :size="30">
|
|
|
|
<el-space alignment="start" :size="30">
|
|
|
|
充值金值:
|
|
|
|
充值金值:
|
|
|
|
<el-input-number v-model="form.paymentPrice" :precision="1" :step="0.1" :max="100" :min="0.1" />
|
|
|
|
<el-input-number v-model="form.paymentPrice" :precision="0" :step="1" :max="100" :min="1" />
|
|
|
|
<el-button type="primary" @click="handlePayment" :loading="loading">充值</el-button>
|
|
|
|
<el-button type="primary" @click="handlePayment" :loading="loading">充值</el-button>
|
|
|
|
</el-space>
|
|
|
|
</el-space>
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
<div style="margin-top:5px;">
|
|
|
|
<div style="margin-top:5px;">
|
|
|
|
<el-alert title="支付通道暂时有问题,如需急用,可加客服微信 K-coder 手动帮您支付" type="warning" :closable="false" />
|
|
|
|
<!--<el-alert title="支付通道暂时有问题,如需急用,可加客服微信 K-coder 手动帮您支付" type="warning" :closable="false" />-->
|
|
|
|
<!--<el-alert title="第一次充值建议先小额进行试用,充值最高100元" type="warning" :closable="false" />-->
|
|
|
|
<el-alert title="第一次充值建议先小额进行试用,充值最高100元,如遇支付受限,请点支付受限按钮" type="warning" :closable="false" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="main2">
|
|
|
|
<div class="main2">
|
|
|
|
<el-card class="box-card">
|
|
|
|
<el-card class="box-card">
|
|
|
|
@ -49,7 +49,7 @@
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<el-dialog title="请使用支付宝扫码充值" v-model="open" width="500px" :before-close="cancel" append-to-body>
|
|
|
|
<el-dialog title="请使用支付宝扫码充值" v-model="open" width="500px" :before-close="cancel" append-to-body>
|
|
|
|
<div>
|
|
|
|
<div v-if="payType == '1'">
|
|
|
|
<el-alert
|
|
|
|
<el-alert
|
|
|
|
title="等待用户扫码中"
|
|
|
|
title="等待用户扫码中"
|
|
|
|
description="扫码后如支付完成点击确认按钮即可查看已完成订单"
|
|
|
|
description="扫码后如支付完成点击确认按钮即可查看已完成订单"
|
|
|
|
@ -63,10 +63,25 @@
|
|
|
|
<img src="/src/assets/logo/alipay-logo.jpg" alt="" width="120" />
|
|
|
|
<img src="/src/assets/logo/alipay-logo.jpg" alt="" width="120" />
|
|
|
|
</center>
|
|
|
|
</center>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div v-if="payType == '2'">
|
|
|
|
|
|
|
|
<el-alert
|
|
|
|
|
|
|
|
title="请再次扫码"
|
|
|
|
|
|
|
|
description="扫码后输入刚才的订单金额,备注一下用户名,支付后会帮您确认订单(微信客服请添加 K-coder)"
|
|
|
|
|
|
|
|
type="warning"
|
|
|
|
|
|
|
|
:closable="false">
|
|
|
|
|
|
|
|
</el-alert>
|
|
|
|
|
|
|
|
<center>
|
|
|
|
|
|
|
|
<img src="/src/assets/images/alipay.jpg" alt="" width="300" />
|
|
|
|
|
|
|
|
</center>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<template #footer>
|
|
|
|
<template #footer>
|
|
|
|
<div class="dialog-footer">
|
|
|
|
<div class="dialog-footer" v-if="payType == '1'">
|
|
|
|
|
|
|
|
<el-button @click="open = false">取 消</el-button>
|
|
|
|
|
|
|
|
<el-button type="danger" @click="payType = 2">支付受限请点击我</el-button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="dialog-footer" v-if="payType == '2'">
|
|
|
|
<el-button @click="open = false">取 消</el-button>
|
|
|
|
<el-button @click="open = false">取 消</el-button>
|
|
|
|
<el-button type="primary" @click="open = false">确 定</el-button>
|
|
|
|
<el-button type="primary" @click="open = false">确认</el-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-dialog>
|
|
|
|
</el-dialog>
|
|
|
|
@ -83,9 +98,10 @@ const { order_status, order_payment_way, sys_del_flag, sys_yes_no } = proxy.useD
|
|
|
|
const orderList = ref([]);
|
|
|
|
const orderList = ref([]);
|
|
|
|
const loading = ref(false);
|
|
|
|
const loading = ref(false);
|
|
|
|
const total = ref(0);
|
|
|
|
const total = ref(0);
|
|
|
|
const open = ref(false);
|
|
|
|
const open = ref(true);
|
|
|
|
const payUrl = ref("");
|
|
|
|
const payUrl = ref("");
|
|
|
|
const aoid = ref("");
|
|
|
|
const aoid = ref("");
|
|
|
|
|
|
|
|
const payType= ref("1")
|
|
|
|
const data = reactive({
|
|
|
|
const data = reactive({
|
|
|
|
form: {
|
|
|
|
form: {
|
|
|
|
paymentPrice: 10,
|
|
|
|
paymentPrice: 10,
|
|
|
|
@ -106,6 +122,7 @@ const { queryParams, form } = toRefs(data);
|
|
|
|
|
|
|
|
|
|
|
|
// 发起支付
|
|
|
|
// 发起支付
|
|
|
|
function handlePayment() {
|
|
|
|
function handlePayment() {
|
|
|
|
|
|
|
|
payType.value = '1'
|
|
|
|
loading.value = true
|
|
|
|
loading.value = true
|
|
|
|
payment(form.value).then(response => {
|
|
|
|
payment(form.value).then(response => {
|
|
|
|
payUrl.value = response.data.info.qr
|
|
|
|
payUrl.value = response.data.info.qr
|
|
|
|
|