From b1d95b4d26e533af6d101594660b4b54d2a1d77c Mon Sep 17 00:00:00 2001
From: coderxqt <335614092@qq.com>
Date: Tue, 26 Sep 2023 11:09:18 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B3=A8=E5=86=8C=E9=A1=B5=E9=9D=A2=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/pages/api.js            |  17 ++++
 pages/homepage/homepage.vue |  24 +++++-
 pages/register/register.vue | 165 +++++++++++++++++++++++++-----------
 3 files changed, 156 insertions(+), 50 deletions(-)
 create mode 100644 api/pages/api.js

diff --git a/api/pages/api.js b/api/pages/api.js
new file mode 100644
index 0000000..67fde05
--- /dev/null
+++ b/api/pages/api.js
@@ -0,0 +1,17 @@
+import request from "../request.js"
+
+// 获取OpenId
+export function getOpenId(code) {
+	return request({
+		url: `/applet/register/getOpenId/${code}`,
+		method: 'GET'
+	})
+}
+
+// 获取当前注册居民
+export function getCurrentUser(data) {
+	return request({
+		url: `/applet/register/getCurrentResident/${data.openid}/${data.cityCode}`,
+		method: 'GET'
+	})
+}
\ No newline at end of file
diff --git a/pages/homepage/homepage.vue b/pages/homepage/homepage.vue
index 01b0cda..2bb86f8 100644
--- a/pages/homepage/homepage.vue
+++ b/pages/homepage/homepage.vue
@@ -7,6 +7,7 @@
 </template>
 
 <script>
+	import { getOpenId, getCurrentUser } from '@/api/pages/api.js'
 	export default {
 		data() {
 			return {
@@ -14,10 +15,29 @@
 			}
 		},
 		onLoad() {
-
+			this.login()
 		},
 		methods: {
-
+			login() {
+				const _this = this
+				uni.login({
+					success(res) {
+						getOpenId(res.code).then(Res => {
+							if(Res.code == 200) {
+								_this.isWxBing(Res.msg, '1')
+							}
+						})
+					}
+				})
+			},
+			isWxBing(openid, cityCode) {
+				getCurrentUser(openid, cityCode).then(res => {
+					console.log(res);
+					if(!res.data) {
+						// 注册
+					}
+				})
+			}
 		}
 	}
 </script>
diff --git a/pages/register/register.vue b/pages/register/register.vue
index 156ea6d..235226e 100644
--- a/pages/register/register.vue
+++ b/pages/register/register.vue
@@ -5,76 +5,145 @@
 			<span>人脸采集</span>
 		</view>
 		<view class="form">
-			<span>姓名</span>
-			<input type="text" placeholder="请输入姓名">
-			<span>手机号</span>
-			<input type="text" placeholder="请输入手机号">
-			<span>身份证号</span>
-			<input type="text" placeholder="请输入身份证号">
+			<u-form :model="form" ref="uForm">
+				<span>姓名</span>
+				<u-form-item prop="name">
+					<u-input v-model="form.name" border='true' placeholder="请输入姓名" />
+				</u-form-item>
+				<span>手机号</span>
+				<u-form-item prop="phone">
+					<u-input v-model="form.phone" border='true' placeholder="请输入手机号" />
+				</u-form-item>
+				<span>身份证号</span>
+				<u-form-item prop="indent">
+					<u-input v-model="form.indent" border='true' placeholder="请输入身份证号" />
+				</u-form-item>
+			</u-form>
 		</view>
-		<view class="btn">提交</view>
+		<view class="btn" @click="submit">提交</view>
 	</view>
 </template>
 
 <script>
 	export default {
+		onReady() {
+			this.$refs.uForm.setRules(this.rules);
+		},
 		data() {
 			return {
-				
+				tipsText: '',
+				form: {
+					name: '',
+					phone: '',
+					indent: ''
+				},
+				rules: {
+					name: [{
+						required: true,
+						message: '请输入姓名',
+						trigger: ['change', 'blur'],
+					}],
+					phone: [{
+						required: true,
+						message: '请输入手机号',
+						trigger: ['change', 'blur'],
+					}, {
+						validator: (rule, value, callback) => {
+							return uni.$u.test.mobile(value);
+						},
+						message: '手机号码不正确',
+						trigger: ['blur'],
+					}],
+					indent: [{
+						required: true,
+						message: '请输入身份证号',
+						trigger: ['change', 'blur'],
+					}, {
+						validator: (rule, value, callback) => {
+							return uni.$u.test.idCard(value);
+						},
+						message: '请输入正确的身份证号',
+						trigger: ['blur'],
+					}]
+				}
 			}
 		},
+		onLoad() {
+		},
 		methods: {
-			
+			submit() {
+				this.$refs.uForm.validate(valid => {
+					if (valid) {
+						console.log('验证通过');
+					} else {
+						console.log('验证失败');
+					}
+				});
+			}
 		}
 	}
 </script>
 
 <style lang="less" scoped>
-.register {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	.head {
-		margin-top: 60rpx;
+	.register {
 		display: flex;
 		flex-direction: column;
+		justify-content: center;
 		align-items: center;
-		span {
-			margin-top: 48rpx;
+
+		.head {
+			margin-top: 60rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			span {
+				margin-top: 48rpx;
+			}
 		}
-	}
-	.form {
-		margin-top: 106rpx;
-		input {
-			margin: 21rpx 0 42rpx 0;
-			width: 600rpx;
-			height: 63rpx;
-			background: #F6F6F6;
+
+		.form {
+			margin-top: 106rpx;
+
+			/deep/ .u-input--border {
+				margin: 0 0 12rpx 0;
+				width: 600rpx;
+				background: #F6F6F6;
+				border-radius: 5rpx !important;
+				border: 0;
+
+				input {
+					color: #8E8E8E !important;
+					font-size: 22rpx !important;
+				}
+			}
+
+			span {
+				color: #333333;
+				font-size: 30rpx;
+			}
+		}
+
+		.btn {
+			width: 496rpx;
+			height: 61rpx;
+			background: #26A888;
 			border-radius: 5rpx;
-			color: #8E8E8E;
-			font-size: 20rpx;
-			padding-left: 26rpx;
-		}
-		span {
-			color: #333333;
-			font-size: 30rpx;
+			font-size: 31rpx;
+			color: #FFFFFF;
+			line-height: 61rpx;
+			text-align: center;
+			position: absolute;
+			bottom: 72rpx;
 		}
 	}
-	.btn {
-		width: 496rpx;
-		height: 61rpx;
-		background: #26A888;
-		border-radius: 5rpx;
-		font-size: 31rpx;
-		color: #FFFFFF;
-		line-height: 61rpx;
-		text-align: center;
-		margin-top: 300rpx;
+
+	.Facecollection {
+		width: 266rpx;
+		height: 266rpx;
+	}
+
+	/deep/ .u-form-item__message {
+		padding-left: 0 !important;
 	}
-}
-.Facecollection {
-	width: 266rpx;
-	height: 266rpx;
-}
 </style>
\ No newline at end of file