From fcacb846616ab75739537a5fdf86b0881e47b78c Mon Sep 17 00:00:00 2001
From: duorameng <2997944583@qq.com>
Date: Fri, 22 May 2026 17:18:56 +0800
Subject: [PATCH] fix(web): add agent toggle to medium layout and reduce log
 toolbar padding

---
 web/src/components/LogDetailCard.vue |  2 +-
 web/src/views/agents/Agents.vue      | 18 +++++++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/web/src/components/LogDetailCard.vue b/web/src/components/LogDetailCard.vue
index 1484dd8..379efde 100644
--- a/web/src/components/LogDetailCard.vue
+++ b/web/src/components/LogDetailCard.vue
@@ -256,7 +256,7 @@ function getStatusBadgeClass(status: string) {
       
       <!-- 日志工具栏 (仅在 Full 模式展示，Simple 模式直接显示内容) -->
       <div v-if="variant === 'full'" 
-        class="px-4 py-2.5 text-sm text-muted-foreground border-b bg-muted/20 flex items-center justify-between shrink-0">
+        class="px-4 py-1 text-sm text-muted-foreground border-b bg-muted/20 flex items-center justify-between shrink-0">
         <span class="text-sm font-normal text-muted-foreground text-[12px]">日志输出</span>
         <Button variant="ghost" size="icon" class="h-6 w-6" @click="$emit('maximize')" title="全屏查看">
           <Maximize2 class="h-3.5 w-3.5" />
diff --git a/web/src/views/agents/Agents.vue b/web/src/views/agents/Agents.vue
index ca68921..ea81ac2 100644
--- a/web/src/views/agents/Agents.vue
+++ b/web/src/views/agents/Agents.vue
@@ -408,7 +408,7 @@ onUnmounted(() => {
               <span class="w-12 shrink-0 pl-1">序号</span>
               <span class="w-48 shrink-0">名称</span>
               <span class="flex-1 min-w-0">IP 地址</span>
-              <span class="w-24 shrink-0 text-center">操作</span>
+              <span class="w-28 shrink-0 text-center">操作</span>
             </div>
             <!-- 列表 -->
             <div class="divide-y text-sm">
@@ -421,10 +421,18 @@ onUnmounted(() => {
                   <div v-if="agent.description" class="text-[10px] text-muted-foreground truncate">{{ agent.description }}</div>
                 </div>
                 <span class="flex-1 min-w-0 text-xs text-muted-foreground truncate">{{ agent.ip || '-' }}</span>
-                <div class="w-24 shrink-0 flex justify-center">
-                  <Button variant="ghost" size="icon" class="h-6 w-6" @click="viewDetail(agent)"><Eye class="h-3 w-3" /></Button>
-                  <Button variant="ghost" size="icon" class="h-6 w-6" @click="viewTasks(agent)"><ListTodo class="h-3 w-3" /></Button>
-                  <Button variant="ghost" size="icon" class="h-6 w-6" @click="openEditDialog(agent)"><Pencil class="h-3 w-3" /></Button>
+                <div class="w-28 shrink-0 flex justify-center items-center">
+                  <span class="cursor-pointer group mr-1" @click="toggleEnabled(agent)" :title="agent.enabled ? '点击禁用' : '点击启用'">
+                    <div v-if="agent.enabled" class="h-6 w-6 rounded-md bg-green-500/5 flex items-center justify-center group-hover:bg-green-500/10">
+                      <Zap class="h-3 w-3 text-green-500 fill-green-500" />
+                    </div>
+                    <div v-else class="h-6 w-6 rounded-md bg-muted flex items-center justify-center group-hover:bg-muted/80">
+                      <ZapOff class="h-3 w-3 text-muted-foreground" />
+                    </div>
+                  </span>
+                  <Button variant="ghost" size="icon" class="h-6 w-6" @click="viewDetail(agent)" title="详情"><Eye class="h-3 w-3" /></Button>
+                  <Button variant="ghost" size="icon" class="h-6 w-6" @click="viewTasks(agent)" title="查看任务"><ListTodo class="h-3 w-3" /></Button>
+                  <Button variant="ghost" size="icon" class="h-6 w-6" @click="openEditDialog(agent)" title="编辑"><Pencil class="h-3 w-3" /></Button>
                   <DropdownMenu>
                     <DropdownMenuTrigger as-child>
                       <Button variant="ghost" size="icon" class="h-6 w-6"><MoreHorizontal class="h-3 w-3" /></Button>