github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-04 10:25:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: metrics

Browse Source
This commit is contained in:
Fine 2024-04-11 15:21:03 +08:00
parent 27133a1080
commit 3b3df49722
4 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -183,7 +183,7 @@ limitations under the License. -->
height: 25px;
line-height: 25px;
text-align: center;
background-color: aliceblue;
background-color: var(--sw-config-header);
font-size: $font-size-smaller;
position: relative;
}

9
src/views/dashboard/configuration/widget/metric/Index.vue
View File

@ -25,9 +25,9 @@ limitations under the License. -->
:clearable="true"
/>
</div>
<div>{{ t("metrics") }}</div>
<div class="flex-h">
<div class="ml-5 link">
<div>{{ t("metrics") }}</div>
<div class="link">
<a target="_blank" href="https://skywalking.apache.org/docs/main/next/en/api/metrics-query-expression/">
<Icon iconName="info_outline" size="middle" />
</a>
@ -289,8 +289,7 @@ limitations under the License. -->
states.metrics = [""];
states.metricTypes = [""];
states.tips = [""];
let v = {};
v = { typesOfMQE: states.metricTypes, expressions: states.metrics };
let v: any = { typesOfMQE: states.metricTypes, expressions: states.metrics };
if (states.isList) {
states.subMetrics = [""];
states.subMetricTypes = [""];
@ -331,6 +330,7 @@ limitations under the License. -->
...p,
metricConfig,
});
queryMetrics();
}
function setMetricConfig(index: number) {
@ -434,5 +434,6 @@ limitations under the License. -->
.link {
cursor: pointer;
color: $active-color;
padding-left: 2px;
}
</style>

6
src/views/dashboard/configuration/widget/metric/Standard.vue
View File

@ -28,7 +28,7 @@ limitations under the License. -->
"
/>
</div>
<div class="item mb-10" v-if="hasLabel">
<div class="item mb-10">
<span class="label">{{ t("labels") }}</span>
<el-input
class="input"
@ -104,10 +104,6 @@ limitations under the License. -->
topN: props.currentMetricConfig.topN || 10,
});
const metricTypes = computed(() => dashboardStore.selectedGrid.typesOfMQE || []);
const hasLabel = computed(() => {
const graph = dashboardStore.selectedGrid.graph || {};
return ListChartTypes.includes(graph.type);
});
const isList = computed(() => {
const graph = dashboardStore.selectedGrid.graph || {};
return ListChartTypes.includes(graph.type);

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

@ -160,7 +160,7 @@ limitations under the License. -->
dashboardStore.selectWidget(props.data);
}
watch(
() => [props.data.metricTypes, props.data.metrics, props.data.expressions],
() => props.data.expressions,
() => {
if (!dashboardStore.selectedGrid) {
return;