维护

pages/phone/phone.vue

@@ -15,11 +15,34 @@
 					</view>
 					<view class="btn">
 						<button @tap="cancel()">取消</button>
-						<button @tap="bindParent()">确定</button>
+						<button @tap="show=true">确定</button>
 					</view>
 				</view>
 			</uni-card>
 		</uni-section>
+		<view class="masks" style="" v-if="show">
+			<view class="mask">
+				<view class="title">
+					智慧幼儿体质评估与促进系统隐私保护
+				</view>
+				<view class="text" style="">
+					<P>本指引是智慧幼儿体质评估与促进系统小程序开发者为收集、使用和存储您的信息而制定。</P>
+					<p>开发者收集信息：</p>
+					<ul>
+						<li>1、开发者收集您的姓名，用于绑定学生家长信息；</li>
+						<li>2、开发者收集学生身份证号，用于确认学生身份及成绩信息；</li>
+						<li>3、开发者收集您的手机号，用于查询学生绑定的信息；</li>
+					</ul>
+					开发者对信息的存储：
+					<li>1、存储地点：境内</li>
+					<li>2、存储期限：小程序停止运营后及时删除；</li>
+				</view>
+				<view class="btns">
+					<view class="btn1" @tap='show=false'>取消</view>
+					<view class="btn2" @tap='bindParent'>确定</view>
+				</view>
+			</view>
+		</view>
 		<!-- <img src="/static/name.png" alt="" sizes="" srcset=""> -->
 		<!-- <text v-model="data.parentName">{{data.parentName}}</text> -->
 		<!-- <input type="text" v-model="data.phone">-->
@@ -32,14 +55,13 @@
 		bindParent
 	} from '@/api/index/index.js'
 	export default {
-
 		data() {
 			return {
+				show: false,
 				data: {
 					// 370883199909083232
 					// 18363008969
 					// 小刘
-
 					cardNo: "",
 					parentName: "",
 					phone: "",
@@ -50,14 +72,12 @@
 		},
 		methods: {
 			bindParent() {
+				this.show = false;
 				uni.removeStorage({
 					key: 'phone',
-					success: function(res) {
-						console.log(res);
-					}
+					success: function(res) {}
 				});
 				bindParent(this.data).then(res => {
-					console.log((res))
 					if (res.code == 200) {
 						uni.setStorage({
 							key: 'phone',
@@ -90,14 +110,73 @@
 
 		},
 		onLoad(options) {
-			console.log(options)
 			this.data.openId = options.openId
-			console.log(this.data.openId)
 		}
 	}
 </script>
 
 <style lang="scss">
+	.text {
+		margin-top: 40rpx;
+		padding-bottom: 80rpx;
+	}
+
+	.btn1,
+	.btn2 {
+		width: 50%;
+		height: 80rpx;
+		line-height: 80rpx;
+		text-align: center;
+		display: inline-block;
+		position: absolute;
+		background-color: #fff;
+		bottom: -80rpx;
+	}
+
+	.btn2 {
+		border-top: 1px solid #eeeeee;
+		/* background-color: #4486e8; */
+		right: 0;
+	}
+
+	.btn1 {
+		border-top: 1px solid #eeeeee;
+		border-right: 1px solid #eeeeee;
+		background-color: #4486e8;
+		color: #fff;
+		left: 0;
+	}
+
+	.masks {
+		background-color: rgba(246, 247, 248, 0.5);
+		height: 100%;
+		width: 100%;
+		position: absolute;
+		top: 0;
+		z-index: 999;
+	}
+
+	.mask {
+		width: 90%;
+		padding: 0 30rpx 0 30rpx;
+		background-color: #fff;
+		margin: 150rpx auto;
+		opacity: 1;
+		position: relative;
+	}
+
+	.title {
+		height: 100rpx;
+		line-height: 100rpx;
+		border-bottom: 1px solid #eeeeee;
+		/* background-color: red; */
+		font-size: 36rpx;
+		margin: 0px auto;
+		width: 100%;
+		text-align: center;
+		/* line-height: 80rpx; */
+	}
+
 	.content {
 		display: flex;
 		flex-direction: column;
@@ -170,7 +249,7 @@
 
 	.btn {
 		width: 500rpx;
-		height: 80rpx;
+		height: 90rpx;
 		margin: 0 auto;
 		display: flex;
 		justify-content: center;