|
|
@ -5,6 +5,9 @@
|
|
|
.c-item{float:left;height: 30px;line-height: 30px;width: 150px;background: #fff;color:#000;text-align: center;font-size: 12px;border:1px solid #dcdcdc;}
|
|
|
.c-bor-r{border-right: 0;}
|
|
|
.c-item.active{background: #16B3EE;color:#fff}
|
|
|
.div-inline{ float:left;width:49%;}
|
|
|
ul{ display:inline}
|
|
|
|
|
|
</style>
|
|
|
<!-- ####### 页面部分 ####### -->
|
|
|
<div id="div_wrapper">
|
|
|
@ -45,9 +48,56 @@
|
|
|
</div>
|
|
|
<%-- echarts 数据--%>
|
|
|
<div id="main" style="width: 600px;height:400px;border: solid deepskyblue 1px;"></div>
|
|
|
<div id="info" style="width: 600px;height:400px;border: solid deepskyblue 1px;">
|
|
|
|
|
|
<%-- 详细数据 --%>
|
|
|
<div id="info" style="width: 600px;height:300px;border: solid red 1px;">
|
|
|
<div class="div-inline" style="margin-left:10px;margin-top:10px;display:inline;width: 50%;height:300px;border: solid palevioletred 1px;">
|
|
|
<table style="border-collapse:separate; border-spacing:0px 10px;" border="1" width="100%">
|
|
|
<tr>
|
|
|
<td align="center">利用率</td>
|
|
|
<td align="center">速度</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td align="center">53%/td>
|
|
|
<td align="center">$241.10</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td align="center">进程</td>
|
|
|
<td align="center">线程</td>
|
|
|
<td align="center">句柄</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td align="center">食物</td>
|
|
|
<td align="center">$730.40</td>
|
|
|
<td align="center">$650.00</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td colspan="3" align="left">正常运行时间</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td colspan="3" align="left">$650.00</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
|
<div class="div-inline" style="margin-left:10px;margin-top:10px;margin-right:10px;display:inline;width: 40%;height:300px;border: solid mediumblue 1px;">
|
|
|
<ul>
|
|
|
<li>最大速度</li>
|
|
|
<li>插槽</li>
|
|
|
<li>内核</li>
|
|
|
<li>逻辑处理器</li>
|
|
|
<li>虚拟化</li>
|
|
|
<li>缓存</li>
|
|
|
</ul>
|
|
|
<ul>
|
|
|
<li>最大速度</li>
|
|
|
<li>插槽</li>
|
|
|
<li>内核</li>
|
|
|
<li>逻辑处理器</li>
|
|
|
<li>虚拟化</li>
|
|
|
<li>缓存</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
