增加单条日志查看功能。

This commit is contained in:
Administrator 2015-12-17 18:22:14 +08:00
parent 0aa540b5d1
commit c269d81e8f
2 changed files with 36 additions and 3 deletions

View File

@ -111,7 +111,7 @@
<td>${logInfo.spanTypeName!'UNKNOWN'}</td>
<td>${logInfo.statusCodeName!'MISSING'}</td>
<td>
<a href="#" data-toggle="tooltip" data-placement="bottom"
<a href="#" name="detailInfo" data-toggle="tooltip" data-placement="bottom"
title="${logInfo.viewPointId!}">${logInfo.viewPointIdSub!}</a>
</td>
<td>${logInfo.address!}</td>
@ -250,6 +250,8 @@
<div id="collapse${logInfo_index}" class="accordion-body collapse"
style="height: 0px; ">
<ul class="list-group">
<li class="list-group-item" style="word-wrap:break-word">
<strong>服务/方法:</strong>${logInfo.viewPointId!''}</li>
<li class="list-group-item">
<strong>调用类型:</strong>${logInfo.spanTypeName!'UNKNOWN'}</li>
<li class="list-group-item">
@ -280,4 +282,25 @@
</table>
</div>
</div>
</#macro>
</#macro>
<#macro detailTraceLog>
<div class="modal fade bs-example-modal-lg" id="detailLog" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" style="display: none;">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myLargeModalLabel">日志详细信息</h4>
</div>
<div class="modal-body">
<!-- form content -->
<form class="form-horizontal" id="detailContent">
</form>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
</#macro>

View File

@ -12,10 +12,13 @@
</head>
<body>
<!-- show detailTraceLog -->
<@common.detailTraceLog />
<!-- show traceLogInfo -->
<@common.dealTraceLog />
<!-- show traceLogInfo -->
<!-- show originLog -->
<@common.importOriginLog />
<!-- script references -->
@ -54,6 +57,13 @@
}
});
$("a[name='detailInfo']").each(function(index,ele){
$(this).bind("click",function(){
$("#detailContent").html($("#collapse"+index).html());
$("#detailLog").modal('show');
});
});
$('#example-advanced').treetable('expandAll');
});
</script>