From c8bceb8b6c39fae1cbaf9b34bc8a7ddd709ec690 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Thu, 28 Sep 2023 16:55:50 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/pages/{api.js => homepage/homepage.js} |   2 +-
 api/pages/login/index.js                   |  10 +
 api/pages/register/register.js             |  10 +
 pages.json                                 |   9 +-
 pages/facecollection/facecollection.vue    | 393 +++++++++++++++++++++
 pages/homepage/homepage.vue                |   7 +-
 pages/login1/login.vue                     |  67 ++--
 static/pages/icon_face_security.png        | Bin 0 -> 1233 bytes
 static/pages/icon_face_switch_cameras.png  | Bin 0 -> 1279 bytes
 static/pages/icon_face_upload_picture.png  | Bin 0 -> 1044 bytes
 static/pages/view_face_background.png      | Bin 0 -> 9517 bytes
 11 files changed, 463 insertions(+), 35 deletions(-)
 rename api/pages/{api.js => homepage/homepage.js} (89%)
 create mode 100644 api/pages/register/register.js
 create mode 100644 pages/facecollection/facecollection.vue
 create mode 100644 static/pages/icon_face_security.png
 create mode 100644 static/pages/icon_face_switch_cameras.png
 create mode 100644 static/pages/icon_face_upload_picture.png
 create mode 100644 static/pages/view_face_background.png

diff --git a/api/pages/api.js b/api/pages/homepage/homepage.js
similarity index 89%
rename from api/pages/api.js
rename to api/pages/homepage/homepage.js
index 67fde05..9f1b049 100644
--- a/api/pages/api.js
+++ b/api/pages/homepage/homepage.js
@@ -1,4 +1,4 @@
-import request from "../request.js"
+import request from "../../request.js"
 
 // 获取OpenId
 export function getOpenId(code) {
diff --git a/api/pages/login/index.js b/api/pages/login/index.js
index 7578627..436fb0c 100644
--- a/api/pages/login/index.js
+++ b/api/pages/login/index.js
@@ -13,3 +13,13 @@ export function createMobileToken() {
 		method: 'GET'
 	})
 }
+
+
+
+// 获取微信手机号
+export function getwxPhoneNumber(code) {
+	return request({
+		url: `/applet/register/getPhone/${code}`,
+		method: 'GET'
+	})
+}
\ No newline at end of file
diff --git a/api/pages/register/register.js b/api/pages/register/register.js
new file mode 100644
index 0000000..1ffdea0
--- /dev/null
+++ b/api/pages/register/register.js
@@ -0,0 +1,10 @@
+import request from "../../request.js"
+
+// 注册
+export function register(data) {
+	return request({
+		url: `/applet/register`,
+		method: 'POST',
+		data: data
+	})
+}
\ No newline at end of file
diff --git a/pages.json b/pages.json
index dcb0ee9..e5ef857 100644
--- a/pages.json
+++ b/pages.json
@@ -57,6 +57,12 @@
 				"enablePullDownRefresh": false,
 				"navigationBarTextStyle": "black"
 			}
+		}, {
+			"path": "pages/facecollection/facecollection",
+			"style": {
+				"navigationBarTitleText": "人脸采集",
+				"enablePullDownRefresh": false
+			}
 		}
 	],
 	"subPackages": [{
@@ -340,8 +346,7 @@
 		]
 	}, {
 		"root": "pagesC",
-		"pages": [
-			{
+		"pages": [{
 				"path": "appointmenttime/appointmenttime",
 				"style": {
 					"navigationBarTitleText": "服务预约",
diff --git a/pages/facecollection/facecollection.vue b/pages/facecollection/facecollection.vue
new file mode 100644
index 0000000..6f515a6
--- /dev/null
+++ b/pages/facecollection/facecollection.vue
@@ -0,0 +1,393 @@
+<template>
+	<view class="page-content">
+		<view class="containerV">
+			<view class="headerV">
+				<view class="top-tips1">
+					<view>请正对手机，头部匹配摄像区域</view>
+				</view>
+				<view class="top-tips2">
+					请拍摄本人头像
+				</view>
+			</view>
+
+			<view class="contentV">
+				<view class="mark"></view>
+				<image v-if="tempImg" mode="widthFix" :src="tempImg" />
+				<camera v-if='isAuthCamera' :device-position="devicePosition ?'front': 'back'" class="camera"
+					flash="off" resolution='high' />
+				<view v-show="!tempImg && tipsText" class="tipV">{{ tipsText }}</view>
+			</view>
+
+			<view class="footerV">
+				<view style="width: 100%;">
+					<view v-if="!tempImg" style="width: 100%;">
+						<view class="privacyV">
+							<view class="icon"></view>
+							<view class="text">
+								照片隐私<text>安全保障</text>中…
+							</view>
+						</view>
+						<view class="bottom-tips-2"></view>
+						<view class="take-photo-bgV">
+							<!-- 图片上传 -->
+							<view v-show="true" class="btn-change-upload" @click="handleChooseImage" />
+							<!--拍照-->
+							<view class="btn-take-photo" @click="handleTakePhotoClick" />
+							<!-- 切换镜头 -->
+							<view class="btn-change-camera" @click="handleChangeCameraClick" />
+						</view>
+					</view>
+					<view class="confirmV" v-else>
+						<view class="btn-cancel" @click="handleCancelClick">
+							取消
+						</view>
+						<view class="btn-ok" @click="handleOkClick">
+							确定
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				tipsText: '', // 错误文案提示
+				tempImg: '', // 本地图片路径
+				cameraEngine: null, // 相机引擎
+				devicePosition: false, // 摄像头朝向
+				isAuthCamera: true, // 是否拥有相机权限
+			}
+		},
+		onLoad(options) {
+			this.initData()
+		},
+		methods: {
+			// 初始化相机引擎
+			initData() {
+				// #ifdef MP-WEIXIN
+				// 1、初始化人脸识别
+				wx.initFaceDetect()
+				// 2、创建 camera 上下文 CameraContext 对象
+				this.cameraEngine = wx.createCameraContext()
+				// 3、获取 Camera 实时帧数据
+				const listener = this.cameraEngine.onCameraFrame((frame) => {
+					if (this.tempImg) {
+						return;
+					}
+					// 4、人脸识别，使用前需要通过 wx.initFaceDetect 进行一次初始化，推荐使用相机接口返回的帧数据
+					wx.faceDetect({
+						frameBuffer: frame.data,
+						width: frame.width,
+						height: frame.height,
+						enablePoint: true,
+						enableConf: true,
+						enableAngle: true,
+						enableMultiFace: true,
+						success: (faceData) => {
+							let face = faceData.faceInfo[0]
+							if (faceData.x == -1 || faceData.y == -1) {
+								this.tipsText = '检测不到人'
+							}
+							if (faceData.faceInfo.length > 1) {
+								this.tipsText = '请保证只有一个人'
+							} else {
+								const {
+									pitch,
+									roll,
+									yaw
+								} = face.angleArray;
+								const standard = 0.5
+								if (Math.abs(pitch) >= standard || Math.abs(roll) >= standard ||
+									Math.abs(yaw) >= standard) {
+									this.tipsText = '请平视摄像头'
+								} else if (face.confArray.global <= 0.8 || face.confArray.leftEye <=
+									0.8 || face.confArray.mouth <= 0.8 || face.confArray.nose <= 0.8 ||
+									face.confArray.rightEye <= 0.8) {
+									this.tipsText = '请勿遮挡五官'
+								} else {
+									this.tipsText = '请拍照'
+									// 这里可以写自己的逻辑了
+								}
+							}
+						},
+						fail: (err) => {
+							if (err.x == -1 || err.y == -1) {
+								this.tipsText = '检测不到人'
+							} else {
+								this.tipsText = err.errMsg || '网络错误，请退出页面重试'
+							}
+						},
+					})
+				})
+				// 5、开始监听帧数据
+				listener.start()
+				// #endif
+			},
+
+			// 切换设备镜头
+			handleChangeCameraClick() {
+				this.devicePosition = !this.devicePosition;
+			},
+
+			// 图片上传
+			handleChooseImage() {
+				uni.chooseImage({
+					count: 1,
+					sizeType: ['original', 'compressed'],
+					sourceType: ['album'],
+					success: (res) => {
+						if (res.errMsg === 'chooseImage:ok') {
+							uni.showLoading({
+								title: '照片上传中...'
+							})
+							console.log("===========:", res.tempFilePaths[0])
+							this.handleOkClick()
+						}
+					},
+					fail: (res) => {
+
+					},
+				});
+			},
+
+			// 拍照点击
+			handleTakePhotoClick() {
+				if (this.tipsText != "" && this.tipsText != "请拍照") {
+					return;
+				}
+
+				uni.getSetting({
+					success: (res) => {
+						if (!res.authSetting['scope.camera']) {
+							this.isAuthCamera = false
+							uni.openSetting({
+								success: (res) => {
+									if (res.authSetting['scope.camera']) {
+										this.isAuthCamera = true;
+									}
+								}
+							})
+						}
+					}
+				})
+				this.cameraEngine.takePhoto({
+					quality: "high",
+					success: ({
+						tempImagePath
+					}) => {
+						this.tempImg = tempImagePath
+						console.log("=======tempImg:", this.tempImg)
+					}
+				})
+			},
+
+			// 点击确定上传
+			handleOkClick() {
+				uni.showLoading({
+					mask: true,
+					title: '校验中...'
+				})
+				// 更新人脸识别图片请求协议：传七牛图片链接				
+				setTimeout(function() {
+					uni.hideLoading()
+					uni.showToast({
+						icon: "none",
+						title: "图片上传成功",
+						duration: 2000,
+					})
+				}, 2000);
+			},
+
+			// 点击 - 取消上传
+			handleCancelClick() {
+				this.tempImg = ''
+			}
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	.page-content {
+		width: 100%;
+		height: 100%;
+
+		.containerV {
+			width: 100%;
+			height: 100%;
+
+			.headerV {
+				.top-tips1 {
+					margin-top: 60rpx;
+					color: #1C1C1C;
+					font-size: 36rpx;
+					text-align: center;
+				}
+
+				.top-tips2 {
+					margin-top: 20rpx;
+					color: #00AAFF;
+					font-size: 28rpx;
+					text-align: center;
+
+				}
+			}
+
+			.contentV {
+				position: relative;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+
+				height: 661rpx;
+				margin-top: 30rpx;
+
+				.tipV {
+					bottom: 30rpx;
+					position: absolute;
+					line-height: 90rpx;
+					padding-left: 24rpx;
+					padding-right: 24rpx;
+					max-width: calc(100vw - 50rpx * 2);
+					text-align: center;
+					font-size: 30rpx;
+					background: #000000;
+					opacity: 0.75;
+					color: #FFFFFF;
+					border-radius: 16rpx;
+
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+					z-index: 5;
+				}
+
+				.camera {
+					width: 100%;
+					height: 100%;
+				}
+
+				.mark {
+					position: absolute;
+					left: 0;
+					top: 0;
+					z-index: 2;
+					width: 750rpx;
+					height: 100%;
+					background: url("@/static/pages/view_face_background.png") no-repeat center bottom;
+					background-size: 750rpx 661rpx;
+				}
+
+				image {
+					position: absolute;
+					width: 100%;
+					height: 100%;
+					z-index: 3;
+				}
+			}
+
+			.footerV {
+				width: 100%;
+
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				justify-content: center;
+
+				.privacyV {
+					padding-top: 30rpx;
+					display: flex;
+					flex-direction: row;
+					align-items: center;
+					justify-content: center;
+
+					.text {
+						font-size: 30rpx;
+						color: #1C1C1C;
+						text-align: center;
+						line-height: 42rpx;
+						margin-left: 15rpx;
+
+						text {
+							font-size: 30rpx;
+							color: #00AAFF;
+							text-align: center;
+							line-height: 42rpx;
+						}
+					}
+
+					.icon {
+						width: 40rpx;
+						height: 47rpx;
+						background: url("@/static/pages/icon_face_security.png") no-repeat;
+						background-size: 100% auto;
+					}
+
+				}
+
+				.bottom-tips-2 {
+					margin-top: 20rpx;
+					color: #999999;
+					text-align: center;
+					font-size: 26rpx;
+				}
+
+				.take-photo-bgV {
+					width: 100%;
+					margin-top: 30rpx;
+					display: flex;
+					flex-direction: row;
+					align-items: center;
+					justify-content: center;
+
+					.btn-take-photo {
+						// 由于左边没有按钮，所以左边要便宜更大，以便是拍照按钮居中
+						margin: 0rpx 80rpx 0rpx 80rpx;
+						width: 196rpx;
+						height: 196rpx;
+						background: url("https://pro-file-qn.ztjy61.com/1003020211103145058685NNR9vlTm.png") no-repeat;
+						background-size: 100% auto;
+					}
+
+					.btn-change-upload {
+						left: 130rpx;
+						width: 80rpx;
+						height: 80rpx;
+						background: url("@/static/pages/icon_face_upload_picture.png") no-repeat;
+						background-size: 100% auto;
+					}
+
+					.btn-change-camera {
+						right: 130rpx;
+						width: 80rpx;
+						height: 80rpx;
+						background: url("@/static/pages/icon_face_switch_cameras.png") no-repeat;
+						background-size: 100% auto;
+					}
+				}
+
+				.confirmV {
+					margin: 200rpx 100rpx 0rpx 100rpx;
+					display: flex;
+					flex-direction: row;
+					align-items: center;
+					justify-content: space-between;
+
+					.btn-cancel {
+						font-size: 32rpx;
+						color: #1C1C1C;
+					}
+
+					.btn-ok {
+						font-size: 32rpx;
+						color: #00AAFF;
+					}
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/homepage/homepage.vue b/pages/homepage/homepage.vue
index 03ed4b3..4e7b06b 100644
--- a/pages/homepage/homepage.vue
+++ b/pages/homepage/homepage.vue
@@ -64,7 +64,10 @@
 </template>
 
 <script>
-	// import { getOpenId, getCurrentUser } from '@/api/pages/api.js'
+	import {
+		getOpenId,
+		getCurrentUser
+	} from '@/api/pages/homepage/homepage.js'
 	export default {
 		data() {
 			return {
@@ -116,4 +119,4 @@
 
 <style lang="scss">
 	@import "./homepage.scss";
-</style>
+</style>
\ No newline at end of file
diff --git a/pages/login1/login.vue b/pages/login1/login.vue
index 8c90c27..d78c477 100644
--- a/pages/login1/login.vue
+++ b/pages/login1/login.vue
@@ -1,47 +1,54 @@
 <template>
 	<view class="login">
 		<image src="../../static/logo.png"></image>
-		<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">手机号快捷登录</button>
+		<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">手机号快捷登录</button>
 	</view>
 </template>
 
 <script>
+	import {
+		getwxPhoneNumber
+	} from '@/api/pages/login/index.js'
 	export default {
-		data() {
-			return {
-				
-			}
-		},
 		methods: {
-			getPhoneNumber (e) {
-			    console.log(e.detail.code)  // 动态令牌
-			    console.log(e.detail.errMsg) // 回调信息（成功失败都会返回）
-			    console.log(e.detail.errno)  // 错误码（失败时返回）
+			getPhoneNumber(e) {
+				if (e.detail.code) {
+					getwxPhoneNumber(e.detail.code).then(res => {
+						if (res.code == 200) {
+							const phoneNumber = res.data.phone_info.phoneNumber
+							uni.navigateTo({
+								url: `../register/register?phoneNumber=${phoneNumber}`
+							})
+						}
+					})
+				}
 			}
 		}
 	}
 </script>
 
 <style lang="less" scoped>
-.login {
-	text-align: center;
-	margin-top: 50%;
-	image {
-		width: 196rpx;
-		height: 203rpx;
-		margin-bottom: 136rpx;
+	.login {
+		text-align: center;
+		margin-top: 50%;
+
+		image {
+			width: 196rpx;
+			height: 203rpx;
+			margin-bottom: 136rpx;
+		}
+
+		button {
+			margin-top: 136rpx;
+			width: 496rpx;
+			height: 61rpx;
+			background: #26A888;
+			border-radius: 5rpx;
+			font-size: 31rpx;
+			color: #FFF;
+			font-weight: 500;
+			line-height: 61rpx;
+			margin: 0 auto;
+		}
 	}
-	button {
-		margin-top: 136rpx;
-		width: 496rpx;
-		height: 61rpx;
-		background: #26A888;
-		border-radius: 5rpx;
-		font-size: 31rpx;
-		color: #FFF;
-		font-weight: 500;
-		line-height: 61rpx;
-		margin: 0 auto;
-	}
-}
 </style>
\ No newline at end of file
diff --git a/static/pages/icon_face_security.png b/static/pages/icon_face_security.png
new file mode 100644
index 0000000000000000000000000000000000000000..b005a84120093929b4ac6ba8293731f5135f3a08
GIT binary patch
literal 1233
zcmV;?1TOoDP)<h;3K|Lk000e1NJLTq001Ze001ut0{{R3rX_gi00051P)t-s00017
z$6}rFjiCRao9T&)-+qtbfn&>Nnd^<1=ZKr=ilOX|o9l{o)N*XjY--SLoau_B?2n=A
zjfdWRc-C}p(QcFCgoWIDgxq?U<%e6wVr<WBq3ex;+Ie2cV{+4PT*qOP<b`6&W}4@S
zTgGB&&1#n8hMwt)ZqaRG%4VDCiGJ93UC3i!$YrAJj%?6ufZBLq$7rYPlWNXtYtL(7
z$z@^5WP#dvfZBO?)pK~&bAQ=)fZ2F`*>;`kik#_*ec5>b|NoQYgqG!oXUu4o<b{#q
zf@I5QYtL(r;emwPdV$(_Z_#dT&}?bVYK!21h~9l($YWZ@VVUQLa?)>N%4V45hlbsJ
zcGPm5=!$yQbZX9Okl}%f-+p`7b#&Bleb{z*)pKFVWt!)Re%W_((sB6x_n_*GV98{j
z>57lxf~DZ8xaqdW?8y86`{VZH$?wI-@4>$8x$^t+&+pIh`tRuY=GgSp((%y1>cg_>
ztF!B=spF`r=boeFoSomCrstZG*_M{xla}6*o8*m$*N2echJ)6E+VkAk^4YNDv!>yy
zqTi;0)Q6P;^3?zU06}z8PE!E=2m|`@>ah{ryon`OQy1>&=H}$$-rUp9&dtfm#=^L^
zl8}XhcXeM|P)bQaH!dY08uj$<?XIn#osEoaYiepLOD_ii00NasL_t(I%Z=1$Q(8e3
z2H+#0NU`_cdpEs@cJU^Ngn)pE7!Wi_K(TjYP5sX~>@K%(Rr1W4*~7l?EW;N-L1n0_
zGN_=S>DE=$It>MkSFaM)<M5DDgXSxvF_hk48>kFOR1Vx#RU6;wHPJvI8i)!48vR?N
z8U(809=%Qz{d_l#PTw=E0%UBOx6I>MaORP?i)WJ&-_u#7Y!(}iV%Mpl-$s~iW*i%%
zyz7T9^MC1rdX6)5W*jc(>iql)5BYsPlq?FkMUFe#i<?k<?}+0PTq3cUp!X$E!b_a&
zngqKiJWB8h9G)k|Iew1dGbxiqD#McuCtED0rO;d`v}ww-DQ3k`916KYE}YPzN#PLh
zX^uq~a}!q<<2NoJ39(q?WAKZWHgjnWG<=|Z@&|wX+9FT-Slj@OY&(_pz7@IukmZ!c
zjnMXy%H;Lj2V~2zxDB4MZ6mL@PS*_<KZjQ<#PUA5PybHmder_3^%~wRQ}o5ZZtqXp
zV>Xs({2oS@s3f^xce}l`$0S)i0+S2WB@Mp25%zK}Sv(0)`-R$KO<8Y?g|z_i!cQex
zcCc*{C0Y0qi)CSIVaKGfv)~W=al&O-tO&=#v8;<!elK;A&2apsfI2+PaenbQmvlf@
znZx6t&f?Nq{LJIP$b(Z(|90veIk%D@vVA-2n8m^CIyDf3v!d%{I*yN}lh=~VL7>zv
zGcvK5{BsNBOgsu^IfG7|U~nclgCl%?JOP4otJCTvaKRBzR1Ok-)_e7VjMh$B?N%JS
zz^Vl~6>EC!UL0}PsuX|X-4SoZOW=Y-&Tcg*4Lymh5s|eB4xUek;7%3VPcqsHxX)O-
vSZg1Hhm3X>xlvK)C=@c)+uYnc1^NB~De9&;DBnpL00000NkvXXu0mjf<^hn#

literal 0
HcmV?d00001

diff --git a/static/pages/icon_face_switch_cameras.png b/static/pages/icon_face_switch_cameras.png
new file mode 100644
index 0000000000000000000000000000000000000000..3bc635fa91c38cedf952fe411d144bce85d19200
GIT binary patch
literal 1279
zcmV<b1OWSqP)<h;3K|Lk000e1NJLTq002+`002-30{{R3xz7Th00036P)t-s0002-
z@$vHV^78WX@$vEU^78rl`Tzg_|NsB;^78TV@$&NW@$vEU^78WX^6~NU^78WX^78ZZ
z^Yiob^Yiob^Yird^z-xc_xJbq_V)4d@$&NW^78Wk|Nrvx@&Et;92^||{r&Xx^ach7
zCMG5@FfjP|_$VkS`}_O$_V$;Tm-_npnVFe1G&KDD{5v~4etv%6-`_1QEuNm9A0Hps
z*x1O($gQodsHmuJZf@`I@9XR9y}i9=W@bi4M(5|}(b3VQq@<#vqIr3FU0q#SSy@z6
zR4Xeh7#JAN&d$HTzq`A;prD|Qjg5weh7uAI<>lqTz`&D}lXP@+UteEOPfryU6};(h
ziU0rr9duGoQvl!Y(vwXS2nPA_<>J-FyRn^*Y-mzNKOP)$CvwseCRP9d1B^*TK~z}7
z&6(*^>Oc^MN!TtRJEEe~GYJwBQDhYm-1q(N@Bb)wz!<WaP9#uu&kqV}s=n&3KGQSP
zggg{07bDrQASM!`5Y9%5<ydHO#iNBVI20~K;|t+7@=4&5HAR&qi4gvwDw+&j$^6Dw
zY2Ql16s9zZLrrB06-wW}l4~Ue0E$FhBq;!ps`$=4DgekTL8Zz7Lev*-GiS!($lRtk
zZ(Rgv5MOEli0fX(hyZ93@hM3Ih@i!ZWn98Tg3KUR-%0~W<V%tO(pzr4?KO~HcnDF3
zwQZO9IFBqKPW&{+SQ_Ku#B}VF`etw*PRuxK9l`41U73i(&p6MUXmj|ci2KjmkD_%K
z=0GEXq(RQoU-X0nB^@>OKS578P}0J@Kki_T@$a3AVZjt2{cn8pR{hZ5UrqP^2&oS<
zmaqV|4mE3pg;>&o0v6yErS}IPs#1D{ged6eC4f7xU!~Q)@vB8?&D{<F@26`X6x+(t
zzM%t3Tc-SbJn8wOEm{TgGtVUL9(<){?V2q=pccK@yqJtnP3<Vj8#U|6vi8Tac5f@o
z%-jV>#+0%>L$<W!i}}($t=e-ga9|jk4q%P=QQZz~LYOyd0D=MK;Ta)Pd(!Pr+L8y5
z0K`INkWt`>)yCaJHq&7jaG(t3P!Ti?sP!1TV}?3EP@o1y-ue{`IC%%vu3N3&HU6cy
zhXECcgtDMwz}76)L1WgT2Gi6B2vCJAFS3LIr-++lqU-pEv3lDbDDg52C~(Yqrwvn1
zr;MFoKp`ZezySyLEzRPNU12~mlmLPNuk?WCY7Z56Ac2Gj@RHqqcdX+;JZ19Gwy(C2
z@RaeQI5n=bpIA}6Z1cMNY+XEIY=qhdH@3=H@7%n0&KP^ajE!wQJ)l#?>O(fcww_mW
zIIA;uJKrg{jOz?*4xa7na=Mp??|XSTYhxX>ePIn&C-(Gib3N-eJYc-RdLIE#9aBFX
zG1kJ40R51{eW)27`&rv(?9mmdK*2ahabrvE$L`*+FY#{|7sM4PL)19v1D|@vL2q0|
zf&&%En=ebjfdCuEb<PH??)p*H3RFRGxo~!<Ume&koGw@52fxJHx&2D4tFoj^`_i8k
z%YOJQ`)RiH$Kz_Bx4|Fas~!;qA7ZS2%o2PMwE9t1@L}5O$9=&ElEFu&D;w(KitqRt
pJMY9-I2aE;y8j>kTv+h$kAG5GSC{v`q~HJm002ovPDHLkV1n~Rkh=f?

literal 0
HcmV?d00001

diff --git a/static/pages/icon_face_upload_picture.png b/static/pages/icon_face_upload_picture.png
new file mode 100644
index 0000000000000000000000000000000000000000..664f11c76d76f01b18cb06bb9b2aea09d1e80620
GIT binary patch
literal 1044
zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBP6qgdxB}^qVDJeHzJLGz9}IwE
z5D_2=XTuqvKYs>_14#(@^5qMV0Tcmhg{T2CfLs|FnZJMk0%d>x{Q3L$Z(Cd2`}gn9
zn>VknuI}5nZ+(4z>({T(&CNA4Gt<z}c=P5>YinyvOpLCs?(^r*uU)%#;>3yV+qWkr
zC0)31VabvuPo6xvapT5;0|$2P+BJRpbOi;4va+&(fB;ulS0yDS!D`<>K+njQ1o;Is
z-2ZUNSC)fq($6<fA6-4Vd*j^x!kmmCS9=kmDe9?xrw%eOFx~ZZaSVw#yk_c6zrzLs
zu5VSQY+3p{Zie)6Hvxg%o92v8fBw5CI&(G!_(vDXO|o%uFRpd(OqkL0t5AE&)~u~+
zhr{m3`yTlgvM8^EDbajY&Qj@erie>E(o01q?v<FkbOX!WkIS~*Z7ea$UD0sSPm6u`
z?3A}x88ck91Ed`GZZG@f!L(9QUyU_o%e1`Zb6-cKR=0oWWp=n6m7yR}lzPNrS%z;2
z+mU-k%g!FEcr)Sb%I80%8W!~iI3z!HlzXEXx<ygz=)HqoKiBkcJ0SIcPT{Q&KO~Zq
zf4T4X?e8}=>yAC{BkyBem^fcjK3nFWmP*62`UQf2be8q@{Bv#l*8iSceg?m6?Qg9~
z{Ab#yO^vzn*t|{MRX_fq6_4SE^qheIQO6jq7g$x!p8H9eZ<^CdUJHAF9qyyO8q@!K
zH|&X-uPQ&s_&sCt!xsjk_WM=5`Q&FVvX-|Nt|%ASeyt=?U+>$SWBa=sZ_haqeR6L1
z@2bi<D(>dSzbhWCKdM`PeR{<^6>eugkN)<~y_Lr0YYo1X)}%hR6RhRpH2b!3`}2T~
z&i#*nA7y^(6!g7&=l<uN5*wrEa#sfRxX4FV9^$Fp$R9f|AUS?Z!YN^?EiN3P^8yq_
zHpMIy*;>?U8pt|TT_xoHY~$%NEr}8xc{`m$**g0}I9zitiG>I}`ZrxkdrzU-?8pbq
zHY-;>mh6A(@KgPCeb>I+Kgax5GTpHi-@ozia&tyu_I(X6Z1?us%UCUVe1N;4ti8Ec
zpKA|eIop<xsm#-urYrXFWH4V-X<)j2hl?jeC_(9Hqb}<#kC{DM4Uul#PW6voP1AmT
z{}tEXd{-d@mt)bJZC}P}KbpPtFS~<<h&ICv+sz?cia&OFwcguUe59by*p=`7+H{MZ
zs&z8mrb6CpOx}Ll>a_RAig4qfpH{@>U*+CmqZH6C@oI*vEX&HpTBS3V_5D85xWvjx
zw0+mB8<8?S*^7VITj>2cC*M2Qe%7y_kGYv%x;gbvf4l~mBN#kg{an^LB{Ts5k75ns

literal 0
HcmV?d00001

diff --git a/static/pages/view_face_background.png b/static/pages/view_face_background.png
new file mode 100644
index 0000000000000000000000000000000000000000..53916e7edf2774ebf240523d216a9f60834f3fb9
GIT binary patch
literal 9517
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

literal 0
HcmV?d00001


From 3c59983b18b6d407d2f3e6e7344ad86d91a34251 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Thu, 28 Sep 2023 16:59:01 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/pages.json b/pages.json
index ede80e6..d5bcd1f 100644
--- a/pages.json
+++ b/pages.json
@@ -44,18 +44,14 @@
 			"path": "pages/login1/login",
 			"style": {
 				"navigationBarTitleText": "登录",
-				"navigationBarBackgroundColor": "#fff",
-				"enablePullDownRefresh": false,
-				"navigationBarTextStyle": "black"
+				"enablePullDownRefresh": false
 			}
 		},
 		{
 			"path": "pages/register/register",
 			"style": {
 				"navigationBarTitleText": "注册",
-				"navigationBarBackgroundColor": "#fff",
-				"enablePullDownRefresh": false,
-				"navigationBarTextStyle": "black"
+				"enablePullDownRefresh": false
 			}
 		}, {
 			"path": "pages/facecollection/facecollection",
@@ -176,14 +172,12 @@
 			}, {
 				"path": "paysuccess/paysuccess",
 				"style": {
-					"navigationBarTitleText": "",
 					"enablePullDownRefresh": false,
 					"navigationStyle": "custom"
 				}
 			}, {
 				"path": "ratesuccess/ratesuccess",
 				"style": {
-					"navigationBarTitleText": "",
 					"enablePullDownRefresh": false,
 					"navigationStyle": "custom"
 				}
@@ -384,12 +378,12 @@
 				}
 			},
 			{
-					"path": "servicerecord/servicerecord",
-					"style": {
-						"navigationBarTitleText": "服务记录",
-						"enablePullDownRefresh": false
-					}
+				"path": "servicerecord/servicerecord",
+				"style": {
+					"navigationBarTitleText": "服务记录",
+					"enablePullDownRefresh": false
 				}
+			}
 		]
 	}],
 	"globalStyle": {
@@ -431,4 +425,4 @@
 			}
 		]
 	}
-}
+}
\ No newline at end of file

From 10fd12076bbd4ce299a1f0939608a714c916e24c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Thu, 28 Sep 2023 17:06:51 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/homepage/homepage.scss             |  7 +++--
 pages/homepage/homepage.vue              |  2 +-
 pagesB/Behaviorpoints/Behaviorpoints.vue | 35 ++++++++++++------------
 3 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/pages/homepage/homepage.scss b/pages/homepage/homepage.scss
index 7b8485d..ce29eef 100644
--- a/pages/homepage/homepage.scss
+++ b/pages/homepage/homepage.scss
@@ -45,7 +45,6 @@
 			.health {
 				padding: 30rpx 30rpx 0 30rpx;
 				font-size: 28rpx;
-				font-family: Source Han Sans CN;
 				font-weight: 400;
 				color: #333333;
 				line-height: 38rpx;
@@ -90,14 +89,18 @@
 				top: 12%;
 				left: 7%;
 				font-size: 28rpx;
-				font-family: Source Han Sans CN;
 				font-weight: 400;
 				color: #717070;
 
 				image {
+					vertical-align: middle;
 					width: 22rpx;
 					height: 12rpx;
 				}
+				text{
+					margin-left: 10rpx;
+					display: inline-block;
+				}
 			}
 		}
 	}
\ No newline at end of file
diff --git a/pages/homepage/homepage.vue b/pages/homepage/homepage.vue
index 4e7b06b..95db3aa 100644
--- a/pages/homepage/homepage.vue
+++ b/pages/homepage/homepage.vue
@@ -4,7 +4,7 @@
 			<image src="/static/pageC/homepage.png" mode=""></image>
 			<view class="loginmount">
 				<image src="/static/pageC/TAB.png" mode=""></image>
-				你好，请登录
+				<text>你好,请登录</text>
 			</view>
 		</view>
 		<view class="contentcenter">
diff --git a/pagesB/Behaviorpoints/Behaviorpoints.vue b/pagesB/Behaviorpoints/Behaviorpoints.vue
index 3bcd27b..ce30816 100644
--- a/pagesB/Behaviorpoints/Behaviorpoints.vue
+++ b/pagesB/Behaviorpoints/Behaviorpoints.vue
@@ -27,7 +27,7 @@
 				<view class="timeone">
 					2023-03-09 13:23:12
 				</view>
-				<view class="Establishingarchives" >
+				<view class="Establishingarchives">
 					兑换商品
 				</view>
 				<view class="integraltwo">
@@ -52,7 +52,7 @@
 			};
 		},
 		methods: {
-			goexchange(){
+			goexchange() {
 				uni.navigateTo({
 					url: '/pagesB/exchangerecords/exchangerecords'
 				})
@@ -60,25 +60,24 @@
 			//积分页面
 			...mapActions(["integralopenPopup"]),
 			gointegral() {
-				const value = uni.getStorageSync('openid');
-				const value2 = uni.getStorageSync('patientId');
-				if (value && value2) {
-					this.integralopenPopup();
-					setTimeout(e => {
-						uni.navigateTo({
-							url: `/pagesB/healthybeans/healthybeans?integral=${this.appPersonallist.integral}`
-						})
-					}, 0)
-				} else {
-					uni.navigateTo({
-						url: '/pagesB/PointsMall/PointsMall'
-					})
-					// this.gologin();
-				}
+				// const value = uni.getStorageSync('openid');
+				// const value2 = uni.getStorageSync('patientId');
+				// if (value && value2) {
+				// 	setTimeout(e => {
+				// 		uni.navigateTo({
+				// 			url: `/pagesB/healthybeans/healthybeans?integral=${this.appPersonallist.integral}`
+				// 		})
+				// 	}, 0)
+				// } else {
+				uni.navigateTo({
+					url: '/pagesB/PointsMall/PointsMall'
+				})
+				// this.gologin();
+				// }
 			},
 		},
 	}
 </script>
 <style lang="scss">
 	@import './Behaviorpoints.scss'
-</style>
+</style>
\ No newline at end of file

From 9d12708736b6b757c10ca1c4d233a7ecb874a167 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=AB=E6=99=93=E8=8C=B9?= <1935832701@qq.com>
Date: Sat, 7 Oct 2023 10:51:01 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E5=81=A5=E5=BA=B7=E6=A1=A3=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |  10 +-
 .../Filinginformation/Filinginformation.vue   | 176 ++++++++++++++++++
 pagesC/Healthrecords/Healthrecords.vue        |  44 ++++-
 pagesC/Screeningdetails/Screeningdetails.vue  |   3 +-
 4 files changed, 225 insertions(+), 8 deletions(-)
 create mode 100644 pagesC/Filinginformation/Filinginformation.vue

diff --git a/pages.json b/pages.json
index d5bcd1f..5845679 100644
--- a/pages.json
+++ b/pages.json
@@ -347,6 +347,14 @@
 					"enablePullDownRefresh": false
 				}
 			},
+
+			{
+				"path": "Filinginformation/Filinginformation",
+				"style": {
+					"navigationBarTitleText": "查看建档信息",
+					"enablePullDownRefresh": false
+				}
+			},
 			{
 				"path": "Screeningdetails/Screeningdetails",
 				"style": {
@@ -425,4 +433,4 @@
 			}
 		]
 	}
-}
\ No newline at end of file
+}
diff --git a/pagesC/Filinginformation/Filinginformation.vue b/pagesC/Filinginformation/Filinginformation.vue
new file mode 100644
index 0000000..e8c3a9b
--- /dev/null
+++ b/pagesC/Filinginformation/Filinginformation.vue
@@ -0,0 +1,176 @@
+<template>
+	<view class="app">
+		<view class="content">
+			<view class="name">
+				姓名
+				<u-input v-model="value" :type="type" :border="border" placeholder="请输入姓名" placeholder-style="font-size: 20rpx;
+				font-family: Source Han Sans CN;font-weight: 400;color: #8E8E8E;" />
+			</view>
+			<view class="name">
+				身份证号
+				<u-input v-model="value" :type="type" :border="border" placeholder="请输入身份证号" placeholder-style="font-size: 20rpx;
+				font-family: Source Han Sans CN;font-weight: 400;color: #8E8E8E;" />
+			</view>
+			<view class="name">
+				手机号码
+				<u-input v-model="value" :type="type" :border="border" placeholder="请输入手机号码" placeholder-style="font-size: 20rpx;
+				font-family: Source Han Sans CN;font-weight: 400;color: #8E8E8E;" />
+			</view>
+			<view class="name">
+				现任区县
+				<view class="select">
+					<text>请选择现任区县</text>
+					<image src="../../static/huijiantou.png" mode=""></image>
+				</view>
+			</view>
+			<view class="name">
+				乡镇
+				<view class="select">
+					<text>请选择乡镇</text>
+					<image src="../../static/huijiantou.png" mode=""></image>
+				</view>
+				<!-- 				<u-input v-model="value" :type="type" :border="border" placeholder="请选择乡镇" placeholder-style="font-size: 20rpx;
+				font-family: Source Han Sans CN;font-weight: 400;color: #8E8E8E;" /> -->
+			</view>
+			<view class="name">
+				村/社区
+				<view class="select">
+					<text>请选择村/社区</text>
+					<image src="../../static/huijiantou.png" mode=""></image>
+				</view>
+
+			</view>
+			<view class="name">
+				详细地址
+				<u-input v-model="value" :type="type" :border="border" placeholder="请输入详细地址" placeholder-style="font-size: 20rpx;
+				font-family: Source Han Sans CN;font-weight: 400;color: #8E8E8E;" />
+			</view>
+			<view class="cancelitem">
+				<view class="cancel">
+					取消
+				</view>
+				<view class="submit">
+					提交申请
+				</view>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				value: '',
+				type: 'text',
+				border: true
+			};
+		},
+
+		methods: {
+			// goapponint() {
+			// 	uni.navigateTo({
+			// 		url: '/pagesC/Screeningdetails/Screeningdetails'
+			// 	});
+			// },
+			// gohealth() {
+			// 	uni.navigateTo({
+			// 		url: '/pagesC/Filinginformation/Filinginformation'
+			// 	});
+			// },
+		},
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		height: 100vh;
+		background-color: #F7F5F5;
+		padding: 30rpx 0 0 0;
+
+		.content {
+			background-color: #fff;
+			position: relative;
+			width: 95%;
+			height: 100%;
+			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
+			border-radius: 5rpx;
+			margin: 15rpx auto;
+			position: relative;
+			.cancelitem{
+				display: flex;
+				justify-content: space-evenly;
+				padding-top: 60rpx;
+				.cancel{
+					width: 290rpx;
+					height: 62rpx;
+					background: #FFFFFF;
+					border: 1rpx solid #26A888;
+					border-radius: 5rpx;
+					line-height:62rpx;
+					color: #26A888;
+					text-align: center;
+				}
+				.submit{
+					width: 290rpx;
+					height: 62rpx;
+					background: #26A888;
+					border-radius: 5rpx;
+					line-height:62rpx;
+					color: #fff;
+					text-align: center;
+				}
+			}
+
+			.name {
+				padding: 25rpx 30rpx 0 30rpx;
+				font-size: 30rpx;
+				font-family: Source Han Sans CN;
+				font-weight: 400;
+				color: #333333;
+				line-height: 38rpx;
+
+				::v-deep .u-input {
+					width: 636rpx;
+					height: 63rpx;
+					background: #F6F6F6;
+					margin: 12rpx auto;
+					border: none;
+					border-radius: 5rpx;
+				}
+
+				.select {
+					width: 636rpx;
+					height: 63rpx;
+					background: #F6F6F6;
+					margin: 12rpx auto;
+					// border: 1rpx solid #F6F6F6; 
+					border-radius: 5rpx;
+					display: flex;
+					position: relative;
+
+					text {
+						padding-left: 20rpx;
+						line-height: 63rpx;
+						font-size: 20rpx;
+						font-family: Source Han Sans CN;
+						font-weight: 400;
+						color: #8E8E8E;
+					}
+
+					image {
+						width: 9rpx;
+						height: 17rpx;
+						position: absolute;
+						right: 40rpx;
+						top: 50%;
+						-webkit-transform: translateY(-50%);
+						transform: translateY(-50%);
+					}
+				}
+			}
+
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pagesC/Healthrecords/Healthrecords.vue b/pagesC/Healthrecords/Healthrecords.vue
index 0dc6126..1a53f05 100644
--- a/pagesC/Healthrecords/Healthrecords.vue
+++ b/pagesC/Healthrecords/Healthrecords.vue
@@ -1,7 +1,10 @@
 <template>
 	<view class="app">
 		<view class="content">
-			<view class="health">
+			<view class="picture">
+				引导图示
+			</view>
+			<view class="health" @tap="gohealth">
 				前往建档
 			</view>
 		</view>
@@ -13,13 +16,18 @@
 		data() {
 			return {};
 		},
-	
+
 		methods: {
 			goapponint() {
 				uni.navigateTo({
 					url: '/pagesC/Screeningdetails/Screeningdetails'
 				});
 			},
+			gohealth() {
+				uni.navigateTo({
+					url: '/pagesC/Filinginformation/Filinginformation'
+				});
+			},
 		},
 	}
 </script>
@@ -29,7 +37,7 @@
 		height: 100vh;
 		background-color: #F7F5F5;
 		padding: 30rpx 0 0 0;
-	
+
 		.content {
 			background-color: #fff;
 			position: relative;
@@ -38,7 +46,30 @@
 			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
 			border-radius: 5rpx;
 			margin: 15rpx auto;
-			.health{
+
+			.picture {
+				position: absolute;
+				// display: flex;
+				// width: 100rpx;
+				// background-color: red;
+				// flex-direction: row;
+				// flex-direction: column;
+				// justify-content: center;
+				align-items: center;
+				height: 100rpx;
+				top: 50%;
+				left: 50%;
+				transform: translateY(-50%);
+				transform: translateX(-50%);
+				// align-items: center;
+				font-size: 28rpx;
+				font-family: Source Han Sans CN;
+				font-weight: 500;
+				color: #868585;
+				line-height: 38rpx;
+			}
+
+			.health {
 				margin: 0 auto;
 				left: 50%;
 				transform: translateX(-50%);
@@ -52,5 +83,6 @@
 				text-align: center;
 				color: #fff;
 			}
-		}}
-</style>
\ No newline at end of file
+		}
+	}
+</style>
diff --git a/pagesC/Screeningdetails/Screeningdetails.vue b/pagesC/Screeningdetails/Screeningdetails.vue
index f8cad02..aae2821 100644
--- a/pagesC/Screeningdetails/Screeningdetails.vue
+++ b/pagesC/Screeningdetails/Screeningdetails.vue
@@ -71,6 +71,7 @@
 		height: 100vh;
 		background-color: #F7F5F5;
 		padding: 30rpx 0 0 0;
+		overflow: scroll;
 
 		.content {
 			background-color: #fff;
@@ -137,4 +138,4 @@
 			}
 		}
 	}
-</style>
\ No newline at end of file
+</style>