mall-applet1/pagesB/finish/finish.vue

66 lines
2.0 KiB
Vue
Raw Normal View History

<template>
2022-06-08 06:00:10 +00:00
<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>