webDetail.jsp
5.79 KB
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
<%@ page contentType="text/html; charset=utf-8"%>
<style>
.form-control {
height: 30px;
}
</style>
<table width="100%">
<tr>
<th>
<div class="input-group" style="float:left;width:120px">
<span class="input-group-addon">日期</span>
<input type="text" id="time" style="width:100px"/>
</div>
<div class="input-group" style="float:left;width:250px">
<span class="input-group-addon">链接</span>
<form id="wrap_search" style="margin-bottom:0px;">
<span class="input-icon" style="width:250px;">
<input type="text" placeholder="" class="search-input search-input form-control ui-autocomplete-input" id="command" autocomplete="on" data=""/>
<i class="ace-icon fa fa-search nav-search-icon"></i>
</span>
</form>
</div>
<div class="input-group" style="float:left;width:100px">
<span class="input-group-addon">返回码</span>
<select id="code" style="width:100px">
<option value=''>All</option>
<c:forEach var="code" items="${model.codes}">
<option value="${code.value.id}">${code.value.name}</option>
</c:forEach>
</select>
</div>
<div class="input-group" style="float:left;width:120px">
<span class="input-group-addon">地区</span>
<select id="city" style="width: 100px;">
<option value=''>All</option>
<c:forEach var="item" items="${model.cities}" varStatus="status">
<option value='${item.value.id}'>${item.value.name}</option>
</c:forEach>
</select>
</div>
<div class="input-group" style="float:left;width:120px">
<span class="input-group-addon">运营商</span>
<select id="operator" style="width: 100px;">
<option value=''>All</option>
<c:forEach var="item" items="${model.operators}"
varStatus="status">
<option value='${item.value.id}'>${item.value.name}</option>
</c:forEach>
</select>
</div>
<input class="btn btn-primary btn-sm"
value=" 查询 " onclick="query()"
type="submit" /> <input class="btn btn-primary btn-sm" id="checkbox"
onclick="check()" type="checkbox" /> <label for="checkbox"
style="display: -webkit-inline-box">选择对比</label>
</th>
</tr>
</table>
<table id="history" style="display: none">
<tr>
<th>
<div class="input-group" style="float:left;width:120px">
<span class="input-group-addon">日期</span>
<input type="text" id="time2" style="width:100px"/>
</div>
<div class="input-group" style="float:left;width:250px">
<span class="input-group-addon">链接</span>
<form id="wrap_search2" style="margin-bottom:0px;">
<span class="input-icon" style="width:250px;">
<input type="text" placeholder="input domain for search" class="search-input search-input form-control ui-autocomplete-input" id="command2" autocomplete="on" data=""/>
<i class="ace-icon fa fa-search nav-search-icon"></i>
</span>
</form>
</div>
<div class="input-group" style="float:left;width:100px">
<span class="input-group-addon">返回码</span>
<select id="code2" style="width:100px">
<option value=''>All</option>
<c:forEach var="code" items="${model.codes}">
<option value="${code.value.id}">${code.value.name}</option>
</c:forEach>
</select>
</div>
<div class="input-group" style="float:left;width:120px">
<span class="input-group-addon">地区</span>
<select id="city2" style="width: 100px;">
<option value=''>All</option>
<c:forEach var="item" items="${model.cities}" varStatus="status">
<option value='${item.value.id}'>${item.value.name}</option>
</c:forEach>
</select>
</div>
<div class="input-group" style="float:left;width:120px">
<span class="input-group-addon">运营商</span>
<select id="operator2" style="width: 100px;">
<option value=''>All</option>
<c:forEach var="item" items="${model.operators}"
varStatus="status">
<option value='${item.value.id}'>${item.value.name}</option>
</c:forEach>
</select>
</div>
</th>
</tr>
</table>
<p/>
<div>
<label class="btn btn-info btn-sm"><input type="radio"
name="typeCheckbox" value="request">请求数
</label><label class="btn btn-info btn-sm"> <input type="radio"
name="typeCheckbox" value="success">成功率
</label><label class="btn btn-info btn-sm"> <input type="radio"
name="typeCheckbox" value="delay">成功延时
</label>
</div>
<div style="float: left; width: 100%;">
<div id="${model.lineChart.id}"></div>
</div>
<br/>
<%-- <table id="web_content" class="table table-striped table-condensed table-bordered table-hover">
<thead>
<tr class="text-success">
<th class="right text-success">类别</th>
<th class="right text-success">成功率(%)</th>
<th class="right text-success">总请求数</th>
<th class="right text-success">成功平均延迟(ms)</th>
<th class="right text-success">平均发包(B)</th>
<th class="right text-success">平均回包(B)</th>
</tr></thead>
<tbody>
<c:forEach var="item" items="${model.comparisonAppDetails}">
<tr class="right">
<td>${item.key}</td>
<td>${w:format(item.value.successRatio,'#0.000')}%</td>
<td>${w:format(item.value.accessNumberSum,'#,###,###,###,##0')}</td>
<td>${w:format(item.value.responseTimeAvg,'###,##0.000')}</td>
<td>${w:format(item.value.requestPackageAvg,'#,###,###,###,##0')}</td>
<td>${w:format(item.value.responsePackageAvg,'#,###,###,###,##0')}</td>
</tr>
</c:forEach>
</tbody>
</table> --%>