112 lines
2.4 KiB
Vue
112 lines
2.4 KiB
Vue
<template>
|
||
<view class="unbindresult">
|
||
<view v-if="resultType=='err'">
|
||
<view class="re_up">
|
||
<!-- #ifdef MP-WEIXIN -->
|
||
<image class="re_img" :src="`${config.aliyunOssUrl}/static/images/app/config/payment_failure.png`"
|
||
mode=""></image>
|
||
<!-- #endif -->
|
||
<!-- #ifdef APP -->
|
||
<image class="re_img" src="@/static/images/app/config/payment_failure.png" mode=""></image>
|
||
<!-- #endif -->
|
||
</view>
|
||
<view class="re_inspect" @click="toMyCardBagPage"> 返回订单详情 </view>
|
||
</view>
|
||
<view v-else>
|
||
<view class="re_up">
|
||
<!-- #ifdef MP-WEIXIN -->
|
||
<image class="re_img" :src="`${config.aliyunOssUrl}/static/images/app/serve/cou_payresult.png`" mode="">
|
||
</image>
|
||
<!-- #endif -->
|
||
<!-- #ifdef APP -->
|
||
<image class="re_img" src="@/static/images/app/serve/cou_payresult.png" mode=""></image>
|
||
<!-- #endif -->
|
||
<view class="re_txt"> 您的订单已经支付成功，可以到服务订单查看 </view>
|
||
</view>
|
||
<view class="re_inspect" @click="toMyCardBagPage"> 服务订单 </view>
|
||
<view class="re_return" @click="toHomePage"> 返回首页 </view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import config from '@/config';
|
||
export default {
|
||
data() {
|
||
return {
|
||
config,
|
||
resultType: ''
|
||
}
|
||
},
|
||
methods: {
|
||
toMyCardBagPage() {
|
||
uni.redirectTo({
|
||
url: `/pages/driver/mine/my_order/serveOrder/serve_order?tabOnecurrent=1`
|
||
})
|
||
},
|
||
toHomePage() {
|
||
uni.switchTab({
|
||
url: '/pages/driver/home/home'
|
||
});
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
// console.log(options);
|
||
this.resultType = options.resultType
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.re_up {
|
||
// border: 1px solid red;
|
||
margin-top: 136rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
|
||
.re_img {
|
||
width: 148rpx;
|
||
height: 148rpx;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.re_txt {
|
||
height: 36rpx;
|
||
font-size: 26rpx;
|
||
font-weight: 400;
|
||
color: #555555;
|
||
line-height: 36rpx;
|
||
text-align: center;
|
||
margin-top: 24rpx;
|
||
}
|
||
}
|
||
|
||
.re_inspect {
|
||
width: 332rpx;
|
||
height: 80rpx;
|
||
background: #13AFA8;
|
||
border-radius: 60rpx;
|
||
font-size: 34rpx;
|
||
font-weight: 400;
|
||
color: #FFFFFF;
|
||
line-height: 80rpx;
|
||
text-align: center;
|
||
margin: 96rpx auto 0;
|
||
}
|
||
|
||
.re_return {
|
||
width: 136rpx;
|
||
height: 48rpx;
|
||
font-size: 34rpx;
|
||
font-weight: 400;
|
||
color: #13AFA8;
|
||
margin: 32rpx auto;
|
||
}
|
||
|
||
.unbindresult {
|
||
background: #FFFFFF;
|
||
height: 100vh;
|
||
border-top: 1rpx solid #E6E6E6;
|
||
}
|
||
</style> |