yf_zd
/
yfApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
		<link href="../css/common.css" rel="stylesheet" />
		
		<style type="text/css">
			.equitIconBox {
				width: 150px;
				height: 150px;
				background: pink;
				border-radius: 50%;
				margin: 19px auto;
				text-align: center;
			}
			
			.mui-content {
				background: #fff;
			}
			
			.borderRight {
				border-right: 2px solid #efeff4;
			}
			
			.borderbottom {
				border-bottom: 2px solid #efeff4;
			}
			/*.equitIconBox>i{
				display: block;
				font-size: 61px;
				padding: 53px 0 20px 10px;
				color: #8f8f94;
			}*/
			
			.equitIconBox>img {
				width: 100%;
			}
			
			.categoryTitle {
				text-align: center;
				font-size: 18px;
			}
			
			@media (max-width: 400px) {
				.mui-col-sm-6 {
					width: 50%;
				}
			}

			#category .mui-col-sm-6:active{
				background-color: #eee !important;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">设备中心</h1>
		</header>
		<div class="mui-content">
			<div class="mui-row" id="category">
				<div class="mui-col-sm-6 borderRight borderbottom" >
					<div id="scdEquip">
						<div class="equitIconBox">
							<img src="../images/equipIndicate2.png" />
						</div>
						<p class="categoryTitle">设备管理</p>
					</div>
				</div>
				<div class="mui-col-sm-6 borderbottom" id="">
					<div id="cbdEquip">
						<div class="equitIconBox">
							<img src="../images/equipIndicate4.png" />
						</div>
						<p class="categoryTitle">设备管理</p>
					</div>
				</div>
				<div class="mui-col-sm-6 borderRight borderbottom" id="">
					<div id="scdReport">
						<div class="equitIconBox">
							<img src="../images/equipIndicate3.png" />
						</div>
						<p class="categoryTitle">报表管理</p>
					</div>
				</div>
				<div class="mui-col-sm-6  borderbottom">
					<div id="cbdReport">
						<div class="equitIconBox">
							<img src="../images/equipIndicate1.png" />
						</div>
						<p class="categoryTitle">报表管理</p>
					</div>
				</div>
				
			</div>
		</div>
		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
			document.getElementById('scdEquip').addEventListener('tap',function(){
				mui.openWindow({
					url: '../equipManage/equipManage_scd.html',
					id: 'equipManage_scd'
				})
			})
			document.getElementById('cbdEquip').addEventListener('tap',function(){
				mui.openWindow({
					url: '../equipManage/equipManage_cbd.html',
					id: 'equipManage_cbd'
				})
			})
			document.getElementById('scdReport').addEventListener('tap',function(){
				mui.openWindow({
					url: '../reportManage/reprotManage_scd.html',
					id: 'reprotManage_scd'
				})
			})
			document.getElementById('cbdReport').addEventListener('tap',function(){
				mui.openWindow({
					url: '../reportManage/reprotManage_cbd.html',
					id: 'reprotManage_cbd'
				})
			})
		</script>
	</body>

</html>