fix: 右上角气泡提示活动告警

This commit is contained in:
TsMask
2024-09-03 11:28:41 +08:00
parent 249d14320d
commit 66b6b60505
3 changed files with 17 additions and 12 deletions

View File

@@ -185,6 +185,7 @@ export default {
helpDoc: 'Doc', helpDoc: 'Doc',
}, },
rightContent: { rightContent: {
alarm: "Active Alarms",
lock: "Lock Screen", lock: "Lock Screen",
lockTip: "Confirmation of the lock screen?", lockTip: "Confirmation of the lock screen?",
lockPasswd: "Unlock Password", lockPasswd: "Unlock Password",

View File

@@ -185,6 +185,7 @@ export default {
helpDoc: '使用手册', helpDoc: '使用手册',
}, },
rightContent: { rightContent: {
alarm: "活动告警",
lock: "锁屏", lock: "锁屏",
lockTip: "确认要进行锁屏吗?", lockTip: "确认要进行锁屏吗?",
lockPasswd: "解锁密码", lockPasswd: "解锁密码",

View File

@@ -65,18 +65,21 @@ function fnChangeLocale(e: any) {
<template> <template>
<a-space :size="12" align="center"> <a-space :size="12" align="center">
<a-button type="text" style="color: inherit" @click="fnClickAlarm"> <a-tooltip placement="bottom">
<template #icon> <template #title>{{ t('loayouts.rightContent.alarm') }}</template>
<a-badge <a-button type="text" style="color: inherit" @click="fnClickAlarm">
:count="useAlarmStore().activeAlarmTotal" <template #icon>
:overflow-count="99" <a-badge
status="warning" :count="useAlarmStore().activeAlarmTotal"
style="color: inherit" :overflow-count="99"
> status="warning"
<BellOutlined /> style="color: inherit"
</a-badge> >
</template> <BellOutlined />
</a-button> </a-badge>
</template>
</a-button>
</a-tooltip>
<!-- 锁屏操作 --> <!-- 锁屏操作 -->
<span v-perms:has="['system:setting:lock']"> <span v-perms:has="['system:setting:lock']">