287 lines
16 KiB
Vue
287 lines
16 KiB
Vue
<template>
|
|
<view class="app" :style="styleCom">
|
|
<wd-navbar :bordered="false" custom-style="background-color: #799675 !important;" safeAreaInsetTop></wd-navbar>
|
|
|
|
<view class="header">
|
|
<image :src="images[!type ? 'success' : 'warning']" class="success-image"></image>
|
|
<view class="success-title">{{ !type ? '支付成功' : '未检测到支付结果' }}</view>
|
|
<view class="hr"></view>
|
|
</view>
|
|
<view class="info-box">
|
|
<view class="info-amount">¥ {{ Number(options.payableAmount).toFixed(2) }}</view>
|
|
<view class="left-circle" v-if="options.orderNo || options.createTime"></view>
|
|
<view class="right-circle" v-if="options.orderNo || options.createTime"></view>
|
|
<view class="info-main" v-if="options.orderNo || options.createTime">
|
|
<view class="info-cell" v-if="options.deductionAmount">
|
|
<view class="left">抵扣金额</view>
|
|
<view class="right" style="color: #ff2929;">￥{{ options.deductionAmount }}</view>
|
|
</view>
|
|
<view class="info-cell" v-if="options.orderNo">
|
|
<view class="left">订单编号</view>
|
|
<view class="right">{{ options.orderNo }}</view>
|
|
</view>
|
|
<view class="info-cell" v-if="options.createTime">
|
|
<view class="left">付款时间</view>
|
|
<view class="right">{{ timeFormat(options.createTime, 'yyyy-MM-dd hh:mm:ss') }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="button-query" @click="queryOrder">查看订单</view>
|
|
<view class="button-query1" @click="queryHome">返回首页</view>
|
|
<view class="footer-hr"></view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import api from '@/api/index';
|
|
export default {
|
|
data() {
|
|
return {
|
|
options: {
|
|
amount: '',
|
|
orderNo: '',
|
|
createTime: ''
|
|
},
|
|
images: {
|
|
warning:
|
|
'data:image/png;base64,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',
|
|
success:
|
|
'data:image/png;base64,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'
|
|
},
|
|
// 默认颜色
|
|
color: {
|
|
wxpay: '#799675',
|
|
alipay: '#799675'
|
|
},
|
|
type: ''
|
|
};
|
|
},
|
|
onLoad(options = {}) {
|
|
api.orderInfo({ id: options.id }).then((res) => {
|
|
console.log(res);
|
|
this.options = res;
|
|
});
|
|
|
|
// options.createTime = new Date(options.createTime).getTime();
|
|
// this.options = options;
|
|
// this.type = options.type;
|
|
},
|
|
methods: {
|
|
timeFormat(time, fmt = 'yyyy-MM-dd hh:mm:ss', targetTimezone = 8) {
|
|
try {
|
|
if (!time) {
|
|
return '';
|
|
}
|
|
if (typeof time === 'string' && !isNaN(time)) time = Number(time);
|
|
// 其他更多是格式化有如下:
|
|
// yyyy-MM-dd hh:mm:ss|yyyy年MM月dd日 hh时MM分等,可自定义组合
|
|
let date;
|
|
if (typeof time === 'number') {
|
|
if (time.toString().length == 10) time *= 1000;
|
|
date = new Date(time);
|
|
} else {
|
|
date = time;
|
|
}
|
|
|
|
const dif = date.getTimezoneOffset();
|
|
const timeDif = dif * 60 * 1000 + targetTimezone * 60 * 60 * 1000;
|
|
const east8time = date.getTime() + timeDif;
|
|
|
|
date = new Date(east8time);
|
|
let opt = {
|
|
'M+': date.getMonth() + 1, //月份
|
|
'd+': date.getDate(), //日
|
|
'h+': date.getHours(), //小时
|
|
'm+': date.getMinutes(), //分
|
|
's+': date.getSeconds(), //秒
|
|
'q+': Math.floor((date.getMonth() + 3) / 3), //季度
|
|
S: date.getMilliseconds() //毫秒
|
|
};
|
|
if (/(y+)/.test(fmt)) {
|
|
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
|
|
}
|
|
for (let k in opt) {
|
|
if (new RegExp('(' + k + ')').test(fmt)) {
|
|
fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? opt[k] : ('00' + opt[k]).substr(('' + opt[k]).length));
|
|
}
|
|
}
|
|
return fmt;
|
|
} catch (err) {
|
|
// 若格式错误,则原值显示
|
|
return time;
|
|
}
|
|
},
|
|
queryOrder() {
|
|
|
|
|
|
uni.reLaunch({
|
|
url:'/pages/order/order'
|
|
})
|
|
|
|
|
|
// uni.navigateTo({
|
|
// url: `/pages/order/details?id=${this.options.id}`
|
|
// });
|
|
},
|
|
queryHome() {
|
|
uni.reLaunch({
|
|
url: '/pages/index/index'
|
|
});
|
|
},
|
|
onaderror(e) {
|
|
console.log('ad-error', e);
|
|
}
|
|
},
|
|
// 监听器
|
|
watch: {
|
|
mainColorCom: {
|
|
immediate: true,
|
|
handler(newVal, oldVal) {
|
|
// 动态改变导航栏颜色
|
|
setTimeout(function () {
|
|
uni.setNavigationBarColor({
|
|
frontColor: '#ffffff',
|
|
backgroundColor: newVal
|
|
});
|
|
}, 0);
|
|
}
|
|
}
|
|
},
|
|
// 计算属性
|
|
computed: {
|
|
mainColorCom() {
|
|
let color = '';
|
|
// #ifdef MP-ALIPAY
|
|
color = this.options.main_color || this.color.alipay;
|
|
// #endif
|
|
// #ifndef MP-ALIPAY
|
|
color = this.options.main_color || this.color.wxpay;
|
|
// #endif
|
|
return color;
|
|
},
|
|
styleCom() {
|
|
return `--main:${this.mainColorCom};`;
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.app {
|
|
--bgcolor: #f3f3f3;
|
|
|
|
background-color: var(--bgcolor);
|
|
min-height: calc(100vh - var(--window-bottom) - var(--window-top));
|
|
}
|
|
.header {
|
|
background-color: var(--main);
|
|
text-align: center;
|
|
color: #ffffff;
|
|
padding: 80rpx 30rpx 50rpx 30rpx;
|
|
.success-image {
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.success-title {
|
|
font-size: 34rpx;
|
|
margin-top: 40rpx;
|
|
font-weight: bold;
|
|
}
|
|
.hr {
|
|
margin-top: 40rpx;
|
|
width: 100%;
|
|
height: 30rpx;
|
|
border-radius: 20rpx;
|
|
opacity: 0.1;
|
|
background-color: #000000;
|
|
}
|
|
}
|
|
.info-box {
|
|
width: calc(100% - 100rpx);
|
|
margin: 0 50rpx;
|
|
position: relative;
|
|
margin-top: -64rpx;
|
|
background-color: #ffffff;
|
|
.info-amount {
|
|
height: 150rpx;
|
|
line-height: 150rpx;
|
|
text-align: center;
|
|
color: var(--main);
|
|
font-weight: bold;
|
|
font-size: 60rpx;
|
|
border-bottom: 4rpx dashed #f3f3f3;
|
|
}
|
|
.left-circle {
|
|
background-color: var(--bgcolor);
|
|
position: absolute;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
border-radius: 50%;
|
|
top: calc(150rpx - 20rpx);
|
|
left: -20rpx;
|
|
}
|
|
.right-circle {
|
|
background-color: var(--bgcolor);
|
|
position: absolute;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
border-radius: 50%;
|
|
top: calc(150rpx - 20rpx);
|
|
right: -20rpx;
|
|
}
|
|
.info-main {
|
|
padding: 30rpx;
|
|
font-size: 26rpx;
|
|
color: #333333;
|
|
.info-cell {
|
|
/* #ifndef APP-NVUE */
|
|
display: flex;
|
|
/* #endif */
|
|
line-height: 50rpx;
|
|
.left {
|
|
width: 200rpx;
|
|
text-align: left;
|
|
}
|
|
.right {
|
|
flex: 1;
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.uni-ad {
|
|
margin-top: 50rpx;
|
|
min-height: 100rpx;
|
|
.ad-interactive {
|
|
text-align: center;
|
|
}
|
|
}
|
|
.button-query {
|
|
background-color: var(--main);
|
|
color: #ffffff;
|
|
width: calc(100% - 120rpx);
|
|
margin: 50rpx 60rpx 0 60rpx;
|
|
padding: 20rpx 30rpx;
|
|
border-radius: 50rpx;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
}
|
|
.button-query:active {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.button-query1 {
|
|
border: 1rpx solid var(--main);
|
|
color: var(--main);
|
|
width: calc(100% - 120rpx);
|
|
margin: 50rpx 60rpx 0 60rpx;
|
|
padding: 20rpx 30rpx;
|
|
border-radius: 50rpx;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.footer-hr {
|
|
height: 100rpx;
|
|
display: block;
|
|
}
|
|
</style>
|