github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-13 08:17:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update data

Browse Source
This commit is contained in:
Fine 2023-06-03 23:24:01 +08:00
parent 7936403e5e
commit 0b06b1d6ba
7 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/types/dashboard.d.ts vendored
View File

@ -44,6 +44,8 @@ export interface LayoutConfig {
eventAssociate?: boolean; eventAssociate?: boolean;
filters?: Filters; filters?: Filters;
relatedTrace?: RelatedTrace; relatedTrace?: RelatedTrace;
subExpressions?: string[];
subTypesOfMQE?: string[];
} }
export type RelatedTrace = { export type RelatedTrace = {
duration: DurationTime; duration: DurationTime;

2
src/views/dashboard/Widget.vue
View File

@ -38,6 +38,8 @@ limitations under the License. -->
metricMode: config.metricMode, metricMode: config.metricMode,
expressions: config.expressions || [], expressions: config.expressions || [],
typesOfMQE: config.typesOfMQE || [], typesOfMQE: config.typesOfMQE || [],
subExpressions: config.subExpressions || [],
subTypesOfMQE: config.subTypesOfMQE || [],
}" }"
:needQuery="true" :needQuery="true"
/> />

11
src/views/dashboard/configuration/Widget.vue
View File

@ -33,7 +33,16 @@ limitations under the License. -->
:config="{ :config="{
...graph, ...graph,
legend: (dashboardStore.selectedGrid.graph || {}).legend, legend: (dashboardStore.selectedGrid.graph || {}).legend,
...dashboardStore.selectedGrid, i: dashboardStore.selectedGrid.i,
metrics: dashboardStore.selectedGrid.metrics,
metricTypes: dashboardStore.selectedGrid.metricTypes,
metricConfig: dashboardStore.selectedGrid.metricConfig,
relatedTrace: dashboardStore.selectedGrid.relatedTrace,
metricMode: dashboardStore.selectedGrid.metricMode,
expressions: dashboardStore.selectedGrid.expressions || [],
typesOfMQE: dashboardStore.selectedGrid.typesOfMQE || [],
subExpressions: dashboardStore.selectedGrid.subExpressions || [],
subTypesOfMQE: dashboardStore.selectedGrid.subTypesOfMQE || [],
}" }"
:needQuery="true" :needQuery="true"
/> />

2
src/views/dashboard/controls/Widget.vue
View File

@ -62,6 +62,8 @@ limitations under the License. -->
metricMode: data.metricMode, metricMode: data.metricMode,
expressions: data.expressions || [], expressions: data.expressions || [],
typesOfMQE: data.typesOfMQE || [], typesOfMQE: data.typesOfMQE || [],
subExpressions: data.subExpressions || [],
subTypesOfMQE: data.subTypesOfMQE || [],
}" }"
:needQuery="needQuery" :needQuery="needQuery"
@click="clickHandle" @click="clickHandle"

5
src/views/dashboard/graphs/EndpointList.vue
View File

@ -80,6 +80,8 @@ limitations under the License. -->
metricMode: string; metricMode: string;
expressions: string[]; expressions: string[];
typesOfMQE: string[]; typesOfMQE: string[];
subExpressions: string[];
subTypesOfMQE: string[];
} & { metricConfig: MetricConfigOpt[] } } & { metricConfig: MetricConfigOpt[] }
>, >,
default: () => ({ default: () => ({
@ -166,11 +168,12 @@ limitations under the License. -->
async function queryEndpointExpressions(currentPods: Endpoint[]) { async function queryEndpointExpressions(currentPods: Endpoint[]) {
const expressions = props.config.expressions || []; const expressions = props.config.expressions || [];
const typesOfMQE = props.config.typesOfMQE || []; const typesOfMQE = props.config.typesOfMQE || [];
const subExpressions = props.config.subExpressions || [];
if (expressions.length && expressions[0] && typesOfMQE.length && typesOfMQE[0]) { if (expressions.length && expressions[0] && typesOfMQE.length && typesOfMQE[0]) {
const params = await useExpressionsQueryPodsMetrics( const params = await useExpressionsQueryPodsMetrics(
currentPods, currentPods,
{ ...props.config, metricConfig: metricConfig.value || [], typesOfMQE, expressions }, { ...props.config, metricConfig: metricConfig.value || [], typesOfMQE, expressions, subExpressions },
EntityType[2].value, EntityType[2].value,
); );
endpoints.value = params.data; endpoints.value = params.data;

1
src/views/dashboard/graphs/InstanceList.vue
View File

@ -204,7 +204,6 @@ limitations under the License. -->
const expressions = props.config.expressions || []; const expressions = props.config.expressions || [];
const typesOfMQE = props.config.typesOfMQE || []; const typesOfMQE = props.config.typesOfMQE || [];
const subExpressions = props.config.subExpressions || []; const subExpressions = props.config.subExpressions || [];
const subTypesOfMQE = props.config.subTypesOfMQE || [];
if (expressions.length && expressions[0] && typesOfMQE.length && typesOfMQE[0]) { if (expressions.length && expressions[0] && typesOfMQE.length && typesOfMQE[0]) {
const params = await useExpressionsQueryPodsMetrics( const params = await useExpressionsQueryPodsMetrics(

1
src/views/dashboard/graphs/ServiceList.vue
View File

@ -252,7 +252,6 @@ limitations under the License. -->
const expressions = props.config.expressions || []; const expressions = props.config.expressions || [];
const typesOfMQE = props.config.typesOfMQE || []; const typesOfMQE = props.config.typesOfMQE || [];
const subExpressions = props.config.subExpressions || []; const subExpressions = props.config.subExpressions || [];
const subTypesOfMQE = props.config.subTypesOfMQE || [];
if (expressions.length && expressions[0] && typesOfMQE.length && typesOfMQE[0]) { if (expressions.length && expressions[0] && typesOfMQE.length && typesOfMQE[0]) {
const params = await useExpressionsQueryPodsMetrics( const params = await useExpressionsQueryPodsMetrics(