From 05a289c8d303d7ca2fb54ed79788a8091d358e10 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Mon, 25 May 2020 12:02:25 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20project=E9=A1=B5=E5=B7=A6=E4=BE=A7?=
 =?UTF-8?q?=E4=BA=8C=E7=BA=A7=E8=8F=9C=E5=8D=95=E6=A0=B7=E5=BC=8F=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/assets/stylus/main.scss     |  6 +++
 .../src/components/page/project/project.vue   | 53 ++++++++++---------
 2 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index d2cc28ccf..357660ac7 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -504,6 +504,12 @@ li{
   color: $box-title-color;
   font-weight: bold;
 }
+.content-left .sidebar-info-sub-item {
+  margin: 0 0 10px 0;
+  padding-left: 10px;
+  line-height: 20px;
+  cursor: pointer;
+}
 .content-left .el-checkbox-group .sidebar-info-item-active {
   border-left: none;
 }
diff --git a/nezha-fronted/src/components/page/project/project.vue b/nezha-fronted/src/components/page/project/project.vue
index ec22bb6b7..c546037b3 100644
--- a/nezha-fronted/src/components/page/project/project.vue
+++ b/nezha-fronted/src/components/page/project/project.vue
@@ -43,38 +43,36 @@
           </div>
         </div>-->
         <div class="sidebar-info">
-        <el-collapse v-model="currentProjectTitle" class="left-menu-bg" accordion style="padding-top:0px;" @change="projectChange" ref="projectLeft">
-          <el-collapse-item v-for="(item,index) in projectList" :key="item.name+item.id+index" :name="item.name+'-'+item.id">
-            <template slot="title">
-              <div class="sidebar-info-item" :class="{'sidebar-info-item-active': item.id==currentProject.id}" @click="detailProjectInfo($event,item)" :id="'project-module-'+item.id">
-                <div class="sidebar-info-item-txt">
-                  <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
-                    <span slot="reference" class="">
-                      {{item.name}}
-                    </span>
-                  </el-popover>
-                  <span v-else>{{item.name}}</span>
-                </div>
-              </div>
-            </template>
-            <div class="sidebar-info sub-sidebar-info" >
-              <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="toAddModule">
-                <i class="nz-icon nz-icon-create-square"></i>
-              </div>
-              <template v-else>
-                <div v-for="module in getProjectModule(item.id)" class="sidebar-info-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(module)" :id="'project-module-'+module.id">
+          <el-collapse v-model="currentProjectTitle" class="left-menu-bg" accordion style="padding-top:0px;" @change="projectChange" ref="projectLeft">
+            <el-collapse-item v-for="(item,index) in projectList" :key="item.name+item.id+index" :name="item.name+'-'+item.id">
+              <template slot="title">
+                <div class="sidebar-info-item" :class="{'sidebar-info-item-active': item.id==currentProject.id}" @click="detailProjectInfo($event,item)" :id="'project-module-'+item.id">
                   <div class="sidebar-info-item-txt">
+                    <el-popover v-if="item.name.length > 14" trigger="hover" placement="top-start" :content="item.name" popper-class="transparent-pop">
+                      <span slot="reference" class="">
+                        {{item.name}}
+                      </span>
+                    </el-popover>
+                    <span v-else>{{item.name}}</span>
+                  </div>
+                </div>
+              </template>
+              <div class="sidebar-info sub-sidebar-info" >
+                <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="toAddModule">
+                  <i class="nz-icon nz-icon-create-square"></i>
+                </div>
+                <template v-else>
+                  <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(module)" :id="'project-module-'+module.id">
                     <el-popover v-if="module.name.length > 16" trigger="hover" placement="top-start" :content="module.name" >
                       <span slot="reference">{{module.name}}</span>
                     </el-popover>
                     <span v-else>{{module.name}}</span>
+                    <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="toEditModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
                   </div>
-                  <div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="toEditModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
-                </div>
-              </template>
-            </div>
-          </el-collapse-item>
-        </el-collapse>
+                </template>
+              </div>
+            </el-collapse-item>
+          </el-collapse>
         </div>
       </el-scrollbar>
     </div>
@@ -1132,6 +1130,9 @@
   .sidebar-info-item:hover .hid-div{
     visibility: visible;
   }
+  .sidebar-info-sub-item:hover .hid-div{
+    visibility: visible;
+  }
   .metric-tip-icon{
     vertical-align: middle;
     /*color: #3971BA;*/