github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-12 07:36:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: imports

Browse Source
This commit is contained in:
Fine 2024-01-29 20:08:30 +08:00
parent 9b69c270fa
commit e8b1523842
4 changed files with 140 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/store/modules/dashboard.ts
View File

@ -24,7 +24,6 @@ import { useSelectorStore } from "@/store/modules/selectors";
import { NewControl, TextConfig, TimeRangeConfig, ControlsTypes } from "../data";
import type { AxiosResponse } from "axios";
import { ElMessage } from "element-plus";
import { useI18n } from "vue-i18n";
import { EntityType, MetricModes, WidgetType } from "@/views/dashboard/data";
interface DashboardState {
showConfig: boolean;

139
src/store/modules/trace.ts
View File

@ -167,7 +167,144 @@ export const traceStore = defineStore({
if (res.data.errors) {
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 || []);
return res.data;
},

1
src/views/dashboard/related/trace/components/D3Graph/Index.vue
View File

@ -81,6 +81,7 @@ limitations under the License. -->
showDetail.value = true;
}
function traverseTree(node: Recordable, spanId: string, segmentId: string, data: Recordable) {
console.log(data);
if (!node || node.isBroken) {
return;
}

2
src/views/dashboard/related/trace/components/List.vue
View File

@ -22,7 +22,7 @@ limitations under the License. -->
</el-button>
</div>
<div class="list">
<Graph :data="data" :traceId="traceId" type="List" />
<Graph :data="data" :traceId="`d013fdb11b56417a9997db9d56722ce2.57.17056716790540001`" type="List" />
</div>
</div>
</template>