fix-dashboard-endpoint-trace-incorrect (#186)
diff --git a/src/store/modules/dashboard/template/endpoint-template.ts b/src/store/modules/dashboard/template/endpoint-template.ts
index 6ce7d25..c35f3db 100644
--- a/src/store/modules/dashboard/template/endpoint-template.ts
+++ b/src/store/modules/dashboard/template/endpoint-template.ts
@@ -108,7 +108,7 @@
o: 'ServiceEndpoint',
d: 'endpointTraces',
c: 'ChartSlow',
- t: 'Endpoint Slow',
+ t: 'Slow Traces',
w: 6,
h: 250,
},
diff --git a/src/utils/queryChartData.ts b/src/utils/queryChartData.ts
index b433ace..c877cad 100644
--- a/src/utils/queryChartData.ts
+++ b/src/utils/queryChartData.ts
@@ -48,7 +48,7 @@
{ o: 'ServiceEndpoint', d: 'endpointSLA', c: 'ChartBar', t: 'Endpoint SLA', w: 3, h: 250 },
{ o: 'ServiceEndpoint', d: 'endpointPercent', c: 'ChartLine',
t: 'Endpoint Response Time Percentile', w: 3, h: 250},
- { o: 'ServiceEndpoint', d: 'endpointTraces', c: 'ChartSlow', t: 'Endpoint Slow', w: 3, h: 250 },
+ { o: 'ServiceEndpoint', d: 'endpointTraces', c: 'ChartSlow', t: 'Slow Traces', w: 3, h: 250 },
{ o: 'ServiceEndpoint', d: 'endpointTopology', c: 'ChartSankey', t: 'Dependency Map', w: 3, h: 250 },
// instance
{ o: 'ServiceInstance', d: 'globalBrief', c: 'ChartInstance', t: 'Instance Info', w: 3, h: 250 },
diff --git a/src/views/components/dashboard/charts/chart-slow.vue b/src/views/components/dashboard/charts/chart-slow.vue
index 8339930..7a3fbb9 100644
--- a/src/views/components/dashboard/charts/chart-slow.vue
+++ b/src/views/components/dashboard/charts/chart-slow.vue
@@ -19,12 +19,12 @@
<div style="overflow: auto;height: 100%;" class="scroll_hide">
<div class="rk-chart-slow clear">
<div class="rk-chart-slow-i" v-for="(i, index) in data" :key="index">
- <svg class="icon vm r grey link-hover cp" @click="handleClick(i.label)">
+ <svg class="icon vm r grey link-hover cp" @click="handleClick(i.traceIds && i.traceIds[0] || i.label)">
<use xlink:href="#review-list"></use>
</svg>
<div class="mb-5 ell" v-tooltip:top.ellipsis="i.label || ''">
<span class="calls sm mr-10">{{i.value}} ms</span>
- <span class="cp link-hover" @click="appChange(i)">{{i.label}}</span>
+ <span class="cp link-hover" @click="appChange(i)">{{i.label + getTraceId(i)}}</span>
</div>
<RkProgress :precent="i.value/maxValue*100" color="#bf99f8"/>
</div>
@@ -49,6 +49,9 @@
const temp: number[] = this.data.map((i: any) => i.value);
return Math.max.apply(null, temp);
}
+ getTraceId(i: any){
+ return i.traceIds && i.traceIds[0] ? ` - ${i.traceIds[0]}` : '';
+ }
private handleClick(i: any) {
copy(i);
}
diff --git a/src/views/components/dashboard/charts/chart-trace.vue b/src/views/components/dashboard/charts/chart-trace.vue
index 9837c0b..ec0307c 100644
--- a/src/views/components/dashboard/charts/chart-trace.vue
+++ b/src/views/components/dashboard/charts/chart-trace.vue
@@ -19,7 +19,7 @@
<div style="overflow: auto;height: 100%;" class="scroll_hide">
<div class="rk-chart-slow clear">
<div class="rk-chart-slow-i" v-for="(i, index) in data" :key="index">
- <svg class="icon vm r grey link-hover cp" @click="handleClick(i.traceIds || i.label)">
+ <svg class="icon vm r grey link-hover cp" @click="handleClick(i.traceIds && i.traceIds[0] || i.label)">
<use xlink:href="#review-list"></use>
</svg>
<div class="mb-5 ell" v-tooltip:top.ellipsis="i.label || ''">
diff --git a/vue.config.js b/vue.config.js
index 53b87d7..62f17f7 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -19,7 +19,7 @@
devServer: {
proxy: {
'/graphql': {
- target: 'http://127.0.0.1:12800',
+ target: `${process.env.SW_PROXY_TARGET || "http://127.0.0.1:12800"}`,
changeOrigin: true,
},
},