-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (155 loc) · 5.75 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
<title>ESP-Router</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="./img/favicon.ico">
</head>
<body>
<div class="home-base">
<div class="header-base flex flex-jcb">
<img class="header-logo" src="./img/logoBlack.png">
<div class="header-menu" onclick="menuClick(this)">
</div>
</div>
<div class="content-base flex">
<div class="left-base" id="leftMenu">
<!-- <div class="left-title">系统菜单</div>-->
<ul>
<li>
<a href="index.html" class="content">系统状态</a>
</li>
<!-- <li>-->
<!-- <a href="">网络设置</a>-->
<!-- </li>-->
<li>
<a href="wlan.html">WLAN设置</a>
</li>
<!-- <li>-->
<!-- <a href="">流量统计</a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="">系统管理</a>-->
<!-- </li>-->
</ul>
</div>
<div class="right-base">
<div class="page-header">
<span class="header-title-one" onclick="networkStatus()">网络状态</span>
<span>/</span>
<span class="header-title-two" onclick="customerList()">客户端列表</span>
</div>
<div class="page-content" id="networkShow">
<div class="page-title">基本状态</div>
<div class="base-detail flex">
<div class="base-one flex flex-v">
<img src="./img/xinhao.png">
<span>因特网</span>
</div>
<div class="base-two">
<div class="base-line-text flex flex-jcc">
<!-- <span>勾</span>-->
<span>移动数据正常</span>
</div>
<div class="base-line"></div>
</div>
<div class="base-three flex flex-v">
<img src="./img/luyouqi.png">
<span>我的设备</span>
</div>
<div class="base-two">
<div class="base-line-text flex flex-jcc">
<!-- <span>勾</span>-->
<span>2.4 GHz Wi-Fi 正常</span>
</div>
<div class="base-line"></div>
</div>
<div class="base-five flex flex-v">
<img src="./img/shebei.png">
<span>客户端数量</span>
</div>
</div>
<div class="page-title">设备状态</div>
<div class="device-detail">
<div class="device-status-two flex flex-jcb">
<div class="device-battery">
<span>连续持续时间</span>
<span class="device-content" id="connect-time">xxx</span>
</div>
<div class="device-connect-count">
<span>剩余连接数</span>
<span class="device-content" id="remain-count">x台</span>
</div>
</div>
<div class="device-status-one flex flex-jcb">
<!-- <div class="device-battery">-->
<!-- <span>电量情况</span>-->
<!-- <span class="device-content">95%</span>-->
<!-- </div>-->
<div class="device-connect-count">
<span>已连接数</span>
<span class="device-content" id="connect-count">x台</span>
</div>
</div>
</div>
<!-- <div class="page-title">实时网络状态</div>-->
<!-- <div class="network-detail">-->
<!-- <div class="device-status-one flex flex-jcb">-->
<!-- <div class="device-battery">-->
<!-- <span>当前下载</span>-->
<!-- <span class="device-content">xxx</span>-->
<!-- </div>-->
<!-- <div class="device-connect-count">-->
<!-- <span>最快下载</span>-->
<!-- <span class="device-content">xxx</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="device-status-two flex flex-jcb">-->
<!-- <div class="device-battery">-->
<!-- <span>总上传量</span>-->
<!-- <span class="device-content">xxx</span>-->
<!-- </div>-->
<!-- <div class="device-connect-count">-->
<!-- <span>平均下载</span>-->
<!-- <span class="device-content">xxx</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="device-status-three flex flex-jcb">-->
<!-- <div class="device-battery">-->
<!-- <span>总下载量</span>-->
<!-- <span class="device-content">xxx</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="page-content" id="customerShow">
<div class="page-title">在线客户端</div>
<div class="page-detail">
<table class="tableStyle tCenter">
<thead>
<tr>
<th>主机名</th>
<th>MAC 地址</th>
<th>IP 地址</th>
<th>连接时间</th>
<th>操作</th>
</tr>
</thead>
<tbody id="tbody"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<script src="js/index.js"></script>
<script>
initHash();
window.addEventListener('hashchange', function() {
initHash();
})
</script>
</body>
</html>