From f6b1002af390d007c524718be902c715a74cb0ea Mon Sep 17 00:00:00 2001
From: Fox-33 <1466778434@qq.com>
Date: Wed, 19 Mar 2025 23:02:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=99=BB=E9=99=86=E9=A1=B5=E9=9D=A2;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages_order/auth/agreementModal.vue  | 111 +++++++++++++
 pages_order/auth/wxLogin.vue         | 254 ++++++++++++++++--------------
 pages_order/auth/wxUserInfo.vue      | 292 ++++++++++++++++++++++++++++-------
 pages_order/static/auth/avatar.png   | Bin 0 -> 1623 bytes
 pages_order/static/auth/caution.png  | Bin 0 -> 2277 bytes
 pages_order/static/auth/logo.png     | Bin 0 -> 9383 bytes
 pages_order/static/auth/selected.png | Bin 0 -> 916 bytes
 7 files changed, 483 insertions(+), 174 deletions(-)
 create mode 100644 pages_order/auth/agreementModal.vue
 create mode 100644 pages_order/static/auth/avatar.png
 create mode 100644 pages_order/static/auth/caution.png
 create mode 100644 pages_order/static/auth/logo.png
 create mode 100644 pages_order/static/auth/selected.png

diff --git a/pages_order/auth/agreementModal.vue b/pages_order/auth/agreementModal.vue
new file mode 100644
index 0000000..01db0c6
--- /dev/null
+++ b/pages_order/auth/agreementModal.vue
@@ -0,0 +1,111 @@
+<template>
+  <view>
+    <uv-modal ref="modal" :showConfirmButton="false">
+      <view class="modal__view">
+        <view class="header">
+          <image class="icon" src="../static/auth/caution.png" mode=""></image>
+          <view>
+            服务协议和隐私权政策
+          </view>
+        </view>
+        <view class="content">
+          <!-- todo: 替换成接口获取 -->
+          请您务必审慎阅读、充分理解用户协议和隐私政策各条款，包括但不限于用户注意事项、用户行为规范以及为了向你提供服务而收集、使用、存储你个人信息的情况等。你可阅读
+          <text class="highlight" @click="$refs.popup.open('getUserAgreement')">《裂变星小程序用户服务协议》</text>
+          和
+          <text class="highlight" @click="$refs.popup.open('getPrivacyPolicy')">《裂变星小程序平台隐私权政策》</text>
+          了解详细信息。如你同意，请点击下方按钮开始接受我们的服务。
+        </view>
+        <view class="footer flex">
+          <button class="btn" @click="onConfirm(false)">不同意</button>
+          <button class="btn btn-confirm" @click="onConfirm(true)">同意</button>
+        </view>
+      </view>
+    </uv-modal>
+
+		<configPopup ref="popup"></configPopup>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'agreementModal',
+  data() {
+    return {
+    }
+  },
+  methods: {
+    open() {
+      this.$refs.modal.open()
+    },
+    onConfirm(confirm) {
+      this.$emit('confirm', confirm)
+      this.$refs.modal.close()
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.modal__view {
+  display: flex;
+  flex-direction: column;
+  padding: 12rpx 0 0 0;
+}
+
+.header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  font-size: 32rpx;
+  font-family: PingFang SC, PingFang SC-Regular;
+  font-weight: 400;
+  color: #000000;
+  .icon {
+    width: 90rpx;
+    height: 90rpx;
+    margin-bottom: 26rpx;
+  }
+}
+
+.content {
+  margin-top: 30rpx;
+  font-size: 30rpx;
+  font-family: PingFang SC, PingFang SC-Regular;
+  font-weight: 500;
+  text-align: left;
+  color: #A2A2A2;
+
+  .highlight {
+    color: #474747;
+    font-weight: 700;
+  }
+}
+
+.footer {
+  margin-top: 60rpx;
+  text-align: center;
+  justify-content: space-between;
+  .btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 10rpx;
+    width: 258rpx;
+    height: 92rpx;
+    font-size: 36rpx;
+    font-family: PingFang SC, PingFang SC-Regular;
+    font-weight: 400;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    background: #F2F2F2;
+    color: #C3C3C3;
+    &-confirm {
+      background: #07C160;
+      color: #ffffff;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages_order/auth/wxLogin.vue b/pages_order/auth/wxLogin.vue
index 292f9d1..6e88e0b 100644
--- a/pages_order/auth/wxLogin.vue
+++ b/pages_order/auth/wxLogin.vue
@@ -1,67 +1,95 @@
 <template>
-	<view class="login">
-		<view class="logo">
-			<!-- <image src="/static/image/login/logo.png" mode=""></image> -->
-		</view>
-		<view class="title">
-			欢迎使用酒店桌布租赁平台
-		</view>
-		<view class="btn mt"
-			@click="wxLogin">
-			<view class="icon">
-				<image src="../static/auth/wx.png" mode=""></image>
-			</view>
-			<view class="">
-				微信授权登录
+	<view class="page">
+		<navbar title="登录" leftClick @leftClick="$utils.navigateBack" />
+
+		<view class="flex flex-column" style="justify-content: flex-start;">
+
+			<!-- todo: 换回接口提供的 -->
+			<image class="logo" src="../static/auth/logo.png" mode=""></image>
+
+			<view class="title">
+				<!-- todo: 换回接口提供的 -->
+				裂变星小程序
 			</view>
-		</view>
-		<!-- <view class="btn b2">
-			使用短信验证登录
-		</view> -->
-		<view class="btn b2"
-		@click="qux">
-			取消登录
-		</view>
-		
-		
-		
-		<view class="config">
-			<uv-checkbox-group
-				v-model="checkboxValue"
-				shape="circle">
-				<view class="content">
-					<view
-					style="display: flex;">
-						
-						<uv-checkbox
-							size="40rpx"
-							icon-size="30rpx"
-							activeColor="#FD5100"
-							:name="1"
-						></uv-checkbox>
-						阅读并同意我们的<text @click="$refs.popup.open('getPrivacyPolicy')">“服务协议与隐私条款”</text>
-					</view>
-					<view class="">
-						以及<text @click="$refs.popup.open('getUserAgreement')">个人信息保护指引</text>
-					</view>
+
+			<view class="operation">
+
+				<button
+					:plain="true" :hairline="false"
+					class="btn"
+					open-type="getPhoneNumber" 
+					@getphonenumber="getPhoneNumber"
+				>
+					授权手机号登录
+				</button>
+				
+				<view class="agreement">
+					<uv-checkbox-group
+						v-model="checkboxValue"
+						shape="circle">
+						<view>
+							<uv-checkbox
+								size="32rpx"
+								icon-size="32rpx"
+								activeColor="#07C160"
+								:name="1"
+								:customStyle="{
+									display: 'inline-block',
+									marginRight: '20rpx',
+								}"
+							></uv-checkbox>
+							<text style="vertical-align: super;">
+								我已阅读<text class="highlight" @click="openModal">《XXX小程序用户注册协议》《XXX小程序隐私保护协议》</text>
+							</text>
+						</view>
+					</uv-checkbox-group>
 				</view>
-			</uv-checkbox-group>
+
+			</view>
+			
 		</view>
-		
-		<configPopup ref="popup"></configPopup>
+
+		<agreementModal ref="modal" @confirm="onConfirmAggrement"></agreementModal>
 		
 	</view>
 </template>
 
 <script>
+	import agreementModal from './agreementModal.vue'
+
 	export default {
 		name : 'Login',
+		components: {
+			agreementModal
+		},
 		data() {
 			return {
 				checkboxValue : []
 			}
 		},
 		methods: {
+			getPhoneNumber(e){
+				console.log(e, e.detail.code);
+
+				// check
+				// this.$api('bindPhone', {
+				// 	phoneCode : e.detail.code
+				// }, res => {
+				// 	if(res.code == 200){
+				// 		let phoneObj = JSON.parse(res.result)
+				// 		if(phoneObj.errmsg == 'ok'){
+				// 			this.userInfoForm.phone = phoneObj.phone_info.phoneNumber
+				// 		}else{
+				// 			uni.showModal({
+				// 				title: phoneObj.errmsg
+				// 			})
+				// 		}
+				// 		console.log(phoneObj);
+				// 	}
+				// })
+
+				this.wxLogin(phoneCode)
+			},
 			wxLogin(){
 				if(!this.checkboxValue.length){
 					return uni.showToast({
@@ -71,85 +99,73 @@
 				}
 				this.$store.commit('login')
 			},
-			qux(){
-				uni.reLaunch({
-					url: '/pages/index/index'
-				})
+			openModal() {
+				this.$refs.modal.open()
+			},
+			onConfirmAggrement(confirm) {
+				if (confirm) {
+					this.checkboxValue = [1]
+				} else {
+					this.checkboxValue = []
+				}
 			},
 		}
 	}
 </script>
 
 <style scoped lang="scss">
-.login{
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 80vh;
-	flex-direction: column;
+.page {
+	background-color: $uni-fg-color;
 	position: relative;
-	.logo{
-		height: 140rpx;
-		width: 140rpx;
-		background-color: #ddd;
-		border-radius: 30rpx;
-		image{
-			height: 140rpx;
-			width: 140rpx;
-			border-radius: 30rpx;
-		}
-		margin-bottom: 20rpx;
-	}
-	.title{
-		position: relative;
-		font-weight: 900;
-		font-size: 45rpx;
-		&::after{
-			content: '';
-			position: absolute;
-			left: 0;
-			top: 100%;
-			display: block;
-			height: 8rpx;
-			width: 210rpx;
-			background: linear-gradient(to right,$uni-color, #fff);
-		}
-	}
-	.btn{
-		width: 80%;
-		height: 100rpx;
-		background-color: $uni-color;
-		color: #fff;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		margin: 20rpx 0;
-		border-radius: 20rpx;
-		.icon{
-			margin-right: 10rpx;
-			image{
-				width: 40rpx;
-				height: 35rpx;
-			}
-		}
-	}
-	.b2{
-		background-color: rgba($uni-color, 0.2);
-		color: $uni-color;
-	}
-	.mt{
-		margin-top: 200rpx;
-	}
-	
-	.config{
-		position: absolute;
-		bottom: 0;
-		font-size: 24rpx;
-		text-align: center;
-		line-height: 40rpx;
-		text{
-			color: $uni-color;
-		}
+	width: 100vw;
+	height: 100vh;
+}
+
+.logo {
+	width: 148rpx;
+	height: 148rpx;
+	margin-top: 96rpx;
+}
+
+.title {
+	color: #333333;
+	font-size: 32rpx;
+	font-weight: 900;
+	margin-top: 20rpx;
+}
+
+.operation {
+	position: absolute;
+	bottom: 452rpx;
+	left: 0;
+	width: 100vw;
+	padding: 0 60rpx;
+	box-sizing: border-box;
+}
+
+.btn {
+	width: 100%;
+	height: auto;
+	border-radius: 45rpx;
+	background-color: #07C160;
+	color: #FFFFFF;
+	border: none;
+	padding: 25rpx 0;
+	box-sizing: border-box;
+	font-size: 28rpx;
+	line-height: 1;
+	margin: 0;
+}
+
+.agreement {
+	margin-top: 41rpx;
+
+	color: #474747;
+	font-size: 24rpx;
+	line-height: 32rpx;
+
+	.highlight {
+		color: #05D9A2;
 	}
 }
 </style>
diff --git a/pages_order/auth/wxUserInfo.vue b/pages_order/auth/wxUserInfo.vue
index 50c988f..2ba249b 100644
--- a/pages_order/auth/wxUserInfo.vue
+++ b/pages_order/auth/wxUserInfo.vue
@@ -1,37 +1,108 @@
 <template>
-	<view class="login">
+	<view class="page flex flex-column">
+		<!-- todo: 换回接口提供的 -->
+			
+		<image class="logo" src="../static/auth/logo.png" mode=""></image>
+
 		<view class="title">
-			酒店桌布租赁平台
+			<!-- todo: 换回接口提供的 -->
+			裂变星小程序
 		</view>
-		<view class="title">
+
+		<view class="desc">
 			申请获取你的头像、昵称
 		</view>
 
-		<button class="chooseAvatar" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
-			<view class="line">
-				<view class="">
+		<view class="form">
+			<view class="form-item">
+				<view class="label">
 					头像
 				</view>
-				<view class="">
-					<image :src="userInfo.headImage" v-if="userInfo.headImage" style="width: 60rpx;height: 60rpx;"
-						mode=""></image>
+				<view class="content">
+					<button class="btn-avatar" :plain="true" :hairline="false" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
+						
+						<image :src="userInfoForm.headImage" v-if="userInfoForm.headImage" class="avatar"
+							mode=""></image>
+						
+						<image src="../static/auth/avatar.png" v-else class="avatar"
+							mode=""></image>
 
-					<image src="../static/auth/headImage.png" v-else style="width: 50rpx;height: 50rpx;" mode=""></image>
+						</button>
 				</view>
 			</view>
-		</button>
-		<view class="line">
-			<view class="">
-				昵称
+			<view class="form-item">
+				<view class="label">
+					昵称
+				</view>
+				<view class="content">
+					<input 
+					 	id="nickName"
+						type="nickname" 
+						placeholder="请输入昵称" 
+						style="text-align: right;"
+						placeholder-class="auth-placeholder"
+						v-model="userInfoForm.nickName" 
+					/>
+				</view>
 			</view>
-			<view class="">
-				<input type="nickname" placeholder="请输入昵称" style="text-align: right;" id="nickName"
-					v-model="userInfo.nickName" />
+			<view class="form-item">
+				<view class="label">
+					微信号
+				</view>
+				<view class="content">
+					<input 
+					 	id="nickName"
+						type="nickname" 
+						placeholder="请输入微信号" 
+						style="text-align: right;"
+						placeholder-class="auth-placeholder"
+						v-model="userInfoForm.nickName" 
+					/>
+				</view>
 			</view>
+			<!-- <view class="form-item">
+				<view class="label">
+					手机号
+				</view>
+				<view class="content">
+					<input v-if="userInfoForm.phone" 
+						placeholder-class="auth-placeholder"
+						placeholder="请输入手机号" 
+						style="text-align: right;"
+						disabled
+						v-model="userInfoForm.phone" 
+					/>
+					<view v-else>
+						<button
+							:plain="true" :hairline="false"
+							class="btn-phone"
+							open-type="getPhoneNumber" 
+							@getphonenumber="getPhone"
+						>
+							获取电话号码
+						</button>
+					</view>
+				</view>
+			</view> -->
 		</view>
-		<view class="btn" @click="submit">
+		
+		
+		<button
+			:plain="true" :hairline="false"
+			class="btn"
+			open-type="getPhoneNumber" 
+			@getphonenumber="getPhone"
+		>
+			获取电话号码
+		</button>
+		<button
+			:plain="true" :hairline="false"
+			class="btn btn-confirm"
+			@click="submit"
+		>
 			确认
-		</view>
+		</button>
+		
 	</view>
 </template>
 
@@ -39,21 +110,43 @@
 	export default {
 		data() {
 			return {
-				userInfo: {
+				userInfoForm: {
 					headImage: '',
 					nickName: '',
+					phone : '',
 				}
 			};
 		},
 		onShow() {},
+		onLoad() {
+			this.userInfoForm.phone = this.userInfo.phone || ''
+			this.userInfoForm.nickName = this.userInfo.nickName || ''
+			this.userInfoForm.headImage = this.userInfo.headImage || ''
+		},
 		computed: {},
 		methods: {
 			onChooseAvatar(res) {
-				let self = this
-				self.$Oss.ossUpload(res.target.avatarUrl)
-					.then(url => {
-						self.userInfo.headImage = url
-					})
+				this.$Oss.ossUpload(res.target.avatarUrl)
+				.then(url => {
+					this.userInfoForm.headImage = url
+				})
+			},
+			getPhone(e){
+				this.$api('bindPhone', {
+					phoneCode : e.detail.code
+				}, res => {
+					if(res.code == 200){
+						let phoneObj = JSON.parse(res.result)
+						if(phoneObj.errmsg == 'ok'){
+							this.userInfoForm.phone = phoneObj.phone_info.phoneNumber
+						}else{
+							uni.showModal({
+								title: phoneObj.errmsg
+							})
+						}
+						console.log(phoneObj);
+					}
+				})
 			},
 			submit() {
 				let self = this
@@ -65,18 +158,23 @@
 					})
 					.exec((res) => {
 						const nickName = res?.[0]?.value
-						self.userInfo.nickName = nickName
+						self.userInfoForm.nickName = nickName
 						
-						if (self.$utils.verificationAll(self.userInfo, {
+						if (self.$utils.verificationAll(self.userInfoForm, {
 								headImage: '请选择头像',
 								nickName: '请填写昵称',
+								phone: '请填写手机号',
 							})) {
 							return
 						}
 						
-						self.$api('updateInfo', self.userInfo, res => {
+						self.$api('updateInfo', {
+							avatarUrl : self.userInfoForm.headImage,
+							nickName : self.userInfoForm.nickName,
+							phone : self.userInfoForm.phone,
+						}, res => {
 							if (res.code == 200) {
-								uni.switchTab({
+								uni.reLaunch({
 									url:'/pages/index/index'
 								})
 							}
@@ -89,45 +187,129 @@
 </script>
 
 <style lang="scss" scoped>
-	.login {
+	.page {
+		background-color: $uni-fg-color;
+		position: relative;
+		width: 100vw;
+		height: 100vh;
+		padding-top: calc(#{$navbar-height} + var(--status-bar-height) + 20rpx);
+		padding-left: 60rpx;
+		padding-right: 60rpx;
+		box-sizing: border-box;
+		justify-content: flex-start;
+	}
+
+	.logo {
+		width: 148rpx;
+		height: 148rpx;
+		margin-top: 96rpx;
+	}
+
+	.title {
+		color: #333333;
+		font-size: 32rpx;
+		font-weight: 900;
+		margin-top: 20rpx;
+	}
+	
+	.desc {
+		color: #474747;
+		font-size: 28rpx;
+		margin-top: 40rpx;
+	}
+
+	.form {
+		margin-top: 120rpx;
+		margin-bottom: 193rpx;
+		width: 100%;
 		display: flex;
 		flex-direction: column;
-		justify-content: center;
 		align-items: center;
-		height: 80vh;
 
-		.title {
-			line-height: 45rpx;
-			font-weight: 900;
-		}
+		box-sizing: border-box;
+
+		.form-item {
+			width: 100%;
+			min-height: 136rpx;
+			border-bottom: 1rpx solid #E8E8E8;
 
-		.line {
 			display: flex;
-			justify-content: space-between;
 			align-items: center;
-			width: 80%;
-			border-bottom: 1px solid #00000023;
-			padding: 30rpx 0;
-			margin: 0 auto;
+			justify-content: center;
+
+			&:first-child {
+				border-top: 1rpx solid #E8E8E8;
+			}
+
+			.label {
+				width: 110rpx;
+				font-size: 36rpx;
+				font-weight: 500;
+				text-align: left;
+				color: #474747;
+			}
+
+			.content {
+				flex: 1;
+				text-align: right;
+			}
 		}
 
-		.chooseAvatar {
-			width: 100%;
+		.btn-avatar {
+			background: transparent;
+			border: none;
+			border-radius: none;
+			box-shadow: none;
 			padding: 0;
 			margin: 0;
-			margin-top: 10vh;
+			font-size: 0;
+			text-align: right;
+		}
+
+		.avatar {
+			display: inline-block;
+			width: 96rpx;
+			height: 96rpx;
+		}
+
+		.btn-phone {
 			border: none;
+			border-radius: 0;
+			padding: 7rpx;
+			margin: 0;
+			text-align: right;
+			color: #7C7C7C;
+			font-size: 26rpx;
+			line-height: 1;
+		}
+
+	}
+	
+	.auth-placeholder {
+		color: #7C7C7C;
+		font-size: 26rpx;
+	}
+
+	
+	.btn {
+		width: 100%;
+		height: auto;
+		border-radius: 45rpx;
+		color: #07C160;
+		border-color: #07C160;
+		padding: 25rpx 0;
+		box-sizing: border-box;
+		font-size: 28rpx;
+		line-height: 1;
+		margin: 0;
+
+		&-confirm {
+			background-color: #07C160;
+			color: #FFFFFF;
 		}
 
-		.btn {
-			// background: $uni-linear-gradient-btn-color;
-			background: $uni-color;
-			color: #fff;
-			width: 80%;
-			padding: 20rpx 0;
-			text-align: center;
-			border-radius: 15rpx;
-			margin-top: 10vh;
+		& + & {
+			margin-top: 34rpx;
 		}
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/pages_order/static/auth/avatar.png b/pages_order/static/auth/avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..ddc0214459b17d5444a39551e711ced23e33525f
GIT binary patch
literal 1623
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
VIZ(gwNqGPO002ovPDHLkV1i19=urRw

literal 0
HcmV?d00001

diff --git a/pages_order/static/auth/caution.png b/pages_order/static/auth/caution.png
new file mode 100644
index 0000000000000000000000000000000000000000..4ead2b624d3a841892ef83346965a6b9fbfd0d09
GIT binary patch
literal 2277
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

literal 0
HcmV?d00001

diff --git a/pages_order/static/auth/logo.png b/pages_order/static/auth/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfe9b0e0da7760658a742eec8159498a1e686cdc
GIT binary patch
literal 9383
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

literal 0
HcmV?d00001

diff --git a/pages_order/static/auth/selected.png b/pages_order/static/auth/selected.png
new file mode 100644
index 0000000000000000000000000000000000000000..51d7a510693c81deb665d2d8daab393e1f5e9416
GIT binary patch
literal 916
zcmV;F18e+=P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px&PDw;TR9Hu~S6xU{K@|RGb-in5Wfnq$L>56mphhX0cg><m`g=`C?^0q#X4Y$9
z&|8HXQbCd4rI#KmGD0D!xT{tosr`V}Ly$pKmX%sMyY5ch(fxCG@4c(L^LFo?^L^hr
zb7tlYK@`KRROFgqst2$?f?Jy>5$9Y*@_<oTqHD-N1V?2jK#Fv20}UAKqE@>I0;c7s
zDIiI)*$G%hRK&B48H4OBk!_JM!VBP0OKt%A88W1fF)G><!et|rpuI*AQpP3?;YMjh
z|E5|{)=UH4LIenkq`78Ma)y{ws~p4`^dUGT3WlWll4$x9IH@QLUK^hP!67w*;Z$77
z{j3dCl+UQ2egSb#{p`TJOTh&QN@Y7hcE>vUNwJkfX1%DzcjxHr4cbAi_OclPu`j$2
zTP`8XlFmu<`|9y(d?;)|5_7kdW12#LETg}?`VgvDlyb=4v5zS3KOYv}lZad*DAEG}
zdt)Uae^EA+oU<Ix#oS2kJfa2NrV5DJz86ep{MmZlM`&?GJb`^SF%{q~Iu$+hc@2KL
z#&r{`DPXkt2JQ~`!uHM|RV2i(g;%g7aRHw$AH0ft!@auX{2Yk11mzipXjxmuK|a$F
ztm)zBM%ZzC-3c66wu#R@8hL|#ZyOAeYYI>&e-vHA!UPKkb2AT8IuC~c?@7<Wo%OZ+
z|CoCc%e#*mCf6098a&IbM_%emAL!EVqxk2ZzR=W^tEu-6BSkk`ow@|~HCilge=++Y
zYBG2Fd<**OF)%)az@kg*s>X!J8CCQE+KAa<%QG?dQqOZo+6Fw_=&u7On?e#v<ZioO
zUx4y^P!A$xo*zW&U!!M1M$%$@DrgD<y7jFKRqt;`O|Ckq7gE%h5dp!3*un|F&|g^9
zb9zqXV620d%v?s%WMOV>p<Y4P@r(eqoR7zfKof_cnTqmBz6}En1;yq9*mPyZZICHy
zZ8dx0gPYRncH9#;Znf}4*%a8GhqmQUC5vFfL_9=L50bG>4r=)$K0E|PQjfb>b;wR?
z^>@O7!D+sH1Vw5D=GiF|G*MBmi<D7APcK1{9s`)}v5b!=)GBY+GdCo_3zDqZ3K>`v
q12%^PCO|K7v$}~=d$%63cm6*Qmk@sQRWt<v0000<MNUMnLSTXsZ<}QR

literal 0
HcmV?d00001