feat(pay): 支付功能实现
This commit is contained in:
woody
commit
9610a30b6c
|
|
@ -20,7 +20,7 @@ module.exports = vm => {
|
||||||
|
|
||||||
//#ifdef DEV_SERVER
|
//#ifdef DEV_SERVER
|
||||||
console.log('DEV_SERVER')
|
console.log('DEV_SERVER')
|
||||||
config.baseURL = 'http://192.168.0.104:8080'
|
config.baseURL = 'https://b747-218-57-66-5.ngrok-free.app'
|
||||||
//#endif
|
//#endif
|
||||||
|
|
||||||
//#ifdef QA_SERVER
|
//#ifdef QA_SERVER
|
||||||
|
|
|
||||||
|
|
@ -93,10 +93,15 @@
|
||||||
},
|
},
|
||||||
"devServer": {
|
"devServer": {
|
||||||
"https": false,
|
"https": false,
|
||||||
|
"port": 8000,
|
||||||
|
"disableHostCheck": true,
|
||||||
"proxy": {
|
"proxy": {
|
||||||
"/prod-api": {
|
"/prod-api": {
|
||||||
"target": "http://t-app.beida666.com",
|
"target": "http://192.168.0.104:8080",
|
||||||
"changeOrigin": true
|
"changeOrigin": true,
|
||||||
|
"pathRewrite": {
|
||||||
|
"^/prod-api": ""
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,6 @@
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "首页",
|
"navigationBarTitleText": "首页",
|
||||||
"navigationBarBackgroundColor": "#fff",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
// "enablePullDownRefresh": true,
|
|
||||||
"navigationBarHidden": true,
|
"navigationBarHidden": true,
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
|
|
@ -364,6 +363,13 @@
|
||||||
"navigationBarTitleText": "绑定银行卡"
|
"navigationBarTitleText": "绑定银行卡"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/pay/success",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "支付成功",
|
||||||
|
"navigationBarBackgroundColor": "#fff"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/mine/order/index",
|
"path": "pages/mine/order/index",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
|
||||||
|
|
@ -130,7 +130,7 @@ export default {
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
let params = {
|
let params = {
|
||||||
ifcz: true,
|
isRecharge: true,
|
||||||
}
|
}
|
||||||
this.topList[0].path =
|
this.topList[0].path =
|
||||||
'/pages/pay/index?paramsPost=' + JSON.stringify(params)
|
'/pages/pay/index?paramsPost=' + JSON.stringify(params)
|
||||||
|
|
@ -257,7 +257,7 @@ export default {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
let paramsPost = {
|
let paramsPost = {
|
||||||
ifcz: true,
|
isRecharge: true,
|
||||||
}
|
}
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `${item.path}?paramsPost=${encodeURIComponent(JSON.stringify(paramsPost))}`,
|
url: `${item.path}?paramsPost=${encodeURIComponent(JSON.stringify(paramsPost))}`,
|
||||||
|
|
|
||||||
|
|
@ -6,193 +6,168 @@
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="index_header">
|
<view class="index_header"> </view>
|
||||||
</view>
|
|
||||||
<view class="contxt">
|
<view class="contxt">
|
||||||
<template>
|
<template>
|
||||||
<view class="tit">{{'待支付金额'}}</view>
|
<view class="tit">{{ '待支付金额' }}</view>
|
||||||
<view class="tit1">
|
<view class="tit1">
|
||||||
￥{{ paramsPost.orderAmount | numberToCurrency }}
|
￥{{ paramsPost.orderAmount | numberToCurrency }}
|
||||||
</view>
|
</view>
|
||||||
<view class="tit2">{{'请在'}}
|
<view class="tit2"
|
||||||
<view class="tit3">{{ countDown }}</view>{{'内完成支付，否则订单将会被自动取消'}}
|
>{{ '请在' }} <view class="tit3">{{ countDown }}</view
|
||||||
|
>{{ '内完成支付，否则订单将会被自动取消' }}
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<!-- 暂时隐藏 -->
|
<!-- 暂时隐藏 -->
|
||||||
<view v-if="false" class="kuang">
|
<view v-if="false" class="kuang">
|
||||||
|
<u-collapse
|
||||||
<u-collapse :value="activeNames"
|
:value="activeNames"
|
||||||
ref="collapse"
|
ref="collapse"
|
||||||
@open="change"
|
@open="change"
|
||||||
@close="close"
|
@close="close"
|
||||||
accordion
|
accordion
|
||||||
:border="false">
|
:border="false"
|
||||||
|
>
|
||||||
<u-collapse-item name="1">
|
<u-collapse-item name="1">
|
||||||
<view slot="title"
|
<view slot="title" class="pf">
|
||||||
class="pf"> <img src="@/static/images/under_pay.png"
|
<img src="@/static/images/under_pay.png" alt="" />
|
||||||
alt="" />
|
<view>{{ '在线支付' }}</view>
|
||||||
<view>{{'在线支付'}}</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="flex_ac"
|
<view class="flex_ac" v-show="this.payList.pay11">
|
||||||
v-show="this.payList.pay11">
|
|
||||||
<view class="flex_ac_i">
|
<view class="flex_ac_i">
|
||||||
<img src="@/static/images/pay_i2.png"
|
<img src="@/static/images/pay_i2.png" alt="" />
|
||||||
alt="" />
|
<view>{{ '宝付微信支付' }}</view>
|
||||||
<view>{{'宝付微信支付'}}</view>
|
|
||||||
</view>
|
</view>
|
||||||
<u-radio-group v-model="whatPay">
|
<u-radio-group v-model="whatPay">
|
||||||
<u-radio activeColor="red"
|
<u-radio activeColor="red" size="14" label="" :name="11">
|
||||||
size="14"
|
|
||||||
label=""
|
|
||||||
:name="11">
|
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex_ac"
|
<view class="flex_ac" v-show="this.payList.pay12">
|
||||||
v-show="this.payList.pay12">
|
|
||||||
<view class="flex_ac_i">
|
<view class="flex_ac_i">
|
||||||
<img src="@/static/images/pay_i2.png"
|
<img src="@/static/images/pay_i2.png" alt="" />
|
||||||
alt="" />
|
<view>{{ '宝付微信扫码' }}</view>
|
||||||
<view>{{'宝付微信扫码'}}</view>
|
|
||||||
</view>
|
</view>
|
||||||
<u-radio-group v-model="whatPay">
|
<u-radio-group v-model="whatPay">
|
||||||
<u-radio activeColor="red"
|
<u-radio activeColor="red" size="14" label="" :name="12">
|
||||||
size="14"
|
|
||||||
label=""
|
|
||||||
:name="12">
|
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="flex_ac"
|
<view class="flex_ac" v-show="this.payList.pay13">
|
||||||
v-show="this.payList.pay13">
|
|
||||||
<view class="flex_ac_i">
|
<view class="flex_ac_i">
|
||||||
<img src="@/static/images/pay_i2.png"
|
<img src="@/static/images/pay_i2.png" alt="" />
|
||||||
alt="" />
|
<view>{{ '汇付微信支付' }}</view>
|
||||||
<view>{{'汇付微信支付'}}</view>
|
|
||||||
</view>
|
</view>
|
||||||
<u-radio-group v-model="whatPay">
|
<u-radio-group v-model="whatPay">
|
||||||
<u-radio activeColor="red"
|
<u-radio activeColor="red" size="14" label="" :name="13">
|
||||||
size="14"
|
|
||||||
label=""
|
|
||||||
:name="13">
|
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex_ac1"
|
<view class="flex_ac1" v-show="this.payList.pay15">
|
||||||
v-show="this.payList.pay15">
|
|
||||||
<view class="flex_ac_i">
|
<view class="flex_ac_i">
|
||||||
<img src="@/static/images/jdBank.jpg"
|
<img src="@/static/images/jdBank.jpg" alt="" />
|
||||||
alt="" />
|
<view>{{ '汇付银行卡' }} ({{ '暂不支持信用卡' }})</view>
|
||||||
<view>{{'汇付银行卡'}} ({{ '暂不支持信用卡' }})</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="pad">
|
<view class="pad">
|
||||||
<view v-for="(item, index) in hfList"
|
<view
|
||||||
:key="index"
|
v-for="(item, index) in hfList"
|
||||||
class="pay_flax flex_bet"
|
:key="index"
|
||||||
@click.prevent="selPayRadio('hf' + index)">
|
class="pay_flax flex_bet"
|
||||||
|
@click.prevent="selPayRadio('hf' + index)"
|
||||||
|
>
|
||||||
<view class="flax_i">
|
<view class="flax_i">
|
||||||
{{ item.bankName }} ({{ item.bankNo }})
|
{{ item.bankName }} ({{ item.bankNo }})
|
||||||
</view>
|
</view>
|
||||||
<u-radio-group v-model="whatPay">
|
<u-radio-group v-model="whatPay">
|
||||||
<u-radio activeColor="red"
|
<u-radio
|
||||||
size="14"
|
activeColor="red"
|
||||||
label=''
|
size="14"
|
||||||
:name="'hf' + index">
|
label=""
|
||||||
|
:name="'hf' + index"
|
||||||
|
>
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</view>
|
</view>
|
||||||
<view class="pay_flax flax_i"
|
<view class="pay_flax flax_i" @click="bindBank('hf')">
|
||||||
@click="bindBank('hf')">
|
<img class="img1" src="@/static/images/addto.png" alt="" />
|
||||||
<img class="img1"
|
<view>{{ '绑定银行卡' }}</view>
|
||||||
src="@/static/images/addto.png"
|
|
||||||
alt="" />
|
|
||||||
<view>{{'绑定银行卡'}}</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex_ac"
|
<view class="flex_ac" v-show="this.payList.pay32">
|
||||||
v-show="this.payList.pay32">
|
|
||||||
<view class="flex_ac_i">
|
<view class="flex_ac_i">
|
||||||
<img src="@/static/images/pay_i2.png"
|
<img src="@/static/images/pay_i2.png" alt="" />
|
||||||
alt="" />
|
|
||||||
<view>通联微信支付</view>
|
<view>通联微信支付</view>
|
||||||
</view>
|
</view>
|
||||||
<u-radio-group v-model="whatPay">
|
<u-radio-group v-model="whatPay">
|
||||||
<u-radio activeColor="red"
|
<u-radio activeColor="red" size="14" label="" :name="32">
|
||||||
size="14"
|
|
||||||
label=""
|
|
||||||
:name="32">
|
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex_ac1"
|
<view class="flex_ac1" v-show="this.payList.pay33">
|
||||||
v-show="this.payList.pay33">
|
|
||||||
<view class="flex_ac_i">
|
<view class="flex_ac_i">
|
||||||
<img src="@/static/images/jdBank.jpg"
|
<img src="@/static/images/jdBank.jpg" alt="" />
|
||||||
alt="" />
|
<view>{{ '通联银行卡' }} ({{ '暂不支持信用卡' }})</view>
|
||||||
<view>{{'通联银行卡'}} ({{ '暂不支持信用卡' }})</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="pad">
|
<view class="pad">
|
||||||
<view v-for="(item, index) in tlList"
|
<view
|
||||||
:key="index"
|
v-for="(item, index) in tlList"
|
||||||
class="pay_flax flex_bet"
|
:key="index"
|
||||||
@click.prevent="selPayRadio('tl' + index)">
|
class="pay_flax flex_bet"
|
||||||
|
@click.prevent="selPayRadio('tl' + index)"
|
||||||
|
>
|
||||||
<view class="flax_i">
|
<view class="flax_i">
|
||||||
{{ item.bankName }} ({{ item.bankNo }})
|
{{ item.bankName }} ({{ item.bankNo }})
|
||||||
</view>
|
</view>
|
||||||
<u-radio-group v-model="whatPay">
|
<u-radio-group v-model="whatPay">
|
||||||
<u-radio activeColor="red"
|
<u-radio
|
||||||
size="14"
|
activeColor="red"
|
||||||
label=''
|
size="14"
|
||||||
:name="'tl' + index">
|
label=""
|
||||||
|
:name="'tl' + index"
|
||||||
|
>
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</view>
|
</view>
|
||||||
<view class="pay_flax flax_i"
|
<view class="pay_flax flax_i" @click="bindBank('tl')">
|
||||||
@click="bindBank('tl')">
|
<img class="img1" src="@/static/images/addto.png" alt="" />
|
||||||
<img class="img1"
|
<view>{{ '绑定银行卡' }}</view>
|
||||||
src="@/static/images/addto.png"
|
|
||||||
alt="" />
|
|
||||||
<view>{{'绑定银行卡'}}</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex_ac1"
|
<view class="flex_ac1" v-show="this.payList.pay4">
|
||||||
v-show="this.payList.pay4">
|
|
||||||
<view class="flex_ac_i">
|
<view class="flex_ac_i">
|
||||||
<img src="@/static/images/jdBank.jpg"
|
<img src="@/static/images/jdBank.jpg" alt="" />
|
||||||
alt="" />
|
<view>{{ '京东银行卡' }} ({{ '暂不支持信用卡' }})</view>
|
||||||
<view>{{'京东银行卡'}} ({{ '暂不支持信用卡' }})</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="pad">
|
<view class="pad">
|
||||||
<view v-for="(item, index) in jdList"
|
<view
|
||||||
:key="index"
|
v-for="(item, index) in jdList"
|
||||||
class="pay_flax flex_bet"
|
:key="index"
|
||||||
@click.prevent="selPayRadio('jd' + index)">
|
class="pay_flax flex_bet"
|
||||||
|
@click.prevent="selPayRadio('jd' + index)"
|
||||||
|
>
|
||||||
<view class="flax_i">
|
<view class="flax_i">
|
||||||
{{ item.bankName }} ({{ item.bankNo }})
|
{{ item.bankName }} ({{ item.bankNo }})
|
||||||
</view>
|
</view>
|
||||||
<u-radio-group v-model="whatPay">
|
<u-radio-group v-model="whatPay">
|
||||||
<u-radio activeColor="red"
|
<u-radio
|
||||||
size="14"
|
activeColor="red"
|
||||||
label=''
|
size="14"
|
||||||
:name="'jd' + index">
|
label=""
|
||||||
|
:name="'jd' + index"
|
||||||
|
>
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</view>
|
</view>
|
||||||
<view class="pay_flax flax_i"
|
<view class="pay_flax flax_i" @click="bindBank('jd')">
|
||||||
@click="bindBank('jd')">
|
<img class="img1" src="@/static/images/addto.png" alt="" />
|
||||||
<img class="img1"
|
<view>{{ '绑定银行卡' }}</view>
|
||||||
src="@/static/images/addto.png"
|
|
||||||
alt="" />
|
|
||||||
<view>{{'绑定银行卡'}}</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</u-collapse-item>
|
</u-collapse-item>
|
||||||
|
|
||||||
</u-collapse>
|
</u-collapse>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -200,60 +175,57 @@
|
||||||
<view class="footer_f">
|
<view class="footer_f">
|
||||||
<view class="footer">
|
<view class="footer">
|
||||||
<view class="footer_r">
|
<view class="footer_r">
|
||||||
<u-button type="success"
|
<u-button
|
||||||
class="uBtn"
|
type="success"
|
||||||
shape="circle"
|
class="uBtn"
|
||||||
:loading="isLoading"
|
shape="circle"
|
||||||
loadingText="支付中"
|
:loading="isLoading"
|
||||||
@tap="quickPay(ifcz)"
|
loadingText="支付中"
|
||||||
color="linear-gradient(to right, #005BAC, #005BAC )">{{'立即支付'}}
|
@tap="quickPay(isRecharge)"
|
||||||
|
color="linear-gradient(to right, #005BAC, #005BAC )"
|
||||||
|
>{{ '立即支付' }}
|
||||||
</u-button>
|
</u-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 输入验证码，密码 -->
|
<!-- 输入验证码，密码 -->
|
||||||
<u-popup :show="isPw"
|
<u-popup :show="isPw" mode="center" closeable @close="closePw">
|
||||||
mode="center"
|
<view class="t_tit">{{ '支付验证' }}</view>
|
||||||
closeable
|
|
||||||
@close="closePw">
|
|
||||||
<view class="t_tit">{{'支付验证'}}</view>
|
|
||||||
<view class="box">
|
<view class="box">
|
||||||
|
<view class="c_tit">{{ '请输入短信验证码' }}</view>
|
||||||
|
|
||||||
<view class="c_tit">{{'请输入短信验证码'}}</view>
|
<u--input border="surround" v-model="codeValue"></u--input>
|
||||||
|
|
||||||
<u--input border="surround"
|
<u-button
|
||||||
v-model="codeValue"></u--input>
|
type="success"
|
||||||
|
class="uBtn"
|
||||||
<u-button type="success"
|
shape="circle"
|
||||||
class="uBtn"
|
:loading="isLoading"
|
||||||
shape="circle"
|
loadingText="支付中"
|
||||||
:loading="isLoading"
|
@tap="payPw()"
|
||||||
loadingText="支付中"
|
color="linear-gradient(to right, #005BAC, #005BAC )"
|
||||||
@tap="payPw()"
|
>{{ '立即支付' }}
|
||||||
color="linear-gradient(to right, #005BAC, #005BAC )">{{'立即支付'}} </u-button>
|
</u-button>
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
<!-- 成功 -->
|
<!-- 成功 -->
|
||||||
<u-modal :show="showSucce"
|
<u-modal
|
||||||
showConfirmButton
|
:show="showSucce"
|
||||||
:content='content'
|
showConfirmButton
|
||||||
confirmColor='#DE3932'
|
:content="content"
|
||||||
@confirm="reset"
|
confirmColor="#DE3932"
|
||||||
ref="uModal"
|
@confirm="reset"
|
||||||
:asyncClose="true"></u-modal>
|
ref="uModal"
|
||||||
|
:asyncClose="true"
|
||||||
|
></u-modal>
|
||||||
<!-- 二维码 -->
|
<!-- 二维码 -->
|
||||||
<u-popup :show="wxPopup"
|
<u-popup :show="wxPopup" mode="center" closeable @close="closewxPopup">
|
||||||
mode="center"
|
<view class="t_tit">{{ '微信支付' }}</view>
|
||||||
closeable
|
|
||||||
@close="closewxPopup">
|
|
||||||
<view class="t_tit">{{'微信支付'}}</view>
|
|
||||||
<view class="pay_code">
|
<view class="pay_code">
|
||||||
<div ref="qrCodeUrlWx"
|
<div ref="qrCodeUrlWx" class="qrcode"></div>
|
||||||
class="qrcode"></div>
|
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
<hiSuccess @successClose="successClose"
|
<hiSuccess @successClose="successClose" ref="hiSuccess"></hiSuccess>
|
||||||
ref="hiSuccess"></hiSuccess>
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -300,7 +272,7 @@ export default {
|
||||||
content: '支付成功',
|
content: '支付成功',
|
||||||
wxPopup: false,
|
wxPopup: false,
|
||||||
luckydrawData: {},
|
luckydrawData: {},
|
||||||
ifcz: false,
|
isRecharge: false,
|
||||||
czJe: '',
|
czJe: '',
|
||||||
tlList: [],
|
tlList: [],
|
||||||
}
|
}
|
||||||
|
|
@ -314,8 +286,8 @@ export default {
|
||||||
)
|
)
|
||||||
|
|
||||||
this.pkCountry = uni.getStorageSync('pkCountry')
|
this.pkCountry = uni.getStorageSync('pkCountry')
|
||||||
// if (this.paramsPost.ifcz) {
|
// if (this.paramsPost.isRecharge) {
|
||||||
// this.ifcz = this.paramsPost.ifcz
|
// this.isRecharge = this.paramsPost.isRecharge
|
||||||
// this.businessType = 3
|
// this.businessType = 3
|
||||||
// uni.setNavigationBarTitle({
|
// uni.setNavigationBarTitle({
|
||||||
// title: '充值'
|
// title: '充值'
|
||||||
|
|
@ -324,7 +296,7 @@ export default {
|
||||||
// uni.setNavigationBarTitle({
|
// uni.setNavigationBarTitle({
|
||||||
// title: '订单支付'
|
// title: '订单支付'
|
||||||
// });
|
// });
|
||||||
// this.ifcz = false
|
// this.isRecharge = false
|
||||||
// if (JSON.parse(options.paramsPost).orderType == 4) {
|
// if (JSON.parse(options.paramsPost).orderType == 4) {
|
||||||
this.orderCode = this.paramsPost.orderCode
|
this.orderCode = this.paramsPost.orderCode
|
||||||
// this.luckydrawData = this.paramsPost.luckydrawData
|
// this.luckydrawData = this.paramsPost.luckydrawData
|
||||||
|
|
@ -374,7 +346,7 @@ export default {
|
||||||
pkBaseId: this.luckydrawData.pkBaseId,
|
pkBaseId: this.luckydrawData.pkBaseId,
|
||||||
payNum: this.luckydrawData.payNum,
|
payNum: this.luckydrawData.payNum,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then(res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.orderData.orderAmount = res.data.toBePaidMoney
|
this.orderData.orderAmount = res.data.toBePaidMoney
|
||||||
this.payDetail = res.data
|
this.payDetail = res.data
|
||||||
|
|
@ -411,7 +383,7 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
fansOrder() {
|
fansOrder() {
|
||||||
api.fansOrder(this.orderCode).then((res) => {
|
api.fansOrder(this.orderCode).then(res => {
|
||||||
this.isLoading = false
|
this.isLoading = false
|
||||||
this.isPw = false
|
this.isPw = false
|
||||||
removeToken()
|
removeToken()
|
||||||
|
|
@ -436,7 +408,7 @@ export default {
|
||||||
pkSettleCountry: this.pkCountry,
|
pkSettleCountry: this.pkCountry,
|
||||||
}
|
}
|
||||||
this.isLoading = true
|
this.isLoading = true
|
||||||
url(obj).then((res) => {
|
url(obj).then(res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
// this.isPw = false
|
// this.isPw = false
|
||||||
// this.$refs.hiSuccess.showSuccess(res.data)
|
// this.$refs.hiSuccess.showSuccess(res.data)
|
||||||
|
|
@ -481,7 +453,7 @@ export default {
|
||||||
payType: 3, //银行卡
|
payType: 3, //银行卡
|
||||||
bindCode: this.hfList[indexed].bindCode,
|
bindCode: this.hfList[indexed].bindCode,
|
||||||
}
|
}
|
||||||
api.unifiedorder(params).then((response) => {
|
api.unifiedorder(params).then(response => {
|
||||||
this.isBank = 'hf'
|
this.isBank = 'hf'
|
||||||
this.bindCode = this.hfList[indexed].bindCode
|
this.bindCode = this.hfList[indexed].bindCode
|
||||||
this.isPw = true
|
this.isPw = true
|
||||||
|
|
@ -497,7 +469,7 @@ export default {
|
||||||
payType: 3, //银行卡
|
payType: 3, //银行卡
|
||||||
bindCode: this.jdList[indexed].bindCode,
|
bindCode: this.jdList[indexed].bindCode,
|
||||||
}
|
}
|
||||||
api.unifiedorder(params).then((response) => {
|
api.unifiedorder(params).then(response => {
|
||||||
this.isBank = 'jd'
|
this.isBank = 'jd'
|
||||||
this.bindCode = this.jdList[indexed].bindCode
|
this.bindCode = this.jdList[indexed].bindCode
|
||||||
this.isPw = true
|
this.isPw = true
|
||||||
|
|
@ -512,7 +484,7 @@ export default {
|
||||||
payType: 3, //银行卡
|
payType: 3, //银行卡
|
||||||
bindCode: this.tlList[indexed].bindCode,
|
bindCode: this.tlList[indexed].bindCode,
|
||||||
}
|
}
|
||||||
api.unifiedorder(params).then((response) => {
|
api.unifiedorder(params).then(response => {
|
||||||
this.isBank = 'tl'
|
this.isBank = 'tl'
|
||||||
this.bindCode = this.tlList[indexed].bindCode
|
this.bindCode = this.tlList[indexed].bindCode
|
||||||
this.isPw = true
|
this.isPw = true
|
||||||
|
|
@ -530,7 +502,7 @@ export default {
|
||||||
payType: 2,
|
payType: 2,
|
||||||
appletFlag: 0,
|
appletFlag: 0,
|
||||||
}
|
}
|
||||||
api.unifiedorder(params).then((res) => {
|
api.unifiedorder(params).then(res => {
|
||||||
let url =
|
let url =
|
||||||
'https://cloud1-8gp1n6uofa17e2e2-1315820965.tcloudbaseapp.com/jump_mp.html?sign=8587800b05c859700944247c03eeae1c&t=1698224973&state=' +
|
'https://cloud1-8gp1n6uofa17e2e2-1315820965.tcloudbaseapp.com/jump_mp.html?sign=8587800b05c859700944247c03eeae1c&t=1698224973&state=' +
|
||||||
res.data
|
res.data
|
||||||
|
|
@ -547,7 +519,7 @@ export default {
|
||||||
payType: 2,
|
payType: 2,
|
||||||
appletFlag: 0,
|
appletFlag: 0,
|
||||||
}
|
}
|
||||||
api.unifiedorder(params).then((res) => {
|
api.unifiedorder(params).then(res => {
|
||||||
let url =
|
let url =
|
||||||
'https://cloud1-1gql8u3v1fe85a37-1322999719.tcloudbaseapp.com/jump_mp.html?sign=d77deffc9e8aecd2b721f8430c376370&t=1705374125&state=' +
|
'https://cloud1-1gql8u3v1fe85a37-1322999719.tcloudbaseapp.com/jump_mp.html?sign=d77deffc9e8aecd2b721f8430c376370&t=1705374125&state=' +
|
||||||
res.data
|
res.data
|
||||||
|
|
@ -562,7 +534,7 @@ export default {
|
||||||
payChannel: val,
|
payChannel: val,
|
||||||
payType: 2,
|
payType: 2,
|
||||||
}
|
}
|
||||||
api.unifiedorder(params).then((res) => {
|
api.unifiedorder(params).then(res => {
|
||||||
this.wxPopup = true
|
this.wxPopup = true
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
new QRCode(
|
new QRCode(
|
||||||
|
|
@ -593,7 +565,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
getPayConfig() {
|
getPayConfig() {
|
||||||
api.payConfig().then((res) => {
|
api.payConfig().then(res => {
|
||||||
this.payList = res.data
|
this.payList = res.data
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.collapse.init()
|
this.$refs.collapse.init()
|
||||||
|
|
@ -602,7 +574,7 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getBankList() {
|
getBankList() {
|
||||||
api.jdBankList().then((res) => {
|
api.jdBankList().then(res => {
|
||||||
this.jdList = res.data
|
this.jdList = res.data
|
||||||
})
|
})
|
||||||
// api.hfBankList().then((res) => {
|
// api.hfBankList().then((res) => {
|
||||||
|
|
@ -623,7 +595,7 @@ export default {
|
||||||
orderCode: this.orderCode,
|
orderCode: this.orderCode,
|
||||||
pkSettleCountry: this.pkCountry,
|
pkSettleCountry: this.pkCountry,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then(res => {
|
||||||
this.orderData = res.data
|
this.orderData = res.data
|
||||||
this.downTime()
|
this.downTime()
|
||||||
})
|
})
|
||||||
|
|
@ -645,13 +617,13 @@ export default {
|
||||||
orderCode: this.orderCode,
|
orderCode: this.orderCode,
|
||||||
pkSettleCountry: this.pkCountry,
|
pkSettleCountry: this.pkCountry,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then(res => {
|
||||||
// this.payDetail = res.data
|
// this.payDetail = res.data
|
||||||
this.$set(this, 'payDetail', res.data)
|
this.$set(this, 'payDetail', res.data)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
reset() {
|
reset() {
|
||||||
this.$store.dispatch('GetInfo').then((res) => {
|
this.$store.dispatch('GetInfo').then(res => {
|
||||||
uni.reLaunch({
|
uni.reLaunch({
|
||||||
url: '/pages/index/index',
|
url: '/pages/index/index',
|
||||||
})
|
})
|
||||||
|
|
@ -669,7 +641,7 @@ export default {
|
||||||
// this.showSucce = true
|
// this.showSucce = true
|
||||||
this.fansOrder()
|
this.fansOrder()
|
||||||
} else {
|
} else {
|
||||||
api.payStatus(data).then((res) => {
|
api.payStatus(data).then(res => {
|
||||||
that.sucPay = res.data
|
that.sucPay = res.data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -710,7 +682,9 @@ export default {
|
||||||
|
|
||||||
.tit {
|
.tit {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-family: PingFang SC-Semibold, PingFang SC;
|
font-family:
|
||||||
|
PingFang SC-Semibold,
|
||||||
|
PingFang SC;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
|
@ -719,7 +693,9 @@ export default {
|
||||||
|
|
||||||
.tit1 {
|
.tit1 {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-family: PingFang SC-Semibold, PingFang SC;
|
font-family:
|
||||||
|
PingFang SC-Semibold,
|
||||||
|
PingFang SC;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #e02b26;
|
color: #e02b26;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -728,7 +704,9 @@ export default {
|
||||||
|
|
||||||
.tit2 {
|
.tit2 {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-family: PingFang SC-Regular, PingFang SC;
|
font-family:
|
||||||
|
PingFang SC-Regular,
|
||||||
|
PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -755,7 +733,9 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-family: PingFang SC-Semibold, PingFang SC;
|
font-family:
|
||||||
|
PingFang SC-Semibold,
|
||||||
|
PingFang SC;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
|
||||||
|
|
@ -793,7 +773,9 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-family: PingFang SC-Regular, PingFang SC;
|
font-family:
|
||||||
|
PingFang SC-Regular,
|
||||||
|
PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
|
||||||
|
|
@ -915,14 +897,18 @@ export default {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
color: #666;
|
color: #666;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-family: PingFang SC-Semibold, PingFang SC;
|
font-family:
|
||||||
|
PingFang SC-Semibold,
|
||||||
|
PingFang SC;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tTit {
|
.tTit {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-family: PingFang SC-Semibold, PingFang SC;
|
font-family:
|
||||||
|
PingFang SC-Semibold,
|
||||||
|
PingFang SC;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,345 @@
|
||||||
|
<template>
|
||||||
|
<view class="success-page">
|
||||||
|
<!-- 状态栏占位 -->
|
||||||
|
<view class="status-bar"></view>
|
||||||
|
|
||||||
|
<!-- 成功状态区域 -->
|
||||||
|
<view class="success-section">
|
||||||
|
<view class="success-icon-wrapper">
|
||||||
|
<view class="success-icon">
|
||||||
|
<text class="success-checkmark">✓</text>
|
||||||
|
</view>
|
||||||
|
<view class="success-rings">
|
||||||
|
<view class="ring ring1"></view>
|
||||||
|
<view class="ring ring2"></view>
|
||||||
|
<view class="ring ring3"></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="success-title">{{ paySuccessText }}</view>
|
||||||
|
<view v-if="isRecharge === undefined" class="success-subtitle"
|
||||||
|
>您的订单已支付完成</view
|
||||||
|
>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 操作按钮区域 -->
|
||||||
|
<view class="action-section">
|
||||||
|
<view class="button-group">
|
||||||
|
<button
|
||||||
|
v-if="isRecharge === undefined"
|
||||||
|
class="btn btn-secondary"
|
||||||
|
@click="goToOrderList"
|
||||||
|
>
|
||||||
|
查看订单
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-primary" @click="goToHome">返回首页</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<successDialog @successClose="successClose" ref="successDialog" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mapGetters } from 'vuex'
|
||||||
|
import { payStatus, registerInfo } from '@/config/pay.js'
|
||||||
|
import successDialog from '@/components/successDialog.vue'
|
||||||
|
|
||||||
|
let setTimeoutFlag = null
|
||||||
|
export default {
|
||||||
|
name: 'PaySuccess',
|
||||||
|
components: {
|
||||||
|
successDialog,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
orderCode: '',
|
||||||
|
specialArea: null,
|
||||||
|
isRecharge: undefined,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters(['userInfo']),
|
||||||
|
paySuccessText() {
|
||||||
|
if (this.isRecharge === undefined) {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
if (this.isRecharge === true) {
|
||||||
|
return '充值成功'
|
||||||
|
}
|
||||||
|
return '支付成功'
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
// 获取传递的参数
|
||||||
|
const extParam = JSON.parse(atob(options.extParam || '{}'))
|
||||||
|
this.specialArea = extParam.specialArea
|
||||||
|
this.isRecharge = extParam.source
|
||||||
|
this.orderCode = extParam.orderCode || ''
|
||||||
|
this.orderCode && this.pollingPayStatus(this.orderCode)
|
||||||
|
// 设置导航栏
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '支付成功',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onUnload() {
|
||||||
|
clearTimeout(setTimeoutFlag)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
pollingPayStatus(orderCode) {
|
||||||
|
payStatus({ businessCode: orderCode }).then(res => {
|
||||||
|
if (res.data == 1) {
|
||||||
|
// 清除定时器
|
||||||
|
clearTimeout(setTimeoutFlag)
|
||||||
|
if ([1, 7, 24].includes(Number(this.specialArea))) {
|
||||||
|
registerInfo(orderCode).then(res => {
|
||||||
|
this.$refs.successDialog.showSuccess(res.data)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
payStatus({ businessCode: orderCode }).then(res => {
|
||||||
|
if (res.data == 0) {
|
||||||
|
setTimeoutFlag = setTimeout(() => {
|
||||||
|
this.pollingPayStatus(orderCode)
|
||||||
|
}, 1000)
|
||||||
|
} else {
|
||||||
|
clearTimeout(setTimeoutFlag)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 跳转到订单列表
|
||||||
|
goToOrderList() {
|
||||||
|
uni.redirectTo({
|
||||||
|
url: '/pages/mine/order/index',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
successClose() {
|
||||||
|
uni.redirectTo({
|
||||||
|
url: '/pages/mine/order/index',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 返回首页
|
||||||
|
goToHome() {
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.success-page {
|
||||||
|
min-height: 100vh;
|
||||||
|
background: linear-gradient(135deg, #f8fafc 0%, #e3f2fd 100%);
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-bar {
|
||||||
|
height: var(--status-bar-height);
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-section {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 60rpx 40rpx 40rpx;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-icon-wrapper {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-icon {
|
||||||
|
width: 120rpx;
|
||||||
|
height: 120rpx;
|
||||||
|
background: #005bac;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
box-shadow: 0 8rpx 24rpx rgba(0, 91, 172, 0.3);
|
||||||
|
animation: successBounce 0.6s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-checkmark {
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 60rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-rings {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ring {
|
||||||
|
position: absolute;
|
||||||
|
border: 2rpx solid #005bac;
|
||||||
|
border-radius: 50%;
|
||||||
|
opacity: 0;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ring1 {
|
||||||
|
width: 140rpx;
|
||||||
|
height: 140rpx;
|
||||||
|
animation: ripple 1.5s ease-out 0.2s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ring2 {
|
||||||
|
width: 180rpx;
|
||||||
|
height: 180rpx;
|
||||||
|
animation: ripple 1.5s ease-out 0.6s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ring3 {
|
||||||
|
width: 220rpx;
|
||||||
|
height: 220rpx;
|
||||||
|
animation: ripple 1.5s ease-out 1s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-title {
|
||||||
|
font-size: 48rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #1a1a1a;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-subtitle {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.action-section {
|
||||||
|
padding: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-group {
|
||||||
|
display: flex;
|
||||||
|
gap: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
flex: 1;
|
||||||
|
height: 88rpx;
|
||||||
|
border-radius: 44rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
border: none;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.btn-secondary {
|
||||||
|
background: #ffffff;
|
||||||
|
color: #005bac;
|
||||||
|
border: 2rpx solid #005bac;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background: #f8fafc;
|
||||||
|
transform: scale(0.98);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.btn-primary {
|
||||||
|
background: linear-gradient(135deg, #005bac 0%, #0066cc 100%);
|
||||||
|
color: #ffffff;
|
||||||
|
box-shadow: 0 4rpx 16rpx rgba(0, 91, 172, 0.3);
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background: linear-gradient(135deg, #004691 0%, #0052a3 100%);
|
||||||
|
transform: scale(0.98);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 动画效果
|
||||||
|
@keyframes successBounce {
|
||||||
|
0% {
|
||||||
|
transform: scale(0);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: scale(1.2);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes ripple {
|
||||||
|
0% {
|
||||||
|
opacity: 0.6;
|
||||||
|
transform: translate(-50%, -50%) scale(0.1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translate(-50%, -50%) scale(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 暗黑模式适配
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
.success-page {
|
||||||
|
background: linear-gradient(135deg, #1a1a1a 0%, #2d3748 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-title {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-subtitle {
|
||||||
|
color: #a0aec0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 适配不同屏幕尺寸
|
||||||
|
@media screen and (max-width: 375px) {
|
||||||
|
.success-icon {
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-checkmark {
|
||||||
|
font-size: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-title {
|
||||||
|
font-size: 42rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-group {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 16rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -189,7 +189,7 @@
|
||||||
shape="circle"
|
shape="circle"
|
||||||
:loading="isLoading"
|
:loading="isLoading"
|
||||||
loadingText="支付中"
|
loadingText="支付中"
|
||||||
@tap="quickPay(ifcz)"
|
@tap="quickPay(isRecharge)"
|
||||||
color="linear-gradient(to right, #005BAC, #005BAC )"
|
color="linear-gradient(to right, #005BAC, #005BAC )"
|
||||||
>{{ '立即支付' }}
|
>{{ '立即支付' }}
|
||||||
</u-button>
|
</u-button>
|
||||||
|
|
@ -262,7 +262,7 @@ export default {
|
||||||
content: '支付成功',
|
content: '支付成功',
|
||||||
wxPopup: false,
|
wxPopup: false,
|
||||||
luckydrawData: {},
|
luckydrawData: {},
|
||||||
ifcz: false,
|
isRecharge: false,
|
||||||
czJe: '',
|
czJe: '',
|
||||||
objTree: {},
|
objTree: {},
|
||||||
account: {},
|
account: {},
|
||||||
|
|
@ -273,8 +273,8 @@ export default {
|
||||||
title: '订单支付',
|
title: '订单支付',
|
||||||
})
|
})
|
||||||
// this.paramsPost = JSON.parse(options.paramsPost)
|
// this.paramsPost = JSON.parse(options.paramsPost)
|
||||||
// if (this.paramsPost.ifcz) {
|
// if (this.paramsPost.isRecharge) {
|
||||||
// this.ifcz = this.paramsPost.ifcz
|
// this.isRecharge = this.paramsPost.isRecharge
|
||||||
// this.businessType = 3
|
// this.businessType = 3
|
||||||
// uni.setNavigationBarTitle({
|
// uni.setNavigationBarTitle({
|
||||||
// title: '充值'
|
// title: '充值'
|
||||||
|
|
@ -284,7 +284,7 @@ export default {
|
||||||
// uni.setNavigationBarTitle({
|
// uni.setNavigationBarTitle({
|
||||||
// title: '订单支付'
|
// title: '订单支付'
|
||||||
// });
|
// });
|
||||||
// this.ifcz = false
|
// this.isRecharge = false
|
||||||
// if (JSON.parse(options.paramsPost).orderType == 4) {
|
// if (JSON.parse(options.paramsPost).orderType == 4) {
|
||||||
// this.orderCode = this.paramsPost.orderCode
|
// this.orderCode = this.paramsPost.orderCode
|
||||||
// this.luckydrawData = this.paramsPost.luckydrawData
|
// this.luckydrawData = this.paramsPost.luckydrawData
|
||||||
|
|
@ -417,7 +417,7 @@ export default {
|
||||||
},
|
},
|
||||||
scanPayBfWx(val) {
|
scanPayBfWx(val) {
|
||||||
let params
|
let params
|
||||||
if (this.ifcz) {
|
if (this.isRecharge) {
|
||||||
params = {
|
params = {
|
||||||
businessType: 3, //订单类型充值
|
businessType: 3, //订单类型充值
|
||||||
businessCode: this.orderCode,
|
businessCode: this.orderCode,
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,41 @@
|
||||||
|
export const PAY_REDIRECT_URL =
|
||||||
|
'https://cloud1-8g5amgy6c173b906-1362517604.tcloudbaseapp.com/bd-pay-web/jump-mp.html?sign=c2d1fa4dcee3f77accfd22b480128c02&t=1749175241'
|
||||||
|
|
||||||
|
export const PAY_TYPE = {
|
||||||
|
BAO_FU_WECHAT: 'BAO_FU_WECHAT',
|
||||||
|
BAO_FU_WECHAT_SCAN: 'BAO_FU_WECHAT_SCAN',
|
||||||
|
HUI_FU_WECHAT: 'HUI_FU_WECHAT',
|
||||||
|
HUI_FU_BANK_CARD: 'hf',
|
||||||
|
WECHAT_PAY: 'WECHAT_PAY',
|
||||||
|
ALI_PAY: 'ALI_PAY',
|
||||||
|
TONG_LIAN_WECHAT: 'TONG_LIAN_WECHAT',
|
||||||
|
TONG_LIAN_BANK_CARD: 'tl',
|
||||||
|
JING_DONG_BANK_CARD: 'jd',
|
||||||
|
JING_DONG_H5: 'JING_DONG_H5',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const PAY_AUTH = {
|
||||||
|
[PAY_TYPE.BAO_FU_WECHAT]: 'pay11',
|
||||||
|
[PAY_TYPE.JING_DONG_H5]: 'pay5',
|
||||||
|
[PAY_TYPE.BAO_FU_WECHAT_SCAN]: 'pay12',
|
||||||
|
[PAY_TYPE.HUI_FU_WECHAT]: 'pay13',
|
||||||
|
[PAY_TYPE.WECHAT_PAY]: 'pay73',
|
||||||
|
[PAY_TYPE.ALI_PAY]: 'pay74',
|
||||||
|
[PAY_TYPE.TONG_LIAN_WECHAT]: 'pay32',
|
||||||
|
[PAY_TYPE.HUI_FU_BANK_CARD]: 'pay15',
|
||||||
|
[PAY_TYPE.TONG_LIAN_BANK_CARD]: 'pay33',
|
||||||
|
[PAY_TYPE.JING_DONG_BANK_CARD]: 'pay4',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const PAY_CHANEL = {
|
||||||
|
[PAY_TYPE.BAO_FU_WECHAT]: 5,
|
||||||
|
[PAY_TYPE.JING_DONG_H5]: 4,
|
||||||
|
[PAY_TYPE.BAO_FU_WECHAT_SCAN]: 5,
|
||||||
|
[PAY_TYPE.HUI_FU_WECHAT]: 6,
|
||||||
|
[PAY_TYPE.WECHAT_PAY]: 7,
|
||||||
|
[PAY_TYPE.ALI_PAY]: 7,
|
||||||
|
[PAY_TYPE.TONG_LIAN_WECHAT]: 3,
|
||||||
|
[PAY_TYPE.HUI_FU_BANK_CARD]: 6,
|
||||||
|
[PAY_TYPE.TONG_LIAN_BANK_CARD]: 3,
|
||||||
|
[PAY_TYPE.JING_DONG_BANK_CARD]: 4,
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue