mirror of
https://github.com/apache/skywalking-booster-ui.git
synced 2025-07-10 02:55:23 +00:00
fix: imports
This commit is contained in:
parent
9b69c270fa
commit
e8b1523842
@ -24,7 +24,6 @@ import { useSelectorStore } from "@/store/modules/selectors";
|
|||||||
import { NewControl, TextConfig, TimeRangeConfig, ControlsTypes } from "../data";
|
import { NewControl, TextConfig, TimeRangeConfig, ControlsTypes } from "../data";
|
||||||
import type { AxiosResponse } from "axios";
|
import type { AxiosResponse } from "axios";
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
import { useI18n } from "vue-i18n";
|
|
||||||
import { EntityType, MetricModes, WidgetType } from "@/views/dashboard/data";
|
import { EntityType, MetricModes, WidgetType } from "@/views/dashboard/data";
|
||||||
interface DashboardState {
|
interface DashboardState {
|
||||||
showConfig: boolean;
|
showConfig: boolean;
|
||||||
|
@ -167,7 +167,144 @@ export const traceStore = defineStore({
|
|||||||
if (res.data.errors) {
|
if (res.data.errors) {
|
||||||
return res.data;
|
return res.data;
|
||||||
}
|
}
|
||||||
const data = res.data.data.trace.spans;
|
const resp = {
|
||||||
|
data: {
|
||||||
|
trace: {
|
||||||
|
spans: [
|
||||||
|
{
|
||||||
|
traceId: "d013fdb11b56417a9997db9d56722ce2.57.17056716790540001",
|
||||||
|
segmentId: "d013fdb11b56417a9997db9d56722ce2.57.17056716790540000",
|
||||||
|
spanId: 0,
|
||||||
|
parentSpanId: -1,
|
||||||
|
refs: [],
|
||||||
|
serviceCode: "rmq5-grpc-A-scenario",
|
||||||
|
serviceInstanceName: "3d4a5d93c2af47838948691e07c502e6@198.18.0.1",
|
||||||
|
startTime: 1705671679055,
|
||||||
|
endTime: 1705671679135,
|
||||||
|
endpointName: "GET:/case/rocketmq-5-grpc-scenario",
|
||||||
|
type: "Entry",
|
||||||
|
peer: "",
|
||||||
|
component: "SpringMVC",
|
||||||
|
isError: false,
|
||||||
|
layer: "Http",
|
||||||
|
tags: [
|
||||||
|
{
|
||||||
|
key: "url",
|
||||||
|
value: "http://127.0.0.1:8080/rocketmq-5-grpc-scenario/case/rocketmq-5-grpc-scenario",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "http.method",
|
||||||
|
value: "GET",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "http.status_code",
|
||||||
|
value: "200",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
logs: [],
|
||||||
|
attachedEvents: [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
traceId: "d013fdb11b56417a9997db9d56722ce2.57.17056716790540001",
|
||||||
|
segmentId: "d013fdb11b56417a9997db9d56722ce2.57.17056716790540000",
|
||||||
|
spanId: 1,
|
||||||
|
parentSpanId: 0,
|
||||||
|
refs: [],
|
||||||
|
serviceCode: "rmq5-grpc-A-scenario",
|
||||||
|
serviceInstanceName: "3d4a5d93c2af47838948691e07c502e6@198.18.0.1",
|
||||||
|
startTime: 1705671679057,
|
||||||
|
endTime: 1705671679133,
|
||||||
|
endpointName: "RocketMQ/ConsumerAsyncTopicTest/Producer",
|
||||||
|
type: "Exit",
|
||||||
|
peer: "123.56.194.74:8081",
|
||||||
|
component: "rocketMQ-producer",
|
||||||
|
isError: false,
|
||||||
|
layer: "MQ",
|
||||||
|
tags: [
|
||||||
|
{
|
||||||
|
key: "mq.broker",
|
||||||
|
value: "123.56.194.74:8081",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "mq.topic",
|
||||||
|
value: "ConsumerAsyncTopicTest",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "mq.message.keys",
|
||||||
|
value: "e8029111-fa26-4738-a59f-2d4dab0b2ffe",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "mq.message.tags",
|
||||||
|
value: "Tag:async:consumer",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "mq.message.id",
|
||||||
|
value: "01ACDE480011221E0005BC15FF00000003",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
logs: [],
|
||||||
|
attachedEvents: [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
traceId: "d013fdb11b56417a9997db9d56722ce2.57.17056716790540001",
|
||||||
|
segmentId: "1c116740e8dd41f9af3577a03c969a4b.53.17056716950020000",
|
||||||
|
spanId: 0,
|
||||||
|
parentSpanId: -1,
|
||||||
|
refs: [
|
||||||
|
{
|
||||||
|
traceId: "d013fdb11b56417a9997db9d56722ce2.57.17056716790540001",
|
||||||
|
parentSegmentId: "d013fdb11b56417a9997db9d56722ce2.57.17056716790540000",
|
||||||
|
parentSpanId: 1,
|
||||||
|
type: "CROSS_PROCESS",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
traceId: "d013fdb11b56417a9997db9d56722ce2.55.17056716721260001",
|
||||||
|
parentSegmentId: "d013fdb11b56417a9997db9d56722ce2.55.17056716721250000",
|
||||||
|
parentSpanId: 1,
|
||||||
|
type: "CROSS_PROCESS",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
serviceCode: "rmq5-grpc-B-scenario",
|
||||||
|
serviceInstanceName: "88429d7fb3434b928dc39f41c0b7c4c6@198.18.0.1",
|
||||||
|
startTime: 1705671695004,
|
||||||
|
endTime: 1705671696483,
|
||||||
|
endpointName: "RocketMQ/ConsumerAsyncTopicTest/Consumer",
|
||||||
|
type: "Entry",
|
||||||
|
peer: "123.56.194.74:8081",
|
||||||
|
component: "rocketMQ-consumer",
|
||||||
|
isError: false,
|
||||||
|
layer: "MQ",
|
||||||
|
tags: [
|
||||||
|
{
|
||||||
|
key: "mq.topic",
|
||||||
|
value: "ConsumerAsyncTopicTest",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "mq.broker",
|
||||||
|
value: "123.56.194.74:8081",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "transmission.latency",
|
||||||
|
value: "17345",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "transmission.latency",
|
||||||
|
value: "24263",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "http.status_code",
|
||||||
|
value: "200",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
logs: [],
|
||||||
|
attachedEvents: [],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const data = resp.data.trace.spans;
|
||||||
|
// const data = res.data.data.trace.spans;
|
||||||
this.setTraceSpans(data || []);
|
this.setTraceSpans(data || []);
|
||||||
return res.data;
|
return res.data;
|
||||||
},
|
},
|
||||||
|
@ -81,6 +81,7 @@ limitations under the License. -->
|
|||||||
showDetail.value = true;
|
showDetail.value = true;
|
||||||
}
|
}
|
||||||
function traverseTree(node: Recordable, spanId: string, segmentId: string, data: Recordable) {
|
function traverseTree(node: Recordable, spanId: string, segmentId: string, data: Recordable) {
|
||||||
|
console.log(data);
|
||||||
if (!node || node.isBroken) {
|
if (!node || node.isBroken) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -22,7 +22,7 @@ limitations under the License. -->
|
|||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<Graph :data="data" :traceId="traceId" type="List" />
|
<Graph :data="data" :traceId="`d013fdb11b56417a9997db9d56722ce2.57.17056716790540001`" type="List" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
Loading…
Reference in New Issue
Block a user