style(diskMonitor): 统一磁盘监控页面样式规范

- 添加页面边距、表格样式和按钮样式约定到 AGENTS.md 文档
- 为任务详情抽屉组件添加卡片样式和表格结构优化
- 重构任务表格组件，增加搜索功能和列设置选项
- 移除独立的策略表单组件，整合到汇总页面
- 优化监控摘要组件的网格布局和样式
- 重新设计目标对话框的表单分组和禁用状态处理
- 统一所有组件使用 card、table-main 等标准类名
- 添加文件编码规范要求确保 UTF-8 编码一致性

frontend/src/layouts/components/Tabs/components/MoreButton.vue

@@ -7,31 +7,31 @@
             <el-dropdown-menu>
                 <el-dropdown-item @click="refresh">
                     <el-icon><Refresh /></el-icon>
-                    {{ $t('tabs.refresh') }}
+                    {{ t('tabs.refresh') }}
                 </el-dropdown-item>
                 <el-dropdown-item @click="maximize">
                     <el-icon><FullScreen /></el-icon>
-                    {{ $t('tabs.maximize') }}
+                    {{ t('tabs.maximize') }}
                 </el-dropdown-item>
                 <el-dropdown-item divided @click="closeCurrentTab">
                     <el-icon><Remove /></el-icon>
-                    {{ $t('tabs.closeCurrent') }}
+                    {{ t('tabs.closeCurrent') }}
                 </el-dropdown-item>
-                <el-dropdown-item @click="tabStore.closeTabsOnSide(route.fullPath, 'left')">
+                <el-dropdown-item @click="tabStore.closeTabsOnSide(currentTabPath, 'left')">
                     <el-icon><DArrowLeft /></el-icon>
-                    {{ $t('tabs.closeLeft') }}
+                    {{ t('tabs.closeLeft') }}
                 </el-dropdown-item>
-                <el-dropdown-item @click="tabStore.closeTabsOnSide(route.fullPath, 'right')">
+                <el-dropdown-item @click="tabStore.closeTabsOnSide(currentTabPath, 'right')">
                     <el-icon><DArrowRight /></el-icon>
-                    {{ $t('tabs.closeRight') }}
+                    {{ t('tabs.closeRight') }}
                 </el-dropdown-item>
-                <el-dropdown-item divided @click="tabStore.closeMultipleTab(route.fullPath)">
+                <el-dropdown-item divided @click="tabStore.closeMultipleTab(currentTabPath)">
                     <el-icon><CircleClose /></el-icon>
-                    {{ $t('tabs.closeOther') }}
+                    {{ t('tabs.closeOther') }}
                 </el-dropdown-item>
                 <el-dropdown-item @click="closeAllTab">
                     <el-icon><FolderDelete /></el-icon>
-                    {{ $t('tabs.closeAll') }}
+                    {{ t('tabs.closeAll') }}
                 </el-dropdown-item>
             </el-dropdown-menu>
         </template>
@@ -39,7 +39,8 @@
 </template>
 
 <script setup lang="ts">
-import { inject, nextTick } from 'vue'
+import { computed, inject, nextTick } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { HOME_URL } from '@/config'
 import { useTabsStore } from '@/stores/modules/tabs'
 import { useGlobalStore } from '@/stores/modules/global'
@@ -48,10 +49,20 @@ import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
 const router = useRouter()
+const { t } = useI18n()
 const tabStore = useTabsStore()
 const globalStore = useGlobalStore()
 const keepAliveStore = useKeepAliveStore()
 
+const currentTabPath = computed(() => {
+    const parentPath = route.meta.parentPath as string | undefined
+    return route.meta.hideTab ? parentPath || route.fullPath : route.fullPath
+})
+
+const currentTabRoute = computed(() => {
+    return router.getRoutes().find(item => item.path === currentTabPath.value)
+})
+
 // refresh current page
 const refreshCurrentPage: Function = inject('refresh') as Function
 const refresh = () => {
@@ -72,8 +83,8 @@ const maximize = () => {
 
 // Close Current
 const closeCurrentTab = () => {
-    if (route.meta.isAffix) return
-    tabStore.removeTabs(route.fullPath)
+    if (currentTabRoute.value?.meta.isAffix) return
+    tabStore.removeTabs(currentTabPath.value)
 }
 
 // Close All

frontend/src/layouts/components/Tabs/index.vue

@@ -26,12 +26,16 @@
 import Sortable from 'sortablejs'
 import { computed, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { TabPaneName, TabsPaneContext } from 'element-plus'
+import type { TabPaneName, TabsPaneContext } from 'element-plus'
 import { HOME_URL } from '@/config'
 import { useGlobalStore } from '@/stores/modules/global'
 import { useTabsStore } from '@/stores/modules/tabs'
 import MoreButton from './components/MoreButton.vue'
 
+defineOptions({
+    name: 'LayoutTabs'
+})
+
 const route = useRoute()
 const router = useRouter()
 const tabStore = useTabsStore()
@@ -41,17 +45,41 @@ const tabsMenuValue = ref(route.fullPath)
 const tabsMenuList = computed(() => tabStore.tabsMenuList)
 const tabsIcon = computed(() => globalStore.tabsIcon)
 
+const resolveCurrentTabPath = () => {
+    const parentPath = route.meta.parentPath as string | undefined
+    return route.meta.hideTab ? parentPath || route.fullPath : route.fullPath
+}
+
 onMounted(() => {
     tabsDrop()
     initTabs()
 })
 
+const ensureParentTab = () => {
+    const parentPath = resolveCurrentTabPath()
+    if (!parentPath || tabStore.tabsMenuList.some(item => item.path === parentPath)) return
+
+    const parentRoute = router.getRoutes().find(item => item.path === parentPath && item.name)
+    if (!parentRoute) return
+
+    // 直接打开隐藏子页时补齐父级主标签
+    tabStore.addTabs({
+        icon: parentRoute.meta.icon as string,
+        title: parentRoute.meta.title as string,
+        path: parentRoute.path,
+        name: parentRoute.name as string,
+        close: !parentRoute.meta.isAffix,
+        isKeepAlive: parentRoute.meta.isKeepAlive as boolean
+    })
+}
+
 watch(
     () => route.fullPath,
     () => {
         if (route.meta.isFull) return
         if (route.meta.hideTab) {
-            tabsMenuValue.value = route.meta.parentPath as string
+            ensureParentTab()
+            tabsMenuValue.value = resolveCurrentTabPath()
         } else {
             tabsMenuValue.value = route.fullPath
             const tabsParams = {
@@ -112,7 +140,7 @@ const tabClick = (tabItem: TabsPaneContext) => {
 }
 
 const tabRemove = (fullPath: TabPaneName) => {
-    tabStore.removeTabs(fullPath as string, fullPath == route.fullPath)
+    tabStore.removeTabs(fullPath as string, fullPath === tabsMenuValue.value)
 }
 </script>