66 lines
2.0 KiB
Vue
66 lines
2.0 KiB
Vue
<template>
|
||
<view class="pad-x50" style="background-color: #fff;">
|
||
<status-container titlet="完成">
|
||
<view slot="content">
|
||
<view class="pad-zy40 fon30">
|
||
<view class="disjcac pad-sx50">
|
||
<image :src="imgsrc" mode="aspectFill" style="width: 460rpx;height: 460rpx;"></image>
|
||
</view>
|
||
<view class="tcenter" style="color: #0c0c0c;">已完成提交</view>
|
||
<view class="col9 tcenter mar-sx50 line-h50">
|
||
<rich-text :nodes="richText"></rich-text>
|
||
<!-- 请扫描二维码添加微信告知您的订单<br />
|
||
号并支付定金 ，发货前请支付尾款。<br />
|
||
（支付定金后，我们才会开始制作哦，如您有特<br />
|
||
别的要求可以在微信上提出哦！）<br />
|
||
祝您幸福美满！ -->
|
||
</view>
|
||
<view @tap="saveImg" class="navigate-to-where radius30 colf fon36 tcenter">保存二维码</view>
|
||
<view @tap="goShop" class="navigate-to-where radius30 colf fon36 tcenter mar-s50" style="background: #e00c34;">继续购物</view>
|
||
</view>
|
||
</view>
|
||
</status-container>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
imgsrc:'https://s6.jpg.cm/2022/02/14/L4oDhy.jpg',
|
||
richText:''
|
||
}
|
||
},
|
||
onLoad(op) {
|
||
this.$requst.get('/api/order/orderQrCode',{id:op.id}).then(res=>{
|
||
if(res.code==0) {
|
||
this.imgsrc = res.data.path;
|
||
this.richText = this.$toolAll.tools.escape2Html(res.data.content);
|
||
}
|
||
})
|
||
},
|
||
methods: {
|
||
// 提交
|
||
submit(){
|
||
if(this.checkEmpty() && this.flag){
|
||
this.flag = false;
|
||
|
||
}
|
||
},
|
||
// 继续购物
|
||
goShop(){
|
||
uni.reLaunch({
|
||
url:'/pages/tabbar/cate/cate'
|
||
})
|
||
},
|
||
// 保存二维码
|
||
saveImg(){
|
||
this.$toolAll.tools.saveImg(this.imgsrc);
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.navigate-to-where {height: 98rpx;line-height: 98rpx;background: linear-gradient(to right, #ff3772 0%,#fd5548 100%);box-shadow: 0rpx 6rpx 10rpx rgba(0, 0, 0, 0.2);}
|
||
</style>
|