piechartDetail.jsp
3.88 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
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<style>
.form-control {
height: 30px;
}
</style>
<table>
<tr>
<th>
<div class="input-group" style="float:left;">
<span class="input-group-addon">开始</span>
<input type="text" id="time" style="width:130px"/>
</div>
<div class="input-group" style="float:left;width:60px">
<span class="input-group-addon">结束</span>
<input type="text" id="time2" style="width:60px;"/></div>
</div>
<div class="input-group" style="float:left;">
<span class="input-group-addon">命令字</span>
<form id="wrap_search" style="margin-bottom:0px;">
<span class="input-icon" style="width:350px;">
<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:120px">
<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>
</th>
</tr>
<tr>
<th align=left>
<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>
<div class="input-group" style="float:left;width:120px">
<span class="input-group-addon">饼图展开</span>
<select id="piechartSelect" style="width: 100px;">
<option value='code'>返回码</option>
<option value='city'>地区</option>
<option value='operator'>运营商</option>
</select>
</div>
<input class="btn btn-primary btn-sm"
value=" 查询 " onclick="query()"
type="submit" />
</th>
</tr>
</table>
<h5 class="text-center">请求量分布</h5>
<div id="piechart"></div>
<br/>
<%-- <table id="web_content" class="table table-striped table-condensed">
<thead><tr class="text-success">
<c:if test="${payload.groupByField.name eq 'code'}">
<th width="20%" colspan="2">返回码 (默认设置无法编辑)</th>
</c:if>
<th>类别</th>
<th>请求总数</th>
<th>百分比</th>
</tr></thead>
<tbody>
<c:forEach var="item" items="${model.pieChartDetailInfos}" varStatus="status">
<tr>
<c:if test="${payload.groupByField.name eq 'code'}">
<c:choose>
<c:when test="${model.codes[item.id] != null}">
<td width="5%">${item.id}</td><td><a class="btn btn-xs" href="/cat/s/config?op=appCodeUpdate&id=${model.commandId}&code=${item.id}">编辑</a></td>
</c:when>
<c:otherwise>
<td colspan="2">${item.id}</td>
</c:otherwise>
</c:choose>
</c:if>
<td>${item.title}</td>
<td>${w:format(item.requestSum,'#,###,###,###,##0')}</td>
<td>${w:format(item.successRatio,'#0.000%')}</td>
</tr>
</c:forEach>
</tbody>
</table>
--%>