From 09b5cc7e4a2b70b6023bc86358303c25bee11092 Mon Sep 17 00:00:00 2001
From: Lj <1095098147@qq.com>
Date: Fri, 27 Jun 2025 23:22:34 +0800
Subject: [PATCH] =?UTF-8?q?=E2=80=98=E5=AE=8C=E5=96=84=E6=88=91=E7=9A=84?=
 =?UTF-8?q?=E4=BA=8C=E7=BB=B4=E7=A0=81=E5=88=86=E4=BA=AB=EF=BC=8C=E4=BF=9D?=
 =?UTF-8?q?=E5=AD=98=E7=9B=B8=E5=86=8C=E2=80=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/subcomponent/promo-qrcode.vue | 81 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 79 insertions(+), 2 deletions(-)

diff --git a/pages/subcomponent/promo-qrcode.vue b/pages/subcomponent/promo-qrcode.vue
index 2041e37..6af527a 100644
--- a/pages/subcomponent/promo-qrcode.vue
+++ b/pages/subcomponent/promo-qrcode.vue
@@ -26,14 +26,15 @@
 		</view>
 		<!-- 底部按钮 -->
 		<view class="bottom-btns-modal">
-			<button class="btn gray">分享给好友</button>
-			<button class="btn green">保存到本地</button>
+			<button class="btn gray" open-type="share">分享给好友</button>
+			<button class="btn green" @tap="saveToAlbum">保存到本地</button>
 		</view>
 	</view>
 </template>
 
 <script>
 	import pullRefreshMixin from '@/pages/mixins/pullRefreshMixin.js'
+	import config from '@/api/config.js'
 
 	export default {
 		mixins: [pullRefreshMixin],
@@ -58,6 +59,23 @@
 			// 可能要等待获取到数据
 			this.getQrcode()
 		},
+		// 微信小程序分享配置
+		// #ifdef MP-WEIXIN
+		onShareAppMessage() {
+			return {
+				title: `${this.userInfo.name}邀请您一起参与旧衣回收`,
+				path: `/pages/component/home?shareId=${this.inviteCode}`,
+				imageUrl: this.qrcodeUrl || '/static/share-default.png'
+			}
+		},
+		onShareTimeline() {
+			return {
+				title: `${this.userInfo.name}邀请您一起参与旧衣回收，环保从我做起！`,
+				query: `shareId=${this.inviteCode}`,
+				imageUrl: this.qrcodeUrl || '/static/share-default.png'
+			}
+		},
+		// #endif
 		methods: {
 			async onRefresh() {
 				// 模拟刷新数据
@@ -87,6 +105,65 @@
 					})
                 }
             },
+
+			// 保存到手机相册
+			saveToAlbum() {
+				if (!this.qrcodeUrl) {
+					uni.showToast({
+						title: '二维码还未加载完成',
+						icon: 'none'
+					})
+					return
+				}
+				
+				// 先授权相册权限
+				uni.getSetting({
+					success: (res) => {
+						if (!res.authSetting['scope.writePhotosAlbum']) {
+							// 没有权限，申请权限
+							uni.authorize({
+								scope: 'scope.writePhotosAlbum',
+								success: () => {
+									this.doSaveImage()
+								},
+								fail: () => {
+									// 权限被拒绝，引导用户手动开启
+									uni.showModal({
+										title: '提示',
+										content: '需要您授权保存相册权限',
+										showCancel: false,
+										success: () => {
+											uni.openSetting()
+										}
+									})
+								}
+							})
+						} else {
+							// 已有权限，直接保存
+							this.doSaveImage()
+						}
+					}
+				})
+			},
+			// 执行保存图片
+			doSaveImage() {
+				uni.saveImageToPhotosAlbum({
+					filePath: this.qrcodeUrl,
+					success: () => {
+						uni.showToast({
+							title: '保存成功',
+							icon: 'success'
+						})
+					},
+					fail: (err) => {
+						console.log('保存失败', err)
+						uni.showToast({
+							title: '保存失败',
+							icon: 'none'
+						})
+					}
+				})
+			}
 		}
 	}
 </script>