<template>
	<view class="containers">
		<view class="db">
			<view class="dblist">
				<view>
					<view class="dbitem">
						<text class="dbtype">普通访客</text>
						<view class="dbstatus bm">
							<view>待审核</view>
							<view>
								<text>访问时间 2023-03-06</text>
								<text>10:00至11:00</text>
							</view>
						</view>
						<view class="dbinfo justify-left">
							<view>
								<view>被访人：<text>章三</text></view>
								<view>被访人部门：<text>生产</text></view>
								<view>长期访客申请：<text>是</text></view>
							</view>
							<view>
								<view>访问区域：<text>章三</text></view>
								<view>拜访人：<text>生产</text></view>
								<view>事由：<text>是</text></view>
							</view>
						</view>
						<view class="dblong">
							长期访问时间：2023-01-01 至 2023-12-31
						</view>
					</view>
				</view>
			
				<view class="dbtext">随访人员</view>
				<view class="dbitem sfyritem">
					<view class="dbinfo sfry">
						<view class="justify-between">
							<view>
								被访人：<text>章三</text>
							</view>
							<view>
								联系电话：<text>18914071203</text>
							</view>
						</view>
						<view>证件类型：<text>生产</text></view>
						<view>证件号：<text>是</text></view>
					</view>
				</view>
				<view class="dbtext">到访车辆</view>
				<view class="dbitem sfyritem">
					<view class="dbinfo sfry">
						<view class="justify-between">
							<view>
								车牌：<text>章三</text>
							</view>
						</view>
					</view>
				</view>
				<view class="dbtext">被访人员</view>
				<view class="dbitem sfyritem">
					<view class="dbinfo sfry">
						<view class="justify-between">
							<view>
								部门：<text>章三</text>
							</view>
							<view>
								人员：<text>18914071203</text>
							</view>
						</view>
					</view>
				</view>
			</view>
			
		</view>

	</view>
</template>

<script>
	import '@/static/css/bd.css'
</script>

<style scoped>
	.containers{
		background-color: #eceefe;
		min-height: 100vh;
		padding-top:20rpx;
	}
	.dbtext{
		padding-top:10rpx;
		margin-bottom:30rpx;
		color:#303639;
		font-size:40rpx;
		padding-left:30rpx
	}
	.sfyritem{
		padding-bottom:10rpx
	}
	.sfry{
		padding-bottom:0
	}
	.sfry>view{
		padding-right:0;
		padding-bottom:20rpx
	}
	.sfry>view:last-child {
		padding-left:0
	}
	.sfry>view view {
	    padding-bottom: 0rpx;
	}
	.dbinfo>view text {
	    color: #8f9596;
	}
</style>
