| | |
| | | </view> |
| | | |
| | | <view class="pickup-card"> |
| | | <text class="pickup-title">自提码</text> |
| | | <text class="pickup-title">核销码</text> |
| | | <view class="qrcode-box"> |
| | | <canvas canvas-id="qrcodeCanvas" id="qrcodeCanvas"></canvas> |
| | | <image class="qrcode-image" :src="qrcodeImage" mode="aspectFit"></image> |
| | | <canvas canvas-id="qrcodeCanvas" id="qrcodeCanvas" style="width: 100px; height: 100px;"></canvas> |
| | | <image class="qrcode-image" :src="qrcodeImage" mode="widthFix"></image> |
| | | </view> |
| | | <text class="pickup-code">{{ orderDetail.memberVerifyCode }}</text> |
| | | <text class="pickup-tip" @tap="copyCode">点击复制自提码</text> |
| | | <text class="pickup-tip" @tap="copyCode">点击复制核销码</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | drawQrcode({ |
| | | canvasId: 'qrcodeCanvas', |
| | | text: code, |
| | | width: 200, |
| | | height: 200, |
| | | correctLevel: drawQrcode.CorrectLevel.H |
| | | width: 100, |
| | | height: 100, |
| | | correctLevel: 2 |
| | | }) |
| | | setTimeout(() => { |
| | | uni.canvasToTempFilePath({ |
| | |
| | | }) |
| | | }, |
| | | viewOrder() { |
| | | uni.redirectTo({ |
| | | url: '/pages/itinerary/itinerary?orderId=' + this.orderId |
| | | uni.navigateTo({ |
| | | url:'/pages/delivery-order-detail/delivery-order-detail?userType=0&id='+this.orderId |
| | | }) |
| | | }, |
| | | copyCode() { |
| | |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | height: 360rpx; |
| | | border-radius: 8rpx; |
| | | box-sizing: border-box; |
| | | position: relative; |
| | | canvas { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | opacity: 0; |
| | | } |
| | | } |
| | | |
| | | .qrcode-image { |
| | | width: 100%; |
| | | height: 100%; |
| | | background: #f4f6fa; |
| | | } |
| | | |
| | | .pickup-code { |