From 330eff08239e1c06b8f8c860aa761433d04463e0 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Fri, 15 Dec 2023 13:52:04 +0800
Subject: [PATCH] up

---
 components/privacy-popup/privacy-popup.vue | 202 +++++++++++++++++++++
 manifest.json                              |   1 +
 pages/visit/tostudy.vue                    |  18 ++
 3 files changed, 221 insertions(+)
 create mode 100644 components/privacy-popup/privacy-popup.vue

diff --git a/components/privacy-popup/privacy-popup.vue b/components/privacy-popup/privacy-popup.vue
new file mode 100644
index 0000000..75eb56d
--- /dev/null
+++ b/components/privacy-popup/privacy-popup.vue
@@ -0,0 +1,202 @@
+<template>
+	<view v-if="showPrivacy" :class="privacyClass">
+		<view :class="contentClass">
+			<view class="title">隐私保护指引</view>
+			<view class="des">
+				感谢选择我们的小程序，我们非常重视您的个人信息安全和隐私保护。根据最新法律要求，使用我们的产品前，请仔细阅读“<text class="link"
+					@tap="openPrivacyContract">{{privacyContractName}}
+				</text>”，以便我们向您提供更优质的服务！<br />我们将尽全力保护您的个人信息及合法权益，感谢您的信任！
+
+				<br />
+			</view>
+			<view class="btns">
+				<button class="item reject" @tap="exitMiniProgram">拒绝</button>
+				<button id="agree-btn" class="item agree" open-type="agreePrivacyAuthorization"
+					@agreeprivacyauthorization="handleAgreePrivacyAuthorization">同意</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'PrivacyPopup',
+		data() {
+			return {
+				privacyContractName: '',
+				showPrivacy: false,
+				isRead: false,
+				resolvePrivacyAuthorization: null,
+			};
+		},
+		props: {
+			position: {
+				type: String,
+				default: 'center'
+			}
+		},
+		computed: {
+			privacyClass() {
+				return this.position === 'bottom' ? 'privacy privacy-bottom' : 'privacy';
+			},
+			contentClass() {
+				return this.position === 'bottom' ? 'content content-bottom' : 'content';
+			}
+		},
+		mounted() {							
+			console.log("123",wx.getPrivacySetting)
+			if (wx.onNeedPrivacyAuthorization) {
+				wx.onNeedPrivacyAuthorization((resolve) => {
+					this.resolvePrivacyAuthorization = resolve;
+				});
+			}
+
+			if (wx.getPrivacySetting) {
+				wx.getPrivacySetting({
+					success: (res) => {
+						console.log(res, 'getPrivacySetting');
+						if (res.needAuthorization) {
+							this.privacyContractName = res.privacyContractName;
+							this.showPrivacy = true;
+						}
+					},
+				});
+			}
+		},
+
+		methods: {
+			openPrivacyContract() {
+				wx.openPrivacyContract({
+					success: () => {
+						this.isRead = true;
+					},
+					fail: () => {
+						uni.showToast({
+							title: '遇到错误',
+							icon: 'error',
+						});
+					},
+				});
+			},
+			exitMiniProgram() {
+				this.$emit('reject-privacy'); // 当用户拒绝隐私政策时发出事件
+				wx.exitMiniProgram();
+
+			},
+			handleAgreePrivacyAuthorization() {
+				// if (this.isRead) {
+				this.showPrivacy = false;
+				this.$emit('agree-privacy'); // 当用户同意隐私政策时发出事件
+				if (typeof this.resolvePrivacyAuthorization === 'function') {
+					this.resolvePrivacyAuthorization({
+						buttonId: 'agree-btn',
+						event: 'agree',
+					});
+				}
+				// } else {
+				// 	uni.showToast({
+				// 		title: '请先阅读隐私授权协议',
+				// 		icon: 'error',
+				// 	});
+				// }
+			},
+		},
+	};
+</script>
+
+<style scoped>
+	.privacy {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		background: rgba(0, 0, 0, .5);
+		z-index: 9999999;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.privacy-bottom {
+		align-items: flex-end;
+	}
+
+	.content {
+		width: 632rpx;
+		padding: 48rpx;
+		box-sizing: border-box;
+		background: #fff;
+		border-radius: 16rpx;
+	}
+
+	.content-bottom {
+		position: absolute;
+		bottom: 0;
+		width: 96%;
+		padding: 36rpx;
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		border-radius: 16rpx 16rpx 0 0;
+	}
+
+	.content .title {
+		text-align: center;
+		color: #333;
+		font-weight: bold;
+		font-size: 32rpx;
+	}
+
+	.content .des {
+		font-size: 26rpx;
+		color: #666;
+		margin-top: 40rpx;
+		text-align: justify;
+		line-height: 1.6;
+	}
+
+	.content .des .link {
+		color: #044ed7;
+		text-decoration: underline;
+	}
+
+	.btns {
+		margin-top: 48rpx;
+		margin-bottom: 12rpx;
+		display: flex;
+	}
+
+	.btns .item {
+		width: 200rpx;
+		height: 72rpx;
+		overflow: visible;
+		display: flex;
+		align-items: center;
+
+		justify-content: center;
+		/* border-radius: 16rpx; */
+		box-sizing: border-box;
+		border: none !important;
+	}
+
+	.btns .reject {
+		background: #f4f4f5;
+		color: #666;
+		font-size: 14px;
+		font-weight: 300;
+		margin-right: 16rpx;
+	}
+
+	.btns .agree {
+		width: 320rpx;
+		background: #07c160;
+		color: #fff;
+		font-size: 16px;
+
+	}
+
+	.privacy-bottom .btns .agree {
+		width: 440rpx;
+
+	}
+</style>
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
index 5abab88..0a4ea89 100644
--- a/manifest.json
+++ b/manifest.json
@@ -51,6 +51,7 @@
     /* 小程序特有相关 */
     "mp-weixin" : {
         "appid" : "wx35190cc07e73eda1",
+		"__usePrivacyCheck__": true,
         "setting" : {
             "urlCheck" : false,
             "minified" : false
diff --git a/pages/visit/tostudy.vue b/pages/visit/tostudy.vue
index 3718ee6..ea5312e 100644
--- a/pages/visit/tostudy.vue
+++ b/pages/visit/tostudy.vue
@@ -1,5 +1,9 @@
 <template>
 	<view class="containers">
+		 <!-- #ifdef MP-WEIXIN -->
+		    <privacy-popup ref="privacyComponent"  @agree-privacy="onAgreePrivacy"
+        @reject-privacy="onRejectPrivacy"></privacy-popup> 
+		    <!-- #endif -->
 		<view class="steps">
 			<uni-steps :options="steps" :active="stepActive" active-color="#044ed7" />
 		</view>
@@ -24,7 +28,11 @@
 </template>
 
 <script>
+	import PrivacyPopup from '@/components/privacy-popup/privacy-popup.vue';
 	export default{
+		components: {
+			PrivacyPopup
+		},
 		data(){
 			return{
 				steps: [{
@@ -95,6 +103,16 @@
 			}
 		},
 		methods:{
+			onAgreePrivacy() {
+				// 用户同意隐私政策
+				// 在这里添加您想要执行的代码
+				console.log('User agreed to the privacy policy');
+			},
+			onRejectPrivacy() {
+				// 用户拒绝隐私政策
+				// 在这里添加您想要执行的代码
+				console.log('User rejected the privacy policy');
+			},
 			toUrl(){
 				this.$refs['formdata'].validate().then(res => {
 					uni.setStorageSync('studydata', this.form)