106 lines
2.3 KiB
Vue
106 lines
2.3 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/serve/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/mine/my_order/serveOrder/serve_order'
|
||
})
|
||
},
|
||
toHomePage() {
|
||
uni.switchTab({
|
||
url: '/pages/index/index'
|
||
});
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
console.log(options);
|
||
this.resultType='err'
|
||
}
|
||
}
|
||
</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> |