diff --git a/src/hooks/useAssociateProcessor.ts b/src/hooks/useAssociateProcessor.ts
index 5992261a..19e12b26 100644
--- a/src/hooks/useAssociateProcessor.ts
+++ b/src/hooks/useAssociateProcessor.ts
@@ -18,7 +18,6 @@ import { useAppStoreWithOut } from "@/store/modules/app";
 import dateFormatStep from "@/utils/dateFormat";
 import getLocalTime from "@/utils/localtime";
 import { EventParams } from "@/types/app";
-import { QueryOrders, Status } from "@/views/dashboard/data";
 
 export default function associateProcessor(props: any) {
   function eventAssociate() {
diff --git a/src/views/dashboard/related/trace/Header.vue b/src/views/dashboard/related/trace/Header.vue
index 91be116d..014584f4 100644
--- a/src/views/dashboard/related/trace/Header.vue
+++ b/src/views/dashboard/related/trace/Header.vue
@@ -39,7 +39,7 @@ limitations under the License. -->
         </div>
       </template>
       <div>
-        <div class="bt-10">{{ t("metricValues") }}</div>
+        <div class="title">{{ t("metricValues") }}</div>
         <div v-for="metric in filters.metricValue" :key="metric.value">
           {{ metric.label }}: {{ metric.data }}
         </div>
@@ -107,7 +107,6 @@ const currentLatency = ref<number[]>(
 init();
 
 async function init() {
-  console.log(filters);
   if (!filters.id) {
     for (const d of Object.keys(filters)) {
       if (filters[d] && !["metricValue", "duration"].includes(d)) {
@@ -201,6 +200,9 @@ function setCondition() {
         params[k.value] = filters[k.label];
       }
     }
+    if (isNaN(params.minTraceDuration)) {
+      params.queryOrder = QueryOrders[1].value;
+    }
   }
   return params;
 }
@@ -236,4 +238,9 @@ onUnmounted(() => {
 .metric-value {
   padding: 10px 5px;
 }
+
+.title {
+  margin-bottom: 10px;
+  font-weight: bold;
+}
 </style>