From 97c4eee271ebae14dfeed8ed888a47c9f0c0b08b Mon Sep 17 00:00:00 2001
From: wangwenrui <wangwenrui@zdjizhi.com>
Date: Tue, 14 Apr 2020 22:52:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=B7=A6=E4=BE=A7=E4=BC=B8=E7=BC=A9?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E8=A1=A5=E5=85=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/page/dashboard/metricPreview.vue         | 6 ++++--
 nezha-fronted/src/components/page/dashboard/panel.vue       | 6 ++++--
 nezha-fronted/src/components/page/project/project.vue       | 6 ++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/nezha-fronted/src/components/page/dashboard/metricPreview.vue b/nezha-fronted/src/components/page/dashboard/metricPreview.vue
index 5b2790be5..7e327edda 100644
--- a/nezha-fronted/src/components/page/dashboard/metricPreview.vue
+++ b/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>
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index 246c5fa7e..1291f9ab5 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/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>
diff --git a/nezha-fronted/src/components/page/project/project.vue b/nezha-fronted/src/components/page/project/project.vue
index f73948c46..ddd8114e8 100644
--- a/nezha-fronted/src/components/page/project/project.vue
+++ b/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"