feat: 移除状态指示器,优化状态栏组件,简化代码结构
This commit is contained in:
parent
3600c7f9b7
commit
d46f2a035d
@ -33,10 +33,6 @@
|
|||||||
</span>
|
</span>
|
||||||
</a-badge>
|
</a-badge>
|
||||||
</div>
|
</div>
|
||||||
<div class="status-indicator" :class="systemStatus">
|
|
||||||
<div class="status-dot"></div>
|
|
||||||
<span class="status-text">{{ statusText }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -58,7 +54,6 @@ const { activeCount: activeCountRef } = storeToRefs(taskerStore)
|
|||||||
|
|
||||||
// 响应式数据
|
// 响应式数据
|
||||||
const currentTime = ref('')
|
const currentTime = ref('')
|
||||||
const systemStatus = ref('online')
|
|
||||||
|
|
||||||
// 计算属性
|
// 计算属性
|
||||||
const organization = computed(() => infoStore.organization)
|
const organization = computed(() => infoStore.organization)
|
||||||
@ -89,19 +84,6 @@ const greeting = computed(() => {
|
|||||||
return `${greetingText}!${currentUser.value}`
|
return `${greetingText}!${currentUser.value}`
|
||||||
})
|
})
|
||||||
|
|
||||||
const statusText = computed(() => {
|
|
||||||
switch (systemStatus.value) {
|
|
||||||
case 'online':
|
|
||||||
return '在线'
|
|
||||||
case 'offline':
|
|
||||||
return '离线'
|
|
||||||
case 'maintenance':
|
|
||||||
return '维护中'
|
|
||||||
default:
|
|
||||||
return '未知'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const activeTaskCount = computed(() => activeCountRef.value || 0)
|
const activeTaskCount = computed(() => activeCountRef.value || 0)
|
||||||
|
|
||||||
const openTaskCenter = () => {
|
const openTaskCenter = () => {
|
||||||
@ -257,52 +239,6 @@ onUnmounted(() => {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-indicator {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 4px;
|
|
||||||
padding: 2px 6px;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 500;
|
|
||||||
|
|
||||||
&.online {
|
|
||||||
background-color: #f0fdf4;
|
|
||||||
color: #16a34a;
|
|
||||||
|
|
||||||
.status-dot {
|
|
||||||
width: 6px;
|
|
||||||
height: 6px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #16a34a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.offline {
|
|
||||||
background-color: #fef2f2;
|
|
||||||
color: #dc2626;
|
|
||||||
|
|
||||||
.status-dot {
|
|
||||||
width: 6px;
|
|
||||||
height: 6px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #dc2626;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.maintenance {
|
|
||||||
background-color: #fffbeb;
|
|
||||||
color: #d97706;
|
|
||||||
|
|
||||||
.status-dot {
|
|
||||||
width: 6px;
|
|
||||||
height: 6px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #d97706;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 响应式设计
|
// 响应式设计
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.status-bar {
|
.status-bar {
|
||||||
|
|||||||
@ -145,6 +145,7 @@ const mainList = [{
|
|||||||
class="nav-item task-center"
|
class="nav-item task-center"
|
||||||
:class="{ active: isDrawerOpen }"
|
:class="{ active: isDrawerOpen }"
|
||||||
@click="taskerStore.openDrawer()"
|
@click="taskerStore.openDrawer()"
|
||||||
|
v-if="activeTaskCount > 0"
|
||||||
>
|
>
|
||||||
<a-tooltip placement="right">
|
<a-tooltip placement="right">
|
||||||
<template #title>任务中心</template>
|
<template #title>任务中心</template>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user