From 2f43fc60fb8a82db9e7fa0884ba512d2220e0992 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 26 Jan 2024 14:37:38 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=9C=8B=E6=9D=BFCDR=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=90=8D=E7=A7=B0CDREvent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/{CDR => CDREvent}/index.vue      | 17 +++++++++++++++++
 src/views/dashboard/overview/index.vue          |  4 ++--
 2 files changed, 19 insertions(+), 2 deletions(-)
 rename src/views/dashboard/overview/components/{CDR => CDREvent}/index.vue (87%)

diff --git a/src/views/dashboard/overview/components/CDR/index.vue b/src/views/dashboard/overview/components/CDREvent/index.vue
similarity index 87%
rename from src/views/dashboard/overview/components/CDR/index.vue
rename to src/views/dashboard/overview/components/CDREvent/index.vue
index 3dcde44e..d2b0abab 100644
--- a/src/views/dashboard/overview/components/CDR/index.vue
+++ b/src/views/dashboard/overview/components/CDREvent/index.vue
@@ -97,6 +97,23 @@ onMounted(() => {
     overflow-y: auto;
     height: 70%;
 
+    /* 修改滚动条的样式 */
+    &::-webkit-scrollbar {
+      width: 8px; /* 设置滚动条宽度 */
+    }
+
+    &::-webkit-scrollbar-track {
+      background-color: #101129; /* 设置滚动条轨道背景颜色 */
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: #28293f; /* 设置滚动条滑块颜色 */
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+      background-color: #68d8fe; /* 设置鼠标悬停时滚动条滑块颜色 */
+    }
+
     & .row {
       line-height: 1.05;
       padding: 0.5rem 1.5rem;
diff --git a/src/views/dashboard/overview/index.vue b/src/views/dashboard/overview/index.vue
index cee56104..d824afb1 100644
--- a/src/views/dashboard/overview/index.vue
+++ b/src/views/dashboard/overview/index.vue
@@ -3,7 +3,7 @@ import { onMounted, reactive, ref } from 'vue';
 import useI18n from '@/hooks/useI18n';
 import Topology from './components/Topology/index.vue';
 import NeResources from './components/NeResources/index.vue';
-import CDR from './components/CDR/index.vue';
+import CDREvent from './components/CDREvent/index.vue';
 import AlarnDayLine from './components/AlarnDayLine/index.vue';
 import AlarnTypeBar from './components/AlarnTypeBar/index.vue';
 import UPFFlow from './components/UPFFlow/index.vue';
@@ -198,7 +198,7 @@ onMounted(() => {
             <WhatsAppOutlined style="color: #d93f36" />&nbsp;&nbsp; 会话监控
           </h3>
           <div class="chart">
-            <CDR />
+            <CDREvent />
           </div>
         </div>
       </div>