refactor: 多页面UI优化与功能完善

1. 优化合同页面默认备注内容
2. 修复分卷编辑接口参数缺失问题
3. 新增分卷、合卷、加工菜单路由
4. 重构导航栏默认显示逻辑
5. 升级重定向菜单页面样式与布局
6. 优化告警页面查询与展示字段
7. 重构全局搜索组件为弹窗模式
8. 优化报表页面代码格式与接口参数

klp-ui/src/views/redirectMenu.vue

@@ -104,15 +104,15 @@ export default {
 
 <style lang="scss" scoped>
 .submenu-page {
-  padding: 16px 20px;
-  max-width: 900px;
+  padding: 24px;
+  max-width: 960px;
   margin: 0 auto;
 }
 
 .submenu-page__header {
-  margin-bottom: 16px;
-  padding-bottom: 12px;
-  border-bottom: 1px solid #ebeef5;
+  margin-bottom: 20px;
+  padding-bottom: 14px;
+  border-bottom: 1px solid #e4e7ed;
 }
 
 .submenu-page__parent-title {
@@ -122,56 +122,59 @@ export default {
 }
 
 .submenu-page__list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 16px;
 }
 
 .submenu-page__empty {
   text-align: center;
-  padding: 40px 0;
+  padding: 60px 0;
   color: #909399;
   font-size: 14px;
 }
 
 .submenu-group {
-  width: calc(50% - 6px);
-  min-width: 280px;
-  background: #fafbfc;
-  border: 1px solid #ebeef5;
-  border-radius: 6px;
+  background: #fff;
+  border: 1px solid #e4e7ed;
+  border-radius: 8px;
   overflow: hidden;
-  transition: border-color 0.2s;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+  transition: border-color 0.2s, box-shadow 0.2s;
 
   &:hover {
-    border-color: #c0c4cc;
+    border-color: #5F7BA0;
+    box-shadow: 0 2px 8px rgba(95, 123, 160, 0.12);
   }
 }
 
 .submenu-group__title {
   display: flex;
   align-items: center;
-  padding: 12px 16px;
+  padding: 14px 16px;
   cursor: pointer;
-  background: #fff;
-  border-bottom: 1px solid #f0f0f0;
-  transition: background 0.15s;
+  background: linear-gradient(135deg, #fafbfc, #f5f7fa);
+  border-bottom: 1px solid #f0f2f5;
+  transition: background 0.15s, border-color 0.15s;
 
   &:hover {
-    background: #f5f7fa;
+    background: linear-gradient(135deg, #f0f2f5, #eceff3);
+    border-bottom-color: #e4e7ed;
   }
 }
 
 .submenu-group__icon {
-  font-size: 16px;
-  color: var(--current-color, #409EFF);
-  margin-right: 8px;
+  font-size: 18px;
+  color: #5F7BA0;
+  margin-right: 10px;
   flex-shrink: 0;
+  display: flex;
+  align-items: center;
 }
 
 .submenu-group__text {
   font-size: 14px;
-  font-weight: 500;
+  font-weight: 600;
   color: #303133;
   flex: 1;
   min-width: 0;
@@ -181,9 +184,12 @@ export default {
 }
 
 .submenu-group__count {
-  font-size: 11px;
-  color: #909399;
-  margin-right: 6px;
+  font-size: 12px;
+  color: #5F7BA0;
+  background: rgba(95, 123, 160, 0.08);
+  padding: 2px 8px;
+  border-radius: 10px;
+  margin-right: 8px;
   flex-shrink: 0;
 }
 
@@ -191,39 +197,45 @@ export default {
   font-size: 12px;
   color: #c0c4cc;
   flex-shrink: 0;
+  transition: color 0.15s;
+
+  .submenu-group__title:hover & {
+    color: #5F7BA0;
+  }
 }
 
 .submenu-group__items {
-  padding: 4px 0;
+  padding: 6px 0;
 }
 
 .submenu-item {
   display: flex;
   align-items: center;
-  padding: 8px 16px 8px 24px;
+  padding: 10px 16px 10px 24px;
   cursor: pointer;
-  transition: background 0.15s;
+  transition: background 0.15s, padding-left 0.2s;
 
   &:hover {
-    background: #f0f2f5;
+    background: rgba(95, 123, 160, 0.05);
+    padding-left: 28px;
   }
 
   &:not(:last-child) {
-    border-bottom: 1px solid #f5f5f5;
+    border-bottom: 1px solid #f7f7f7;
   }
 }
 
 .submenu-item__folder {
-  font-size: 13px;
+  font-size: 14px;
   color: #e6a23c;
-  margin-right: 8px;
+  margin-right: 10px;
   flex-shrink: 0;
 }
 
 .submenu-item__doc {
-  font-size: 13px;
-  color: #909399;
-  margin-right: 8px;
+  font-size: 14px;
+  color: #5F7BA0;
+  margin-right: 10px;
   flex-shrink: 0;
 }
 
@@ -242,11 +254,16 @@ export default {
   color: #c0c4cc;
   flex-shrink: 0;
   margin-left: 4px;
+  transition: color 0.15s;
+
+  .submenu-item:hover & {
+    color: #5F7BA0;
+  }
 }
 
 .submenu-item--leaf {
   .submenu-item__doc {
-    color: #c0c4cc;
+    color: #a8abb2;
   }
 }
 </style>