| | |
| | | </view> |
| | | </u-popup> |
| | | <u-popup :show="showQrcode" round="15" @close="openQrcode()" :safeAreaInsetBottom="false" mode="bottom" :closeable="true" :closeOnClickOverlay="false"> |
| | | <view class="tc" style="height: 700rpx;width: 100%; "> |
| | | <view class="tc" style="height: auto;width: 100%; "> |
| | | <view class="tc-contemt" style="text-align: center;"> |
| | | <view class="tc-contemt-title" style="text-align: center;">核销码</view> |
| | | <view style="margin-bottom: 30rpx;"> |
| | | <text class="pickup-code" style="font-size: 48rpx;">行李编号:{{ currentOrder.sortnum||'' }}</text> |
| | | <view class="pickup-code" style="margin-left: 60rpx;font-size: 28rpx;text-align: left;font-weight: normal;">用户:{{currentOrder.takeUser||''}}({{currentOrder.takePhone||''}})</view> |
| | | <view class="pickup-code" style="margin-left: 60rpx;font-size: 28rpx;text-align: left;font-weight: normal;">门店:{{currentOrder.depositShopName||''}}</view> |
| | | <view class="item-form-list" style="align-items:baseline;" v-if="currentOrder && currentOrder.orderImages && currentOrder.orderImages.length"> |
| | | <view class="item-form-list-row" v-for="(item,index) in currentOrder.orderImages" key="item"> |
| | | <image :src="item" mode="widthFix" @click="previewImage(currentOrder.orderImages,index)" ></image> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="qrcode-box"> |
| | | <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">{{ currentOrder.memberVerifyCode||'' }}</text> |
| | | <text class="pickup-code">核销码:{{ currentOrder.memberVerifyCode||'' }}</text> |
| | | <text class="pickup-tip" @tap="copyCode">点击复制核销码</text> |
| | | </view> |
| | | |
| | | </view> |
| | | </u-popup> |
| | | <custom-tabbar></custom-tabbar> |
| | |
| | | this.getDataList(); |
| | | }, |
| | | methods: { |
| | | previewImage(images,index = 0) { |
| | | uni.previewImage({ |
| | | current: index, |
| | | urls: images |
| | | }); |
| | | }, |
| | | changeTab(item){ |
| | | this.activeTab = item.value |
| | | this.getFirstPageData() |
| | |
| | | opacity: 0; |
| | | } |
| | | } |
| | | |
| | | .item-form-list { |
| | | max-width: 100%; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | align-items: center; |
| | | justify-content: center; |
| | | gap: 20rpx; |
| | | .item-form-list-row { |
| | | border-radius: 8rpx; |
| | | overflow: hidden; |
| | | image { |
| | | width: 130rpx; |
| | | max-height: 150rpx; |
| | | } |
| | | } |
| | | } |
| | | .qrcode-image { |
| | | width: 100%; |
| | | height: 100%; |