diff --git a/src/views/dashboard/related/trace/Detail.vue b/src/views/dashboard/related/trace/Detail.vue
index 8e4e48dc..10155678 100644
--- a/src/views/dashboard/related/trace/Detail.vue
+++ b/src/views/dashboard/related/trace/Detail.vue
@@ -12,135 +12,6 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="trace-detail" v-loading="loading">
-    <div
-      class="trace-detail-wrapper clear"
-      v-if="traceStore.currentTrace.endpointNames"
-    >
-      <h5 class="mb-5 mt-0">
-        <Icon
-          icon="clear"
-          v-if="traceStore.currentTrace.isError"
-          class="red mr-5 sm"
-        />
-        <span class="vm">{{ traceStore.currentTrace.endpointNames[0] }}</span>
-        <div class="trace-log-btn">
-          <el-button
-            size="small"
-            class="mr-10"
-            type="primary"
-            @click="showTraceList"
-          >
-            {{ t("back") }}
-          </el-button>
-          <el-button
-            size="small"
-            class="mr-10"
-            type="primary"
-            @click="searchTraceLogs"
-          >
-            {{ t("viewLogs") }}
-          </el-button>
-        </div>
-        <el-dialog
-          v-model="showTraceLogs"
-          :destroy-on-close="true"
-          fullscreen
-          @closed="showTraceLogs = false"
-        >
-          <div>
-            <el-pagination
-              v-model:currentPage="pageNum"
-              v-model:page-size="pageSize"
-              :small="true"
-              :total="traceStore.traceSpanLogsTotal"
-              @current-change="turnLogsPage"
-            />
-            <LogTable
-              :tableData="traceStore.traceSpanLogs || []"
-              :type="`service`"
-              :noLink="true"
-            >
-              <div class="log-tips" v-if="!traceStore.traceSpanLogs.length">
-                {{ t("noData") }}
-              </div>
-            </LogTable>
-          </div>
-        </el-dialog>
-      </h5>
-      <div class="mb-5 blue sm">
-        <Selector
-          size="small"
-          :value="
-            traceStore.currentTrace.traceIds &&
-            traceStore.currentTrace.traceIds[0] &&
-            traceStore.currentTrace.traceIds[0].value
-          "
-          :options="traceStore.currentTrace.traceIds"
-          @change="changeTraceId"
-          class="trace-detail-ids"
-        />
-        <Icon
-          size="sm"
-          class="icon grey link-hover cp ml-5"
-          iconName="review-list"
-          @click="handleClick"
-        />
-      </div>
-      <div class="flex-h item">
-        <div>
-          <div class="tag mr-5">{{ t("start") }}</div>
-          <span class="mr-15 sm">
-            {{ dateFormat(parseInt(traceStore.currentTrace.start)) }}
-          </span>
-          <div class="tag mr-5">{{ t("duration") }}</div>
-          <span class="mr-15 sm"
-            >{{ traceStore.currentTrace.duration }} ms</span
-          >
-          <div class="tag mr-5">{{ t("spans") }}</div>
-          <span class="sm">{{ traceStore.traceSpans.length }}</span>
-        </div>
-        <div>
-          <el-button
-            class="grey"
-            size="small"
-            :class="{ ghost: displayMode !== 'List' }"
-            @click="displayMode = 'List'"
-          >
-            <Icon class="mr-5" size="sm" iconName="list-bulleted" />
-            {{ t("list") }}
-          </el-button>
-          <el-button
-            class="grey"
-            size="small"
-            :class="{ ghost: displayMode !== 'Tree' }"
-            @click="displayMode = 'Tree'"
-          >
-            <Icon class="mr-5" size="sm" iconName="issue-child" />
-            {{ t("tree") }}
-          </el-button>
-          <el-button
-            class="grey"
-            size="small"
-            :class="{ ghost: displayMode !== 'Table' }"
-            @click="displayMode = 'Table'"
-          >
-            <Icon class="mr-5" size="sm" iconName="table" />
-            {{ t("table") }}
-          </el-button>
-          <el-button
-            class="grey"
-            size="small"
-            :class="{ ghost: displayMode !== 'Statistics' }"
-            @click="displayMode = 'Statistics'"
-          >
-            <Icon class="mr-5" size="sm" iconName="statistics-bulleted" />
-            {{ t("statistics") }}
-          </el-button>
-        </div>
-      </div>
-    </div>
-    <div class="no-data" v-else>{{ t("noData") }}</div>
-
     <div class="trace-chart">
       <component
         v-if="traceStore.currentTrace.endpointNames"