From ce23a36a053079984fd031ffb390dce5b98ba1d5 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Tue, 13 Sep 2022 18:05:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9B=B4=E6=96=B0=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/components/components/layout/layout.scss    |  3 ++-
 src/components/layout/Header.vue                    | 13 ++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/components/components/layout/layout.scss b/src/assets/css/components/components/layout/layout.scss
index ce016c39..c4242e5a 100644
--- a/src/assets/css/components/components/layout/layout.scss
+++ b/src/assets/css/components/components/layout/layout.scss
@@ -206,6 +206,7 @@
             border-bottom: 1px dashed #D8D8D8;
           }
           .middle-menus__body {
+            display: flex;
             padding-top: 8px;
             .middle-menu {
               padding: 5px 0;
@@ -288,4 +289,4 @@
   background: #C5C5C5;
   border-radius: 4px;
   border: 2px solid transparent;
-}
\ No newline at end of file
+}
diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue
index 765de107..fecf87d1 100644
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
@@ -129,9 +129,16 @@
         <div class="middle-menus middle-menus--network-analytics">
           <div class="middle-menus__header">{{$t('overall.networkAnalytics')}}</div>
           <div class="middle-menus__body">
-            <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
-              <div class="middle-menu" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
-            </template>
+            <div style="width: 260px;">
+              <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
+                <div class="middle-menu" v-if="index < 5" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
+              </template>
+            </div>
+            <div>
+              <template v-for="(menu, index) in networkAnalyticsMenu.children" :key="index">
+                <div class="middle-menu" v-if="index >= 5 && index < 10" @click="jump(menu.route)">{{$t(menu.i18n || menu.name)}}</div>
+              </template>
+            </div>
           </div>
         </div>
       </div>