feat: 监控trace datasource插件开发

# Reviewed, transaction id: 25761
TencentBlueKing · Dec 4, 2024 · e608493 · e608493
1 parent e7ba861
commit e608493
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 3 deletions.
diff --git a/src/common/lang/en.json b/src/common/lang/en.json
@@ -82,5 +82,11 @@
   "应用/服务": "Application/Service",
   "无数据": "No data",
   "Profile 类型": "Profile type",
-  "加载中": "Loading"
+  "加载中": "Loading",
+  "最小耗时": "Min Duration",
+  "最大耗时": "Max Duration",
+  "服务": "Service",
+  "接口": "Span Name",
+  "应用": "App Name",
+  "查询方式": "Query Mode"
 }
diff --git a/src/trace/src/components/QueryEditor.tsx b/src/trace/src/components/QueryEditor.tsx
@@ -1,6 +1,7 @@
 import { css } from '@emotion/css';
 import type { QueryEditorProps, SelectableValue } from '@grafana/data';
 import {
+  Button,
   HorizontalGroup,
   InlineField,
   InlineFieldRow,
@@ -124,6 +125,14 @@ export function QueryEditor({ datasource, query, onChange, onRunQuery }: Props)
               />
             </HorizontalGroup>
           </InlineField>
+          <Button
+            style={{ marginLeft: '10px' }}
+            size='md'
+            fill='solid'
+            onClick={onRunQuery}
+          >
+            {t('查询')}
+          </Button>
         </InlineFieldRow>
         <InlineFieldRow style={{ maxWidth: '500px' }}>
           <InlineField

diff --git a/src/trace/src/responseTransform.ts b/src/trace/src/responseTransform.ts
@@ -53,7 +53,7 @@ function toSpanRow(span: Span, processes: Record<string, TraceProcess>): TraceSp
       ...l,
       timestamp: l.timestamp / 1000,
     })),
-    tags: span.tags,
+    tags: span.attributes,
     warnings: span.warnings ?? undefined,
     stackTraces: span.stackTraces,
     serviceName: processes[span.processID].serviceName,
@@ -109,7 +109,6 @@ export function createTableFrame(
       app_name: appName,
     });
   }
-  console.info(frame, '==============');
   return frame;
 }
 

diff --git a/src/trace/src/types.ts b/src/trace/src/types.ts
@@ -36,6 +36,7 @@ export type Span = {
   duration: number;
   logs: TraceLog[];
   tags?: TraceKeyValuePair[];
+  attributes?: TraceKeyValuePair[];
   references?: TraceSpanReference[];
   warnings?: null | string[];
   stackTraces?: string[];