detail.jsp
2.69 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
<%@ page session="false" language="java" pageEncoding="UTF-8" %>
<style>
.tableHeader:hover {
cursor:hand;
}
</style>
<div class="tabbable " style="padding-top:3px;"> <!-- Only required for left/right tabs -->
<ul class="nav nav-tabs" style="height:50px">
<c:forEach var="type" items="${model.report.types}" varStatus="status">
<li class="text-right navTabs" id="${type.id}"><a href="#${type.id}Content" data-toggle="tab"><strong>${type.id}</strong></a></li>
</c:forEach>
</ul>
<div class="tab-content">
<c:forEach var="type" items="${model.report.types}" varStatus="status">
<div class="tab-pane" id="${type.id}Content">
<table class="problem table table-striped table-condensed table-hover">
<thead>
<tr class="text-success">
<th width="8%" class="tableHeader" data-sortBy="domain">项目</th>
<th width="20%" class="tableHeader" data-sortBy="name">名称</th>
<th width="10%" class="tableHeader" data-sortBy="bu">BU</th>
<th width="8%" class="tableHeader" data-sortBy="productline">产品线</th>
<th width="5%" class="tableHeader" data-sortBy="total">总数</th>
<th width="5%" class="tableHeader" data-sortBy="error">错误数</th>
<th width="7%" class="tableHeader" data-sortBy="failure">失败率</th>
<th width="5%" class="tableHeader" data-sortBy="avg">Avg</th>
<th width="5%" class="tableHeader" data-sortBy="95line">95Line</th>
</tr>
</thead>
<tbody>
<c:forEach var="e" items="${type.names}" varStatus="status">
<tr>
<td>${e.domain}</td>
<td>${e.id}</td>
<td>${e.bu}</td>
<td>${e.productLine}</td>
<td>${w:format(e.totalCount,'#,###,###,###,##0')}</td>
<td>${w:format(e.failCount,'#,###,###,###,##0')}</td>
<td> ${w:format(e.failPercent/100,'0.0000%')}</td>
<td>${w:format(e.avg,'###,##0.0')}</td>
<td>${w:format(e.line95Value,'###,##0.0')}</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</c:forEach>
</div>
</div>
<script>
$(document).ready(function(){
var payloadType = "${payload.type}";
if(payloadType==""){
var fistNavTav = $(".navTabs").first();
var id = fistNavTav.prop("id");
fistNavTav.addClass("active");
$("#"+id+"Content").addClass("active");
}else{
$("#"+payloadType).addClass('active');
$("#"+payloadType+"Content").addClass('active');
}
$(".tableHeader").click(function(){
var date = $("#time").val();
var type = $(".navTabs").filter(".active").prop("id");
var sortBy = $(this).attr("data-sortBy");
window.location.href="?date="+date+"&type="+type+"&sortBy="+sortBy;
});
})
</script>