|
@@ -61,19 +61,15 @@
|
|
width="50"
|
|
width="50"
|
|
label="#"
|
|
label="#"
|
|
/>
|
|
/>
|
|
- <el-table-column label="TraceID" prop="trace_id" header-align="center" align="center" />
|
|
|
|
- <el-table-column label="开始时间" prop="timestamp" header-align="center" align="center" :show-overflow-tooltip="true">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <span style="display: inline-block;text-align: center;width: 100%;">{{ parseTime(scope.row.timestamp) }}</span>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
|
|
+ <el-table-column label="TraceID" prop="trace_id" header-align="center" align="center" :show-overflow-tooltip="true" />
|
|
|
|
+ <el-table-column label="开始时间" prop="start_time" header-align="center" align="center" />
|
|
<el-table-column label="持续时间(ms)" header-align="center" prop="duration" align="center">
|
|
<el-table-column label="持续时间(ms)" header-align="center" prop="duration" align="center">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span style="display: inline-block;text-align: center;width: 100%;">{{ scope.row.duration&&scope.row.duration.toFixed(2) }}</span>
|
|
<span style="display: inline-block;text-align: center;width: 100%;">{{ scope.row.duration&&scope.row.duration.toFixed(2) }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="涉及的服务数量" header-align="center" prop="service_num" align="center" />
|
|
|
|
- <el-table-column label="包含的span数量" header-align="center" prop="span_num" align="center" />
|
|
|
|
|
|
+ <el-table-column label="所属服务" header-align="center" prop="service_name_cn" align="center" />
|
|
|
|
+ <el-table-column label="span名称" header-align="center" prop="span_name" align="center" />
|
|
</el-table>
|
|
</el-table>
|
|
|
|
|
|
<!-- <pagination
|
|
<!-- <pagination
|
|
@@ -1168,7 +1164,7 @@ export default {
|
|
this.flag = true
|
|
this.flag = true
|
|
this.tractID = row.trace_id
|
|
this.tractID = row.trace_id
|
|
this.$refs.table.setCurrentRow(row)
|
|
this.$refs.table.setCurrentRow(row)
|
|
- this.getTraceDetail(row.trace_id, row.timestamp)
|
|
|
|
|
|
+ this.getTraceDetail(row.trace_id, row.start_time)
|
|
}, 0)
|
|
}, 0)
|
|
}
|
|
}
|
|
} else {
|
|
} else {
|
|
@@ -1179,9 +1175,10 @@ export default {
|
|
},
|
|
},
|
|
getTraceDetail(trace_id, time) {
|
|
getTraceDetail(trace_id, time) {
|
|
this.treeLoading = true
|
|
this.treeLoading = true
|
|
|
|
+ const momentObj = moment(time)
|
|
const timeObj = {
|
|
const timeObj = {
|
|
- start_time: Math.floor(Date.parse(time) / 1000),
|
|
|
|
- end_time: Math.floor(Date.parse(time) / 1000)
|
|
|
|
|
|
+ start_time: momentObj.valueOf() / 1000,
|
|
|
|
+ end_time: momentObj.valueOf() / 1000
|
|
}
|
|
}
|
|
this.graphflag = false
|
|
this.graphflag = false
|
|
traceDetail(trace_id, timeObj).then(res => {
|
|
traceDetail(trace_id, timeObj).then(res => {
|
|
@@ -1281,7 +1278,7 @@ export default {
|
|
this.flag = true
|
|
this.flag = true
|
|
this.tractID = row.trace_id
|
|
this.tractID = row.trace_id
|
|
this.$refs.table.toggleRowSelection(row)
|
|
this.$refs.table.toggleRowSelection(row)
|
|
- this.getTraceDetail(row.trace_id, row.timestamp)
|
|
|
|
|
|
+ this.getTraceDetail(row.trace_id, row.start_time)
|
|
}, 0)
|
|
}, 0)
|
|
},
|
|
},
|
|
toggleTab(val) {
|
|
toggleTab(val) {
|