From dd59458c0c8da7527fdc7fd72594f472bcb3bebf Mon Sep 17 00:00:00 2001
From: wangxiaowei <1121133807@qq.com>
Date: Sun, 30 Jun 2024 00:14:38 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=B7=E6=B1=82=E8=8E=B7=E5=8F=96=E5=B0=8F?=
 =?UTF-8?q?=E7=A8=8B=E5=BA=8F=E6=94=AF=E4=BB=98=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bundle_b/pages/local_shop/local_ercode.vue | 98 ++++++++++++++++++++--
 pages/index/index.vue                      |  2 +-
 2 files changed, 91 insertions(+), 9 deletions(-)

diff --git a/bundle_b/pages/local_shop/local_ercode.vue b/bundle_b/pages/local_shop/local_ercode.vue
index 98ab35d..ba82adb 100644
--- a/bundle_b/pages/local_shop/local_ercode.vue
+++ b/bundle_b/pages/local_shop/local_ercode.vue
@@ -1,18 +1,24 @@
 <template>
 	<view class="content">
 		<view class="basic-info">
-			
+			<image :src="pay_image" class="qrcode"></image>
+		</view>
+		<view v-if="pay_image" class="submit-btn">
+			<button class="btn-style" @click="saveQrcode()">保存二维码</button>
 		</view>
 	</view>
 </template>
 
 <script>
-	import {localStorePayImage} from '@/api/shop.js'
-	
+	import {
+		localStorePayImage
+	} from '@/api/shop.js'
+
 	export default {
 		data() {
 			return {
-				orderList: []
+				orderList: [],
+				pay_image: ''
 			};
 		},
 		onLoad() {
@@ -21,10 +27,60 @@
 		methods: {
 			// 获取商家支付二维码
 			async getPayImage() {
-				await localStorePayImage((res) => {
-					console.log(res)
+				const {
+					data,
+					code,
+					msg
+				} = await localStorePayImage()
+				if (code == 1) {
+					this.pay_image = data.pay_image
+				}
+			},
+			
+			// 保存二维码图片
+			saveQrcode() {
+				// #ifndef H5
+				uni.showLoading({title: '正在下载……'});
+				uni.downloadFile({
+					url: this.pay_image,
+					success: (res) => {
+						if (res.statusCode === 200) {
+							//隐藏加载框
+							uni.hideLoading();
+							uni.saveImageToPhotosAlbum({
+								filePath: res.tempFilePath,
+								success: function(res) {
+									uni.showToast({
+										icon: 'none',
+										mask: true,
+										title: '文件已保存',
+										duration: 3000
+									});
+									
+								},
+								fail: function() {
+									console.log('保存失败');
+								}
+							});
+						}
+					},
+					fail: function() {
+						uni.showToast({
+							icon: 'none',
+							mask: true,
+							title: '失败请重新下载'
+						});
+					}
 				})
-			}
+				// #endif
+				
+				// #ifdef H5
+				this.$toast({
+				    title: '请长按图片保存'
+				})
+				// #endif
+			},
+					
 		}
 	}
 </script>
@@ -32,7 +88,7 @@
 <style lang="scss" scoped>
 	.content {
 		padding: 20rpx;
-		
+
 		.basic-info {
 			width: 100%;
 			padding: 30rpx;
@@ -40,6 +96,32 @@
 			background: #fff;
 			border-radius: 10rpx;
 			margin: 20rpx 0;
+			text-align: center;
+
+			.qrcode {
+				padding: 40rpx 36rpx 40rpx 0;
+				border-radius: 20rpx;
+				background-color: #ffffff;
+				text-align: center;
+				width: 400rpx;
+				height: 400rpx;
+			}
+		}
+
+		.submit-btn {
+			margin-top: 40rpx;
+			width: 100%;
+
+			.btn-style {
+				width: 100%;
+				border: none;
+				border-radius: 999rpx;
+				background: #fb2d2d;
+				color: #fdf8f4;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 4e28912..e55fef3 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -255,7 +255,7 @@
 			scanQRCode() {
 				uni.scanCode({
 					success: function (res) {
-			
+						console.log(res)
 					}
 				});
 			}