|  | @@ -1,272 +1,272 @@
 | 
	
		
			
				|  |  | -<template>
 | 
	
		
			
				|  |  | -	<view class="page" :style="{'padding-top':mt+'px'}">
 | 
	
		
			
				|  |  | -		<c-nav-bar title="添加入住人" :showIcon="true"></c-nav-bar>
 | 
	
		
			
				|  |  | -		<u-form :model="form" ref="form">
 | 
	
		
			
				|  |  | -			<view class="box" v-for="(item,index) in checkInPersonList">
 | 
	
		
			
				|  |  | -				<u-form-item label="姓名" prop="checkInName" label-width="172rpx" border-bottom>
 | 
	
		
			
				|  |  | -					<u-input border="false" v-model="item.checkInName" placeholder="请输入姓名" />
 | 
	
		
			
				|  |  | -				</u-form-item>
 | 
	
		
			
				|  |  | -				<u-form-item label="手机号码" prop="checkInPhone" label-width="172rpx" border-bottom>
 | 
	
		
			
				|  |  | -					<u-input border="false" v-model="item.checkInPhone" placeholder="请输入手机号" />
 | 
	
		
			
				|  |  | -				</u-form-item>
 | 
	
		
			
				|  |  | -				<u-form-item label="证件类型" label-width="172rpx" border-bottom @click.native="show=true">
 | 
	
		
			
				|  |  | -					<view class="personInfo">
 | 
	
		
			
				|  |  | -						<text style="font-size: 30rpx;">{{item.cardType|cardName}}</text>
 | 
	
		
			
				|  |  | -						<u-picker :itemHeight="88" :immediateChange="true" :show="show" :columns="list" keyName="label"
 | 
	
		
			
				|  |  | -							:defaultIndex="passengerDefault" @cancel="show=false;"
 | 
	
		
			
				|  |  | -							@confirm="(e)=>passengerConfirm(e,index)"></u-picker>
 | 
	
		
			
				|  |  | -						<u-icon name="arrow-right"></u-icon>
 | 
	
		
			
				|  |  | -					</view>
 | 
	
		
			
				|  |  | -				</u-form-item>
 | 
	
		
			
				|  |  | -				<u-form-item label="证件号" prop="idCard" label-width="172rpx" border-bottom>
 | 
	
		
			
				|  |  | -					<u-input border="false" v-model="item.idCard" placeholder="请输入证件号" />
 | 
	
		
			
				|  |  | -				</u-form-item>
 | 
	
		
			
				|  |  | -				<!-- 	<u-form-item label="民族" prop="nation" label-width="172rpx" border-bottom>
 | 
	
		
			
				|  |  | -					<u-input border="false" v-model="item.nation" placeholder="请输入民族" />
 | 
	
		
			
				|  |  | -				</u-form-item>
 | 
	
		
			
				|  |  | -				<u-form-item label="地址" prop="address" label-width="172rpx" border-bottom>
 | 
	
		
			
				|  |  | -					<u-input border="false" v-model="item.address" placeholder="请输入地址" />
 | 
	
		
			
				|  |  | -				</u-form-item> -->
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -				<u-form-item class="delete" v-if="checkInPersonList.length>1">
 | 
	
		
			
				|  |  | -					<view class="delete" @click="del(index)">
 | 
	
		
			
				|  |  | -						<u-icon name="trash"></u-icon>
 | 
	
		
			
				|  |  | -						<text style="font-size: 30rpx;">删除</text>
 | 
	
		
			
				|  |  | -					</view>
 | 
	
		
			
				|  |  | -				</u-form-item>
 | 
	
		
			
				|  |  | -			</view>
 | 
	
		
			
				|  |  | -		</u-form>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -		<!-- 添加入住人 -->
 | 
	
		
			
				|  |  | -		<view class="addPerson" @click="addPerson()">
 | 
	
		
			
				|  |  | -			<u-icon name="plus" color="#2979ff"></u-icon>添加入住人
 | 
	
		
			
				|  |  | -		</view>
 | 
	
		
			
				|  |  | -		<!-- 按钮 -->
 | 
	
		
			
				|  |  | -		<!-- 按钮 -->
 | 
	
		
			
				|  |  | -		<view class="btn-tbn">
 | 
	
		
			
				|  |  | -			<view class="yes" @click.native="conform">
 | 
	
		
			
				|  |  | -				确定
 | 
	
		
			
				|  |  | -			</view>
 | 
	
		
			
				|  |  | -		</view>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	</view>
 | 
	
		
			
				|  |  | -</template>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -<script>
 | 
	
		
			
				|  |  | -	var that;
 | 
	
		
			
				|  |  | -	export default {
 | 
	
		
			
				|  |  | -		data() {
 | 
	
		
			
				|  |  | -			return {
 | 
	
		
			
				|  |  | -				checkInPersonList: [],
 | 
	
		
			
				|  |  | -				passengerDefault: [0],
 | 
	
		
			
				|  |  | -				orderInfo: [],
 | 
	
		
			
				|  |  | -				orderId: null,
 | 
	
		
			
				|  |  | -				show: false,
 | 
	
		
			
				|  |  | -				list: [
 | 
	
		
			
				|  |  | -					[{
 | 
	
		
			
				|  |  | -							value: 0,
 | 
	
		
			
				|  |  | -							label: '身份证'
 | 
	
		
			
				|  |  | -						},
 | 
	
		
			
				|  |  | -						{
 | 
	
		
			
				|  |  | -							value: 1,
 | 
	
		
			
				|  |  | -							label: '护照'
 | 
	
		
			
				|  |  | -						},
 | 
	
		
			
				|  |  | -						{
 | 
	
		
			
				|  |  | -							value: 5,
 | 
	
		
			
				|  |  | -							label: '台湾居民居住证'
 | 
	
		
			
				|  |  | -						},
 | 
	
		
			
				|  |  | -						{
 | 
	
		
			
				|  |  | -							value: 6,
 | 
	
		
			
				|  |  | -							label: '港澳居民居住证'
 | 
	
		
			
				|  |  | -						}
 | 
	
		
			
				|  |  | -					]
 | 
	
		
			
				|  |  | -				],
 | 
	
		
			
				|  |  | -				list2: [{
 | 
	
		
			
				|  |  | -						value: 0,
 | 
	
		
			
				|  |  | -						label: '身份证'
 | 
	
		
			
				|  |  | -					},
 | 
	
		
			
				|  |  | -					{
 | 
	
		
			
				|  |  | -						value: 1,
 | 
	
		
			
				|  |  | -						label: '护照'
 | 
	
		
			
				|  |  | -					},
 | 
	
		
			
				|  |  | -					{
 | 
	
		
			
				|  |  | -						value: 5,
 | 
	
		
			
				|  |  | -						label: '台湾居民居住证'
 | 
	
		
			
				|  |  | -					},
 | 
	
		
			
				|  |  | -					{
 | 
	
		
			
				|  |  | -						value: 6,
 | 
	
		
			
				|  |  | -						label: '港澳居民居住证'
 | 
	
		
			
				|  |  | -					}
 | 
	
		
			
				|  |  | -				]
 | 
	
		
			
				|  |  | -			}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -		},
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -		filters: {
 | 
	
		
			
				|  |  | -			cardName(val) {
 | 
	
		
			
				|  |  | -				let item = that.list2.filter((item) => item.value == val);
 | 
	
		
			
				|  |  | -				if (item[0]) {
 | 
	
		
			
				|  |  | -					return item[0].label;
 | 
	
		
			
				|  |  | -				} else {
 | 
	
		
			
				|  |  | -					return ""
 | 
	
		
			
				|  |  | -				}
 | 
	
		
			
				|  |  | -			}
 | 
	
		
			
				|  |  | -		},
 | 
	
		
			
				|  |  | -		onLoad(opt) {
 | 
	
		
			
				|  |  | -			that = this;
 | 
	
		
			
				|  |  | -			this.orderInfo = JSON.parse(opt.orderInfo);
 | 
	
		
			
				|  |  | -			console.log(this.orderInfo)
 | 
	
		
			
				|  |  | -			this.checkInPersonList = this.orderInfo.detailFormList[0].checkInPersonList;
 | 
	
		
			
				|  |  | -			if (!this.checkInPersonList || this.checkInPersonList.length == 0) {
 | 
	
		
			
				|  |  | -				this.checkInPersonList.push({
 | 
	
		
			
				|  |  | -					cardType: 0,
 | 
	
		
			
				|  |  | -					idCard: '',
 | 
	
		
			
				|  |  | -					checkInPhone: '',
 | 
	
		
			
				|  |  | -					checkInName: '',
 | 
	
		
			
				|  |  | -				})
 | 
	
		
			
				|  |  | -			}
 | 
	
		
			
				|  |  | -		},
 | 
	
		
			
				|  |  | -		methods: {
 | 
	
		
			
				|  |  | -			passengerConfirm(e, index) {
 | 
	
		
			
				|  |  | -				this.checkInPersonList[index].cardType = e.value[0].value;
 | 
	
		
			
				|  |  | -				this.show = false;
 | 
	
		
			
				|  |  | -			},
 | 
	
		
			
				|  |  | -			showCardChoose() {
 | 
	
		
			
				|  |  | -				this.show = true
 | 
	
		
			
				|  |  | -			},
 | 
	
		
			
				|  |  | -			del(index) {
 | 
	
		
			
				|  |  | -				if (this.checkInPersonList.length > 1) {
 | 
	
		
			
				|  |  | -					this.checkInPersonList.splice(index, 1);
 | 
	
		
			
				|  |  | -				}
 | 
	
		
			
				|  |  | -			},
 | 
	
		
			
				|  |  | -			addPerson() {
 | 
	
		
			
				|  |  | -				this.checkInPersonList.push({
 | 
	
		
			
				|  |  | -					checkInPhone: '',
 | 
	
		
			
				|  |  | -					idCard: '',
 | 
	
		
			
				|  |  | -					cardType: '',
 | 
	
		
			
				|  |  | -					checkInName: '',
 | 
	
		
			
				|  |  | -				})
 | 
	
		
			
				|  |  | -			},
 | 
	
		
			
				|  |  | -			conform() {
 | 
	
		
			
				|  |  | -				this.checkInPersonList.forEach((item) => {
 | 
	
		
			
				|  |  | -					if (!item.checkInName) {
 | 
	
		
			
				|  |  | -						this.$showToast('请输入姓名');
 | 
	
		
			
				|  |  | -						return false
 | 
	
		
			
				|  |  | -					}
 | 
	
		
			
				|  |  | -					let checkInPhone = item.checkInPhone;
 | 
	
		
			
				|  |  | -					if (checkInPhone.indexOf("**") > -1) {
 | 
	
		
			
				|  |  | -						checkInPhone = checkInPhone.replace(/\*/g, "5");
 | 
	
		
			
				|  |  | -					}
 | 
	
		
			
				|  |  | -					if (!this.$u.test.mobile(checkInPhone)) {
 | 
	
		
			
				|  |  | -						this.$showToast('请输入正确手机号');
 | 
	
		
			
				|  |  | -						return false
 | 
	
		
			
				|  |  | -					}
 | 
	
		
			
				|  |  | -					let idCard = item.idCard;
 | 
	
		
			
				|  |  | -					if (idCard.indexOf("**") > -1) {
 | 
	
		
			
				|  |  | -						idCard = idCard.replace(/\*/g, "1");
 | 
	
		
			
				|  |  | -					}
 | 
	
		
			
				|  |  | -					if (!this.$u.test.idCard(idCard)) {
 | 
	
		
			
				|  |  | -						this.$showToast('请输入正确身份证号');
 | 
	
		
			
				|  |  | -						return false
 | 
	
		
			
				|  |  | -					}
 | 
	
		
			
				|  |  | +<template>
 | 
	
		
			
				|  |  | +	<view class="page" :style="{'padding-top':mt+'px'}">
 | 
	
		
			
				|  |  | +		<c-nav-bar title="添加入住人" :showIcon="true"></c-nav-bar>
 | 
	
		
			
				|  |  | +		<u-form :model="form" ref="form">
 | 
	
		
			
				|  |  | +			<view class="box" v-for="(item,index) in checkInPersonList">
 | 
	
		
			
				|  |  | +				<u-form-item label="姓名" prop="checkInName" label-width="172rpx" border-bottom>
 | 
	
		
			
				|  |  | +					<u-input border="false" v-model="item.checkInName" placeholder="请输入姓名" />
 | 
	
		
			
				|  |  | +				</u-form-item>
 | 
	
		
			
				|  |  | +				<u-form-item label="手机号码" prop="checkInPhone" label-width="172rpx" border-bottom>
 | 
	
		
			
				|  |  | +					<u-input border="false" v-model="item.checkInPhone" placeholder="请输入手机号" />
 | 
	
		
			
				|  |  | +				</u-form-item>
 | 
	
		
			
				|  |  | +				<u-form-item label="证件类型" label-width="172rpx" border-bottom @click.native="show=true">
 | 
	
		
			
				|  |  | +					<view class="personInfo">
 | 
	
		
			
				|  |  | +						<text style="font-size: 30rpx;">{{item.cardType|cardName}}</text>
 | 
	
		
			
				|  |  | +						<u-picker :itemHeight="88" :immediateChange="true" :show="show" :columns="list" keyName="label"
 | 
	
		
			
				|  |  | +							:defaultIndex="passengerDefault" @cancel="show=false;"
 | 
	
		
			
				|  |  | +							@confirm="(e)=>passengerConfirm(e,index)"></u-picker>
 | 
	
		
			
				|  |  | +						<u-icon name="arrow-right"></u-icon>
 | 
	
		
			
				|  |  | +					</view>
 | 
	
		
			
				|  |  | +				</u-form-item>
 | 
	
		
			
				|  |  | +				<u-form-item label="证件号" prop="idCard" label-width="172rpx" border-bottom>
 | 
	
		
			
				|  |  | +					<u-input border="false" v-model="item.idCard" placeholder="请输入证件号" />
 | 
	
		
			
				|  |  | +				</u-form-item>
 | 
	
		
			
				|  |  | +				<!-- 	<u-form-item label="民族" prop="nation" label-width="172rpx" border-bottom>
 | 
	
		
			
				|  |  | +					<u-input border="false" v-model="item.nation" placeholder="请输入民族" />
 | 
	
		
			
				|  |  | +				</u-form-item>
 | 
	
		
			
				|  |  | +				<u-form-item label="地址" prop="address" label-width="172rpx" border-bottom>
 | 
	
		
			
				|  |  | +					<u-input border="false" v-model="item.address" placeholder="请输入地址" />
 | 
	
		
			
				|  |  | +				</u-form-item> -->
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +				<u-form-item class="delete" v-if="checkInPersonList.length>1">
 | 
	
		
			
				|  |  | +					<view class="delete" @click="del(index)">
 | 
	
		
			
				|  |  | +						<u-icon name="trash"></u-icon>
 | 
	
		
			
				|  |  | +						<text style="font-size: 30rpx;">删除</text>
 | 
	
		
			
				|  |  | +					</view>
 | 
	
		
			
				|  |  | +				</u-form-item>
 | 
	
		
			
				|  |  | +			</view>
 | 
	
		
			
				|  |  | +		</u-form>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +		<!-- 添加入住人 -->
 | 
	
		
			
				|  |  | +		<view class="addPerson" @click="addPerson()">
 | 
	
		
			
				|  |  | +			<u-icon name="plus" color="#2979ff"></u-icon>添加入住人
 | 
	
		
			
				|  |  | +		</view>
 | 
	
		
			
				|  |  | +		<!-- 按钮 -->
 | 
	
		
			
				|  |  | +		<!-- 按钮 -->
 | 
	
		
			
				|  |  | +		<view class="btn-tbn">
 | 
	
		
			
				|  |  | +			<view class="yes" @click.native="conform">
 | 
	
		
			
				|  |  | +				确定
 | 
	
		
			
				|  |  | +			</view>
 | 
	
		
			
				|  |  | +		</view>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	</view>
 | 
	
		
			
				|  |  | +</template>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +<script>
 | 
	
		
			
				|  |  | +	var that;
 | 
	
		
			
				|  |  | +	export default {
 | 
	
		
			
				|  |  | +		data() {
 | 
	
		
			
				|  |  | +			return {
 | 
	
		
			
				|  |  | +				checkInPersonList: [],
 | 
	
		
			
				|  |  | +				passengerDefault: [0],
 | 
	
		
			
				|  |  | +				orderInfo: [],
 | 
	
		
			
				|  |  | +				orderId: null,
 | 
	
		
			
				|  |  | +				show: false,
 | 
	
		
			
				|  |  | +				list: [
 | 
	
		
			
				|  |  | +					[{
 | 
	
		
			
				|  |  | +							value: 0,
 | 
	
		
			
				|  |  | +							label: '身份证'
 | 
	
		
			
				|  |  | +						},
 | 
	
		
			
				|  |  | +						{
 | 
	
		
			
				|  |  | +							value: 1,
 | 
	
		
			
				|  |  | +							label: '护照'
 | 
	
		
			
				|  |  | +						},
 | 
	
		
			
				|  |  | +						{
 | 
	
		
			
				|  |  | +							value: 5,
 | 
	
		
			
				|  |  | +							label: '台湾居民居住证'
 | 
	
		
			
				|  |  | +						},
 | 
	
		
			
				|  |  | +						{
 | 
	
		
			
				|  |  | +							value: 6,
 | 
	
		
			
				|  |  | +							label: '港澳居民居住证'
 | 
	
		
			
				|  |  | +						}
 | 
	
		
			
				|  |  | +					]
 | 
	
		
			
				|  |  | +				],
 | 
	
		
			
				|  |  | +				list2: [{
 | 
	
		
			
				|  |  | +						value: 0,
 | 
	
		
			
				|  |  | +						label: '身份证'
 | 
	
		
			
				|  |  | +					},
 | 
	
		
			
				|  |  | +					{
 | 
	
		
			
				|  |  | +						value: 1,
 | 
	
		
			
				|  |  | +						label: '护照'
 | 
	
		
			
				|  |  | +					},
 | 
	
		
			
				|  |  | +					{
 | 
	
		
			
				|  |  | +						value: 5,
 | 
	
		
			
				|  |  | +						label: '台湾居民居住证'
 | 
	
		
			
				|  |  | +					},
 | 
	
		
			
				|  |  | +					{
 | 
	
		
			
				|  |  | +						value: 6,
 | 
	
		
			
				|  |  | +						label: '港澳居民居住证'
 | 
	
		
			
				|  |  | +					}
 | 
	
		
			
				|  |  | +				]
 | 
	
		
			
				|  |  | +			}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +		},
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +		filters: {
 | 
	
		
			
				|  |  | +			cardName(val) {
 | 
	
		
			
				|  |  | +				let item = that.list2.filter((item) => item.value == val);
 | 
	
		
			
				|  |  | +				if (item[0]) {
 | 
	
		
			
				|  |  | +					return item[0].label;
 | 
	
		
			
				|  |  | +				} else {
 | 
	
		
			
				|  |  | +					return ""
 | 
	
		
			
				|  |  | +				}
 | 
	
		
			
				|  |  | +			}
 | 
	
		
			
				|  |  | +		},
 | 
	
		
			
				|  |  | +		onLoad(opt) {
 | 
	
		
			
				|  |  | +			that = this;
 | 
	
		
			
				|  |  | +			this.orderInfo = JSON.parse(opt.orderInfo);
 | 
	
		
			
				|  |  | +			console.log(this.orderInfo)
 | 
	
		
			
				|  |  | +			this.checkInPersonList = this.orderInfo.detailFormList[0].checkInPersonList;
 | 
	
		
			
				|  |  | +			if (!this.checkInPersonList || this.checkInPersonList.length == 0) {
 | 
	
		
			
				|  |  | +				this.checkInPersonList.push({
 | 
	
		
			
				|  |  | +					cardType: 0,
 | 
	
		
			
				|  |  | +					idCard: '',
 | 
	
		
			
				|  |  | +					checkInPhone: '',
 | 
	
		
			
				|  |  | +					checkInName: '',
 | 
	
		
			
				|  |  |  				})
 | 
	
		
			
				|  |  | -				
 | 
	
		
			
				|  |  | -				let list = this.checkInPersonList.filter((item) => item.idCard && item.checkInName&& item.checkInPhone);
 | 
	
		
			
				|  |  | -				if(list.length==0) return;
 | 
	
		
			
				|  |  | -				this.getOpenerEventChannel().emit('addSuccess', {
 | 
	
		
			
				|  |  | -					'data': list
 | 
	
		
			
				|  |  | -				});
 | 
	
		
			
				|  |  | -				uni.navigateBack();
 | 
	
		
			
				|  |  | -			},
 | 
	
		
			
				|  |  | -		}
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | -</script>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -<style lang="scss">
 | 
	
		
			
				|  |  | -	.page {
 | 
	
		
			
				|  |  | -		background: #F3F4F4;
 | 
	
		
			
				|  |  | -		padding-bottom: 260rpx;
 | 
	
		
			
				|  |  | -		box-sizing: border-box;
 | 
	
		
			
				|  |  | -		overflow-y: auto;
 | 
	
		
			
				|  |  | -		overflow-x: auto;
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	.box {
 | 
	
		
			
				|  |  | -		background-color: #fff;
 | 
	
		
			
				|  |  | -		margin: 0 auto 20rpx;
 | 
	
		
			
				|  |  | -		border-radius: 10rpx;
 | 
	
		
			
				|  |  | -		width: 92%;
 | 
	
		
			
				|  |  | -		padding: 0 30rpx;
 | 
	
		
			
				|  |  | -		margin-top: 20rpx;
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	.tit {
 | 
	
		
			
				|  |  | -		font-size: 32rpx;
 | 
	
		
			
				|  |  | -		font-weight: bold;
 | 
	
		
			
				|  |  | -		color: #333;
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	.del {
 | 
	
		
			
				|  |  | -		display: flex;
 | 
	
		
			
				|  |  | -		justify-content: center;
 | 
	
		
			
				|  |  | -		align-items: center;
 | 
	
		
			
				|  |  | -		width: 100%;
 | 
	
		
			
				|  |  | -		height: 102rpx;
 | 
	
		
			
				|  |  | -		background-color: #fff;
 | 
	
		
			
				|  |  | -		font-size: 30rpx
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	.addPerson {
 | 
	
		
			
				|  |  | -		// margin: 0 auto ;
 | 
	
		
			
				|  |  | -		width: 92%;
 | 
	
		
			
				|  |  | -		height: 100rpx;
 | 
	
		
			
				|  |  | -		margin-left: 30rpx;
 | 
	
		
			
				|  |  | -		background-color: #fff;
 | 
	
		
			
				|  |  | -		border-radius: 10rpx;
 | 
	
		
			
				|  |  | -		display: flex;
 | 
	
		
			
				|  |  | -		justify-content: center;
 | 
	
		
			
				|  |  | -		align-items: center;
 | 
	
		
			
				|  |  | -		font-size: 30rpx;
 | 
	
		
			
				|  |  | -		color: #1372FF;
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	.btn-tbn {
 | 
	
		
			
				|  |  | -		width: 100%;
 | 
	
		
			
				|  |  | -		height: 136rpx;
 | 
	
		
			
				|  |  | -		background-color: #fff;
 | 
	
		
			
				|  |  | -		position: fixed;
 | 
	
		
			
				|  |  | -		bottom: 0;
 | 
	
		
			
				|  |  | -		padding: 30rpx;
 | 
	
		
			
				|  |  | -		z-index: 999;
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	.yes {
 | 
	
		
			
				|  |  | -		width: 690rpx;
 | 
	
		
			
				|  |  | -		height: 96rpx;
 | 
	
		
			
				|  |  | -		line-height: 96rpx;
 | 
	
		
			
				|  |  | -		background-color: #1372FF;
 | 
	
		
			
				|  |  | -		border-radius: 48rpx;
 | 
	
		
			
				|  |  | -		// margin-left: 30rpx;
 | 
	
		
			
				|  |  | -		color: #fff;
 | 
	
		
			
				|  |  | -		font-size: 34rpx;
 | 
	
		
			
				|  |  | -		text-align: center;
 | 
	
		
			
				|  |  | -		// line-height: 96rpx;
 | 
	
		
			
				|  |  | -		// margin-top: 200rpx;
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	.delete {
 | 
	
		
			
				|  |  | -		display: flex;
 | 
	
		
			
				|  |  | -		justify-content: center;
 | 
	
		
			
				|  |  | -		align-items: center;
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	.personInfo {
 | 
	
		
			
				|  |  | -		padding-left: 15rpx;
 | 
	
		
			
				|  |  | -		display: flex;
 | 
	
		
			
				|  |  | -		align-items: center;
 | 
	
		
			
				|  |  | -		justify-content: space-between;
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | +			}
 | 
	
		
			
				|  |  | +		},
 | 
	
		
			
				|  |  | +		methods: {
 | 
	
		
			
				|  |  | +			passengerConfirm(e, index) {
 | 
	
		
			
				|  |  | +				this.checkInPersonList[index].cardType = e.value[0].value;
 | 
	
		
			
				|  |  | +				this.show = false;
 | 
	
		
			
				|  |  | +			},
 | 
	
		
			
				|  |  | +			showCardChoose() {
 | 
	
		
			
				|  |  | +				this.show = true
 | 
	
		
			
				|  |  | +			},
 | 
	
		
			
				|  |  | +			del(index) {
 | 
	
		
			
				|  |  | +				if (this.checkInPersonList.length > 1) {
 | 
	
		
			
				|  |  | +					this.checkInPersonList.splice(index, 1);
 | 
	
		
			
				|  |  | +				}
 | 
	
		
			
				|  |  | +			},
 | 
	
		
			
				|  |  | +			addPerson() {
 | 
	
		
			
				|  |  | +				this.checkInPersonList.push({
 | 
	
		
			
				|  |  | +					checkInPhone: '',
 | 
	
		
			
				|  |  | +					idCard: '',
 | 
	
		
			
				|  |  | +					cardType: '',
 | 
	
		
			
				|  |  | +					checkInName: '',
 | 
	
		
			
				|  |  | +				})
 | 
	
		
			
				|  |  | +			},
 | 
	
		
			
				|  |  | +			conform() {
 | 
	
		
			
				|  |  | +				this.checkInPersonList.forEach((item) => {
 | 
	
		
			
				|  |  | +					if (!item.checkInName) {
 | 
	
		
			
				|  |  | +						this.$showToast('请输入姓名');
 | 
	
		
			
				|  |  | +						return false
 | 
	
		
			
				|  |  | +					}
 | 
	
		
			
				|  |  | +					let checkInPhone = item.checkInPhone;
 | 
	
		
			
				|  |  | +					if (checkInPhone.indexOf("**") > -1) {
 | 
	
		
			
				|  |  | +						checkInPhone = checkInPhone.replace(/\*/g, "5");
 | 
	
		
			
				|  |  | +					}
 | 
	
		
			
				|  |  | +					if (!this.$u.test.mobile(checkInPhone)) {
 | 
	
		
			
				|  |  | +						this.$showToast('请输入正确手机号');
 | 
	
		
			
				|  |  | +						return false
 | 
	
		
			
				|  |  | +					}
 | 
	
		
			
				|  |  | +					let idCard = item.idCard;
 | 
	
		
			
				|  |  | +					if (idCard.indexOf("**") > -1) {
 | 
	
		
			
				|  |  | +						idCard = idCard.replace(/\*/g, "1");
 | 
	
		
			
				|  |  | +					}
 | 
	
		
			
				|  |  | +					if (!this.$u.test.idCard(idCard)) {
 | 
	
		
			
				|  |  | +						this.$showToast('请输入正确身份证号');
 | 
	
		
			
				|  |  | +						return false
 | 
	
		
			
				|  |  | +					}
 | 
	
		
			
				|  |  | +				})
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +				let list = this.checkInPersonList.filter((item) => item.idCard && item.checkInName && item.checkInPhone);
 | 
	
		
			
				|  |  | +				if (list.length == 0) return;
 | 
	
		
			
				|  |  | +				this.getOpenerEventChannel().emit('addSuccess', {
 | 
	
		
			
				|  |  | +					'data': list
 | 
	
		
			
				|  |  | +				});
 | 
	
		
			
				|  |  | +				uni.navigateBack();
 | 
	
		
			
				|  |  | +			},
 | 
	
		
			
				|  |  | +		}
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +</script>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +<style lang="scss">
 | 
	
		
			
				|  |  | +	.page {
 | 
	
		
			
				|  |  | +		background: #F3F4F4;
 | 
	
		
			
				|  |  | +		padding-bottom: 260rpx;
 | 
	
		
			
				|  |  | +		box-sizing: border-box;
 | 
	
		
			
				|  |  | +		overflow-y: auto;
 | 
	
		
			
				|  |  | +		overflow-x: auto;
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	.box {
 | 
	
		
			
				|  |  | +		background-color: #fff;
 | 
	
		
			
				|  |  | +		margin: 0 auto 20rpx;
 | 
	
		
			
				|  |  | +		border-radius: 10rpx;
 | 
	
		
			
				|  |  | +		width: 92%;
 | 
	
		
			
				|  |  | +		padding: 0 30rpx;
 | 
	
		
			
				|  |  | +		margin-top: 20rpx;
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	.tit {
 | 
	
		
			
				|  |  | +		font-size: 32rpx;
 | 
	
		
			
				|  |  | +		font-weight: bold;
 | 
	
		
			
				|  |  | +		color: #333;
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	.del {
 | 
	
		
			
				|  |  | +		display: flex;
 | 
	
		
			
				|  |  | +		justify-content: center;
 | 
	
		
			
				|  |  | +		align-items: center;
 | 
	
		
			
				|  |  | +		width: 100%;
 | 
	
		
			
				|  |  | +		height: 102rpx;
 | 
	
		
			
				|  |  | +		background-color: #fff;
 | 
	
		
			
				|  |  | +		font-size: 30rpx
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	.addPerson {
 | 
	
		
			
				|  |  | +		// margin: 0 auto ;
 | 
	
		
			
				|  |  | +		width: 92%;
 | 
	
		
			
				|  |  | +		height: 100rpx;
 | 
	
		
			
				|  |  | +		margin-left: 30rpx;
 | 
	
		
			
				|  |  | +		background-color: #fff;
 | 
	
		
			
				|  |  | +		border-radius: 10rpx;
 | 
	
		
			
				|  |  | +		display: flex;
 | 
	
		
			
				|  |  | +		justify-content: center;
 | 
	
		
			
				|  |  | +		align-items: center;
 | 
	
		
			
				|  |  | +		font-size: 30rpx;
 | 
	
		
			
				|  |  | +		color: #1372FF;
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	.btn-tbn {
 | 
	
		
			
				|  |  | +		width: 100%;
 | 
	
		
			
				|  |  | +		height: 136rpx;
 | 
	
		
			
				|  |  | +		background-color: #fff;
 | 
	
		
			
				|  |  | +		position: fixed;
 | 
	
		
			
				|  |  | +		bottom: 0;
 | 
	
		
			
				|  |  | +		padding: 30rpx;
 | 
	
		
			
				|  |  | +		z-index: 999;
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	.yes {
 | 
	
		
			
				|  |  | +		width: 690rpx;
 | 
	
		
			
				|  |  | +		height: 96rpx;
 | 
	
		
			
				|  |  | +		line-height: 96rpx;
 | 
	
		
			
				|  |  | +		background-color: #1372FF;
 | 
	
		
			
				|  |  | +		border-radius: 48rpx;
 | 
	
		
			
				|  |  | +		// margin-left: 30rpx;
 | 
	
		
			
				|  |  | +		color: #fff;
 | 
	
		
			
				|  |  | +		font-size: 34rpx;
 | 
	
		
			
				|  |  | +		text-align: center;
 | 
	
		
			
				|  |  | +		// line-height: 96rpx;
 | 
	
		
			
				|  |  | +		// margin-top: 200rpx;
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	.delete {
 | 
	
		
			
				|  |  | +		display: flex;
 | 
	
		
			
				|  |  | +		justify-content: center;
 | 
	
		
			
				|  |  | +		align-items: center;
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +	.personInfo {
 | 
	
		
			
				|  |  | +		padding-left: 15rpx;
 | 
	
		
			
				|  |  | +		display: flex;
 | 
	
		
			
				|  |  | +		align-items: center;
 | 
	
		
			
				|  |  | +		justify-content: space-between;
 | 
	
		
			
				|  |  | +	}
 | 
	
		
			
				|  |  |  </style>
 |