From 95991e784140cef254ae4dd41cc48c517ce6f4b9 Mon Sep 17 00:00:00 2001
From: Wangjunqi123 <wangjunqi@kylinos.cn>
Date: Tue, 21 Nov 2023 10:28:45 +0800
Subject: [PATCH] apply scrollbar

---
 web/src/views/ClusterView.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/views/ClusterView.vue b/web/src/views/ClusterView.vue
index 7586417..ad69892 100755
--- a/web/src/views/ClusterView.vue
+++ b/web/src/views/ClusterView.vue
@@ -2,11 +2,11 @@
   <div id="topo-container" class="container"></div>
   <!-- 外层抽屉组件 -->
   <el-drawer class="drawer" v-model="chart_drawer" :with-header="false" direction="rtl" size="480px" :before-close="handleClose">
-    <div class="drawer_head_div">
+    <el-scrollbar class="drawer_head_div">
       <div v-for="(tag, i) in tags" :style="{ 'display': 'flex', 'margin-bottom': '5px' }">
         <span class="tag" :style="{ 'background-color': tags_color[i] }">{{ tag }}</span>
       </div>
-    </div>
+    </el-scrollbar>
 
     <div class="drawer_body_div">
       <grid-layout :col-num="3" :is-draggable="grid.draggable" :is-resizable="grid.resizable" :layout.sync="layout"
@@ -119,8 +119,8 @@ function handleClose() {
 onMounted(async () => {
   try {
     // ttcode
-    const data = topodata
-    // const data = await topo.multi_host_topo();
+    // const data = topodata
+    const data = await topo.multi_host_topo();
 
 
     for (let i = 0; i < data.data.edges.length; i++) {
-- 
Gitee