wuhongshuang
/
cleanMachine_houtai


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
							<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>申泽智能</title>
<link rel="stylesheet" type="text/css" href="/resources/index/css/reset.css" />
<link rel="stylesheet" type="text/css" href="/resources/index/css/scanboard.css" />
<link rel="stylesheet" type="text/css" href="/resources/index/css/animsition.css" />
<link rel="stylesheet" type="text/css" href="/resources/index/css/jquery.shCircleLoader.css" />
<script type="text/javascript" src="/resources/index/js/jquery.min.js"></script>
<script type="text/javascript" src="/resources/index/js/jquery.shCircleLoader-min.js"></script>
</head>
<body>
	<div id="loader"></div>
	<script type="text/javascript">
		$('#loader').shCircleLoader({color: "#00deff"});
	</script>
	<!--Top Start!-->
	<div class="scanboardWp animsition">
		<div id="top">
			<div class="wp clearfix">
				<div class="left topBar">
					<div class="topTime">时间加载中...</div>
				</div>

				<div class="center topLogo">
					<div class="title">智能洗手间物联系统</div>
<!--					<a href="#"><img src="images/logo.png"></a>-->
				</div>
				<div class="right pageTit">
					<#--<a class="summaryBtn" href="javascript:;">进入后台</a>-->
					<a class="summaryBtn" href="/asl-admin/common/main.htm">进入后台</a>
					<div class="shebei"></div>
					<#--<div class="shebei">设备编号：33333444</div>-->
				</div>
			</div>
		</div>
		<!--Top End!-->
		
		<!--Main Start!-->
		<div id="main" class="wp clearfix">
			<div class="left">
				<!-- 今日人流量、在线机台数量 -->
				<div class="item total left1">
					<div class="itemTit">
						<span class="border-yellow">今日人流量、在线机台数量</span>
					</div>
					<div class="tag1 itembg">
						<ul>
							<li style="font-size: 30px;color: aqua;">7677</li><li style="font-size: 30px;color: aqua;">12/<span style="font-size: 30px;color: #ffd220;">76</span></li>
						</ul>
						<ul>
							<li style="font-size: 16px;color: #fff;">人流量</li><li style="font-size: 16px;color: #fff;">在线设备</li>
						</ul>
					</div>
				</div>
				<!--能耗-->
				<div class="item left2">
					<div class="itemTit">
						<span class="border-green">使用统计</span>
					</div>
					<div id="myChart1"></div>

				</div>

				<!--问题占比-->
				<div class="item left3">
					<div class="itemTit">
						<span class="border-blue">问题占比</span>
					</div>
					<div id="myChart2"></div>
				</div>
			</div>

			<div class="center">
				<div class="centerWp">
					<!--中间大地图-->
					<div class="center1 item total itembg">
						<div class="itemCon tag2">
							<ul>
								<li>767次</li>
								<li class="totalNum"><strong id="totalNum" total="368082">0</strong><span>次</span></li>
								<li>88次</li>
							</ul>
							<ul>
								<li>今日随机清洗次数</li>
								<li>今日总清洗次数</li>
								<li>今日定时清洗次数</li>
							</ul>
						</div>
					</div>
					<div class="center2">
						<div class="itemTit">
							<span class="border-yellow">环境检测</span>
						</div>
						<div class="itemCon itembg">
							<div class="infoPie2">
								<ul class="clearfix">
									<li class="color-zi">
										<span class="border-zi">99%</span>
										<p>气味浓度</p>
									</li>
									<li class="color-blue">
										<span class="border-blue">23℃</span>
										<p>温度</p>
									</li>
									<li class="color-yellow">
										<span class="border-yellow">36%</span>
										<p>湿度</p>
									</li>
									<li class="color-green">
										<span class="border-green">89%</span>
										<p>环境舒适度</p>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<!--故障处理-->
					<div class="center3 item billState">
						<div class="itemTit">
							<span class="border-blue">故障处理</span>
						</div>
						<div class="itemCon">
							<div class="StateBox">
								<div class="StateTit">
									<span>设备唯一码</span>
									<span>设备名称</span>
									<span>报警内容</span>
									<span>报警时间</span>
									<span>区域</span>
									<span>全部状态</span>
								</div>
								<div id="FontScroll">
									<ul>
										<li>
											<div class="fontInner clearfix">
												<span>ZC1712120023</span>
												<span>机器人1</span>
												<span>尾部喷水异常</span>
												<span>2小时15分</span>
												<span>申泽1层</span>
												<span>待处理</span>
											</div>
										</li>
										<li>
											<div class="fontInner clearfix">
												<span>ZC1712120023</span>
												<span>机器人1</span>
												<span>尾部喷水异常</span>
												<span>2小时15分</span>
												<span>申泽1层</span>
												<span>待处理</span>
											</div>
										</li>
										<li>
											<div class="fontInner clearfix">
												<span>ZC1712120023</span>
												<span>机器人1</span>
												<span>尾部喷水异常</span>
												<span>2小时15分</span>
												<span>申泽1层</span>
												<span>待处理</span>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="right">
				<!--剩余物料-->
				<div class="right1 item waybill">
					<div class="itemTit">
						<span class="border-yellow">剩余物料</span>
					</div>
					<div class="itemCon">
						<div class="progress" progress="100%">
							<h3 class="clearfix"><span>清洁剂</span><i>100%</i></h3>
							<div class="progressBar">
								<span></span>
							</div>
						</div>
						<div class="progress" progress="40%">
							<h3 class="clearfix"><span>消毒水</span><i>40%</i></h3>
							<div class="progressBar">
								<span></span>
							</div>
						</div>
						<div class="progress" progress="60%">
							<h3 class="clearfix"><span>清新剂</span><i>60%</i></h3>
							<div class="progressBar">
								<span></span>
							</div>
						</div>
					</div>
				</div>

				<!--使用统计-->
				<div class="right2 item basicInfo">
					<div class="itemTit">
						<span class="border-green">能耗</span>
					</div>
					<div class="itemCon itembg">
						<div class="infoPie">
							<ul class="clearfix">
								<li class="color-yellow">
									<span class="border-yellow">32</span>
									<p>水耗（吨）</p>
								</li>
								<li class="color-green">
									<span class="border-green">65</span>
									<p>电耗（度）</p>
								</li>
								<li class="color-blue">
									<p>水费：66元</p>
									<p>电费：66元</p>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<!--使用统计-->
				<div class="right3 item billState">
					<div class="itemTit">
						<span class="border-green">使用统计</span>
					</div>
					<div id="myChart3"></div>
				</div>
			</div>
		</div>
		<!--Main End!-->
	</div>

	<canvas id="canvas" style="position: absolute;top: 0;left: 0;"></canvas>
</body>
<script type="text/javascript" src="/resources/index/js/bg.js"></script>
<script type="text/javascript" src="/resources/index/js/scanboard.js"></script>
<script type="text/javascript" src="/resources/index/js/fontscroll.js"></script>
<script type="text/javascript" src="/resources/index/js/jquery.animsition.js"></script>
<script type="text/javascript" src="/resources/index/js/jquery.nicescroll.js"></script>
<script type="text/javascript" src="/resources/index/js/echarts.min.js"></script>
</html>