<template>
	<div class="nav">
		<div class="nav-cont">
			<div class="nav-tit">
				<div class="nav-circle">
					<img src="../assets/images/yj-tity1.png" />
				</div>
				<p>市指挥部</p>
			</div>
			<div class="left-table">
				<div class="bz-name">
					<img src="../assets/images/yj-navimg2.png"/>
					<p>班长</p>
				</div>
				<div class="bz-table">
					<div class="bz-head">
						<span>序号</span>
						<span>姓名</span>
						<span>电话</span>
					</div>
					<div class="scroll h-16">
						<div class="bz-td">
							<span>01</span>
							<span>王&nbsp;&nbsp;&nbsp;毅</span>
							<span>15689963655</span>
						</div>
						<div class="bz-td">
							<span>02</span>
							<span>周&nbsp;&nbsp;&nbsp;晓</span>
							<span>15689996355</span>
						</div>
						<div class="bz-td">
							<span>03</span>
							<span>孙美玲</span>
							<span>15678563254</span>
						</div>
						<div class="bz-td">
							<span>04</span>
							<span>王&nbsp;&nbsp;&nbsp;丽</span>
							<span>15963325636</span>
						</div>
						<div class="bz-td">
							<span>05</span>
							<span>崔&nbsp;&nbsp;&nbsp;松</span>
							<span>13856988745</span>
						</div>
						<div class="bz-td">
							<span>06</span>
							<span>于洪富</span>
							<span>15904468899</span>
						</div>
						<div class="bz-td">
							<span>07</span>
							<span>李凤武</span>
							<span>13351508889</span>
						</div>
						<div class="bz-td">
							<span>08</span>
							<span>李双旭</span>
							<span>13331658988</span>
						</div>
					</div>
				</div>
			</div>
			<div class="nav-tit">
				<div class="nav-circle">
					<img src="../assets/images/yj-tity1.png" />
				</div>
				<p>县区指挥部</p>
			</div>
			<h6 class="nav-wz"><i class="iconfont yj-icon-weizhi"></i>东兴县</h6>
			<div class="left-table">
				<div class="bz-name">
					<img src="../assets/images/yj-navimg2.png"/>
					<p>班长</p>
				</div>
				<div class="bz-table">
					<div class="bz-head">
						<span>序号</span>
						<span>姓名</span>
						<span>电话</span>
					</div>
					<div class="scroll h-16">
						<div class="bz-td">
							<span>01</span>
							<span>陆长吉</span>
							<span>13596109074</span>
						</div>
						<div class="bz-td">
							<span>02</span>
							<span>王淑芬</span>
							<span>13943054203</span>
						</div>
						<div class="bz-td">
							<span>03</span>
							<span>李健英</span>
							<span>13354305001</span>
						</div>
						<div class="bz-td">
							<span>04</span>
							<span>刘&nbsp;&nbsp;&nbsp;铁</span>
							<span>13244318887</span>
						</div>
						<div class="bz-td">
							<span>05</span>
							<span>许德新</span>
							<span>13596192378</span>
						</div>
						<div class="bz-td">
							<span>06</span>
							<span>丁国富</span>
							<span>15843109515</span>
						</div>
						<div class="bz-td">
							<span>07</span>
							<span>张丽宝</span>
							<span>13756289955</span>
						</div>
						<div class="bz-td">
							<span>08</span>
							<span>刘洪吉</span>
							<span>15643712332</span>
						</div>
					</div>
				</div>
			</div>
			<h6 class="nav-wz"><i class="iconfont yj-icon-weizhi"></i>长胜县</h6>
			<div class="left-table">
				<div class="bz-name">
					<img src="../assets/images/yj-navimg2.png"/>
					<p>班长</p>
				</div>
				<div class="bz-table">
					<div class="bz-head">
						<span>序号</span>
						<span>姓名</span>
						<span>电话</span>
					</div>
					<div class="scroll h-16">
						<div class="bz-td">
							<span>01</span>
							<span>徐&nbsp;&nbsp;&nbsp;多</span>
							<span>13756614567</span>
						</div>
						<div class="bz-td">
							<span>02</span>
							<span>鲁&nbsp;&nbsp;&nbsp;晶</span>
							<span>13944919611</span>
						</div>
						<div class="bz-td">
							<span>03</span>
							<span>赵淑芬</span>
							<span>13199107629</span>
						</div>
						<div class="bz-td">
							<span>04</span>
							<span>郑&nbsp;&nbsp;&nbsp;玲</span>
							<span>13944191043</span>
						</div>
						<div class="bz-td">
							<span>05</span>
							<span>佟&nbsp;&nbsp;&nbsp;佟</span>
							<span>13943139381</span>
						</div>
						<div class="bz-td">
							<span>06</span>
							<span>许久康</span>
							<span>19975872187</span>
						</div>
						<div class="bz-td">
							<span>07</span>
							<span>刘新新</span>
							<span>13086861398</span>
						</div>
						<div class="bz-td">
							<span>08</span>
							<span>马永生</span>
							<span>17037468333</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'Leftnav',
		props: {

		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.nav{
		background: url("../assets/images/yj-leftnavbg.png") no-repeat center;
		background-size: cover;
		position: absolute;
		left: 0px;
		top:0px;
		height: 100vh;
		z-index: 3;
		width: 382px;
	}
	.nav-cont{
		width: 320px;
		height: calc(100vh - 17vh);
		margin-top: 10vh;
		margin: 8vh 0px 0px 15px;
	}

	.left-table{
		display: flex;
		flex-direction: row;
		margin: 20px 10px;
	}
	.left-table .bz-name{
		background: url("../assets/images/yj-navimg1.png") no-repeat center;
		width: 65px;
		height: 70px;
		padding: 0px 5px;
		margin-right: 20px;
	}
	.left-table .bz-name p{
		margin-top: -13px;
		text-align: center;
		font-size: 14px;
		color: #36c9ff;
	}
	.bz-table{
		width: 100%;
	}

	.bz-table .bz-head{
		background: rgb(27, 55, 113,0.8);
		width: 100%;
		height: 30px;
		line-height: 30px;
		padding: 0px 4%;
	}
	.bz-table .bz-td{
		width: 100%;
		height: 30px;
		line-height: 30px;
		padding: 0px 4%;
	}
	.bz-table .bz-td:nth-child(even){
		background: rgb(24, 56, 129,0.4);
	}
	.bz-table .bz-head span,.bz-table .bz-td span{
		color: #fff;
		font-size: 14px;
		display: inline-block;
	}
	.bz-table .bz-head span:nth-child(1){
		width: 20%;
	}
	.bz-table .bz-head span:nth-child(2){
		width: 30%;
	}
	.bz-table .bz-head span:nth-child(3){
		width: 50%;
	}
	.bz-table .bz-td span:nth-child(1){
		width: 20%;
	}
	.bz-table .bz-td span:nth-child(2){
		width: 30%;
	}
	.bz-table .bz-td span:nth-child(3){
		width: 50%;
	}

	.nav-wz{
		font-size: 16px;
		color: #46e7ff;
		margin-top: 10px;
		text-align: left;
	}
	.nav-wz i{
		margin-right: 4px;
	}


</style>
