MiniScm/subpkg_checkin/addGuest/addGuest.vue

<template>
	<view>
		<view class="is-debug" v-if="needInitHotelList">
			<view class="guest-list" v-for="guest in guestList">
				<u-form class="guest-form" :model="guestModel" labelAlign="center" :ref="'form' + guest.id">
					<u-form-item class="guest-form-item" label="姓名:" prop="guest.name" labelWidth="160rpx">
						<u-input placeholder="请输入姓名" border="surround" v-model="guest.name" clearable></u-input>
					</u-form-item>
					<u-form-item class="guest-form-item" label="证件号:" prop="guest.idNumber" labelWidth="160rpx">
						<u-input placeholder="请输入证件号" border="surround" v-model="guest.idNumber" clearable></u-input>
					</u-form-item>
					<view class="guest-form-bottom">
						<view class="guest-form-bottom-left">
							<u-form-item class="" :label="uploadPicTip" prop="guest.pic" labelWidth="160rpx">
								<image v-if="userInfo.staticFaceCheck===false" style="width: 160rpx; height: 160rpx; "
									:src="'data:image/jpeg;base64,' + guest.picBase64" @click="gotoPreCheck(guest)">
								</image>
								<u-upload v-else :fileList="guest.pic" @afterRead="afterRead" @delete="deletePic"
									:name="guest.id" :maxCount="1" :previewFullImage="true" :maxSize="1024*1024*1.5"
									@oversize="oversize"></u-upload>
							</u-form-item>
						</view>
						<view class="delete-guest-btn">
							<u-button v-if="guestList.length>1" type="error"
								@click="deleteGuest(guest.id)">删除入住人</u-button>
						</view>
					</view>
				</u-form>
			</view>
			<view class="bottom">
				<view class="add-guest-btn">
					<u-button type="primary" :disabled="this.guestList.length >= 3" @click="addGuest">添加入住人</u-button>
				</view>
				<view class="checkin-btn">
					<u-button type="primary" @click="gotoSubmitOrder" :loading="checkinButtonLoading"
						:loadingText="checkinButtonLoadingText">确认</u-button>
				</view>
			</view>
		</view>
		<view class="" v-else>
			<view class="guest-list" v-for="guest in guestList">
				<u-form class="guest-form" :model="guestModel" labelAlign="center" :ref="'form' + guest.id">
					<u-form-item class="guest-form-item" label="姓名:" prop="guest.name" labelWidth="160rpx">
						<u-input placeholder="请输入姓名" border="surround" v-model="guest.name"></u-input>
					</u-form-item>
					<u-form-item class="guest-form-item" label="证件号:" prop="guest.idNumber" labelWidth="160rpx">
						<u-input placeholder="请输入证件号" border="surround" v-model="guest.idNumber"></u-input>
					</u-form-item>
					<view class="guest-form-bottom">
						<view class="delete-guest-btn">
							<u-button v-if="guestList.length>1" type="error"
								@click="deleteGuest(guest.id)">删除入住人</u-button>
						</view>
					</view>
				</u-form>
			</view>
			<view class="add-guest-btn">
				<u-button type="primary" :disabled="this.guestList.length >= 3 && addGuestButtonDisabled"
					@click="authentication">添加入住人</u-button>
			</view>
			<view class="checkin-btn">
				<u-button type="primary" @click="gotoSubmitOrder" :disabled="checkinButtonDisabled">确认</u-button>
			</view>
		</view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	import {
		startEid
	} from '../../mp_ecard_sdk/main.js'
	import {
		mapState,
		mapMutations
	} from 'vuex'
	import moment from 'moment'
	export default {
		data() {
			return {
				nameTip: '姓名：',
				idNumberTip: '证件号：',
				uploadPicTip: '人脸：',
				guestList: [],
				guestModel: {
					guestInfo: {
						name: '',
						idNumber: '',
						pic: []
					}
				},
				checkinButtonLoading: false,
				checkinButtonLoadingText: '办理中',
				needInitHotelList: false,
				addGuestButtonDisabled: false,
				checkinButtonDisabled: false,
			};
		},
		computed: {
			...mapState('m_user', ['userInfo']),
			...mapState('m_business', ['hotelParams', 'currentHotelId', 'reservationInfo']),
		},
		methods: {
			...mapMutations('m_business', ['updateReservationInfo']),
			...mapMutations('m_user', ['updateUserInfo']),
			setGuestPicBase64ById(id, base64) {
				this.guestList.forEach(guest => {
					if (guest.id == id) {
						guest.picBase64 = base64
						guest.picValid = true
						return
					}
				})
			},
			gotoPreCheck(guest) {
				if (guest.name === '' || guest.name === null || guest.name === undefined || guest.idNumber === '' || guest
					.idNumber === '' || guest.idNumber === '') {
					uni.$showMsg('请先填写姓名和身份证号')
					return
				}
				console.log(guest)
				uni.navigateTo({
					url: '/subpkg_checkin/dynamicFaceCheck/dynamicFaceCheck?guestId=' + guest.id + "&idNumber=" +
						guest
						.idNumber + "&name=" + guest.name
				})
			},
			addGuest() {
				if (this.guestList.length < 3) {
					this.guestList.push({
						id: this.guestList[this.guestList.length - 1].id + 1,
						name: '',
						idNumber: '',
						pic: [],
						picBase64: 'iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAACkVJREFUeF7tnW1y00oQRe0A63hhJYSKqcouCCt5sBLydpGqOEVYCeyDJMKTknkisWzpzvV45D6u4g+oB/XpOeqR9eH5jA8EINBLYA4bCECgnwCCMDsgsIUAgjA9IIAgzAEIaAToIBo3ooIQQJAghSZNjQCCaNyICkIAQYIUmjQ1AgiicSMqCAEECVJo0tQIIIjGjaggBBAkSKFJUyOAIBo3ooIQQJAghSZNjQCCaNyICkIAQYIUmjQ1AgiicSMqCAEECVJo0tQIIIjGjaggBBAkSKFJUyOAIBo3ooIQQJAghSZNjQCCaNyICkIAQYIUmjQ1AgiicSMqCAEECVJo0tQIIIjGjaggBBAkSKFJUyOAIBo3ooIQQJAghSZNjQCCaNyICkIAQYIUmjQ1AgiicSMqCAEECVJo0tQIIIjGjaggBBAkSKFJUyOAIBo3ooIQQJAghSZNjQCCaNyICkIAQYIUmjQ1AgjScru4uDh9eHg40zAeV9SrV6/urq+vfx5XVlo2CNJy+/Dhw2XTNF81jMcVNZ/PP93c3FwdV1ZaNgiCIC9mDoL8jwRBEARBtjQXBEEQBEGQ3etPzkE6ywrOQf7AoIPQQeggdBA6yG4CdJBNjOggdBA6CB1k9/GTcxA6CB1kiycIgiAIgiC7W+lsNuNCIRcKX0wUOggdhA5CB6GDDCJAB6GDbPvmhguFXCh8Pj9YYrHEYonFEmvQAoOT9MqWWOno/fj4+G5Q9fa00Xw+P53NZlkPTDVNc3VycvJ9T7s4aNjEcT6fXw7auH+ju6ZpDvrAVOJYwzMpVVxJPz8//2ooauacyA+v4ch7LEvFdLC5vb39lF+VvBEQJI/fX9EI4oOJIB2WdBDfxKKD+FimkeggRp50EB9MOggdxDebOiPRQbxY6SBGnnQQH0w6CB3EN5voIHthyTmIGSsdxAeUDkIH8c0mOsheWNJBzFjpID6gdBA6iG820UH2wpIOYsZKB/EBpYPQQXyziQ6yF5Z0EDNWOogPKB2EDuKbTXSQvbCkg5ix0kF8QOkg5g6yXC6ruG3GN0WmPdJisWhyMkAQBMmZP9XHIoixRI7nQeggxoIYhkIQA8T1EAhihFnJUAhiLASCGGFWMhSCGAuBIEaYlQyFIMZCIIgRZiVDIYixEAhihFnJUAhiLEREQS4uLk7v7+9P0wvrmqb5J+FcffefXl739Fm/gC69wG25XN4ZcRcZCkGMmKMI0krxsX2D4+C3OK7fcriS6Wo2m32fgjAIgiCDCawmy7+rSX7Zvt50cFzfhkmYJMvq2s+X7MH2NACCGMEeawdxi/Ecec2iIAiC9BJYLBZnq/OK9L7hP+cURlwvhkqivHnz5v319fVBXzjd3TEEMVb8mDrIoV7cVls3QRAEeUEgLalWf/nZiEYZ6nMN5yYIopSuJ+YYOshisfiW+/siRqR3y+XyvXG80UMhyGhk/QFTF6QyOZ5AH/p5CgRBkCcClSyr+qpxsOUWgiBIkiNd7EtLqyo/7Yn7p0NcWEQQ45SY6hIrdxIYEfYOlSS5vb19W+L/4mvePVGeoiCVL63+qtQhzkdyDx6H2OdN07uKFx1MVJCslxLs6VizcdhDXEhEEGOFpyaIY3+N+AYNVfqIjCCDyjJsI8eEK/nShtziD6Pi3ar0CXsuo9JC99FmiTVyHh7qVpKRu7lx85IvtkMQR8XaMabUQRz7+gxdehgq/Xl6zqP7INXj4+O7+Xx+aURd7Ao7ghir5ph0pZZYuYVfYxu65HHeGVzyK99cTiyxOoJNRRDj8mrUkbztKl9N93q9L3HhEEECdhDjtY/Rk7SV5IcBe5HbTxDEUKn1EFPpII79XOUsT1CHoKWWLggSUBDHXbuvX79+qz75Z+oio5Z3apkRRCW3Ic5xZC5xkn5+fv4j9zHanP10CFLqRB1BEEQhkH30zu1iCDKubFwoHMEr96iYrnfkPumXK0hKN6eLDcWVy6rUudKufBBkF6G/v47OWmI5jt65yzzHPgxBhiBDKA3cZirnIDUcvXMnnqOLDSlr7n7SQSZ4odAhyOqWktHXQNaoHBcqS008BBlyGBm4zVQ6iGM/c47gDkERZOCkbDfjHGQEL8eFuvTfKXfVOrpHm6p8oXIEqvS8ftYDZaVE3pUTguwi1Pl3x3WINFw6UT45Oflyc3OT3ta+8+N8OUTOhcqdO9rZAEHG0NqxrWPpUuKry5SGY5nTwfF5NWH/67uy3vm5BNvbGgtyooO4HJmSII597XJrb3v/2XaV7+sf0xn7GyJDalFy2UIHGVKRgds4Jl3BI2PV78Lahlw59xlYwhebIYhKbkPclARJy55fv359y70ny4hv8FClDiLtUpQl1uDKHNE5SErF+I2SC+HOcUp2DwTZWY5xG0ypg6TMzE/4jYMlbF3q9pLurrHEEgrVFzI1QSbYReSr92qZEUQlN/FzkGdHyZp+E6SvItl3ECulRhCFWk/MFDvIeqlV8wn7IZZW6xIjCII8EXBdXTfi7A5VfGmFIHuo5FQ7yBpFpd9qHUwOvsUySzJ1QdoJUcMPeD5VpvRXupumA0ssoyTHIEgN5yRD39ZoLF3vUAhipHwsghxSkkP8Bsi2KYAgCNJLYB934fb9Z23XuKrht9GffQXOrSYuR46pg3SZFBClyMNPSp3pIAq1I7sOMhRBR5R0J3D6I3/WHWPbcyTy4MZABDHCPNYOsglRkuXh4eGsaZqPq+czTnfdFZyEaL+ZuqpdCpZYRim6Q0USpE+a9Pf39/en638v8RMFeyrn07B0ECPd6IIYUVYzFIIYS4EgRpiVDIUgxkIgiBFmJUMhiLEQCGKEWclQCGIsBIIYYVYyFIIYC4EgRpiVDIUgxkIgiBFmJUMhiLEQDkHSLd7GXWKoTAKrF+Cln62WPyVfcrdtJ4/m3bxyJQiskgCCdMri6CBVVpmdkgkgCILIkydCIIIgSIR5LueIIAgiT54IgQiCIBHmuZwjgiCIPHkiBCIIgkSY53KOCIIg8uSJEIggCBJhnss5IgiCyJMnQiCCIEiEeS7niCAIIk+eCIEIgiAR5rmcI4IgiDx5IgQiCIJEmOdyjgjSQbdYLM52vWFQJk3gJAmkN0rW8PK8Kh6YmmQF2ekQBBAkRJlJUiWAICo54kIQQJAQZSZJlQCCqOSIC0EAQUKUmSRVAgiikiMuBAEECVFmklQJIIhKjrgQBBAkRJlJUiWAICo54kIQQJAQZSZJlQCCqOSIC0EAQUKUmSRVAgiikiMuBAEECVFmklQJIIhKjrgQBBAkRJlJUiWAICo54kIQQJAQZSZJlQCCqOSIC0EAQUKUmSRVAgiikiMuBAEECVFmklQJIIhKjrgQBBAkRJlJUiWAICo54kIQQJAQZSZJlQCCqOSIC0EAQUKUmSRVAgiikiMuBAEECVFmklQJIIhKjrgQBBAkRJlJUiWAICo54kIQQJAQZSZJlQCCqOSIC0EAQUKUmSRVAgiikiMuBAEECVFmklQJIIhKjrgQBH4DtH6CMu0Z/30AAAAASUVORK5CYII=',
						picValid: false
					})
					console.log(this.guestList[this.guestList.length - 1].id)
				} else {
					uni.$showMsg('入住人数已达到上限！')
				}
			},
			oversize() {
				uni.$showMsg('图片超出允许大小（1.5M）')
			},
			gotoCheck() {
				console.log('!!!!!!!!!!!')
			},
			async gotoSubmitOrder() {
				let checkinResult = await this.checkin()
				console.log(checkinResult)
				if (checkinResult === true) {
					this.reservationInfo.orderInfo.status = 'CHECKIN'
					uni.$http.put('/hotelOrder/' + this.reservationInfo.orderInfo.id, this.reservationInfo.orderInfo)
					setTimeout(() => {
						uni.switchTab({
							url: '/pages/home/home'
						})
					}, 1500)

				}
				// setTimeout(() => {
				// 	uni.navigateTo({
				// 		url: '/subpkg_checkin/submitOrder/submitOrder'
				// 	})
				// }, 1500)
			},
			//删除图片
			deletePic(event) {
				console.log(event.name)
				this.guestList.forEach(guest => {
					console.log(guest)
					if (guest.id == event.name) {
						guest.pic = []
						guest.picBase64 = ''
						return
					}
				})
			},
			//上传图片
			async afterRead(event) {
				try {
					this.addGuestButtonDisabled = true
					this.checkinButtonDisabled = true
					let _this = this
					let params = {
						type: 'loading',
						message: "正在加载",
						duration: '500'
					}
					this.$refs.uToast.show({
						...params,
						complete() {
							console.log(event)
							_this.guestList.forEach(guest => {
								console.log(guest.id)
								console.log(guest.id == event.name)
								if (guest.id == event.name) {
									guest.pic.push(event.file)
									uni.getFileSystemManager().readFile({
										filePath: guest.pic[0].url, //选择图片返回的相对路径
										encoding: 'base64', //编码格式
										success: res => {
											console.log(res);
											guest.picBase64 = res.data
											uni.$http.post('/faceVerification/checkPic', {
												hotelId: _this.currentHotelId,
												faceData: guest.picBase64
											}).then((res) => {
												if (res.data.code === 200 && res
													.data
													.success ===
													true) {
													uni.$showMsg('上传成功！')
													guest.picValid = true
												} else {
													uni.$showMsg('未检测到人脸，请重新上传！')
												}
												console.log(res)
											})
										},
										fail: (e) => {
											uni.$showMsg('图片转换失败，请重试！')
											console.log("图片转换失败!");
											console.log(e);
										}
									})
								}
							})
						}
					})
				} finally {
					this.addGuestButtonDisabled = false
					this.checkinButtonDisabled = false
				}

			},
			deleteGuest(id) {
				console.log(id)
				this.guestList = this.guestList.filter(guest => guest.id != id)
			},
			async checkin() {
				//云极
				//#ifdef MP-WEIXIN
				if (this.hotelParams.wx === null || this.hotelParams.wx === undefined || this.hotelParams.wx === 0)
					//#endif
					//#ifdef MP-ALIPAY
					if (this.hotelParams.alipay === null || this.hotelParams.alipay === undefined || this.hotelParams
						.alipay === 0)
				//#endif
				{
					//检查姓名、证件号是否填入，上传图片是否通过检查
					if (this.guestList.length < 1) {
						uni.$showMsg('请添加入住人！')
						return
					} else {
						let isEmpty = false;
						let allPicValid = true;
						let fieldsToCheck = ['name', 'idNumber', 'picBase64']
						this.guestList.forEach((guest) => {
							if (!guest.picValid) {
								allPicValid = false
								return
							}
							fieldsToCheck.forEach(field => {
								if (guest[field] === null || guest[field] === undefined || guest[
										field] === '') {
									isEmpty = true
									return
								}
							})
						})
						if (isEmpty) {
							uni.$showMsg('请正确填写信息！')
							return
						}
						if (!allPicValid) {
							uni.$showMsg('请检查图片！')
							return
						}
					}
					this.checkinButtonLoading = true
					try {
						if (this.userInfo.skipIdMatching === false) {
							//检查人脸与姓名身份证号是否匹配
							for (let guest of this.guestList) {
								let yunjiFaceCheckInfo = {
									idNo: guest.idNumber,
									name: guest.name,
									image: guest.picBase64
								}
								let res = await uni.$http.post('/faceVerification/yunjiVerification',
									yunjiFaceCheckInfo)
								if (res.data.success === false) {
									uni.$showMsg('顾客' + guest.name + '身份验证未通过')
									return
								}
							}
						}
						let checkinInfo = {
							hotelId: this.reservationInfo.orderInfo.hotelId,
							building: this.reservationInfo.orderInfo.building,
							floorId: this.reservationInfo.orderInfo.floor,
							roomId: this.reservationInfo.orderInfo.room,
							startTime: moment(this.reservationInfo.orderInfo.startTime).format('YYMMDDHHmmss'),
							endTime: moment(this.reservationInfo.orderInfo.endTime).format('YYMMDDHHmmss'),
							cardId: '0',
							userType: 1,
							isDebug: this.userInfo.isDebug
						}
						let checkinResult = new Array(this.guestList.length).fill(false)
						console.log(checkinResult)
						for (let i = 0; i < this.guestList.length; i++) {
							checkinInfo.userName = this.guestList[i].name;
							checkinInfo.userId = this.guestList[i].idNumber;
							checkinInfo.faceData = this.guestList[i].picBase64;
							let res = await uni.$http.post('/checkin', checkinInfo)
							console.log(res)
							if (res.data.code == 200 && res.data.success === true) {
								checkinResult[i] = true
								console.log('checkinResult[' + i + '] = true')
							}
						}
						if (checkinResult.indexOf(false) < 0) {
							uni.$showMsg('办理成功！')
							return true
						} else {
							uni.$showMsg('办理失败！')
							return false
						}
					} catch (e) {
						console.log(e)
						let failMsg = '办理失败！'
						uni.$showMsg(failMsg)
						return false
					} finally {
						this.checkinButtonLoading = false
					}
				}
				//E证通
				else {
					if (this.guestList.length < 1) {
						uni.$showMsg('请添加入住人！')
						return
					} else {
						let start = new Date(this.reservation.startTime)
						let checkinInfo = {
							hotelId: this.reservation.hotelId,
							building: this.reservation.building,
							floorId: this.reservation.floor,
							roomId: this.reservation.room,
							startTime: moment(this.reservation.startTime).format('YYMMDDHHmmss'),
							endTime: moment(this.reservation.endTime).format('YYMMDDHHmmss'),
							cardId: '0',
							userType: 1,
						}
						this.guestList.forEach(guest => {
							this.eidTokens.push(guest.eidToken)
						});
						checkinInfo.eidTokens = this.eidTokens;
						console.log("checkinInfo:" + checkinInfo)
						let res = await uni.$http.post('/checkin', checkinInfo)
						console.log(res)
						if (res.data.code === 200 && res.data.success === true) {
							uni.$showMsg('办理成功！')
							setTimeout(() => {
								uni.switchTab({
									url: '/pages/home/home'
								})
							}, 1500)
						} else {
							let failMsg = '办理失败！'
							uni.$showMsg(failMsg)
						}
					}
				}
				this.checkinButtonLoading = false
			},
			async authentication() {
				if (this.guestList.length > 3) {
					uni.$showMsg('入住人数已达上限！')
					return
				}
				let _this = this;
				//#ifdef MP-WEIXIN
				if (!(this.hotelParams.wx === null || this.hotelParams.wx === undefined || this.hotelParams.wx ===
						0)) {
					let eidTokenRes = await uni.$http.get('/faceVerification/eidToken')
					let eidToken = eidTokenRes.data.data
					console.log("eidToken" + eidToken)
					startEid({
						data: {
							token: eidToken,
							needJumpPage: false
						},
						async verifyDoneCallback(res) {
							const {
								token,
								verifyDone
							} = res;
							console.log('收到核身完成的res:', res);
							console.log('核身的token是:', token);
							console.log('是否完成核身:', verifyDone);
							let eidResult = await uni.$http.get('/faceVerification/eidResult/' + eidToken)
							console.log('=========eidResult===========')
							console.log(eidResult)
							console.log('=========eidResult===========')
							if (eidResult.data.code === 200) {
								let guest = {
									verificated: true,
									name: eidResult.data.data.name,
									idNumber: eidResult.data.data.idNumber,
									eidToken: eidToken
								}
								_this.guestList.push(guest)
							} else {
								uni.$showMsg('身份验证失败，请重试！')
							}
						}
					});
				}
				//#endif
			},
			async getReservationInfo() {
				let res = await uni.$http.post('/userPicRoomInfo/queryByCondition', {
					userId: this.userInfo.userId,
					// userId: 29,
					status: true,
					pageNo: 1,
					pageSize: 1
				})
				console.log(res)
				if (res.data.data.records?.length > 0) {
					this.reservation = res.data.data.records[0]
					this.reservation.startTime = moment(this.reservation.startTime).format('YYYY/MM/DD HH:mm:ss')
					this.reservation.endTime = moment(this.reservation.endTime).format('YYYY/MM/DD HH:mm:ss')
				} else {
					this.reservation = {}
				}
				console.log(this.reservation)
			}
		},
		onLoad() {
			// this.getReservationInfo()
			//#ifdef MP-WEIXIN
			this.needInitHotelList = this.hotelParams.wx === 0 || this.hotelParams.wx === null || this.hotelParams.wx ===
				undefined
			//#endif
			//#ifdef MP-ALIPAY
			this.needInitHotelList = this.hotelParams.alipay === 0 || this.hotelParams.alipay === null || this.hotelParams
				.alipay === undefined
			//#endif
			console.log(this.needInitHotelList)
			if (this.needInitHotelList) {
				this.guestList.push({
					id: 0,
					name: '',
					idNumber: '',
					pic: [],
					picBase64: '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',
					picValid: false
				})
				this.guestList[0].idNumber = this.userInfo.idNumber
				this.guestList[0].name = this.userInfo.name

			}
			if (this.userInfo.openid === '' || this.userInfo.openid === null || this.userInfo.openid === undefined) {
				let _this = this
				wx.login({
					success(res) {
						if (res.code) {
							//发起网络请求
							uni.$http.post('/weChatLogin', {
								code: res.code
							}).then((res) => {
								_this.updateUserInfo(Object.assign(_this.userInfo, {
									openid: res.data.data
								}))
							})
						} else {
							console.log('登录失败！' + res.errMsg)
						}
					}
				})
			}
		},
		onShow() {
			console.log('onshow', this.pic)
			let pages = getCurrentPages();
			console.log("pages", pages);

		}
	}
</script>

<style lang="scss">
	.is-debug {
		height: 900rpx;
		overflow: scroll;
	}

	.guest-list {
		border: 1rpx solid grey;
		margin: 20rpx;
	}

	.guest-form-item {
		display: flex;
		width: 80%;
	}

	.guest-form-item-tip {
		width: 160rpx;
		display: flex;
		margin-left: 20rpx;
	}

	.add-guest-btn,
	.checkin-btn {
		width: 80%;
		height: 72rpx;
		margin: 40rpx auto;
	}

	.u-input {
		width: 80%;
	}

	.guest-form-bottom {
		display: flex;
	}

	.delete-guest-btn {
		margin: 0 auto;
		position: relative;
		top: 30%;
		/*偏移*/
		transform: translateY(30%);
		text-align: center;
	}

	.bottom {
		z-index: 999;
		position: fixed;
		bottom: 0;
		background-color: white;
		width: 100%;
		height: 300rpx;
	}

	.guest-form-bottom-left {
		height: 216rpx;
		width: 336rpx;
	}
</style>