update related traces config

src/locales/lang/en.ts

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

src/locales/lang/es.ts

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

src/locales/lang/zh.ts

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

src/views/dashboard/configuration/widget/RelatedTraceOptions.vue

@@ -46,7 +46,7 @@ limitations under the License. -->
       />
     </div>
     <div class="item">
-      <span class="label">{{ t("queryOrder") }}</span>
+      <span class="label">{{ t("setOrder") }}</span>
       <Selector
         size="small"
         :value="queryOrder"
@@ -71,8 +71,17 @@ limitations under the License. -->
 import { ref } from "vue";
 import { useI18n } from "vue-i18n";
 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 dashboardStore = useDashboardStore();
 const { graph, relatedTrace } = dashboardStore.selectedGrid;

src/views/dashboard/related/trace/Header.vue

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