diff --git a/web/src/components/StatusBar.vue b/web/src/components/StatusBar.vue index 3f3f4546..da56279a 100644 --- a/web/src/components/StatusBar.vue +++ b/web/src/components/StatusBar.vue @@ -33,10 +33,6 @@ -
-
- {{ statusText }} -
@@ -58,7 +54,6 @@ const { activeCount: activeCountRef } = storeToRefs(taskerStore) // 响应式数据 const currentTime = ref('') -const systemStatus = ref('online') // 计算属性 const organization = computed(() => infoStore.organization) @@ -89,19 +84,6 @@ const greeting = computed(() => { 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 openTaskCenter = () => { @@ -257,52 +239,6 @@ onUnmounted(() => { 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) { .status-bar { diff --git a/web/src/layouts/AppLayout.vue b/web/src/layouts/AppLayout.vue index 33ba55ea..141fde73 100644 --- a/web/src/layouts/AppLayout.vue +++ b/web/src/layouts/AppLayout.vue @@ -145,6 +145,7 @@ const mainList = [{ class="nav-item task-center" :class="{ active: isDrawerOpen }" @click="taskerStore.openDrawer()" + v-if="activeTaskCount > 0" >