update related traces config

This commit is contained in:
Fine 2022-11-29 13:33:19 +08:00
parent 538287b539
commit 4803f4377c
5 changed files with 21 additions and 7 deletions

View File

@ -162,7 +162,8 @@ const msg = {
viewTrace: "View Related Traces", viewTrace: "View Related Traces",
relatedTraceOptions: "Related Trace Options", relatedTraceOptions: "Related Trace Options",
setLatencyDuration: "Latency Related Metrics", setLatencyDuration: "Latency Related Metrics",
queryOrder: "Query Order", queryOrder: "Query By Duration",
setOrder: "Query Order",
latency: "Latency", latency: "Latency",
metricValues: "Metric Values", metricValues: "Metric Values",
queryConditions: "Query Conditions", queryConditions: "Query Conditions",

View File

@ -159,7 +159,8 @@ const msg = {
postgreSQL: "PostgreSQL", postgreSQL: "PostgreSQL",
endpointTips: "Aquí, la tabla muestra hasta 20 punto final.", endpointTips: "Aquí, la tabla muestra hasta 20 punto final.",
apisix: "APISIX", apisix: "APISIX",
queryOrder: "Orden de consulta", queryOrder: "Consulta por duración",
setOrder: "Orden de consulta",
latency: "Retraso", latency: "Retraso",
metricValues: "Valor métrico", metricValues: "Valor métrico",
legendValues: "Valor de la leyenda", legendValues: "Valor de la leyenda",

View File

@ -159,7 +159,8 @@ const msg = {
viewTrace: "查看相关Trace", viewTrace: "查看相关Trace",
relatedTraceOptions: "相关的Trace选项", relatedTraceOptions: "相关的Trace选项",
setLatencyDuration: "延迟相关指标", setLatencyDuration: "延迟相关指标",
queryOrder: "查询顺序", queryOrder: "按持续时间查询",
setOrder: "查询顺序",
latency: "延迟", latency: "延迟",
metricValues: "指标值", metricValues: "指标值",
enableRelatedTrace: "启用相关Trace", enableRelatedTrace: "启用相关Trace",

View File

@ -46,7 +46,7 @@ limitations under the License. -->
/> />
</div> </div>
<div class="item"> <div class="item">
<span class="label">{{ t("queryOrder") }}</span> <span class="label">{{ t("setOrder") }}</span>
<Selector <Selector
size="small" size="small"
:value="queryOrder" :value="queryOrder"
@ -71,8 +71,17 @@ limitations under the License. -->
import { ref } from "vue"; import { ref } from "vue";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { useDashboardStore } from "@/store/modules/dashboard"; import { useDashboardStore } from "@/store/modules/dashboard";
import { Status, QueryOrders, RefIdTypes } from "../../data"; import { RefIdTypes } from "../../data";
const QueryOrders = [
{ label: "None", value: "BY_START_TIME" },
{ label: "Duration", value: "BY_DURATION" },
];
const Status = [
{ label: "None", value: "ALL" },
{ label: "Success", value: "SUCCESS" },
{ label: "Error", value: "ERROR" },
];
const { t } = useI18n(); const { t } = useI18n();
const dashboardStore = useDashboardStore(); const dashboardStore = useDashboardStore();
const { graph, relatedTrace } = dashboardStore.selectedGrid; const { graph, relatedTrace } = dashboardStore.selectedGrid;

View File

@ -138,8 +138,10 @@ init();
async function init() { async function init() {
for (const d of Object.keys(filters)) { for (const d of Object.keys(filters)) {
if ( if (
["queryOrder"].includes(d) || (d === "queryOrder" &&
(d === "status" && filters[d] && filters[d] !== "ALL") || filters[d] &&
filters[d] === QueryOrders[1].value) ||
(d === "status" && filters[d] && filters[d] !== Status[0].value) ||
(filters[d] && d === "latency") (filters[d] && d === "latency")
) { ) {
items.value.push({ label: d, value: FiltersKeys[d] }); items.value.push({ label: d, value: FiltersKeys[d] });