From 24034fa7b3c158fa459f02e24e76c2ab9fce0b5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=8A=B2=E6=9D=BE?= <chenjinsong@zdjizhi.com>
Date: Tue, 17 Mar 2020 18:37:05 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BA=8C=E7=BA=A7=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0tab=EF=BC=8C=E7=BB=9F=E4=B8=80=E9=A1=B5?=
 =?UTF-8?q?=E7=AD=BE=E6=9D=A1=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/assets/stylus/main.scss     | 20 ++++++++++++++++++-
 nezha-fronted/src/components/cli/webSSH.scss  |  7 ++++---
 .../src/components/page/project/project.vue   |  9 ++-------
 3 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index 4d9d8be24..a866c0080 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -374,6 +374,24 @@ li{
 
 /* end--nz-tab组件*/
 
+/* begin--二级页面tab*/
+.sub-list-tabs {
+  margin-top: 0 !important;
+  height: 100%;
+  background-color: #f5f7fa;
+}
+.sub-list-tab {
+  width: 100px;
+  font-size: 14px;
+  color: $global-text-color-active;
+  background-color: white;
+  border-top: solid 2px #ee9d3f;
+  height: calc(100% - 2px);
+  padding-left: 20px;
+  line-height: 27px;
+}
+/* end--二级页面tab*/
+
 /* end--通用*/
 
 /* begin--左侧列表*/
@@ -492,7 +510,7 @@ li{
 /* begin--二级顶部工具栏*/
 .sub-top-tools {
   display: flex;
-  height: 40px;
+  height: 30px;
   align-items: center;
   justify-content: space-between;
   border-top: 1px solid #DCDFE6;
diff --git a/nezha-fronted/src/components/cli/webSSH.scss b/nezha-fronted/src/components/cli/webSSH.scss
index 88e159984..725314522 100644
--- a/nezha-fronted/src/components/cli/webSSH.scss
+++ b/nezha-fronted/src/components/cli/webSSH.scss
@@ -53,10 +53,11 @@
     position: absolute;
     top:8px;
   }
-  .console-title-icon:hover:before{
-    color: #1989fa;
+  .console-title-icon:hover:before,
+  .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active,
+  .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
+    color: $global-text-color-active;
   }
-
   .el-dialog {
     .el-dialog__body{
       overflow-x:hidden !important;/*防止console窗口x轴出现滚动条*/
diff --git a/nezha-fronted/src/components/page/project/project.vue b/nezha-fronted/src/components/page/project/project.vue
index b83585fff..27c7e0900 100644
--- a/nezha-fronted/src/components/page/project/project.vue
+++ b/nezha-fronted/src/components/page/project/project.vue
@@ -191,13 +191,8 @@
       <div @mousedown="listResize" class="sub-list-resize" v-show="tableShow == 3">一</div>
       <div class="sub-list" v-show="tableShow == 3">
         <div class="sub-top-tools" v-show="subResizeShow">
-          <div>
-            <!--<div @click="backToEdpTab">
-              <button class="nz-btn nz-btn-size-normal nz-btn-style-light float-right nz-btn-min-width-82">
-                <span class='top-tool-btn-txt'>
-                {{$t('overall.back')}}</span>
-              </button>
-            </div>-->
+          <div class="sub-list-tabs margin-l-20" style="width: calc(100% - 780px);">
+            <div class="sub-list-tab">{{$t("overall.query")}}</div>
           </div>
           <!--时间选择器-->
           <div class="top-tool-right">