|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh-CN" style="height: 100%">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/style/http/lora2.css">
|
|
|
|
|
<script type="text/javascript" src="/script/jquery.min.js"></script>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="box">
|
|
|
|
|
<div class="title">
|
|
|
|
|
<div class="school">
|
|
|
|
|
<img class="school-logo" src="/image/lora2/logo.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="college">
|
|
|
|
|
<div class="college-text">
|
|
|
|
|
信息与计算机学院
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="menu">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main">
|
|
|
|
|
{{-- 设备列表--}}
|
|
|
|
|
<div class="device">
|
|
|
|
|
<div class="device-frame">
|
|
|
|
|
<div class="device-cell1">
|
|
|
|
|
<div class="device-info1">设备1</div>
|
|
|
|
|
<div class="device-info2">
|
|
|
|
|
<div class="device-online"></div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="device-info3">在线</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="device-cell2">
|
|
|
|
|
<div class="device-cell">
|
|
|
|
|
<div class="device-info1">设备2</div>
|
|
|
|
|
<div class="device-info2">
|
|
|
|
|
<div class="device-online2"></div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="device-info3">在线</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="diagram">
|
|
|
|
|
<div class="compare">
|
|
|
|
|
<div id="container1">aa</div>
|
|
|
|
|
<div class="compare-left"></div>
|
|
|
|
|
<div class="compare-left2"></div>
|
|
|
|
|
<div class="compare-middle">
|
|
|
|
|
<div class="compare-middle-title">
|
|
|
|
|
对比图
|
|
|
|
|
</div>
|
|
|
|
|
<div class="compare-middle-left"></div>
|
|
|
|
|
<div class="compare-middle-middle"></div>
|
|
|
|
|
<div class="compare-middle-right"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="compare-right2"></div>
|
|
|
|
|
<div class="compare-right"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="compare2">
|
|
|
|
|
<div class="radar">
|
|
|
|
|
<div id="container2">aa</div>
|
|
|
|
|
<div class="radar-left"></div>
|
|
|
|
|
<div class="radar-left2"></div>
|
|
|
|
|
<div class="radar-middle">
|
|
|
|
|
<div class="radar-middle-title">
|
|
|
|
|
对比图
|
|
|
|
|
</div>
|
|
|
|
|
<div class="radar-middle-left"></div>
|
|
|
|
|
<div class="radar-middle-middle"></div>
|
|
|
|
|
<div class="radar-middle-right"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="radar-right2"></div>
|
|
|
|
|
<div class="radar-right"></div>
|
|
|
|
|
</div>
|
|
|
|
|
原始数据
|
|
|
|
|
<div class="original">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="/script/echarts.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/script/http/lora2.js"></script>
|
|
|
|
|
|
|
|
|
|
</html>
|
