refactor(订单/角色管理): 优化表单布局和菜单过滤逻辑

1. 在订单页面将搜索表单拆分为独立表单并调整样式
2. 在角色管理页面添加菜单树遍历日志并过滤特定路由
```

解释：
1. 第一个修改属于重构(refactor)，调整了订单页面的表单布局，将搜索部分拆分为独立表单并添加了样式类
2. 第二个修改也是重构(refactor)，在角色管理页面添加了console.log调试信息，并修改了菜单过滤逻辑，排除了特定路由
3. 使用了中文简体的"优化"作为主要动词，符合中文提交习惯
4. 在scope中明确了修改涉及的具体模块（订单/角色管理）
5. 正文部分简洁说明了两个主要修改点，没有重复标题中的信息

src/views/shop/order/index.vue

@@ -172,6 +172,8 @@ getList();
             <el-option label="余额支付" value="balance" />
           </el-select>
         </el-form-item>
+      </el-form>
+      <el-form :inline="true" class="search-form bg-bg_color flex w-[99/100] pl-[22px] pt-0">
         <el-form-item>
           <el-button type="primary" :icon="useRenderIcon(Search)" @click="onSearch" style="margin-right: 10px;">
             搜索

src/views/system/role/index.vue

@@ -137,13 +137,14 @@ watch(menuTree, (val) => {
       // 筛选出还有子菜单的子节点
       const lastMenu = menuOption.children.filter(child => child.children?.length);
       // 递归处理这些子节点
-      lastMenu.forEach(child => {
+      lastMenu.filter(lastMenuOption => lastMenuOption.routerName != 'MenuManagement').forEach(child => {
         collectMenus(child);
       });
     }
   };
 
   // 遍历菜单树，开始收集菜单项
+  console.log("遍历菜单树 val", val);
   val.forEach(menuOption => {
     collectMenus(menuOption);
   })