| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html> |
|---|
| | | <head> |
|---|
| | | <title th:text="${application.wgName}">WGClOUD监控系统</title> |
|---|
| | | <title th:text="${application.wgName}">TSSW监控系统</title> |
|---|
| | | <base href="./" th:href="'/'"/> |
|---|
| | | <meta charset="utf-8"> |
|---|
| | | <link rel="shortcut icon" type="image/x-icon" th:href="${application.icoUrl}"/> |
|---|
| | |
|---|
| | | document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"日-"+h+"时"+m+"分"+s+"秒"; |
|---|
| | | t = setTimeout(time,1000); //设定定时器，循环运行 |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | function reload() { |
|---|
| | | window.location.reload(); |
|---|
| | | } |
|---|
| | |
|---|
| | | <div class="mainbox"> |
|---|
| | | <ul class="clearfix"> |
|---|
| | | <li> |
|---|
| | | <div class="boxall" style="height: 3.2rem"> |
|---|
| | | <div class="boxall" style="height: 2.8rem"> |
|---|
| | | <div class="alltitle">机型数量</div> |
|---|
| | | <div class="allnav" id="echart1"></div> |
|---|
| | | <div class="boxfoot"></div> |
|---|
| | | </div> |
|---|
| | | <div class="boxall" style="height: 3.2rem"> |
|---|
| | | <div class="boxall" style="height: 2.8rem"> |
|---|
| | | <div class="alltitle">上下行速率最新TOP10(KB/s)</div> |
|---|
| | | <div class="allnav" id="echart2"></div> |
|---|
| | | <div class="boxfoot"></div> |
|---|
| | | </div> |
|---|
| | | <div class="boxall" style="height: 3.2rem"> |
|---|
| | | <div class="boxall" style="height: 2.8rem"> |
|---|
| | | <div class="alltitle">资源告警次数统计</div> |
|---|
| | | <div class="allnav" id="echart7"></div> |
|---|
| | | <div class="boxfoot"></div> |
|---|
| | |
|---|
| | | <div class="map1"><img th:src="@{'/static/daping/picture/lbx.png'}"></div> |
|---|
| | | <div class="map2"><img th:src="@{'/static/daping/picture/jt.png'}"></div> |
|---|
| | | <div class="map3"><img th:src="@{'/static/daping/picture/map.png'}"></div> |
|---|
| | | <div id="chart_4" class="map4" style="height: 7.9rem;"></div> |
|---|
| | | <div id="chart_4" class="map4" style="height: 6rem;"></div> |
|---|
| | | </div> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | <div class="boxall" style="height:3.4rem"> |
|---|
| | | <div class="boxall" style="height:2.8rem"> |
|---|
| | | <div class="alltitle">主机状态</div> |
|---|
| | | <div class="allnav" id="echart4"></div> |
|---|
| | | <div class="boxfoot"></div> |
|---|
| | | </div> |
|---|
| | | <div class="boxall" style="height: 3.2rem"> |
|---|
| | | <div class="boxall" style="height: 2.8rem"> |
|---|
| | | <div class="alltitle">CPU使用率最新TOP10</div> |
|---|
| | | <div class="allnav" id="echart5"></div> |
|---|
| | | <div class="boxfoot"></div> |
|---|
| | | </div> |
|---|
| | | <div class="boxall" style="height: 3rem"> |
|---|
| | | <div class="boxall" style="height: 2.8rem"> |
|---|
| | | <div class="alltitle">内存使用率最新TOP10</div> |
|---|
| | | <div class="allnav" id="echart6"></div> |
|---|
| | | <div class="boxfoot"></div> |
|---|
| | |
|---|
| | | }, |
|---|
| | | grid: { |
|---|
| | | left: '0%', |
|---|
| | | top:'10px', |
|---|
| | | top:'20px', |
|---|
| | | right: '0%', |
|---|
| | | bottom: '4%', |
|---|
| | | containLabel: true |
|---|
| | |
|---|
| | | { |
|---|
| | | type: 'bar', |
|---|
| | | data: systemInfoTypeValList, |
|---|
| | | barWidth:'35%', //柱子宽度 |
|---|
| | | barWidth:'15%', //柱子宽度 |
|---|
| | | // barGap: 1, //柱子之间间距 |
|---|
| | | itemStyle: { |
|---|
| | | normal: { |
|---|
