Browse Source

订单详情

master
tianyi 4 weeks ago
parent
commit
6aa49a0d0a
  1. 35
      package1/order/orderDetail.vue

35
package1/order/orderDetail.vue

@ -46,19 +46,25 @@
<view class="status-btn">
取消订单
</view>
<!-- <view class="status-btn">
去评价
</view> -->
</view>
</view>
<view class="btn-box">
<view class="btn">
5 去支付
<view class="btn" @tap="openCode">
核销取餐码
</view>
<!-- <view class="">
<!-- <view class="btn">
再来一单
</view>
<view class="">
<view class="btn">
5 去支付
</view>
<view class="btn">
增加配送佣金
</view>
<view class="">
<view class="btn">
取消申请
</view> -->
</view>
@ -169,6 +175,12 @@
</view>
</view>
</view>
<!-- 核销二维码弹出层 -->
<uni-popup ref="imgPopup" background-color="#fff">
<view class="img-popup-content" @tap="$refs.imgPopup.close()">
<img :src="codeImg" alt="" style="width: 330rpx;height: 330rpx;margin: 282rpx 0 0 136rpx;border: 20rpx solid rgba(222, 255, 248, 1);border-radius: 20rpx;">
</view>
</uni-popup>
</view>
</template>
@ -176,7 +188,8 @@
export default {
data() {
return {
menuButtonInfo: {}
menuButtonInfo: {},
codeImg:'https://jewel-shop.oss-cn-beijing.aliyuncs.com/3a4e68eb14d7417cbb4f15fa85907c64.jpg'
}
},
components: {
@ -189,6 +202,9 @@
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
},
methods: {
openCode(){
this.$refs.imgPopup.open()
},
back() {
uni.navigateBack()
}
@ -338,5 +354,10 @@
margin: 0 auto;
font-weight: 700;
}
.img-popup-content {
width: 600rpx;
height: 800rpx;
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/73e684e3319c468d9252461ba3c9e95b.png') no-repeat;
background-size: 100%;
}
</style>
Loading…
Cancel
Save