diff --git a/src/layout/header-aside/components/header-error-log/index.vue b/src/layout/header-aside/components/header-error-log/index.vue
index d7da5836..92bf12cd 100644
--- a/src/layout/header-aside/components/header-error-log/index.vue
+++ b/src/layout/header-aside/components/header-error-log/index.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <el-tooltip effect="dark" :content="tooltipContent" placement="bottom">
-      <el-button class="d2-ml-0 d2-mr btn-text can-hover" type="text" @click="dialogVisible = true">
+      <el-button class="d2-ml-0 d2-mr btn-text can-hover" type="text" @click="handleClick">
         <el-badge
           v-if="d2adminLogLength > 0"
           :value="d2adminLogErrorLength"
           :is-dot="d2adminLogErrorLength === 0">
-          <d2-icon name="bug" style="font-size: 20px"/>
+          <d2-icon :name="d2adminLogErrorLength === 0 ? 'dot-circle-o' : 'bug'" style="font-size: 20px"/>
         </el-badge>
-        <d2-icon v-else name="bug" style="font-size: 20px"/>
+        <d2-icon v-else name="dot-circle-o" style="font-size: 20px"/>
       </el-button>
     </el-tooltip>
     <el-dialog
@@ -41,6 +41,13 @@ export default {
           ` | 包含 ${this.d2adminLogErrorLength} 个异常` :
           ''}`
     }
+  },
+  methods: {
+    handleClick () {
+      if (this.d2adminLogLength > 0) {
+        this.dialogVisible = true
+      }
+    }
   }
 }
 </script>