完善控制台警告报错

src/layout/components/Sidebar/index.vue

-<!--<template>-->
+<template>
 <!--  <div :class="{'has-logo':showLogo}">-->
 <!--    <logo v-if="true" :collapse="isCollapse" />-->
 <!--    <el-scrollbar wrap-class="scrollbar-wrapper">-->
@@ -16,39 +16,39 @@
 <!--      </el-menu>-->
 <!--    </el-scrollbar>-->
 <!--  </div>-->
-<!--</template>-->
+</template>
 
-<!--<script>-->
-<!--import { mapGetters } from 'vuex'-->
-<!--import Logo from './Logo'-->
-<!--import SidebarItem from './SidebarItem'-->
-<!--import variables from '@/styles/variables.scss'-->
+<script>
+// import { mapGetters } from 'vuex'
+// import Logo from './Logo'
+// import SidebarItem from './SidebarItem'
+// import variables from '@/styles/variables.scss'
 
-<!--export default {-->
-<!--  components: { SidebarItem, Logo },-->
-<!--  computed: {-->
-<!--    ...mapGetters([-->
-<!--      'permission_routes',-->
-<!--      'sidebar'-->
-<!--    ]),-->
-<!--    activeMenu() {-->
-<!--      const route = this.$route-->
-<!--      const { meta, path } = route-->
-<!--      // if set path, the sidebar will highlight the path you set-->
-<!--      if (meta.activeMenu) {-->
-<!--        return meta.activeMenu-->
-<!--      }-->
-<!--      return path-->
-<!--    },-->
-<!--    showLogo() {-->
-<!--      return this.$store.state.settings.sidebarLogo-->
-<!--    },-->
-<!--    variables() {-->
-<!--      return variables-->
-<!--    },-->
-<!--    isCollapse() {-->
-<!--      return !this.sidebar.opened-->
-<!--    }-->
-<!--  }-->
-<!--}-->
-<!--</script>-->
+export default {
+  // components: { SidebarItem, Logo },
+  // computed: {
+  //   ...mapGetters([
+  //     'permission_routes',
+  //     'sidebar'
+  //   ]),
+  //   activeMenu() {
+  //     const route = this.$route
+  //     const { meta, path } = route
+  //     // if set path, the sidebar will highlight the path you set
+  //     if (meta.activeMenu) {
+  //       return meta.activeMenu
+  //     }
+  //     return path
+  //   },
+  //   showLogo() {
+  //     return this.$store.state.settings.sidebarLogo
+  //   },
+  //   variables() {
+  //     return variables
+  //   },
+  //   isCollapse() {
+  //     return !this.sidebar.opened
+  //   }
+  // }
+}
+</script>

src/styles/sidebar.scss

@@ -91,11 +91,11 @@
 
   .hideSidebar {
     .sidebar-container {
-      width: $sideHideWidth !important;
+      //width: $sideHideWidth !important;
     }
 
     .main-container {
-      margin-left: 54px;
+      //margin-left: 54px;
     }
 
     .submenu-title-noDropdown {

src/styles/variables.scss

@@ -90,7 +90,7 @@ $menuHover:#fff;
 $subMenuBg:#46BCF2;
 $subMenuHover:#fff;
 
-$sideBarWidth: 254px;
+$sideBarWidth: 0px;
 $sideHideWidth: 54px;
 
 // the :export directive is the magic sauce for webpack

src/views/homePage/components/searchHome/index.vue

 <template>
   <div class="HomeSearch">
-    <Header />
+<!--    <Header />-->
     <div class="rightSearch">
-      <el-row style="display: flex;align-items: center;">
+      <el-row style="display: flex;align-items: center;height: 180px;">
         <el-col :span="16">
           <img :src="logo" class="homeTopLoge">
         </el-col>
@@ -53,8 +53,9 @@ export default {
   background-size: 100% 100%;
   background-repeat: no-repeat;
   .rightSearch {
+    height: 180px;
     //text-align: center;
-    margin-top: 38.5px;
+    //margin-top: 38.5px;
     .homeTopLoge{
       padding-left: 60px;
     }