正常样式

src/router/index.js

@@ -28,8 +28,8 @@ const createRouter = () =>
             iconName: "gps",
             component: () =>
               import(
-                // /*webpackChunkName:'home-cockpitManage'*/ "../views/admin/cockpitManage/Index.vue"
-                /*webpackChunkName:'home-cockpitManage'*/ "../views/admin/cockpitManage/HD.vue" //华电选择这个
+                /*webpackChunkName:'home-cockpitManage'*/ "../views/admin/cockpitManage/Index.vue"
+                // /*webpackChunkName:'home-cockpitManage'*/ "../views/admin/cockpitManage/HD.vue" //华电选择这个
               ),
           },
           {

src/views/home/Index.vue

@@ -52,7 +52,7 @@ export default {
   data() {
     return {
       loading: false,
-      isShowHd: true, //true 则展示华电的菜单样式，false 则展示默认的左侧边栏菜单
+      isShowHd: false, //true 则展示华电的菜单样式，false 则展示默认的左侧边栏菜单
     };
   },
   methods: {

src/views/home/components/MenuHD.vue

@@ -1,92 +1,90 @@
 <template>
   <div class="menuBox">
-
-  
-  <el-menu
-    collapse-transition
-    ref="menu"
-    mode="horizontal"
-    class="mt-3 el-menu-vertical-demo my-menu-wrapper"
-    @open="handleOpen"
-    @close="handleClose"
-    :router="true"
-    :default-active="defaultActive"
-    :default-openeds="openMenus"
-    background-color="#1b3b7f"
-    text-color="#fff"
-    active-text-color="#ffd04b"
-  >
-    <!--     :active-text-color="activeTextColor" -->
-    <template v-for="(item, indexMenu) in routerList">
-      <!-- 判断是否是中间位置 -->
-      <el-menu-item
-        class="hdMenuTitle"
-        v-if="indexMenu === Math.floor(routerList.length / 2) + 1"
-      >
-        <div class="titles">
-          <span class="headerText">风电机组健康度诊断平台</span>
-        </div>
-      </el-menu-item>
-      <el-submenu
-        class="menuParentItem"
-        :style="{
-          transform:
-            indexMenu < Math.floor(routerList.length / 2) + 1
-              ? 'scaleX(-1)'
-              : 'scaleX(1)',
-        }"
-        v-if="
-          item.children && item.children.length && item.meta?.hidden === false
-        "
-        :index="item.path"
-      >
-        <template slot="title">
-          <span
-            :style="{
-              transform:
-                indexMenu < Math.floor(routerList.length / 2) + 1
-                  ? 'scaleX(-1)'
-                  : 'scaleX(1)',
-            }"
-            >{{ item.name }}</span
-          >
-        </template>
+    <el-menu
+      collapse-transition
+      ref="menu"
+      mode="horizontal"
+      class="mt-3 el-menu-vertical-demo my-menu-wrapper"
+      @open="handleOpen"
+      @close="handleClose"
+      :router="true"
+      :default-active="defaultActive"
+      :default-openeds="openMenus"
+      background-color="#1b3b7f"
+      text-color="#fff"
+      active-text-color="#ffd04b"
+    >
+      <!--     :active-text-color="activeTextColor" -->
+      <template v-for="(item, indexMenu) in routerList">
+        <!-- 判断是否是中间位置 -->
         <el-menu-item
-          v-for="child in item.children"
-          v-if="child.meta?.hidden === false"
-          :key="child.id"
-          :index="`${child.path}?id=${child.id}`"
-          @click="handleChangeMenuUrl(child, `${child.path}?id=${child.id}`)"
+          class="hdMenuTitle"
+          v-if="indexMenu === Math.floor(routerList.length / 2) + 1"
         >
-          <span>{{ child.name }}</span>
+          <div class="titles">
+            <span class="headerText">风电机组健康度诊断平台</span>
+          </div>
         </el-menu-item>
-      </el-submenu>
-      <el-menu-item
-        class="menuParentItem"
-        :style="{
-          transform:
-            indexMenu < Math.floor(routerList.length / 2) + 1
-              ? 'scaleX(-1)'
-              : 'scaleX(1)',
-          color: '#fff',
-        }"
-        v-else-if="item.meta?.hidden === false"
-        :key="item.id"
-        :index="`${item.path}?id=${item.id}`"
-        @click="handleChangeMenuUrl(item, `${item.path}?id=${item.id}`)"
-      >
-        <span
+        <el-submenu
+          class="menuParentItem"
+          :style="{
+            transform:
+              indexMenu < Math.floor(routerList.length / 2) + 1
+                ? 'scaleX(-1)'
+                : 'scaleX(1)',
+          }"
+          v-if="
+            item.children && item.children.length && item.meta?.hidden === false
+          "
+          :index="item.path"
+        >
+          <template slot="title">
+            <span
+              :style="{
+                transform:
+                  indexMenu < Math.floor(routerList.length / 2) + 1
+                    ? 'scaleX(-1)'
+                    : 'scaleX(1)',
+              }"
+              >{{ item.name }}</span
+            >
+          </template>
+          <el-menu-item
+            v-for="child in item.children"
+            v-if="child.meta?.hidden === false"
+            :key="child.id"
+            :index="`${child.path}?id=${child.id}`"
+            @click="handleChangeMenuUrl(child, `${child.path}?id=${child.id}`)"
+          >
+            <span>{{ child.name }}</span>
+          </el-menu-item>
+        </el-submenu>
+        <el-menu-item
+          class="menuParentItem"
           :style="{
             transform:
               indexMenu < Math.floor(routerList.length / 2) + 1
                 ? 'scaleX(-1)'
                 : 'scaleX(1)',
+            color: '#fff',
           }"
-          >{{ item.name }}</span
+          v-else-if="item.meta?.hidden === false"
+          :key="item.id"
+          :index="`${item.path}?id=${item.id}`"
+          @click="handleChangeMenuUrl(item, `${item.path}?id=${item.id}`)"
         >
-      </el-menu-item>
-    </template>
-  </el-menu>
+          <span
+            :style="{
+              transform:
+                indexMenu < Math.floor(routerList.length / 2) + 1
+                  ? 'scaleX(-1)'
+                  : 'scaleX(1)',
+            }"
+            >{{ item.name }}</span
+          >
+        </el-menu-item>
+      </template>
+    </el-menu>
   </div>
 </template>
 
@@ -379,7 +377,7 @@ export default {
 </style>
 
 <!-- /* 华电时的菜单打开这个 */ -->
-<style lang="scss" >
+<!-- <style lang="scss" >
 .el-menu--popup {
   width: 100% !important;
     min-width: 120px !important;
@@ -390,4 +388,4 @@ export default {
     padding: 0 5px !important;
   }
 }
-</style>
+</style> -->