feat:左侧伸缩菜单补充

nezha-fronted/src/components/page/dashboard/metricPreview.vue

@@ -3,7 +3,8 @@
 </style>
 <template>
     <div class="main-container metric-dashboard">
-        <div class="content-left">
+      <left-menu >
+        <div slot="content-left" class="slot-content">
             <div class="sidebar-title">{{$t('dashboard.title')}}</div>
             <div class="sidebar-info">
                 <div class="sidebar-info-item " @click="jumpTo('overview')">{{$t('dashboard.overview.title')}}</div>
@@ -11,7 +12,7 @@
                 <div class="sidebar-info-item sidebar-info-item-active">{{$t('dashboard.metricPreview.title')}}</div>
             </div>
         </div>
-        <div class="content-right">
+        <div slot="content-right" class="slot-content">
 
 
           <!--<div class="top-tools">
@@ -81,6 +82,7 @@
               </div>
             </div>
         </div>
+      </left-menu>
     </div>
 </template>
 <script>

nezha-fronted/src/components/page/dashboard/panel.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="panel">
-    <div class="content-left">
+    <left-menu >
+      <div slot="content-left" class="slot-content">
       <div class="sidebar-title">{{$t('dashboard.title')}}</div>
       <div class="sidebar-info">
         <div class="sidebar-info-item " @click="jumpTo('overview')">{{$t('dashboard.overview.title')}}</div>
@@ -8,7 +9,7 @@
         <div class="sidebar-info-item" @click="jumpTo('metricPreview')">{{$t('dashboard.metricPreview.title')}}</div>
       </div>
     </div>
-    <div class="content-right">
+    <div slot="content-right" class="slot-content">
       <div class="top-tools">
         <div class="top-tool-main-left">
           <el-dropdown @command="panelChange" class="panel-dropdown-title" trigger="click" v-scrollBar:el-dropdown>
@@ -91,6 +92,7 @@
       </div>
       <button class="to-top" v-show="showTopBtn" @click="$toTop('el', $refs.dashboardScrollbar.wrap)"><i class="nz-icon nz-icon-top"></i></button>
     </div>
+    </left-menu>
 
     <panel-box :panel="panel" @reload="panelReload" @reloadForDel="panelReloadForDel" ref="panelBox"></panel-box>
     <chart-box ref="addChartModal" :panel-data="panelData" @reload="panelReload" @on-create-success="createSuccess" @on-delete-success="delChartOk" @reloadOnlyPanel="panelReloadOnlyPanel"></chart-box>

nezha-fronted/src/components/page/project/project.vue

@@ -21,7 +21,8 @@
 <template>
   <div class="project">
 
-    <div class="content-left">
+    <left-menu >
+      <div slot="content-left" class="slot-content">
       <el-scrollbar ref="leftScrollbar" style="height: 100%">
         <div class="sidebar-title too-long-split">{{$t('project.project.project')}}：{{currentProject.name}}</div>
         <div class="sidebar-info">
@@ -45,7 +46,7 @@
     </div>
 
     <!--endpoint-->
-    <div class="content-right">
+    <div slot="content-right" class="slot-content">
       <!-- 主列表 -->
       <div class="main-list main-and-sub-transition" :class="{'main-list-with-sub': showSubList}">
         <div class="top-tools" v-show="mainResizeShow">
@@ -131,6 +132,7 @@
                   :from="'endpoint'" :targetTab="targetTab" :detail="endpointDetail" :obj="curEndpoint" :assetDetail="assetDetail"
                   @closeSubList="showSubList = false" @fullScreen="fullScreen" @exitFullScreen="exitFullScreen" @listResize="listResize" ></bottom-box>
     </div>
+    </left-menu>
 
     <element-set
       v-clickoutside="elementsetHide"