|
@ -27,7 +27,7 @@
|
|
|
<div id="vertical-timeline" class="vertical-container light-timeline"
|
|
|
v-for="message in messages">
|
|
|
|
|
|
<div class="vertical-timeline-block">
|
|
|
<div class="vertical-timeline-block" onclick="closeOrOpen(this)">
|
|
|
<div class="vertical-timeline-icon navy-bg">
|
|
|
<i class="fa fa-briefcase"></i>
|
|
|
</div>
|
|
@ -35,23 +35,25 @@
|
|
|
<div class="vertical-timeline-content">
|
|
|
|
|
|
<h2>微服务名称:{{message.spanname}}</h2>
|
|
|
<p>流程ID:{{message.traceid}}</p>
|
|
|
<p>模块ID:{{message.spanid}}</p>
|
|
|
<p>事件名称:{{message.eventname}}</p>
|
|
|
<p>事件开始时间:{{message.eventstartstr}}</p>
|
|
|
<p>事件结束时间:{{message.eventendstr}}</p>
|
|
|
<p>事件执行时间:{{message.excutetime}} ms</p>
|
|
|
<template v-if="message.eventname === 'system_http_tracer'">
|
|
|
<p>请求用户IP地址:{{message.ip}}</p>
|
|
|
<p>请求方式:{{message.method}}</p>
|
|
|
<p>请求路径:{{message.uri}}</p>
|
|
|
<p>请求头信息:{{message.header}}</p>
|
|
|
<p>请求参数:{{message.requestparams}}</p>
|
|
|
<p>返回参数:{{message.responseparams}}</p>
|
|
|
</template>
|
|
|
<template v-if="message.eventname === 'system_sql_tracer'">
|
|
|
<p>sql语句:{{message.sql}}</p>
|
|
|
</template>
|
|
|
<div style="display: none"> W id="close_or_open" style="display: none">
|
|
|
<p>流程ID:{{message.traceid}}</p>
|
|
|
<p>模块ID:{{message.spanid}}</p>
|
|
|
<p>事件开始时间:{{message.eventstartstr}}</p>
|
|
|
<p>事件结束时间:{{message.eventendstr}}</p>
|
|
|
<p>事件执行时间:{{message.excutetime}} ms</p>
|
|
|
<template v-if="message.eventname === 'system_http_tracer'">
|
|
|
<p>请求用户IP地址:{{message.ip}}</p>
|
|
|
<p>请求方式:{{message.method}}</p>
|
|
|
<p>请求路径:{{message.uri}}</p>
|
|
|
<p>请求头信息:{{message.header}}</p>
|
|
|
<p>请求参数:{{message.requestparams}}</p>
|
|
|
<p>返回参数:{{message.responseparams}}</p>
|
|
|
</template>
|
|
|
<template v-if="message.eventname === 'system_sql_tracer'">
|
|
|
<p>sql语句:{{message.sql}}</p>
|
|
|
</template>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|