forked from pch18-docker/baota
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
238 lines (234 loc) · 11 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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
{% extends "layout.html" %}
{% block content %}
<style>
.chart-box{
display: flex;
flex-direction: row;
padding: 20px 0;
}
.rank{
display: flex;
flex-direction: column;
align-items: center;
width: 16.5%;
color: #999;
line-height: 30px;
font-size: 15px;
font-weight: 500;
}
.chart-li{
width: 105px;
height: 105px;
position: relative;
}
.chart-li canvas{
cursor: pointer;
}
.mem_mask{
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(220,220,220,.1);
border-radius: 50%;
cursor: pointer;
}
.mem_mask .men_inside_mask{
position: absolute;
left: 7px;
top: 7px;
bottom: 7px;
right: 7px;
background: rgba(255,255,255,0.8);
border-radius: 50%;
}
.info-status{
height: 30px;
line-height: 30px;
}
.outerCircle{
width: 105px;
height: 105px;
text-align: center;
background-color: #e5e5e5;
border-radius: 50%;
padding: 7px;
}
.outerCircle .innerCircle{
width: 100%;
height: 100%;
line-height: 91px;
text-align: center;
border-radius: 50%;
font-size: 17px;
background-color: #fff;
}
.hhh{
display: none;
}
</style>
<div class="main-content">
<div class="container-fluid" style="padding-bottom: 66px;">
<div class="index-pos-box bgw mtb15">
<div class="position f12 c6 pull-left" style="background:none;padding-left:15px">
<span class="bind-user c4 hhh">
<a href="javascript:bt.pub.bind_btname();" class="btlink">宝塔账户</a>
</span>
{% if data['pd'].find('免费版') != -1 %}
<span id="bt-fuli" class="bt-dashi hhh">
<a class="btlink ml5" href="https://www.bt.cn/invite" target="_blank">邀请奖励</a>
</span>
{% endif %}
<span class="ico-system">系统:</span><span id="info" style="margin-left:10px;">{{data['lan']['S2']}}</span>　　{{data['lan']['S3']}} <span id="running">{{data['lan']['S4']}}</span>
</div>
<span class="pull-right f12 c6" style="line-height:52px; margin-right:15px">
Ver: <span id="btversion" style="margin-right:10px">{{session['version']}}</span>
<span id="toUpdate hhh" class="hhh"><a class="btlink" href="javascript:index.check_update();">更新</a></span>
<span style="margin:0 10px" class="hhh"><a class="btlink" href="javascript:index.re_panel();">修复</a></span>
<span style="margin-right:10px"><a class="btlink" href="javascript:index.re_server();">重启</a></span>
</span>
</div>
<div class="danger-tips">
<div class="important-title" id="messageError" style="display: none; margin-top:15px"></div>
</div>
<div class="server bgw mtb15">
<div class="title c6 f16 plr15">
<h3 class="c6 f16 pull-left">状态</h3>
</div>
<div class="server-circle">
<ul class="row" id="systemInfoList">
<li class="rank col-xs-6 col-sm-3 col-md-3 col-lg-2 mtb20 circle-box text-center">
<div class="titles">
<span>负载状态</span>
<a href="https://www.bt.cn/bbs/thread-11402-1-1.html" target="_blank" class="bt-ico-ask" style="cursor: pointer;">?</a>
</div>
<div id="loadChart" class="chart-li">
<div class="outerCircle"><div class="innerCircle">0%</div></div>
</div>
<div id="load" class="info-status">获取中...</div>
</li>
<li class="rank col-xs-6 col-sm-3 col-md-3 col-lg-2 mtb20 circle-box text-center">
<div class="titles">CPU使用率</div>
<div id="cpuChart" class="chart-li">
<div class="outerCircle"><div class="innerCircle">0%</div></div>
</div>
<div id="cpu" class="info-status">获取中...</div>
</li>
<li class="rank col-xs-6 col-sm-3 col-md-3 col-lg-2 mtb20 circle-box text-center">
<div class="titles">内存使用率</div>
<div id="memChart" class="chart-li">
<div class="outerCircle"><div class="innerCircle">0%</div></div>
</div>
<div id="mem" class="info-status">获取中...</div>
</li>
</ul>
</div>
</div>
<div class="system-info bgw clearfix mtb15">
<div class="title c6 f16 plr15">概览</div>
<div class="system-info-con mtb20">
<ul class="clearfix text-center">
<li class="sys-li-box col-xs-4 col-sm-4 col-md-4 col-lg-3">
<p class="name f15 c9">{{data['lan']['N1']}}</p>
<div class="val"><a class="btlink" href="/site">{{data['siteCount']}}</a></div>
</li>
<li class="sys-li-box col-xs-4 col-sm-4 col-md-4 col-lg-3">
<p class="name f15 c9">{{data['lan']['N3']}}</p>
<div class="val"><a class="btlink" href="/ftp">{{data['ftpCount']}}</a></div>
</li>
<li class="sys-li-box col-xs-4 col-sm-4 col-md-4 col-lg-3">
<p class="name f15 c9">{{data['lan']['N2']}}</p>
<div class="val"><a class="btlink" href="/database">{{data['databaseCount']}}</a></div>
</li>
<li class="sys-li-box ccol-xs-4 col-sm-4 col-md-4 col-lg-3">
<p class="name f15 c9">{{data['lan']['N4']}}</p>
<div class="val"><a class="btlink warning_num" href="javascript:;" onclick="index.reader_warning_view()"><img src="/static/layer/skin/default/loading-2.gif" style="width:20px" /><span class="ml5" style="font-size:17px;vertical-align: middle;color:#aaa;">检测中</span></a></div>
</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0">
<div class="pr8">
<div class="bgw">
<div class="title c6 f16 plr15">{{data['lan']['P4']}}</div>
<div class="setting-con" style="padding:0; height:442px; margin-right: -4px; overflow: hidden;">
<div class="container-fluid soft-man">
<input name="list1SortOrder" type="hidden" value="" />
<div id="indexsoft" class="row"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0">
<div class="pl7">
<div class="bgw" style="height:283.5px">
<div class="title c6 f16 plr15 tabs-nav">
<span class="active">流量</span>
<span>磁盘IO</span>
<div class="tabs-down">
<select class="bt-input-text" name="network-io" style="font-size: 12px;"></select>
<select class="bt-input-text hide" name="disk-io" style="font-size: 12px;"></select>
</div>
</div>
<div class="tabs-content">
<div class="tabs-active tabs-item">
<div class="bw-info">
<div class="col-sm-6 col-md-3"><p class="c9"><span class="ico-up"></span>上行</p><a id="upSpeed">{{data['lan']['S2']}}</a></div>
<div class="col-sm-6 col-md-3"><p class="c9"><span class="ico-down"></span>下行</p><a id="downSpeed">{{data['lan']['S2']}}</a></div>
<div class="col-sm-6 col-md-3"><p class="c9">总发送</p><a id="upAll">{{data['lan']['S2']}}</a></div>
<div class="col-sm-6 col-md-3"><p class="c9">总接收</p><a id="downAll">{{data['lan']['S2']}}</a></div>
</div>
<div id="NetImg" style="width:100%;height: 370px;"></div>
</div>
<div class="tabs-item">
<div class="bw-info">
<div class="col-sm-6 col-md-3"><p class="c9"><span class="ico-read"></span>读取</p><a id="readBytes">{{data['lan']['S2']}}</a></div>
<div class="col-sm-6 col-md-3"><p class="c9"><span class="ico-write"></span>写入</p><a id="writeBytes">{{data['lan']['S2']}}</a></div>
<div class="col-sm-6 col-md-3"><p class="c9">每秒读写</p><a id="diskIops">{{data['lan']['S2']}}</a></div>
<div class="col-sm-6 col-md-3"><p class="c9">IO延迟</p><a id="diskTime">{{data['lan']['S2']}}</a></div>
</div>
<div id="IoStat" style="width:100%;height: 370px;"></div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0 mtb15"> -->
<!-- <div class="pl7"> -->
<!-- <div class="bgw" style="height:283.5px"> -->
<!-- <div class="title c6 f16 plr15"><span style="float: right;"><select class="bt-input-text" name="disk-io" style="font-size: 12px;"></select></span></div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
</div>
</div>
{% endblock %}
{% block scripts %}
<script type="text/javascript">
var bind_user = "{{data['bind']}}"
</script>
<script type="text/javascript" src="{{g.cdn_url}}/js/jquery.dragsort-0.5.2.min.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
<script type="text/javascript" src="{{g.cdn_url}}/js/echarts.min.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
<script type="text/javascript" src="{{g.cdn_url}}/js/index.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
<script type="text/javascript" src="{{g.cdn_url}}/js/soft.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
<script type="text/javascript" src="{{g.cdn_url}}/ace/ace.js?version={{g['version']}}&repair={{data['js_random']}}" defer></script>
<script type="text/javascript">
$(".btpro span").click(function(e){
layer.confirm('切换回免费版可通过解绑账号实现', { icon: 3, btn: ['解绑账号'], closeBtn: 2, title: '是否取消授权' }, function () {
$.post('/ssl?action=DelToken', {}, function (rdata) {
layer.msg(rdata.msg);
setTimeout(function () {
window.location.reload();
},2000);
});
});
e.stopPropagation();
});
setCookie('pro_end',{{data.pro_end}});
setCookie('ltd_end',{{data.ltd_end}});
setCookie('serverType', "{{session['webserver']}}");
bt.soft.get_index_renew();
</script>
{% endblock %}