From a987eccb27891bbfaae334b7fa0e892ee2640271 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期一, 20 四月 2026 17:20:13 +0800
Subject: [PATCH] 调接口加页面
---
small-program/pages/payment-success/payment-success.vue | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 51 insertions(+), 5 deletions(-)
diff --git a/small-program/pages/payment-success/payment-success.vue b/small-program/pages/payment-success/payment-success.vue
index 4c23426..17726d7 100644
--- a/small-program/pages/payment-success/payment-success.vue
+++ b/small-program/pages/payment-success/payment-success.vue
@@ -18,9 +18,10 @@
<view class="pickup-card">
<text class="pickup-title">鑷彁鐮�</text>
<view class="qrcode-box">
- <image class="qrcode-image" src="" mode="aspectFit"></image>
+ <canvas canvas-id="qrcodeCanvas" id="qrcodeCanvas"></canvas>
+ <image class="qrcode-image" :src="qrcodeImage" mode="aspectFit"></image>
</view>
- <text class="pickup-code">38389</text>
+ <text class="pickup-code">{{ orderDetail.memberVerifyCode }}</text>
<text class="pickup-tip" @tap="copyCode">鐐瑰嚮澶嶅埗鑷彁鐮�</text>
</view>
</view>
@@ -28,21 +29,66 @@
</template>
<script>
+ import drawQrcode from 'weapp-qrcode'
+
export default {
+ data() {
+ return {
+ orderId: '',
+ orderDetail: null,
+ qrcodeImage: ''
+ }
+ },
+ onLoad(options) {
+ this.orderId = options.orderId
+ uni.setNavigationBarTitle({
+ title: '鏀粯鎴愬姛'
+ })
+ this.getOrderDetail()
+ },
methods: {
+ async getOrderDetail() {
+ const res = await this.$u.api.getOrderDetail(this.orderId)
+ if (res.code === 200) {
+ this.orderDetail = res.data
+ if (this.orderDetail.memberVerifyCode) {
+ this.generateQrcode(this.orderDetail.memberVerifyCode)
+ }
+ }
+ },
+ generateQrcode(code) {
+ drawQrcode({
+ canvasId: 'qrcodeCanvas',
+ text: code,
+ width: 200,
+ height: 200,
+ correctLevel: drawQrcode.CorrectLevel.H
+ })
+ setTimeout(() => {
+ uni.canvasToTempFilePath({
+ canvasId: 'qrcodeCanvas',
+ success: (res) => {
+ this.qrcodeImage = res.tempFilePath
+ }
+ }, this)
+ }, 100)
+ },
goHome() {
uni.switchTab({
url: '/pages/index/index'
})
},
viewOrder() {
- uni.switchTab({
- url: '/pages/itinerary/itinerary'
+ uni.redirectTo({
+ url: '/pages/itinerary/itinerary?orderId=' + this.orderId
})
},
copyCode() {
+ if (!this.orderDetail || !this.orderDetail.memberVerifyCode) {
+ return
+ }
uni.setClipboardData({
- data: '38389',
+ data: this.orderDetail.memberVerifyCode,
success: () => {
uni.showToast({
title: '宸插鍒惰嚜鎻愮爜',
--
Gitblit v1.9.3