优化仪表盘自动刷新UI布局

- 调整Element Plus日期选择器宽度为400px，确保时间完整显示
- 重新设计自动刷新控制的样式和布局
- 统一控制栏所有元素的高度，保持视觉一致性
- 使用更精致的开关组件和优化的交互效果

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

web/admin-spa/src/components/common/LogoTitle.vue

@@ -3,27 +3,45 @@
     <!-- Logo区域 -->
     <div class="w-12 h-12 bg-gradient-to-br from-blue-500/20 to-purple-500/20 border border-gray-300/30 rounded-xl flex items-center justify-center backdrop-blur-sm flex-shrink-0 overflow-hidden">
       <template v-if="!loading">
-        <img v-if="logoSrc" 
-             :src="logoSrc" 
-             alt="Logo"
-             class="w-8 h-8 object-contain"
-             @error="handleLogoError">
-        <i v-else class="fas fa-cloud text-xl text-gray-700"></i>
+        <img
+          v-if="logoSrc" 
+          :src="logoSrc" 
+          alt="Logo"
+          class="w-8 h-8 object-contain"
+          @error="handleLogoError"
+        >
+        <i
+          v-else
+          class="fas fa-cloud text-xl text-gray-700"
+        />
       </template>
-      <div v-else class="w-8 h-8 bg-gray-300/50 rounded animate-pulse"></div>
+      <div
+        v-else
+        class="w-8 h-8 bg-gray-300/50 rounded animate-pulse"
+      />
     </div>
     
     <!-- 标题区域 -->
     <div class="flex flex-col justify-center min-h-[48px]">
       <div class="flex items-center gap-3">
         <template v-if="!loading && title">
-          <h1 :class="['text-2xl font-bold header-title leading-tight', titleClass]">{{ title }}</h1>
+          <h1 :class="['text-2xl font-bold header-title leading-tight', titleClass]">
+            {{ title }}
+          </h1>
         </template>
-        <div v-else-if="loading" class="h-8 w-64 bg-gray-300/50 rounded animate-pulse"></div>
+        <div
+          v-else-if="loading"
+          class="h-8 w-64 bg-gray-300/50 rounded animate-pulse"
+        />
         <!-- 插槽用于版本信息等额外内容 -->
-        <slot name="after-title"></slot>
+        <slot name="after-title" />
       </div>
-      <p v-if="subtitle" class="text-gray-600 text-sm leading-tight mt-0.5">{{ subtitle }}</p>
+      <p
+        v-if="subtitle"
+        class="text-gray-600 text-sm leading-tight mt-0.5"
+      >
+        {{ subtitle }}
+      </p>
     </div>
   </div>
 </template>