From fe6e77a6c3e5791d0d7b36b3122e22c78f791473 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Tue, 27 Apr 2021 10:02:08 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=20termail=20=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/cli/webSSH.scss |  3 +++
 nezha-fronted/src/components/cli/webSSH.vue  | 15 ++++++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/nezha-fronted/src/components/cli/webSSH.scss b/nezha-fronted/src/components/cli/webSSH.scss
index bc397bbc7..75bcbadd4 100644
--- a/nezha-fronted/src/components/cli/webSSH.scss
+++ b/nezha-fronted/src/components/cli/webSSH.scss
@@ -199,4 +199,7 @@
     color: $--theme-color;
   }
 }
+.sub-list{
+  background: #000 !important;
+}
 /* 上滑resize工具条--end */
diff --git a/nezha-fronted/src/components/cli/webSSH.vue b/nezha-fronted/src/components/cli/webSSH.vue
index e76bde7a2..c5fbebf6d 100644
--- a/nezha-fronted/src/components/cli/webSSH.vue
+++ b/nezha-fronted/src/components/cli/webSSH.vue
@@ -1,4 +1,4 @@
-<style lang="scss">
+<style lang="scss" scoped>
   @import './webSSH.scss';
 </style>
 <template>
@@ -57,6 +57,18 @@
         >
           <!-- tab显示的内容 1 grey,2 green, 3 red-->
           <span slot="label" style="">
+            <el-popover
+              slot="label"
+              placement="top"
+              width="150"
+              trigger="hover"
+              :popper-class="'popover-webshell'"
+            >
+            <div>
+             {{item.uuid.slice(0,7)}}
+            </div>
+            <span slot="reference"> <i class="nz-icon nz-icon-about" /></span>
+          </el-popover>
             <div :class="{'active-icon grey':item.circleColor == 1,'active-icon green':item.circleColor == 2,'active-icon red':item.circleColor == 3}"
                  style="margin-top: 0px;"></div>{{item.title}}
           </span>
@@ -441,6 +453,7 @@ export default {
         title: title,
         name: newTabName,
         circleColor: 1, // 1 grey,2 green, 3 red
+        uuid: uuid,
         terminal: {
           name: newTabName,
           cols: 225,