diff --git a/nezha-fronted/src/components/common/bottomBox/bottomBox.vue b/nezha-fronted/src/components/common/bottomBox/bottomBox.vue
index d0c772817..ab2e83d25 100644
--- a/nezha-fronted/src/components/common/bottomBox/bottomBox.vue
+++ b/nezha-fronted/src/components/common/bottomBox/bottomBox.vue
@@ -245,13 +245,13 @@ export default {
           { prop: 'ipam', name: this.$t('ipam.subnet.ipDetails'), active: true }
         ],
         recordRule: {
-          evalLog: [
-            { prop: 'recordRule', name: this.$t('overall.alertRuleEvalLog'), active: true },
-            { prop: 'Metrics', name: this.$t('overall.metric'), active: false }
-          ],
           Metrics: [
-            { prop: 'recordRule', name: this.$t('overall.alertRuleEvalLog'), active: false },
-            { prop: 'Metrics', name: this.$t('overall.metric'), active: true }
+            { prop: 'Metrics', name: this.$t('overall.metric'), active: true },
+            { prop: 'recordRule', name: this.$t('overall.alertRuleEvalLog'), active: false }
+          ],
+          evalLog: [
+            { prop: 'Metrics', name: this.$t('overall.metric'), active: false },
+            { prop: 'recordRule', name: this.$t('overall.alertRuleEvalLog'), active: true }
           ]
         },
         alertSilence: [
diff --git a/nezha-fronted/src/components/common/table/settings/recordRuleTable.vue b/nezha-fronted/src/components/common/table/settings/recordRuleTable.vue
index b8582ba1e..eebec88a6 100644
--- a/nezha-fronted/src/components/common/table/settings/recordRuleTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/recordRuleTable.vue
@@ -108,7 +108,7 @@
         {{ $t("overall.option") }}
       </div>
       <div slot-scope="scope" class="table-operation-items">
-        <button class="table-operation-item" @click="showBottomBox('recordRule', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
+        <button class="table-operation-item" @click="showBottomBox('Metrics', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['record_rule_edit','record_rule_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>