修改MenuItem组件可以自定义显示节点标题；修改状态监控页面的菜单的显示；

src/components/ui/MenuItem.vue

@@ -17,7 +17,11 @@
     >
       <i v-if="node.icon" :class="node.icon" class="node-icon"></i>
       
-      <span class="node-label">{{ node.label }}</span>
+      <span class="node-label">
+        <slot name="label" :node="node">
+          {{ node.label }}
+        </slot>
+      </span>
       
       <span 
         v-if="hasChildren" 
@@ -36,7 +40,11 @@
         :level="level + 1"
         :theme="theme" 
         @node-click="passEventUp" 
-      />
+      >
+        <template #label="{ node: innerNode }">
+          <slot name="label" :node="innerNode"></slot>
+        </template>
+      </MenuItem>
     </div>
   </div>
 </template>

src/views/StatusMonitoring.vue

@@ -28,11 +28,14 @@
                     </TechTabPane>
                     <TechTabPane label="干线" name="trunkLine" class="menu-scroll-view">
                         <MenuItem v-for="item in menuData" :key="item.id" :node="item" :level="0"
-                            @node-click="handleMenuClick" />
+                            @node-click="handleMenuClick">
+                            <template #label="{ node }">
+                                <span v-if="node.children && node.children.length > 0">{{ node.label }}</span>
+                                <span v-else>{{ node.label }} 绿波带</span>
+                            </template>
+                        </MenuItem>
                     </TechTabPane>
                     <TechTabPane label="特勤" name="specialDuty" class="menu-scroll-view">
-                        <MenuItem v-for="item in menuData" :key="item.id" :node="item" :level="0"
-                            @node-click="handleMenuClick" />
                     </TechTabPane>
                 </TechTabs>
             </div>