From b8c603e6839e185c7079c7987179ee5ad75a0e36 Mon Sep 17 00:00:00 2001
From: GaoHao <1210693421@qq.com>
Date: Fri, 25 Oct 2024 16:49:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=B6=88=E6=81=AF=E8=AE=A2?=
 =?UTF-8?q?=E9=98=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 http/yskApi/pageNotification.js       |  17 +++
 pageNotification/index.vue            | 197 ++++++++++++++++++++++++++
 pages/index/index.vue                 |   5 +
 static/indexImg/icon-notification.svg |   1 +
 4 files changed, 220 insertions(+)
 create mode 100644 http/yskApi/pageNotification.js
 create mode 100644 pageNotification/index.vue
 create mode 100644 static/indexImg/icon-notification.svg

diff --git a/http/yskApi/pageNotification.js b/http/yskApi/pageNotification.js
new file mode 100644
index 0000000..9597344
--- /dev/null
+++ b/http/yskApi/pageNotification.js
@@ -0,0 +1,17 @@
+import http from './http.js'
+const request=http.request
+
+
+/**
+ * 获取订阅二维码
+ * @returns
+ */
+export function getSubQrCode(params) {
+    return request({
+        url: `/api/msg/subQrCode`,
+        method: 'get',
+        params: {
+			shopId: uni.getStorageSync('shopId'),
+        }
+    })
+}
diff --git a/pageNotification/index.vue b/pageNotification/index.vue
new file mode 100644
index 0000000..f4214fe
--- /dev/null
+++ b/pageNotification/index.vue
@@ -0,0 +1,197 @@
+<template>
+	<view class="page-wrapper">
+		<view class="content">
+			<view class="title">消息订阅码</view>
+			<view ref="qrcode" class="qrcode">
+				<image :src="vdata.QrcodeUrl" style="width: 100%;height: 100%;" mode="scaleToFill" />
+			</view>
+			<view class="bom">
+				<view @click="saveImage">保存订阅码</view>
+			</view>
+		</view>
+		
+	
+	</view>
+</template>
+
+<script setup>
+import { reactive, ref, onMounted  } from 'vue';
+import { onLoad, onShow  } from '@dcloudio/uni-app';
+import infoBox from '@/commons/utils/infoBox.js'
+import qrCode from '@/commons/utils/qrCode.js'
+import { getSubQrCode } from '@/http/yskApi/pageNotification.js'
+import { saveHeadImgFile } from '@/commons/utils/saveImg.js'
+const vdata = reactive({
+	size: 20,
+	QrcodeUrl: "",
+
+});
+
+onLoad((options) => {
+	
+})
+
+
+onShow(() => {
+	getSubQrCode().then((res) => {
+		vdata.QrcodeUrl = res;
+	})
+})
+
+
+
+const saveImage = () => {
+	// #ifdef  APP-PLUS
+	saveQrcodeImg()
+	uni.downloadFile({
+		url: vdata.QrcodeUrl,
+		success: (res) => {
+			console.log(res)
+			if (res.statusCode == 200) {
+				uni.saveImageToPhotosAlbum({
+					filePath: res.tempFilePath,
+					success: (r) => {
+						infoBox.showSuccessToast('保存成功')
+						uni.vibrateShort()
+					},
+					fail: (er) => {
+						console.log(er)
+						infoBox.showErrorToast('保存失败')
+					}
+				})
+			}
+		},
+		fail: (err) => {
+			console.log(err)
+			infoBox.showErrorToast('保存失败')
+		}
+	})
+  // #endif
+  //#ifdef MP-WEIXIN
+  downloadQR()
+  //#endif
+}
+//#ifdef MP-WEIXIN
+function downloadQR() {
+	wx.getSetting({
+		//获取权限
+		success(res) {
+			console.log(res)
+			if (res.authSetting['scope.writePhotosAlbum']) {
+				saveWxQrcodeImg(vdata.QrcodeUrl)
+			} else {
+				wx.authorize({
+					scope: 'scope.writePhotosAlbum',
+					success() {
+						saveWxQrcodeImg(vdata.QrcodeUrl)
+					},
+				})
+			}
+		},
+	})
+}
+
+//#endif
+const saveQrcodeImg = () => {
+	saveHeadImgFile(vdata.QrcodeUrl, 80)
+		.then((success) => {
+		  infoBox.showSuccessToast('保存成功')
+		})
+		.catch((err) => {
+		  console.log(err)
+		  infoBox.showErrorToast('保存失败')
+		})
+}
+
+const saveWxQrcodeImg = (data) => {
+	const fileManager = wx.getFileSystemManager()
+	console.log( )
+	const filePath = wx.env.USER_DATA_PATH + '/qrCode'+new Date().getTime()+'.png'
+	//这块是定义图片的名称，可自定义其他
+	fileManager.writeFile({
+		filePath: filePath,
+		data: data.slice(22),
+		encoding: 'base64',
+		success: (res) => {
+			wx.saveImageToPhotosAlbum({
+				filePath: filePath,
+				success: function (res) {
+					//保存成功
+					infoBox.showSuccessToast('保存成功')
+				},
+				fail: function (err) {
+					console.log(err)
+					//保存失败
+					infoBox.showErrorToast('保存失败')
+				},
+			})
+		},
+		fail: (err) => {
+			infoBox.showErrorToast('保存失败')
+		},
+	})
+}
+
+
+
+</script>
+<style lang="scss" scoped>
+.page-wrapper {
+	min-height: calc(100vh - 90rpx);
+	padding: 48rpx 52rpx;
+	box-sizing: border-box;
+	
+	.content{
+		width: 100%;
+		background-color: #fff;
+		border-radius: 40rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 64rpx 0;
+		box-sizing: border-box;
+		.title{
+			font-weight: bold;
+			font-size: 40rpx;
+			color: #333333;
+		}
+		.qrcode{
+			width: 416rpx;
+			height: 416rpx;
+			margin-top: 50rpx;
+			border: 2rpx solid #333;
+			padding: 15rpx;
+			box-sizing: border-box;
+			border-radius: 20rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		::v-deep .u-qrcode,::v-deep .u-qrcode__content,::v-deep .u-qrcode__canvas{
+			width: 100%!important;
+			height: 100%!important;
+			
+		}
+		.bom{
+			display: flex;
+			margin-top: 110rpx;
+			view{
+				width: 218rpx;
+				height: 64rpx;
+				line-height: 64rpx;
+				text-align: center;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #318AFE;
+				border-radius: 8rpx;
+			}
+			view:nth-child(1){
+				color: #318AFE;
+				border: 2rpx solid #318AFE;
+			}
+			
+		}
+	}
+	
+}
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index bda58f3..75c681b 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -145,6 +145,11 @@
 		// 	icon: '/static/indexImg/icon-staff.svg',
 		// 	pageUrl: 'PAGES_USER'
 		// },
+		{
+			title: '订阅通知',
+			icon: '/static/indexImg/icon-notification.svg',
+			pageUrl: 'PAGES_NOTIFICATION_INDEX',
+		},
 		{
 			title: '设置中心',
 			icon: '/static/indexImg/icon-cashier.svg',
diff --git a/static/indexImg/icon-notification.svg b/static/indexImg/icon-notification.svg
new file mode 100644
index 0000000..87c1ae5
--- /dev/null
+++ b/static/indexImg/icon-notification.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><defs><style>.a{fill:#80bcff;}.b{clip-path:url(#a);}.c{fill:#4c99fe;}.d{fill:#197dff;}</style><clipPath id="a"><rect class="a" width="32" height="32" transform="translate(329 962)"/></clipPath></defs><g class="b" transform="translate(-329 -962)"><g transform="translate(202.143 843.263)"><path class="c" d="M286.412,444.28m-9.08,0a9.08,9.08,0,1,0,9.08-9.08,9.08,9.08,0,0,0-9.08,9.08Z" transform="translate(-143.555 -303.517)"/><path class="d" d="M450.476,127.721A2.432,2.432,0,0,1,448,125.245v-3.3a2.476,2.476,0,1,1,4.953,0v3.3A2.483,2.483,0,0,1,450.476,127.721Z" transform="translate(-307.619)"/><path class="c" d="M213.791,210.185h-18.82A2.959,2.959,0,0,1,192,207.213v-7.1a12.381,12.381,0,1,1,24.763,0v7.1A2.959,2.959,0,0,1,213.791,210.185Z" transform="translate(-61.524 -65.625)"/><path class="d" d="M155.239,644.953H130.476a2.476,2.476,0,1,1,0-4.953h24.763a2.476,2.476,0,1,1,0,4.953Z" transform="translate(0 -500.393)"/></g></g></svg>
\ No newline at end of file