NEZ-2995 fix：菜单栏折叠按钮样式调整

nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss

@@ -209,7 +209,7 @@
   overflow-y: auto;
 }
 .resize-modal {
-  width: calc(100% - 240px);
+  width: calc(100% - 252px);
   opacity: 0.6;
   background-color: #f5f9ff;
   border: 1px solid #a7d0f7;

nezha-fronted/src/assets/css/components/common/bottomBox/dashboardTab.scss

@@ -16,10 +16,6 @@
     border-radius: 5px;
   }
 
-  .panel-list-width {
-    width:240px;
-  }
-
   .panel-dropdown-title {
     line-height:24px;
     padding-left:5px;

nezha-fronted/src/assets/css/components/layout/home.scss

@@ -4,7 +4,7 @@
   background-color: $--background-color-empty;
   .body {
     flex: 1;
-    width: calc(100% - 240px);
+    width: calc(100% - 252px);
     height: 100%;
     display: flex;
     flex-direction: column;
@@ -27,6 +27,12 @@
   position: fixed;
 }
 
+.body.isShrink{
+  .panel-loading{
+    left: 64px;
+  }
+}
+
 .home.tv,.home.se{
   .left-menu{
     display: none;
@@ -46,15 +52,15 @@
           padding-left: 0;
         }
       }
+      .panel-loading{
+        left: 0;
+        top: 0;
+      }
     }
     .right-box.right-box-chart{
       top: 0px;
       height: 100%;
     }
-    .panel-loading{
-      left: 0;
-      top: 0;
-    }
   }
 }
 .home.se{

nezha-fronted/src/assets/css/components/layout/leftMenu.scss

@@ -13,7 +13,7 @@
     font-size: 18px;
   }
   >.el-menu:not(.el-menu--collapse) {
-    width: 240px;
+    width: 252px;
   }
   >.el-menu.menu-list {
     height: calc(100% - 110px);
@@ -106,3 +106,41 @@
     background-color: $--left-menu-background-color-hover !important;
   }
 }
+.collapse-btn{
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 252px;
+  height: 52px;
+  transition: all 0.4s ease 0s;
+  cursor: pointer;
+  .copy-right{
+    padding: 6px 0 6px 12px;
+    text-align: left;
+    span{
+      display: block;
+      font-size: 13px;
+      line-height: 20px;
+      color: $--color-text-secondary;
+      white-space: nowrap;
+    }
+  }
+  .collapse-icon{
+    position: absolute;
+    top: 4px;
+    right: 8px;
+    font-size: 16px;
+    color: $--color-text-secondary;
+    transform: rotate(90deg);
+  }
+  &.isCollapse-btn{
+    width: 64px;
+    .collapse-icon{
+      left: 0;
+      right: 0;
+      margin: auto;
+      text-align: center;
+      transform: rotate(-90deg);
+    }
+  }
+}

nezha-fronted/src/assets/css/components/page/dashboard/panel.scss

@@ -142,7 +142,7 @@
 /* end-chart list*/
 .panel-loading {
   position: fixed;
-  left: 250px;
+  left: 252px;
   top: 59px;
   height: 100%;
   width: 100%;

nezha-fronted/src/components/layout/header.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="header">
-    <div class="left-menu--pin" :class="!isShrink?'left-menu--pin-normal':'left-menu--pin-reverse'" @click="shrink"><i :class="{'icon-reverse': isShrink,}" class="el-icon-s-fold" :title="isShrink ? $t('overall.expandMenu') : $t('overall.collapseMenu')"></i></div>
+    <!-- <div class="left-menu--pin" :class="!isShrink?'left-menu--pin-normal':'left-menu--pin-reverse'" @click="shrink"><i :class="{'icon-reverse': isShrink,}" class="el-icon-s-fold" :title="isShrink ? $t('overall.expandMenu') : $t('overall.collapseMenu')"></i></div> -->
     <el-breadcrumb class="nz-breakcrumb" separator="/">
       <el-breadcrumb-item v-for="crumb in breadcrumb" :key="crumb.code">{{$t(crumb.i18n)}}</el-breadcrumb-item>
     </el-breadcrumb>

nezha-fronted/src/components/layout/home.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="home" :class="mode" v-my-loading.dark="loading" >
     <left-menu @refresh="refresh" v-show="showMenu"></left-menu>
-    <div ref="body" class="body">
+    <div ref="body" class="body" :class="{'isShrink':isShrink}">
       <Header v-show="showHeader"></Header>
       <container v-if="containerShow" ref="container"></container>
     </div>
@@ -40,6 +40,9 @@ export default {
     }
   },
   computed: {
+    isShrink () {
+      return this.$store.getters.getIsShrink
+    },
     // 查看模式
     mode () {
       return this.$store.state.panel.mode

nezha-fronted/src/components/layout/leftMenu.vue

@@ -29,6 +29,14 @@
         </el-menu-item>
       </template>
     </el-menu>
+    <!-- collapse -->
+    <div class="collapse-btn" :class="{'isCollapse-btn':isShrink}" @click="shrink">
+      <div class="copy-right" v-if="!isShrink">
+        <span>Copyright © 2019 - 2023</span>
+        <span>Geedge Networks. All rights reserved.</span>
+      </div>
+      <i class="collapse-icon nz-icon nz-icon-drop-down"></i>
+    </div>
   </div>
 </template>
 
@@ -83,6 +91,9 @@ export default {
     }
   },
   methods: {
+    shrink () {
+      this.$store.commit('isShrink')
+    },
     jump (route) {
       if (route === this.route) {
         this.refresh()