调整左侧主菜单顺序

internal/web/helpers/menu.go

@@ -25,25 +25,25 @@ func FindAllMenuMaps(nodeLogsType string, countUnreadNodeLogs int64, countUnread
 			"icon":     "clone outsize",
 			"subItems": []maps.Map{
 				{
-					"name": "服务分组",
-					"url":  "/servers/groups",
-					"code": "group",
+					"name": "访问日志",
+					"url":  "/servers/logs",
+					"code": "log",
 				},
 				{
 					"name": "证书管理",
 					"url":  "/servers/certs",
 					"code": "cert",
 				},
-				{
-					"name": "访问日志",
-					"url":  "/servers/logs",
-					"code": "log",
-				},
 				{
 					"name": "缓存策略",
 					"url":  "/servers/components/cache",
 					"code": "cache",
 				},
+				{
+					"name": "-",
+					"url":  "",
+					"code": "",
+				},
 				{
 					"name": "WAF策略",
 					"url":  "/servers/components/waf",
@@ -55,6 +55,16 @@ func FindAllMenuMaps(nodeLogsType string, countUnreadNodeLogs int64, countUnread
 					"code":  "iplist",
 					"badge": countUnreadIPItems,
 				},
+				{
+					"name": "-",
+					"url":  "",
+					"code": "",
+				},
+				{
+					"name": "服务分组",
+					"url":  "/servers/groups",
+					"code": "group",
+				},
 				{
 					"name": "统计指标",
 					"url":  "/servers/metrics",

web/views/@default/@layout.css

@@ -257,10 +257,19 @@ p.margin {
   width: 9.5em !important;
   border-radius: 0 !important;
 }
+.main-menu .ui.menu .item.separator {
+  border-top: 1px rgba(0, 0, 0, 0.15) solid;
+  height: 1px;
+  min-height: 0;
+  padding: 0;
+}
 @media screen and (max-width: 512px) {
   .main-menu .ui.menu {
     width: 3.6em !important;
   }
+  .main-menu .ui.menu .item.separator {
+    display: none;
+  }
   .main-menu .ui.menu .item {
     padding-top: 2em;
     padding-bottom: 2.4em;

web/views/@default/@layout.html

@@ -92,7 +92,7 @@
                     <div class="subtitle" v-if="module.subtitle != null && module.subtitle.length > 0">{{module.subtitle}}</div>
 				</a>
 				<div v-if="teaMenu == module.code" class="sub-items">
-					<a class="item" v-for="subItem in module.subItems" v-if="subItem.isOn !== false" :href="subItem.url"><i class="icon angle right" v-if="subItem.code == teaSubMenu"></i> {{subItem.name}}
+                    <a class="item" :class="{separator:subItem.name == '-'}" v-for="subItem in module.subItems" v-if="subItem.isOn !== false" :href="subItem.url"><i class="icon angle right" v-if="subItem.name != '-' && subItem.code == teaSubMenu"></i> <span v-if="subItem.name != '-'">{{subItem.name}}</span>
                         <span class="ui label tiny red" v-if="subItem.badge != null && subItem.badge > 0">
                             <span v-if="subItem.badge < 100">{{subItem.badge}}</span>
                             <span v-else>99+</span>

web/views/@default/@layout.less

@@ -130,12 +130,25 @@ div.margin, p.margin {
 	.ui.menu {
 		width: 9.5em !important;
 		border-radius: 0 !important;
+
+
+		// menu
+		.item.separator {
+			border-top: 1px rgba(0, 0, 0, 0.15) solid;
+			height: 1px;
+			min-height: 0;
+			padding: 0;
+		}
 	}
 }
 
 @media screen and (max-width: 512px) {
 	.main-menu .ui.menu {
 		width: 3.6em !important;
+
+		.item.separator {
+			display: none;
+		}
 	}
 
 	.main-menu .ui.menu .item {