|
@@ -11,13 +11,16 @@
|
|
<script type="text/javascript" src="/resources/index/js/jquery.min.js"></script>
|
|
<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>
|
|
<script type="text/javascript" src="/resources/index/js/jquery.shCircleLoader-min.js"></script>
|
|
<script src="/resources/index/js/angular.min.js"></script>
|
|
<script src="/resources/index/js/angular.min.js"></script>
|
|
-<#--<script type="text/javascript" src="/resources/index/js/angularIndex.js"></script>-->
|
|
|
|
|
|
+ <script type="text/javascript" src="/resources/index/js/echarts.min.js"></script>
|
|
|
|
+
|
|
|
|
+ <script type="text/javascript" src="/resources/index/js/angularIndex.js"></script>
|
|
|
|
|
|
</head>
|
|
</head>
|
|
<body>
|
|
<body>
|
|
<div id="loader"></div>
|
|
<div id="loader"></div>
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|
|
$('#loader').shCircleLoader({color: "#00deff"});
|
|
$('#loader').shCircleLoader({color: "#00deff"});
|
|
|
|
+
|
|
</script>
|
|
</script>
|
|
<!--Top Start!-->
|
|
<!--Top Start!-->
|
|
<div class="scanboardWp animsition">
|
|
<div class="scanboardWp animsition">
|
|
@@ -50,9 +53,11 @@
|
|
|
|
|
|
<div class="tag1 itembg">
|
|
<div class="tag1 itembg">
|
|
<ul>
|
|
<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>
|
|
|
|
|
|
+ <li id="peopleCouting" style="font-size: 30px;color: aqua;">0</li>
|
|
|
|
+ <li style="font-size: 30px;color: aqua;">
|
|
|
|
+ <span id="openMuchine" style="font-size: 30px;color: aqua;">0/</span>
|
|
|
|
+ <span id="allMuchine" style="font-size: 30px;color: #ffd220;">0</span>
|
|
|
|
+ </li>
|
|
</ul>
|
|
</ul>
|
|
<ul>
|
|
<ul>
|
|
<li style="font-size: 16px;color: #fff;">人流量</li>
|
|
<li style="font-size: 16px;color: #fff;">人流量</li>
|
|
@@ -65,12 +70,16 @@
|
|
<div class="itemTit" style="position: relative">
|
|
<div class="itemTit" style="position: relative">
|
|
<span class="border-blue">设备清洗排行</span>
|
|
<span class="border-blue">设备清洗排行</span>
|
|
<div class="dateDropdown fr">
|
|
<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>
|
|
|
|
|
|
+ <#--<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>-->
|
|
|
|
+ <select id="cleanLine" onchange="getCleanLine(this.options[this.options.selectedIndex].value)"
|
|
|
|
+ style="margin-top: 8px;color: #00ddfe;border:none;background-color:black">
|
|
|
|
+ <option value="All">全部</option>
|
|
|
|
+ </select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="itemCon">
|
|
<div class="itemCon">
|
|
@@ -81,42 +90,14 @@
|
|
<span>次数</span>
|
|
<span>次数</span>
|
|
</div>
|
|
</div>
|
|
<div id="FontScroll2">
|
|
<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 id="cleanLineDes">
|
|
|
|
+ <#--<li>-->
|
|
|
|
+ <#--<div class="fontInner clearfix">-->
|
|
|
|
+ <#--<span>1</span>-->
|
|
|
|
+ <#--<span>机器人1</span>-->
|
|
|
|
+ <#--<span>1</span>-->
|
|
|
|
+ <#--</div>-->
|
|
|
|
+ <#--</li>-->
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -128,12 +109,16 @@
|
|
<div class="itemTit" style="position: relative">
|
|
<div class="itemTit" style="position: relative">
|
|
<span class="border-blue">问题占比</span>
|
|
<span class="border-blue">问题占比</span>
|
|
<div class="dateDropdown fr">
|
|
<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>
|
|
|
|
|
|
+ <#--<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>-->
|
|
|
|
+ <select id="alarmBili" onchange="getAlarmRecordType(this.options[this.options.selectedIndex].value)"
|
|
|
|
+ style="margin-top: 8px;color: #00ddfe;border:none;background-color:black">
|
|
|
|
+ <option value="All">全部</option>
|
|
|
|
+ </select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="myChart2"></div>
|
|
<div id="myChart2"></div>
|
|
@@ -146,9 +131,9 @@
|
|
<div class="center1 item total itembg">
|
|
<div class="center1 item total itembg">
|
|
<div class="itemCon tag2" style="min-height: 125px;">
|
|
<div class="itemCon tag2" style="min-height: 125px;">
|
|
<ul>
|
|
<ul>
|
|
- <li>598次</li>
|
|
|
|
- <li class="totalNum"><strong id="totalNum" total="666">0</strong><span>次</span></li>
|
|
|
|
- <li>68次</li>
|
|
|
|
|
|
+ <li id="random">0次</li>
|
|
|
|
+ <li class="totalNum"><strong id="totalNum" >0</strong><span>次</span></li>
|
|
|
|
+ <li id="regular">0次</li>
|
|
</ul>
|
|
</ul>
|
|
<ul>
|
|
<ul>
|
|
<li>今日随机清洗次数</li>
|
|
<li>今日随机清洗次数</li>
|
|
@@ -161,27 +146,31 @@
|
|
<div class="itemTit" style="position: relative">
|
|
<div class="itemTit" style="position: relative">
|
|
<span class="border-yellow">环境检测</span>
|
|
<span class="border-yellow">环境检测</span>
|
|
<div class="dateDropdown fr">
|
|
<div class="dateDropdown fr">
|
|
- <h3>申泽机器人1号</h3>
|
|
|
|
- <div class="dropdown">
|
|
|
|
- <a href="#">申泽机器人1号</a>
|
|
|
|
- <a href="#">申泽机器人2号</a>
|
|
|
|
- <a href="#">申泽机器人3号</a>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <#--<h3>申泽机器人1号</h3>-->
|
|
|
|
+ <#--<div class="dropdown">-->
|
|
|
|
+ <#--<a href="#">申泽机器人3号</a>-->
|
|
|
|
+ <#--<a href="#">申泽机器人1号</a>-->
|
|
|
|
+ <#--<a href="#">申泽机器人2号</a>-->
|
|
|
|
+ <#--<a href="#">申泽机器人3号</a>-->
|
|
|
|
+ <#--</div>-->
|
|
|
|
+ <select id="shuxing" onchange="getEquipmentShuxing(this.options[this.options.selectedIndex].value)" style="margin-top: 8px;color: #00ddfe;border:none;background-color:black">
|
|
|
|
+
|
|
|
|
+ </select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="itemCon itembg">
|
|
<div class="itemCon itembg">
|
|
<div class="infoPie2" style="min-height: 125px;">
|
|
<div class="infoPie2" style="min-height: 125px;">
|
|
<ul class="clearfix">
|
|
<ul class="clearfix">
|
|
<li class="color-zi">
|
|
<li class="color-zi">
|
|
- <span class="border-zi">29%</span>
|
|
|
|
|
|
+ <span id="odorConcentration" class="border-zi">0%</span>
|
|
<p>气味浓度</p>
|
|
<p>气味浓度</p>
|
|
</li>
|
|
</li>
|
|
- <li class="color-blue">
|
|
|
|
- <span class="border-blue">23℃</span>
|
|
|
|
- <p>温度</p>
|
|
|
|
|
|
+ <li class="color-blue">
|
|
|
|
+ <span id="cabinetTm" class="border-blue">0℃</span>
|
|
|
|
+ <p>室内温度</p>
|
|
</li>
|
|
</li>
|
|
<li class="color-yellow">
|
|
<li class="color-yellow">
|
|
- <span class="border-yellow">36%</span>
|
|
|
|
|
|
+ <span id="cabinetHd" class="border-yellow">0%</span>
|
|
<p>湿度</p>
|
|
<p>湿度</p>
|
|
</li>
|
|
</li>
|
|
<li class="color-green">
|
|
<li class="color-green">
|
|
@@ -208,37 +197,17 @@
|
|
<span>全部状态</span>
|
|
<span>全部状态</span>
|
|
</div>
|
|
</div>
|
|
<div id="FontScroll">
|
|
<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 id="alarmList">
|
|
|
|
+ <#--<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>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -253,56 +222,64 @@
|
|
<div class="itemTit" style="position: relative">
|
|
<div class="itemTit" style="position: relative">
|
|
<span class="border-yellow">剩余物料</span>
|
|
<span class="border-yellow">剩余物料</span>
|
|
<div class="dateDropdown fr">
|
|
<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>
|
|
|
|
|
|
+ <#--<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>-->
|
|
|
|
+ <select id="wuliao" onchange="getEquipmentWuliao(this.options[this.options.selectedIndex].value)" style="margin-top: 8px;color: #00ddfe;border:none;background-color:black">
|
|
|
|
+
|
|
|
|
+ </select>
|
|
</div>
|
|
</div>
|
|
</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="progress" progress="40%">
|
|
|
|
- <h3 class="clearfix"><span>消毒水</span><i>40%</i></h3>
|
|
|
|
|
|
+ <div id="resource" class="itemCon">
|
|
|
|
+ <div id="cleanerDiv" class="progress" >
|
|
|
|
+ <h3 class="clearfix"><span>清洁剂</span><i id="cleaner">0%</i></h3>
|
|
<div class="progressBar">
|
|
<div class="progressBar">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="progress" progress="60%">
|
|
|
|
- <h3 class="clearfix"><span>清新剂</span><i>60%</i></h3>
|
|
|
|
|
|
+ <div id="disinfectantDiv" class="progress">
|
|
|
|
+ <h3 class="clearfix"><span>消毒水</span><i id="disinfectant">0%</i></h3>
|
|
<div class="progressBar">
|
|
<div class="progressBar">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
|
|
|
|
<!--使用统计-->
|
|
<!--使用统计-->
|
|
<div class="right2 item basicInfo">
|
|
<div class="right2 item basicInfo">
|
|
<div class="itemTit">
|
|
<div class="itemTit">
|
|
- <span class="border-green">能耗</span>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <span class="border-green">能耗
|
|
|
|
+ <div class=" fr" style="margin-bottom: 20px">
|
|
|
|
+ <select id="resources" onchange="getConsumedResources(this.options[this.options.selectedIndex].value);" style="margin-top: 0px;color: #00ddfe;border:none;background-color:black">
|
|
|
|
+ <option value="All">全部</option>
|
|
|
|
+ </select>
|
|
|
|
+ </div>
|
|
|
|
+ </div></span>
|
|
<div class="itemCon itembg">
|
|
<div class="itemCon itembg">
|
|
<div class="infoPie">
|
|
<div class="infoPie">
|
|
<ul class="clearfix">
|
|
<ul class="clearfix">
|
|
<li class="color-yellow">
|
|
<li class="color-yellow">
|
|
- <span class="border-yellow">32</span>
|
|
|
|
|
|
+ <span id="water" class="border-yellow">0</span>
|
|
<p>水耗(吨)</p>
|
|
<p>水耗(吨)</p>
|
|
</li>
|
|
</li>
|
|
<li class="color-green">
|
|
<li class="color-green">
|
|
- <span class="border-green">66</span>
|
|
|
|
|
|
+ <span id="electricity" class="border-green">0</span>
|
|
<p>电耗(度)</p>
|
|
<p>电耗(度)</p>
|
|
</li>
|
|
</li>
|
|
- <li class="color-blue">
|
|
|
|
- <p>水费:66元</p>
|
|
|
|
- <p>电费:66元</p>
|
|
|
|
- </li>
|
|
|
|
|
|
+ <#--<li class="color-blue">-->
|
|
|
|
+ <#--<p>水费:66元</p>-->
|
|
|
|
+ <#--<p>电费:66元</p>-->
|
|
|
|
+ <#--</li>-->
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -327,5 +304,4 @@
|
|
<script type="text/javascript" src="/resources/index/js/fontscroll.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.animsition.js"></script>
|
|
<script type="text/javascript" src="/resources/index/js/jquery.nicescroll.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>
|
|
</html>
|