From 508ca8f1358afe739c2ce8950e92c88da4bdb0a8 Mon Sep 17 00:00:00 2001
From: PQZ <pangqingzhou@gmail.com>
Date: Tue, 24 Sep 2024 00:19:47 +0800
Subject: [PATCH] 1

---
 pages/orderList/orderList.vue | 27 ++++++++++-----------------
 1 file changed, 10 insertions(+), 17 deletions(-)

diff --git a/pages/orderList/orderList.vue b/pages/orderList/orderList.vue
index 645604f..72c408c 100644
--- a/pages/orderList/orderList.vue
+++ b/pages/orderList/orderList.vue
@@ -42,24 +42,19 @@
 						<view @click="gotoEvaluate(item)" class="evaluate" >评价订单</view>
 					</view>
 				</view>
-				<canvas style="width:200px; height: 200px; z-index: 9999999;margin: 40px auto;"
-										canvas-id="myQrcode"></canvas>
 				 
 			</view>
 			
 			<uni-popup ref="popup" type="center" border-radius="10px 10px 0 0" @change="popupChange">
 				
-					<view style="padding: 30rpx;border-radius:20rpx;width: 600rpx;background-color: #fff;display: flex;align-items: center;row-gap: 10rpx;flex-direction: column;">
-					  <div>11{{imageUrl}}</div>
-					  <img  style="width: 200px; height: 200px;"   :src="imageUrl" />  
-					 
-						
-					  <view class="popup-title">长按扫一扫支付</view>
+					<view style="position: relative;padding: 30rpx;border-radius:20rpx;width: 600rpx;background-color: #fff;display: flex;align-items: center;row-gap: 10rpx;flex-direction: column;">
+					  <canvas style="width:200px; height: 200px;"
+					  						canvas-id="myQrcode"></canvas>
+					  <img id="dl-pay-img" style="width: 200px; height: 200px;position: absolute;top: 30rpx;" :key="imageUrl"  :src="imageUrl" />  
+					  <view class="popup-title">长按识别图中二维码支付</view>
 					</view>
 			</uni-popup>
-		
 		</view>
-
 		<tabBarVue msg="2"></tabBarVue>
 	</view>
 </template>
@@ -81,7 +76,7 @@
 				activeKey: 0,
 				pageNum:1,
 				totalPages:0,
-				imageUrl:null,
+				imageUrl:'',
 				tabList: [{
 						id: 0,
 						title: '全部订单'
@@ -175,12 +170,8 @@
 							canvasId: 'myQrcode',
 							text: res.data.code_url
 						})
-					}, 60)
-					setTimeout(()=>{
 						that.convertToImage()
-					
-					}, 500)
-			
+					}, 60)
 				})
 			},
 	
@@ -191,7 +182,9 @@
 				  canvasId: 'myQrcode',
 				  success: function(res) {
 					// 在H5平台下，tempFilePath 为 base64
-					this.imageUrl = res.tempFilePath.replace(/[\r\n]/g, "")
+					// this.imageUrl = res.tempFilePath.replace(/[\r\n]/g, "")
+					document.getElementById("dl-pay-img").setAttribute("src",res.tempFilePath.replace(/[\r\n]/g, ""))
+					this.$forceUpdate()
 					console.log(this.imageUrl,200);
 				  }
 				})