|
|
@@ -12,237 +12,313 @@
|
|
|
<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 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>
|
|
|
+ <div class="shebei">设备编号：33333444</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--Top End!-->
|
|
|
|
|
|
- <div class="center topLogo">
|
|
|
- <div class="title">智能洗手间物联系统</div>
|
|
|
-<!-- <a href="#"><img src="images/logo.png"></a>-->
|
|
|
+ <!--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="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 class="tag1 itembg">
|
|
|
+ <ul>
|
|
|
+ <li style="font-size: 30px;color: aqua;">7677W</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>
|
|
|
- <!--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;">666</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 class="left2 item billState2">
|
|
|
+ <div class="itemTit" style="position: relative">
|
|
|
+ <span class="border-blue">设备清洗排行</span>
|
|
|
+ <div class="dateDropdown fr">
|
|
|
+ <h3>2020-01-01</h3>
|
|
|
+ <div class="dropdown">
|
|
|
+ <a href="#">2020-01-01</a>
|
|
|
+ <a href="#">2020-02-01</a>
|
|
|
+ <a href="#">2020-02-01</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--能耗-->
|
|
|
- <div class="item left2">
|
|
|
- <div class="itemTit">
|
|
|
- <span class="border-green">使用统计</span>
|
|
|
+ <div class="itemCon">
|
|
|
+ <div class="StateBox">
|
|
|
+ <div class="StateTit">
|
|
|
+ <span>排名</span>
|
|
|
+ <span>设备名称</span>
|
|
|
+ <span>次数</span>
|
|
|
+ </div>
|
|
|
+ <div id="FontScroll2">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="fontInner clearfix">
|
|
|
+ <span>1</span>
|
|
|
+ <span>机器人1</span>
|
|
|
+ <span>1</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="fontInner clearfix">
|
|
|
+ <span>2</span>
|
|
|
+ <span>机器人2</span>
|
|
|
+ <span>2</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="fontInner clearfix">
|
|
|
+ <span>3</span>
|
|
|
+ <span>机器人3</span>
|
|
|
+ <span>3</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="fontInner clearfix">
|
|
|
+ <span>4</span>
|
|
|
+ <span>机器人4</span>
|
|
|
+ <span>4</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="fontInner clearfix">
|
|
|
+ <span>5</span>
|
|
|
+ <span>机器人5</span>
|
|
|
+ <span>5</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div id="myChart1"></div>
|
|
|
-
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <!--问题占比-->
|
|
|
- <div class="item left3">
|
|
|
- <div class="itemTit">
|
|
|
- <span class="border-blue">问题占比</span>
|
|
|
+ <!--问题占比-->
|
|
|
+ <div class="item left3">
|
|
|
+ <div class="itemTit" style="position: relative">
|
|
|
+ <span class="border-blue" >问题占比</span>
|
|
|
+ <div class="dateDropdown fr">
|
|
|
+ <h3>2020-01-01</h3>
|
|
|
+ <div class="dropdown">
|
|
|
+ <a href="#">2020-01-01</a>
|
|
|
+ <a href="#">2020-02-01</a>
|
|
|
+ <a href="#">2020-02-01</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div id="myChart2"></div>
|
|
|
</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>598次</li>
|
|
|
- <li class="totalNum"><strong id="totalNum" total="666">0</strong><span>次</span></li>
|
|
|
- <li>68次</li>
|
|
|
- </ul>
|
|
|
- <ul>
|
|
|
- <li>今日随机清洗次数</li>
|
|
|
- <li>今日总清洗次数</li>
|
|
|
- <li>今日定时清洗次数</li>
|
|
|
- </ul>
|
|
|
+ <div class="center">
|
|
|
+ <div class="centerWp">
|
|
|
+ <!--中间大地图-->
|
|
|
+ <div class="center1 item total itembg">
|
|
|
+ <div class="itemCon tag2" style="min-height: 125px;">
|
|
|
+ <ul>
|
|
|
+ <li>767次</li>
|
|
|
+ <li class="totalNum"><strong id="totalNum" total="8082">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" style="position: relative">
|
|
|
+ <span class="border-yellow">环境检测</span>
|
|
|
+ <div class="dateDropdown fr">
|
|
|
+ <h3>申泽机器人1号</h3>
|
|
|
+ <div class="dropdown">
|
|
|
+ <a href="#">申泽机器人1号</a>
|
|
|
+ <a href="#">申泽机器人2号</a>
|
|
|
+ <a href="#">申泽机器人3号</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="center2">
|
|
|
- <div class="itemTit">
|
|
|
- <span class="border-yellow">环境检测</span>
|
|
|
+ <div class="itemCon itembg">
|
|
|
+ <div class="infoPie2" style="min-height: 125px;">
|
|
|
+ <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 class="itemCon itembg">
|
|
|
- <div class="infoPie2">
|
|
|
- <ul class="clearfix">
|
|
|
- <li class="color-zi">
|
|
|
- <span class="border-zi">36%</span>
|
|
|
- <p>气味浓度</p>
|
|
|
- </li>
|
|
|
- <li class="color-blue">
|
|
|
- <span class="border-blue">23℃</span>
|
|
|
- <p>温度</p>
|
|
|
+ </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 class="color-yellow">
|
|
|
- <span class="border-yellow">36%</span>
|
|
|
- <p>湿度</p>
|
|
|
+ <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 class="color-green">
|
|
|
- <span class="border-green">89%</span>
|
|
|
- <p>环境舒适度</p>
|
|
|
+ <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 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>ZC1712120024</span>
|
|
|
- <span>机器人1</span>
|
|
|
- <span>尾部喷水异常</span>
|
|
|
- <span>2小时15分</span>
|
|
|
- <span>申泽1层</span>
|
|
|
- <span>待处理</span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="fontInner clearfix">
|
|
|
- <span>ZC1712120025</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>
|
|
|
|
|
|
- <div class="right">
|
|
|
- <!--剩余物料-->
|
|
|
- <div class="right1 item waybill">
|
|
|
- <div class="itemTit">
|
|
|
- <span class="border-yellow">剩余物料</span>
|
|
|
+ <div class="right">
|
|
|
+ <!--剩余物料-->
|
|
|
+ <div class="right1 item waybill">
|
|
|
+ <div class="itemTit" style="position: relative">
|
|
|
+ <span class="border-yellow">剩余物料</span>
|
|
|
+ <div class="dateDropdown fr">
|
|
|
+ <h3>2020-01-01</h3>
|
|
|
+ <div class="dropdown">
|
|
|
+ <a href="#">2020-01-01</a>
|
|
|
+ <a href="#">2020-02-01</a>
|
|
|
+ <a href="#">2020-02-01</a>
|
|
|
+ </div>
|
|
|
</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="itemCon">
|
|
|
+ <div class="progress" progress="100%">
|
|
|
+ <h3 class="clearfix"><span>清洁剂</span><i>100%</i></h3>
|
|
|
+ <div class="progressBar">
|
|
|
+ <span></span>
|
|
|
</div>
|
|
|
- <div class="progress" progress="80%">
|
|
|
- <h3 class="clearfix"><span>消毒水</span><i>80%</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 class="progress" progress="60%">
|
|
|
- <h3 class="clearfix"><span>清新剂</span><i>60%</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">66</span>
|
|
|
- <p>电耗（度）</p>
|
|
|
- </li>
|
|
|
- <li class="color-blue">
|
|
|
- <p>水费：66元</p>
|
|
|
- <p>电费：66元</p>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </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 class="right3 item billState">
|
|
|
+ <div class="itemTit">
|
|
|
+ <span class="border-green">使用统计</span>
|
|
|
</div>
|
|
|
+ <div id="myChart3"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--Main End!-->
|
|
|
</div>
|
|
|
+ <!--Main End!-->
|
|
|
+</div>
|
|
|
|
|
|
- <canvas id="canvas" style="position: absolute;top: 0;left: 0;"></canvas>
|
|
|
+<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>
|
|
|
+<script type="text/javascript" src="js/bg.js"></script>
|
|
|
+<script type="text/javascript" src="js/scanboard.js"></script>
|
|
|
+<script type="text/javascript" src="js/fontscroll.js"></script>
|
|
|
+<script type="text/javascript" src="js/jquery.animsition.js"></script>
|
|
|
+<script type="text/javascript" src="js/jquery.nicescroll.js"></script>
|
|
|
+<script type="text/javascript" src="js/echarts.min.js"></script>
|
|
|
</html>
|
wuhongshuang