Skip to content

Commit d46f2a0

Browse files
committed
feat: 移除状态指示器,优化状态栏组件,简化代码结构
1 parent 3600c7f commit d46f2a0

File tree

2 files changed

+1
-64
lines changed

2 files changed

+1
-64
lines changed

web/src/components/StatusBar.vue

Lines changed: 0 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -33,10 +33,6 @@
3333
</span>
3434
</a-badge>
3535
</div>
36-
<div class="status-indicator" :class="systemStatus">
37-
<div class="status-dot"></div>
38-
<span class="status-text">{{ statusText }}</span>
39-
</div>
4036
</div>
4137
</div>
4238
</div>
@@ -58,7 +54,6 @@ const { activeCount: activeCountRef } = storeToRefs(taskerStore)
5854
5955
// 响应式数据
6056
const currentTime = ref('')
61-
const systemStatus = ref('online')
6257
6358
// 计算属性
6459
const organization = computed(() => infoStore.organization)
@@ -89,19 +84,6 @@ const greeting = computed(() => {
8984
return `${greetingText}${currentUser.value}`
9085
})
9186
92-
const statusText = computed(() => {
93-
switch (systemStatus.value) {
94-
case 'online':
95-
return '在线'
96-
case 'offline':
97-
return '离线'
98-
case 'maintenance':
99-
return '维护中'
100-
default:
101-
return '未知'
102-
}
103-
})
104-
10587
const activeTaskCount = computed(() => activeCountRef.value || 0)
10688
10789
const openTaskCenter = () => {
@@ -257,52 +239,6 @@ onUnmounted(() => {
257239
font-weight: 500;
258240
}
259241
260-
.status-indicator {
261-
display: flex;
262-
align-items: center;
263-
gap: 4px;
264-
padding: 2px 6px;
265-
border-radius: 4px;
266-
font-size: 11px;
267-
font-weight: 500;
268-
269-
&.online {
270-
background-color: #f0fdf4;
271-
color: #16a34a;
272-
273-
.status-dot {
274-
width: 6px;
275-
height: 6px;
276-
border-radius: 50%;
277-
background-color: #16a34a;
278-
}
279-
}
280-
281-
&.offline {
282-
background-color: #fef2f2;
283-
color: #dc2626;
284-
285-
.status-dot {
286-
width: 6px;
287-
height: 6px;
288-
border-radius: 50%;
289-
background-color: #dc2626;
290-
}
291-
}
292-
293-
&.maintenance {
294-
background-color: #fffbeb;
295-
color: #d97706;
296-
297-
.status-dot {
298-
width: 6px;
299-
height: 6px;
300-
border-radius: 50%;
301-
background-color: #d97706;
302-
}
303-
}
304-
}
305-
306242
// 响应式设计
307243
@media (max-width: 768px) {
308244
.status-bar {

web/src/layouts/AppLayout.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -145,6 +145,7 @@ const mainList = [{
145145
class="nav-item task-center"
146146
:class="{ active: isDrawerOpen }"
147147
@click="taskerStore.openDrawer()"
148+
v-if="activeTaskCount > 0"
148149
>
149150
<a-tooltip placement="right">
150151
<template #title>任务中心</template>

0 commit comments

Comments
 (0)