@@@@@@

library/components/VabErrorLog/index.vue

@@ -0,0 +1,33 @@
+<template>
+  <div v-if="errorLogs.length > 0">
+    <el-badge type="danger" :value="errorLogs.length" @click="dialogVisible = true">
+      <vab-icon icon="bug-line" />
+    </el-badge>
+
+    <vab-dialog v-model="dialogVisible" append-to-body title="公寓项目异常捕获" width="60%">
+      <vab-error-log-content />
+      <template #footer>
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="danger" @click="clearAll">暂不显示</el-button>
+      </template>
+    </vab-dialog>
+  </div>
+</template>
+
+<script setup>
+import { useErrorLogStore } from '/@/store/modules/errorLog'
+
+defineOptions({
+  name: 'VabErrorLog',
+})
+
+const errorLogStore = useErrorLogStore()
+const { errorLogs } = storeToRefs(errorLogStore)
+const { clearErrorLog } = errorLogStore
+const dialogVisible = ref(false)
+
+const clearAll = () => {
+  dialogVisible.value = false
+  clearErrorLog()
+}
+</script>