b07250cc40
Former-commit-id: 5acd4b9057871a6523fff27c28647a4087b977dc [formerly 5acd4b9057871a6523fff27c28647a4087b977dc [formerly 5acd4b9057871a6523fff27c28647a4087b977dc [formerly 5acd4b9057871a6523fff27c28647a4087b977dc [formerly a7dbb26902e95b3a64e57793e7b072adce4a2ec4 [formerly 4cc2829e67d3f66865415ced76cd7c8a1cce504c]]]]] Former-commit-id: 637aad670296f24c5ced7f13246a2e54987f7904 Former-commit-id: a51647921d27766c644d04e5d5e2ea83525231c6 Former-commit-id: da28fbc3875fa0bb4aa0b4ebea035e391d1ded0c [formerly ac56d726dd3e4760951c39f5744444fb20075105] Former-commit-id: ace138db807039e2915fac0a6ec9311dc1ac843b Former-commit-id: 6087d466bd3ce2fc6bd1365b1de44e30941d1bca Former-commit-id: 78c0406ed6f149c165da73fc477ece0407e409b3 Former-commit-id: 48e719e1cd05a0ba06cd46f85efa44f125381bb4 Former-commit-id: 785e4a4ecae7175700d20d322309aaff445e1512
55 lines
1.2 KiB
Vue
55 lines
1.2 KiB
Vue
<template>
|
|
<el-tooltip
|
|
effect="dark"
|
|
:content="tooltipContent"
|
|
placement="bottom">
|
|
<el-button
|
|
class="d2-ml-0 d2-mr btn-text can-hover"
|
|
type="text"
|
|
@click="handleClick">
|
|
<el-badge
|
|
v-if="logLength > 0"
|
|
:max="99"
|
|
:value="logLengthError"
|
|
:is-dot="logLengthError === 0">
|
|
<d2-icon
|
|
:name="logLengthError === 0 ? 'dot-circle-o' : 'bug'"
|
|
style="font-size: 20px"/>
|
|
</el-badge>
|
|
<d2-icon
|
|
v-else
|
|
name="dot-circle-o"
|
|
style="font-size: 20px"/>
|
|
</el-button>
|
|
</el-tooltip>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters, mapMutations } from 'vuex'
|
|
export default {
|
|
computed: {
|
|
...mapGetters('d2admin', {
|
|
logLength: 'log/length',
|
|
logLengthError: 'log/lengthError'
|
|
}),
|
|
tooltipContent () {
|
|
return this.logLength === 0
|
|
? '没有日志或异常'
|
|
: `${this.logLength} 条日志${this.logLengthError > 0
|
|
? ` | 包含 ${this.logLengthError} 个异常`
|
|
: ''}`
|
|
}
|
|
},
|
|
methods: {
|
|
...mapMutations('d2admin/log', [
|
|
'clean'
|
|
]),
|
|
handleClick () {
|
|
this.$router.push({
|
|
name: 'log'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|