ops / monitor-ui · Commits

Go to a project

Authored by jack.xue
Commit b925065f457eab9dea4e0be011f7289faedc5216 1 parent 89d2dd54

fix ui

Inline Side-by-side
Showing 1 changed file with 20 additions and 22 deletions
... ... @@ -34,7 +34,7 @@
<li class="active"><a href="#qc_api" data-toggle="tab"><strong>Api 非200响应</strong></a></li>
<li><a href="#qc_service" data-toggle="tab"><strong>Service 非200响应</strong></a></li>
<li><a href="#qc_error" data-toggle="tab"><strong>Nginx Error</strong></a></li>
<li><a href="#qc_time" data-toggle="tab"><strong>Request TimeRank</strong></a></li>
<%--<li><a href="#qc_time" data-toggle="tab"><strong>Request TimeRank</strong></a></li>--%>
</ul>
<!-- Tab panes -->
... ... @@ -75,11 +75,11 @@
</div>
</div><!-- tab-pane -->
<div class="tab-pane" id="qc_time">
<%--<div class="tab-pane" id="qc_time">
<h4 class="nomargin">Contact title goes here...</h4>
<p>Continue.......</p>
</div><!-- tab-pane -->
</div><!-- tab-pane -->--%>
</div><!-- tab-content -->
</div><!-- col-md-6 -->
</div>
... ... @@ -107,7 +107,6 @@
type: "qc"
},
success: function (response) {
alert(response)
updatePieApi(response.data)
},
error: function (e) {
... ... @@ -167,7 +166,6 @@
var pieData = [];
var pieLend = [];
alert(data)
for (var i = 0; i < data.length; i++) {
pieData.push({name: data[i].name, value: data[i].count});
... ... @@ -176,7 +174,7 @@
// 指定图表的配置项和数据
var option = {
title: {
text: 'api非200错误',
text: 'Api非200响应',
subtext: '按接口名划分',
x: 'center'
},
... ... @@ -228,35 +226,35 @@
return defaultLoadFilter(data);
},
columns: [{
title: "ApiName",
title: "接口名称",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.name);
return div;
}
}, {
title: "Count",
title: "总计",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.count);
return div;
}
}, {
title: "Total Percent",
title: "总占比",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.totalPercent);
return div;
}
}, {
title: "VM Percent",
title: "各主机占比",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.logIpPercent);
return div;
}
}, {
title: "ErrorCode Percent",
title: "响应码占比",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.codePercent);
... ... @@ -284,7 +282,7 @@
// 指定图表的配置项和数据
var option = {
title: {
text: 'service非200错误',
text: 'Service非200响应',
subtext: '按接口名划分',
x: 'center'
},
... ... @@ -337,35 +335,35 @@
return defaultLoadFilter(data);
},
columns: [{
title: "ApiName",
title: "接口名称",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.name);
return div;
}
}, {
title: "Count",
title: "总计",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.count);
return div;
}
}, {
title: "Total Percent",
title: "总占比",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.totalPercent);
return div;
}
}, {
title: "VM Percent",
title: "各主机占比",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.logIpPercent);
return div;
}
}, {
title: "ErrorCode Percent",
title: "响应码占比",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.codePercent);
... ... @@ -392,7 +390,7 @@
// 指定图表的配置项和数据
var option = {
title: {
text: 'nginx错误',
text: 'Nginx错误',
subtext: '按类型划分',
x: 'center'
},
... ... @@ -443,7 +441,7 @@
return defaultLoadFilter(data);
},
columns: [{
title: "Error type",
title: "错误类型",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.name);
... ... @@ -451,7 +449,7 @@
}
},
{
title: "Count",
title: "总计",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.count);
... ... @@ -459,7 +457,7 @@
}
},
{
title: "Total Percent",
title: "总占比",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.totalPercent);
... ... @@ -467,7 +465,7 @@
}
},
{
title: "VM Percent",
title: "各主机占比",
formatter: function (value, rowData) {
/*alert(rowData.name);*/
var div = $("<div align='center'>").html(rowData.logIpPercent);
... ...