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

fix metric type list

Browse Source
This commit is contained in:
Qiuxia Fan 2022-03-18 11:16:58 +08:00
parent 3885617b58
commit c1bd2950ee
1 changed files with 37 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/dashboard/configuration/widget/MetricOptions.vue
View File

@ -147,7 +147,20 @@ async function setMetricType(catalog?: string) {
return; return;
} }
states.metricList = (json.data.metrics || []).filter( states.metricList = (json.data.metrics || []).filter(
(d: { catalog: string }) => catalog === (MetricCatalog as any)[d.catalog] (d: { catalog: string; type: string }) => {
if (states.isList || graph.type === "Table") {
if (
d.type === "REGULAR_VALUE" &&
catalog === (MetricCatalog as any)[d.catalog]
) {
return d;
}
} else {
if (catalog === (MetricCatalog as any)[d.catalog]) {
return d;
}
}
}
); );
const metrics: any = states.metricList.filter( const metrics: any = states.metricList.filter(
(d: { value: string; type: string }) => { (d: { value: string; type: string }) => {
@ -169,9 +182,11 @@ async function setMetricType(catalog?: string) {
metrics, metrics,
metricTypes, metricTypes,
}); });
states.metricTypeList = [];
for (const metric of metrics) { for (const metric of metrics) {
if (states.metrics.includes(metric)) { if (states.metrics.includes(metric.value)) {
states.metricTypeList.push(MetricTypes[metric.type]); const arr = setMetricTypeList(metric.type);
states.metricTypeList.push(arr);
} }
} }
if (states.metrics && states.metrics[0]) { if (states.metrics && states.metrics[0]) {
@ -264,7 +279,7 @@ function changeMetrics(
states.metrics[index] = arr[0].value; states.metrics[index] = arr[0].value;
const typeOfMetrics = arr[0].type; const typeOfMetrics = arr[0].type;
states.metricTypeList[index] = MetricTypes[typeOfMetrics]; states.metricTypeList[index] = setMetricTypeList(typeOfMetrics);
states.metricTypes[index] = MetricTypes[typeOfMetrics][0].value; states.metricTypes[index] = MetricTypes[typeOfMetrics][0].value;
dashboardStore.selectWidget({ dashboardStore.selectWidget({
...dashboardStore.selectedGrid, ...dashboardStore.selectedGrid,
@ -281,16 +296,17 @@ function changeMetricType(index: number, opt: Option[] | any) {
states.metricList.filter( states.metricList.filter(
(d: Option) => states.metrics[index] === d.value (d: Option) => states.metrics[index] === d.value
)[0] || {}; )[0] || {};
const l = setMetricTypeList(metric.type);
if (states.isList) { if (states.isList) {
states.metricTypes[index] = opt[0].value; states.metricTypes[index] = opt[0].value;
states.metricTypeList[index] = (MetricTypes as any)[metric.type]; states.metricTypeList[index] = l;
} else { } else {
states.metricTypes = states.metricTypes.map((d: string) => { states.metricTypes = states.metricTypes.map((d: string) => {
d = opt[0].value; d = opt[0].value;
return d; return d;
}); });
states.metricTypeList = states.metricTypeList.map((d: Option[]) => { states.metricTypeList = states.metricTypeList.map((d: Option[]) => {
d = (MetricTypes as any)[metric.type]; d = l;
return d; return d;
}); });
@ -347,6 +363,21 @@ function deleteMetric(index: number) {
states.metrics.splice(index, 1); states.metrics.splice(index, 1);
states.metricTypes.splice(index, 1); states.metricTypes.splice(index, 1);
} }
function setMetricTypeList(type: string) {
if (type !== "REGULAR_VALUE") {
return MetricTypes[type];
}
if (states.isList || dashboardStore.selectedGrid.graph.type === "Table") {
return [
{ label: "read all values in the duration", value: "readMetricsValues" },
{
label: "read the single value in the duration",
value: "readMetricsValue",
},
];
}
return MetricTypes[type];
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.ds-name { .ds-name {