feat(菜单): 顶部

src/layout/components/Navbar.vue

@@ -7,55 +7,54 @@
       @toggle-click="toggleSideBar"
     />
     <el-scrollbar class="navbar-scrollbar">
-    <div class="navbar-item-menu">
-      <div @click="switchMenu" class="navbar-item-menu-div">
-        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>
-        <div>{{cn.controlPlanManagement}}<br>{{en.controlPlanManagement}}</div>
-      </div>
-      <div @click="switchMenu" class="navbar-item-menu-div">
-        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>
-        <div>{{cn.completeVehicleValidationInspection}}<br>{{en.completeVehicleValidationInspection}}</div>
-      </div>
-      <div @click="switchMenu" class="navbar-item-menu-div">
-        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>
-        <div>{{cn.productionAssemblyConsistency}}<br>{{en.productionAssemblyConsistency}}</div>
-      </div>
-      <div @click="switchMenu" class="navbar-item-menu-div">
-        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>
-        <div>{{cn.componentConsistency}}<br>{{en.componentConsistency}}</div>
-      </div>
-      <div @click="switchMenu" class="navbar-item-menu-div">
-        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>
-        <div>{{cn.vehicleProductConsistency}}<br>{{en.vehicleProductConsistency}}</div>
-      </div>
-      <div @click="switchMenu" class="navbar-item-menu-div">
-        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>
-        <div>{{cn.serviceDataQuery}}<br>{{en.serviceDataQuery}}</div>
-      </div>
-      <div @click="switchMenu" class="navbar-item-menu-div">
-        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>
-        <div>{{cn.managementOfOtherMatters}}<br>{{en.managementOfOtherMatters}}</div>
-      </div>
-      <div @click="switchMenu" class="navbar-item-menu-div">
-        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>
-        <div>{{cn.externalAuditManagement}}<br>{{en.externalAuditManagement}}</div>
-      </div>
-      <div @click="switchMenu" class="navbar-item-menu-div">
-        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>
-        <div>{{cn.systemManagement}}<br>{{en.systemManagement}}</div>
-      </div>
-    </div>
+<!--    <div class="navbar-item-menu">-->
+<!--      <div @click="switchMenu" class="navbar-item-menu-div">-->
+<!--        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>-->
+<!--        <div>{{cn.controlPlanManagement}}<br>{{en.controlPlanManagement}}</div>-->
+<!--      </div>-->
+<!--      <div @click="switchMenu" class="navbar-item-menu-div">-->
+<!--        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>-->
+<!--        <div>{{cn.completeVehicleValidationInspection}}<br>{{en.completeVehicleValidationInspection}}</div>-->
+<!--      </div>-->
+<!--      <div @click="switchMenu" class="navbar-item-menu-div">-->
+<!--        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>-->
+<!--        <div>{{cn.productionAssemblyConsistency}}<br>{{en.productionAssemblyConsistency}}</div>-->
+<!--      </div>-->
+<!--      <div @click="switchMenu" class="navbar-item-menu-div">-->
+<!--        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>-->
+<!--        <div>{{cn.componentConsistency}}<br>{{en.componentConsistency}}</div>-->
+<!--      </div>-->
+<!--      <div @click="switchMenu" class="navbar-item-menu-div">-->
+<!--        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>-->
+<!--        <div>{{cn.vehicleProductConsistency}}<br>{{en.vehicleProductConsistency}}</div>-->
+<!--      </div>-->
+<!--      <div @click="switchMenu" class="navbar-item-menu-div">-->
+<!--        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>-->
+<!--        <div>{{cn.serviceDataQuery}}<br>{{en.serviceDataQuery}}</div>-->
+<!--      </div>-->
+<!--      <div @click="switchMenu" class="navbar-item-menu-div">-->
+<!--        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>-->
+<!--        <div>{{cn.managementOfOtherMatters}}<br>{{en.managementOfOtherMatters}}</div>-->
+<!--      </div>-->
+<!--      <div @click="switchMenu" class="navbar-item-menu-div">-->
+<!--        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>-->
+<!--        <div>{{cn.externalAuditManagement}}<br>{{en.externalAuditManagement}}</div>-->
+<!--      </div>-->
+<!--      <div @click="switchMenu" class="navbar-item-menu-div">-->
+<!--        <div class="navbar-item-menu-div-img"><img src="@/assets/icons/svg/whitesquare.png"></div>-->
+<!--        <div>{{cn.systemManagement}}<br>{{en.systemManagement}}</div>-->
+<!--      </div>-->
+<!--    </div>-->
     </el-scrollbar>
 <!--    <breadcrumb-->
 <!--      v-if="!settingsStore.topNav"-->
 <!--      id="breadcrumb-container"-->
 <!--      class="breadcrumb-container"-->
 <!--    />-->
-<!--    <top-nav-->
-<!--      v-if="settingsStore.topNav"-->
-<!--      id="topmenu-container"-->
-<!--      class="topmenu-container"-->
-<!--    />-->
+    <top-nav
+      id="topmenu-container"
+      class="topmenu-container"
+    />
 
     <div class="right-menu">
 <!--      <template v-if="appStore.device !== 'mobile'">-->