feat(frontend):系统管理左侧菜单不收缩，显示跟topbar的分割线

frontend/src/layout/components/Sidebar/index.vue

@@ -50,7 +50,7 @@ export default {
       return variables
     },
     isCollapse() {
-      return !this.sidebar.opened
+      return false
     }
   }
 }

frontend/src/layout/components/Topbar.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="top-nav" :style="{'background-color': '#f1f3f8'}">
     <div class="log">
-      <img v-if="!logoUrl" src="@/assets/DataEase-color.png" width="160" alt="" style="padding-top: 8px;">
-      <img v-else :src="logoUrl" width="160" alt="" style="padding-top: 8px;">
+      <img v-if="!logoUrl" src="@/assets/DataEase-color.png" width="140" alt="" style="padding-top: 10px;">
+      <img v-else :src="logoUrl" width="140" alt="" style="padding-top: 10px;">
     </div>
     <el-menu
       :active-text-color="variables.topMenuActiveText"

frontend/src/layout/index.vue

@@ -48,7 +48,7 @@ export default {
     },
     classObj() {
       return {
-        hideSidebar: !this.sidebar.opened,
+        // hideSidebar: !this.sidebar.opened,
         openSidebar: this.sidebar.opened,
         withoutAnimation: this.sidebar.withoutAnimation,
         mobile: this.device === 'mobile'
@@ -98,7 +98,7 @@ export default {
   }
 
   .hideSidebar .fixed-header {
-    width: calc(100% - 54px)
+    width: calc(100% - 56px)
   }
 
   .mobile .fixed-header {

frontend/src/styles/sidebar.scss

@@ -23,7 +23,7 @@
     top: $topBarHeight;
     bottom: 0;
     left: 0;
-    z-index: 1001;
+    z-index: 999;
     overflow: hidden;
     border-right: 1px solid rgba(0, 0, 0, 0.12);
 
@@ -68,7 +68,7 @@
       border: none;
       height: 100%;
       width: 100% !important;
-      
+
       .is-active {
         background-color: $menuHover;
       }