|
|
|
@ -20,15 +20,18 @@ |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</countdown-timer> --> |
|
|
|
<countdown-time minute="5" second="0" :showDay="false" :showHour="false" color="#FF9D9D" splitorColor="#FF9D9D"> |
|
|
|
<countdown-time minute="5" second="0" :showDay="false" :showHour="false" color="#FF9D9D" |
|
|
|
splitorColor="#FF9D9D"> |
|
|
|
|
|
|
|
</countdown-time> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<label class="card lf-row-between" v-for="(item, index) in pay_list" :key="index" style="padding: 16rpx 40rpx;"> |
|
|
|
<label class="card lf-row-between" v-for="(item, index) in pay_list" :key="index" |
|
|
|
style="padding: 16rpx 40rpx;"> |
|
|
|
<view> |
|
|
|
<text class="lf-iconfont lf-font-50 lf-text-vertical" :class="item.icon" :style="{color: item.color}"></text> |
|
|
|
<text class="lf-iconfont lf-font-50 lf-text-vertical" :class="item.icon" |
|
|
|
:style="{color: item.color}"></text> |
|
|
|
<text class="lf-m-l-10 lf-font-28 lf-color-222">{{ item.name }}</text> |
|
|
|
</view> |
|
|
|
<radio-group @change="checkChange($event, index)"> |
|
|
|
@ -50,7 +53,7 @@ |
|
|
|
countdownTime, |
|
|
|
lfPayPassword |
|
|
|
}, |
|
|
|
data(){ |
|
|
|
data() { |
|
|
|
return { |
|
|
|
pay_list: [{ |
|
|
|
name: '余额支付', |
|
|
|
@ -58,7 +61,7 @@ |
|
|
|
type: 'balance', |
|
|
|
checked: false, |
|
|
|
color: '#15716E' |
|
|
|
},{ |
|
|
|
}, { |
|
|
|
name: '微信支付', |
|
|
|
icon: 'icon-weixinzhifu', |
|
|
|
type: 'wx_lite', |
|
|
|
@ -72,10 +75,11 @@ |
|
|
|
token: '', |
|
|
|
balance_sum: 0, |
|
|
|
show_pw: false, |
|
|
|
user_pw: '' |
|
|
|
user_pw: '', |
|
|
|
clickContinue: true |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options){ |
|
|
|
onLoad(options) { |
|
|
|
this.token = this.$cookieStorage.get('user_token'); |
|
|
|
this.amount = options.amount; |
|
|
|
this.order_no = options.order_no; |
|
|
|
@ -83,7 +87,7 @@ |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 获取余额 |
|
|
|
getBalanceSum(){ |
|
|
|
getBalanceSum() { |
|
|
|
this.$http.get({ |
|
|
|
api: 'api/users/balance/sum', |
|
|
|
header: { |
|
|
|
@ -94,11 +98,11 @@ |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 改变支付方式 |
|
|
|
checkChange(event, current){ |
|
|
|
checkChange(event, current) { |
|
|
|
let list = this.pay_list.map((item, index) => { |
|
|
|
if(index == current){ |
|
|
|
if (index == current) { |
|
|
|
item.checked = true; |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
item.checked = false; |
|
|
|
} |
|
|
|
return item; |
|
|
|
@ -106,28 +110,32 @@ |
|
|
|
this.pay_list = list; |
|
|
|
}, |
|
|
|
// 倒计时结束 |
|
|
|
dateFinish(){ |
|
|
|
dateFinish() { |
|
|
|
console.log("倒计时结束"); |
|
|
|
this.is_date_finish = true; |
|
|
|
this.$msg('订单超时', {icon: 'error'}).then(() => { |
|
|
|
this.$msg('订单超时', { |
|
|
|
icon: 'error' |
|
|
|
}).then(() => { |
|
|
|
this.$toBack(); |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 支付密码输入完成 |
|
|
|
payComfirm(event){ |
|
|
|
payComfirm(event) { |
|
|
|
this.user_pw = event; |
|
|
|
this.confirm(); |
|
|
|
}, |
|
|
|
// 支付 |
|
|
|
confirm(){ |
|
|
|
if(this.is_date_finish) return this.$msg('订单超时未支付'); |
|
|
|
confirm() { |
|
|
|
if (this.clickContinue == true) { |
|
|
|
this.clickContinue = false; |
|
|
|
if (this.is_date_finish) return this.$msg('订单超时未支付'); |
|
|
|
let channel = ''; |
|
|
|
this.pay_list.map(item => { |
|
|
|
if(item.checked){ |
|
|
|
if (item.checked) { |
|
|
|
channel = item.type; |
|
|
|
} |
|
|
|
}) |
|
|
|
if(channel == 'balance' && !this.user_pw){ |
|
|
|
if (channel == 'balance' && !this.user_pw) { |
|
|
|
this.show_pw = true; |
|
|
|
return; |
|
|
|
} |
|
|
|
@ -139,7 +147,7 @@ |
|
|
|
order_no: this.order_no, |
|
|
|
balance: 0 |
|
|
|
}; |
|
|
|
if(channel == 'balance'){ |
|
|
|
if (channel == 'balance') { |
|
|
|
data.pay_pwd = this.user_pw; |
|
|
|
data.balance = Number(this.amount); |
|
|
|
data.channel = 'wx_lite'; |
|
|
|
@ -164,8 +172,10 @@ |
|
|
|
this.newcharge(false, res.message); |
|
|
|
this.show_pw = false; |
|
|
|
} |
|
|
|
this.clickContinue = true; |
|
|
|
}) |
|
|
|
}).catch(() => { |
|
|
|
this.clickContinue = true; |
|
|
|
this.show_pw = false; |
|
|
|
this.setData({ |
|
|
|
loading: false |
|
|
|
@ -175,6 +185,7 @@ |
|
|
|
showCancel: false |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
// 获取openid |
|
|
|
getOpenid() { |
|
|
|
@ -230,7 +241,8 @@ |
|
|
|
// url: `/pages/store/success/success?order_no=${that.order_no}&amount=${that.amount}&channel=${that.channel}&formId=${this.formId}` //&charge_id=${charge.charge_id} charge_id 支付测试使用 |
|
|
|
// }); |
|
|
|
uni.redirectTo({ |
|
|
|
url: '/pages/aboutpay/paystate?payState=1&amount='+ that.amount |
|
|
|
url: '/pages/aboutpay/paystate?payState=1&amount=' + that |
|
|
|
.amount |
|
|
|
}) |
|
|
|
} else { |
|
|
|
wx.showModal({ |
|
|
|
@ -280,18 +292,18 @@ |
|
|
|
// url: `/pages/store/success/success?order_no=${this.order_no}&amount=${this.amount}&channel=${this.channel}&formId=${this.formId}` |
|
|
|
// }); |
|
|
|
uni.redirectTo({ |
|
|
|
url: '/pages/aboutpay/paystate?payState=1&amount='+ this.amount |
|
|
|
url: '/pages/aboutpay/paystate?payState=1&amount=' + this.amount |
|
|
|
}) |
|
|
|
}, |
|
|
|
setData: function (obj) { |
|
|
|
setData: function(obj) { |
|
|
|
let that = this; |
|
|
|
let keys = []; |
|
|
|
let val, data; |
|
|
|
Object.keys(obj).forEach(function (key) { |
|
|
|
Object.keys(obj).forEach(function(key) { |
|
|
|
keys = key.split('.'); |
|
|
|
val = obj[key]; |
|
|
|
data = that.$data; |
|
|
|
keys.forEach(function (key2, index) { |
|
|
|
keys.forEach(function(key2, index) { |
|
|
|
if (index + 1 == keys.length) { |
|
|
|
that.$set(data, key2, val); |
|
|
|
} else { |
|
|
|
@ -309,35 +321,40 @@ |
|
|
|
</script> |
|
|
|
|
|
|
|
<style> |
|
|
|
page{ |
|
|
|
page { |
|
|
|
background-color: #F8F8F8; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped="scoped"> |
|
|
|
.content{ |
|
|
|
.content { |
|
|
|
padding: 30rpx 32rpx; |
|
|
|
width: 750rpx; |
|
|
|
height: max-content; |
|
|
|
box-sizing: border-box; |
|
|
|
.card{ |
|
|
|
|
|
|
|
.card { |
|
|
|
width: 100%; |
|
|
|
height: max-content; |
|
|
|
padding: 30rpx 40rpx; |
|
|
|
background-color: #FFFFFF; |
|
|
|
border-radius: 20rpx; |
|
|
|
&:nth-child(n+2){ |
|
|
|
|
|
|
|
&:nth-child(n+2) { |
|
|
|
margin-top: 30rpx; |
|
|
|
} |
|
|
|
.symbol{ |
|
|
|
|
|
|
|
.symbol { |
|
|
|
color: #15716E; |
|
|
|
font-size: 32rpx; |
|
|
|
} |
|
|
|
.price{ |
|
|
|
|
|
|
|
.price { |
|
|
|
font-size: 72rpx; |
|
|
|
color: #15716E; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
.tips{ |
|
|
|
|
|
|
|
.tips { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #FF9D9D; |
|
|
|
display: flex; |
|
|
|
@ -355,7 +372,7 @@ |
|
|
|
width: 168rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.fixed-btn{ |
|
|
|
.fixed-btn { |
|
|
|
position: fixed; |
|
|
|
bottom: 10vh; |
|
|
|
left: calc(50% - 275rpx); |
|
|
|
|
