<template>
	<view class='waiting-method-page'>
		<view class="h-name over PfScSemibold">
			{{hospital_depart_name}}
		</view>

		<uni-card title="上官子涵" extra="身份证：9098******8778" margin="0 10rpx 20rpx 10rpx" shadow="none" :border="false" padding="24rpx 0 0 0">
			<view>
				<uni-data-checkbox mode="button" v-model="type" :localdata="types"></uni-data-checkbox>
			</view>
 
			<view class="" v-if="type == 1">
				<uni-easyinput v-model="value" placeholder="请输入床位位置" placeholderStyle="color: #999999;font-size: 30rpx;" :trim="true"></uni-easyinput>
			</view> 

			<view class="card-cus-txt" v-if="type == 0">
				首次就诊，建议等待医生叫号
			</view>

			<view class="card-cus-txt" v-else>
				没有找到床位，可不填写位置
			</view>
		</uni-card>
		
		<uni-card title="王鹏" extra="身份证：9098******8778" margin="0 10rpx 20rpx 10rpx" shadow="none" :border="false" padding="24rpx 0 0 0">
			<view>
				<uni-data-checkbox mode="button" v-model="type" :localdata="types"></uni-data-checkbox>
			</view>
		 
			<view class="" v-if="type == 1">
				<uni-easyinput v-model="value" placeholder="请输入床位位置" placeholderStyle="color: #999999;font-size: 30rpx;" :trim="true"></uni-easyinput>
			</view> 
		
			<view class="card-cus-txt" v-if="type == 0">
				首次就诊，建议等待医生叫号
			</view>
		
			<view class="card-cus-txt" v-else>
				没有找到床位，可不填写位置
			</view>
		</uni-card>

		<view class="submit">
			<view class="bot primary btn btn2 submitbtn PfScMedium" hover-class="hover">
				确认候诊方式
			</view>
		</view>

	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				cssUrl:this.cssUrl,
				depart_id:0,
				hospital_depart_name:'',
				value:'',
				type: 0,
				types: [{
					text: '等医生叫号',
					value: 0
				}, {
					text: '找床位候诊',
					value: 1
				}],
			}
		},
		onLoad(option) {
			var depart_info = uni.getStorageSync('depart')
			if(depart_info) {
				depart_info = JSON.parse(depart_info)
				this.hospital_depart_name = depart_info.hospital_name + ' ' + depart_info.depart_name
			}

			this.getVisitors()
			this.depart_id = uni.getStorageSync('depart_id')
			if(!this.depart_id) {
				this.$pop.modelShow('请先选择要预约的医院科室', '/pages/index/index')
				return
			}
		},
		onReady() {
		},
		methods: {
			getVisitors() {
				this.$http.req('user/get_visitors', {}, 'POST').then(data=>{
					this.visitUsers = data;
					this.visitUsers = [...this.visitUsers]
					this.popMsgs = []
					var popmsgIndex = 0
					for (var i = 0; i < this.visitUsers.length; i++) {
						this.visitUsers[i].select = false
					}
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
.waiting-method-page{
	overflow: hidden;
	/deep/ {
		.uni-easyinput{
			margin-bottom: 24rpx;
			.uni-easyinput__content-input{
				padding-left: 24rpx !important;
				color: #333333;
				font-size: 30rpx;
				line-height: 30rpx;
				letter-spacing: 0.22rpx;
				height: 86rpx;
				line-height: 86rpx;
				display: flex;
				align-items: center;
				position: relative;
				top: -2rpx;
			}
			.is-input-border{
				border: 2rpx solid #DCDCDC !important;
			}
			.is-input-border.is-focused{
				border-color: #39D067 !important;
				.uni-icons.content-clear-icon.uniui-clear{
					color: #39D067 !important;
				}
			}
		}
		.uni-card{
			border-radius: 0;
			padding: 32rpx !important;
			.uni-data-checklist .checklist-group {
				column-gap: 24rpx;
				margin-bottom: 24rpx;
				.checklist-box{
					margin: 0;
					width: calc(50% - 14rpx);
					box-sizing: border-box;
					.checklist-content .checklist-text{
						font-size: 30rpx;
						font-weight: normal;
						letter-spacing: 0.22rpx;
						margin-left: 12rpx;
						color: #666666;
					}
					
					.radio__inner{
						width: 36rpx;
						height: 36rpx;
						border: 2rpx solid #BCBCBC;
						border-radius: 36rpx;
					}
					
					&.is--button{
						margin-right: 0rpx;
						padding: 20rpx;
						border: none;
						min-height: 82rpx;
						border-radius: 8rpx;
						transition: border-color 0.2s;
						background: #F8F8F8;
						&.is-checked{
							background: #F5FFF4;
							.radio__inner{
								border-color: #00C160;
							}
							.radio__inner-icon{
								background: #00C160;
							}
							.checklist-text{
									color: #333333;
							}
						}
					}
				}
			}
			.card-cus-txt{
				font-size: 24rpx;
				font-weight: normal;
				line-height: 34rpx;
				height: 34rpx;
				letter-spacing: 1.77rpx;
				color: #666666;
			}
			.uni-card__header{
				border: none;
				padding: 0;
				.uni-card__header-extra .uni-card__header-extra-text{
					font-size: 24rpx;
					font-weight: normal;
					line-height: normal;
					letter-spacing: 0.14rpx;
					color: #949699;
				}

				.uni-card__header-content .uni-card__header-content-title{
					font-weight: 600;
					line-height: 42rpx;
					font-size: 32rpx;
					color: #333333;
					&:before{
						content: '';
						display: inline-block;
						width: 8rpx;
						height: 34rpx;
						z-index: 0;
						border-radius: 10rpx;
						background: #58CA7F;
						position: relative;
						top: 5rpx;
						margin-right: 12rpx;
					}
				}
			}
		}
	}
	.h-name{
		padding: 36rpx 24rpx;
		box-sizing: border-box;
		width: 100%;
		height: 116rpx;
		margin-bottom: 20rpx;
		background: white;
		display: flex;
		align-items: center;
		font-size: 32rpx;
		color: #000000;
	}
	.title-wrap{
		width: 100%;
		height: 100rpx;
	}
	.submit{
		position: fixed;
		width: 100%;
		top: 82.41%;
		.submitbtn{
			width: 666rpx;
			margin: 0 auto;
		}
		.tip{
			text-align: center;
			font-size: 28rpx;
			color: #B3B4BC;
			margin-top: 33rpx;
		}
	}
}
</style>
