rui.jiang před 4 měsíci
rodič
revize
2a0a110cc3
24 změnil soubory, kde provedl 497 přidání a 19 odebrání
  1. 7 4
      src/views/overview/components/analysis_information/index.vue
  2. 21 0
      src/views/overview/components/cp_trend/index.vue
  3. 22 0
      src/views/overview/components/data_integrity_minute/index.vue
  4. 22 0
      src/views/overview/components/fault_all/index.vue
  5. 22 0
      src/views/overview/components/fault_unit/index.vue
  6. 21 0
      src/views/overview/components/min_pitch/index.vue
  7. 22 0
      src/views/overview/components/pitch_tsr_cp/index.vue
  8. 22 0
      src/views/overview/components/power_curve/index.vue
  9. 22 1
      src/views/overview/components/power_scatter/index.vue
  10. 24 2
      src/views/overview/components/power_scatter_2D/index.vue
  11. 21 0
      src/views/overview/components/production_indicator_all/index.vue
  12. 21 0
      src/views/overview/components/production_indicator_unit/index.vue
  13. 22 1
      src/views/overview/components/rated_power_windspeed/index.vue
  14. 22 1
      src/views/overview/components/rated_windspeed/index.vue
  15. 22 1
      src/views/overview/components/temperature_environment/index.vue
  16. 22 1
      src/views/overview/components/tsr_cp_power/index.vue
  17. 22 1
      src/views/overview/components/tsr_cp_power_scatter/index.vue
  18. 21 0
      src/views/overview/components/tsr_trend/index.vue
  19. 22 0
      src/views/overview/components/wind_direction_frequency/index.vue
  20. 24 1
      src/views/overview/components/wind_speed/index.vue
  21. 25 1
      src/views/overview/components/wind_speed_frequency/index.vue
  22. 22 0
      src/views/overview/components/yaw_error/index.vue
  23. 22 1
      src/views/overview/components/yaw_error_density/index.vue
  24. 4 4
      vue.config.js

+ 7 - 4
src/views/overview/components/analysis_information/index.vue

@@ -205,7 +205,7 @@ export default {
 }
 
 .left {
-  width: 60%;
+  width: 70%;
 
   // flex: 1;
   .box-content-min {
@@ -226,6 +226,7 @@ export default {
     display: flex;
     flex-wrap: wrap;
     margin: 20px 0;
+    padding-bottom: 10px;
 
     .itemAnalysisCompletionUnit {
       text-align: center;
@@ -234,7 +235,9 @@ export default {
       margin-right: 10px;
       border-radius: 10px;
       padding: 10px 5px;
-
+      span {
+        font-size: 12px;
+      }
       .WindPower3 {
         padding: 10px 5px;
         text-align: center;
@@ -244,7 +247,7 @@ export default {
 }
 
 .right {
-  width: 40%;
+  width: 30%;
   height: 100%;
   /* 确保容器高度为100% */
   // flex: 1;
@@ -256,7 +259,7 @@ export default {
 .right .map-ditu {
   width: 100%;
   /* 设置地图的宽度 */
-  height: 60vh;
+  height: 40vh;
   border-radius: 90px;
 
   /* 设置地图的高度 */

+ 21 - 0
src/views/overview/components/cp_trend/index.vue

@@ -282,6 +282,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+    &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
   }
 
   .right {

+ 22 - 0
src/views/overview/components/data_integrity_minute/index.vue

@@ -236,6 +236,28 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
   }
   .right {
     width: 250px;

+ 22 - 0
src/views/overview/components/fault_all/index.vue

@@ -389,6 +389,28 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
   }
 
   .right {

+ 22 - 0
src/views/overview/components/fault_unit/index.vue

@@ -376,6 +376,28 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
   }
 
   .right {

+ 21 - 0
src/views/overview/components/min_pitch/index.vue

@@ -284,6 +284,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
 
   .right {

+ 22 - 0
src/views/overview/components/pitch_tsr_cp/index.vue

@@ -278,6 +278,28 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
   }
 
   .right {

+ 22 - 0
src/views/overview/components/power_curve/index.vue

@@ -507,6 +507,28 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
   .right {
     width: 250px;

+ 22 - 1
src/views/overview/components/power_scatter/index.vue

@@ -28,7 +28,7 @@
           </div>
         </template>
         <div style="font-size: 12px; margin-top: 10px">
-          动态偏航误差分析是对机组偏航对风角度的分布情况进行统计及可视化展示,对风角度分布对称性较差的机组需要关注其偏航系统对风异常原因
+          在风力发电机组中,功率曲线散点图是一种展示在不同风速下风机产生的功率的工具。这种图表通常以风速为横坐标,以发电机的功率输出为纵坐标。在理想情况下,这些散点应当形成一条清晰的曲线,反映出风速与发电机功率之间的关系。功率曲线是风力发电机性能的关键指标,可以用来评估风机在不同风速条件下的表现
         </div>
       </el-alert>
       <div class="titleCharts">分析分图 :</div>
@@ -307,6 +307,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
 
   .right {

+ 24 - 2
src/views/overview/components/power_scatter_2D/index.vue

@@ -6,14 +6,14 @@
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/overview/components/power_scatter_2D/index.vue
 -->
-<template>
+<!-- <template>
   <div>逐月有功功率散点2D分析</div>
 </template>
 <script>
 export default {
   name: "powerScatter2D",
 };
-</script>
+</script> -->
 <style scoped lang="scss"></style>
 <template>
   <div class="type-variable">
@@ -289,6 +289,28 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
   }
   .right {
     width: 250px;

+ 21 - 0
src/views/overview/components/production_indicator_all/index.vue

@@ -389,6 +389,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
 
   .right {

+ 21 - 0
src/views/overview/components/production_indicator_unit/index.vue

@@ -386,6 +386,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
 
   .right {

+ 22 - 1
src/views/overview/components/rated_power_windspeed/index.vue

@@ -28,7 +28,7 @@
           </div>
         </template>
         <div style="font-size: 12px; margin-top: 10px">
-          在风力发电机组中,额定功率是指风机在特定设计条件下能够安全、有效地输出的最大功率。这个值是基于风机设计和电气系统的能力确定的,通常是在一定的风速下测定,称为额定风速。达到额定风速时,风机可以产生最大的功率输出,而不会超过其机械和电气组件的设计极限。
+在风力发电机组中,额定功率是指风机在特定设计条件下能够安全、有效地输出的最大功率。这个值是基于风机设计和电气系统的能力确定的,通常是在一定的风速下测定,称为额定风速。达到额定风速时,风机可以产生最大的功率输出,而不会超过其机械和电气组件的设计极限。
         </div>
       </el-alert>
       <div class="titleCharts">分析总图 :</div>
@@ -282,6 +282,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
 
   .right {

+ 22 - 1
src/views/overview/components/rated_windspeed/index.vue

@@ -28,7 +28,7 @@
           </div>
         </template>
         <div style="font-size: 12px; margin-top: 10px">
-          风向玫瑰图是一种表示某地不同风向出现频率分布的图表
+          在风力发电机组中,额定功率是指风机在特定设计条件下能够安全、有效地输出的最大功率。这个值是基于风机设计和电气系统的能力确定的,通常是在一定的风速下测定,称为额定风速。达到额定风速时,风机可以产生最大的功率输出,而不会超过其机械和电气组件的设计极限
         </div>
       </el-alert>
 
@@ -275,6 +275,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
 
   .right {

+ 22 - 1
src/views/overview/components/temperature_environment/index.vue

@@ -28,7 +28,7 @@
           </div>
         </template>
         <div style="font-size: 12px; margin-top: 10px">
-          风向玫瑰图是一种表示某地不同风向出现频率分布的图表
+          将温度传感器的性能与绝对温度以及相对于风场其他传感器的变化进行比较,以检测机组环境温度传感器的性能。主要检查机组温度值的平均值,并比较每台机组的温度值和周围机组(10倍叶轮直径范围内)的温度均值,输出每台机组和其周围机组的温度差值,正常范围设定为±5℃。如下图所示
         </div>
       </el-alert>
 
@@ -290,6 +290,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
 
   .right {

+ 22 - 1
src/views/overview/components/tsr_cp_power/index.vue

@@ -28,7 +28,7 @@
           </div>
         </template>
         <div style="font-size: 12px; margin-top: 10px">
-          风向玫瑰图是一种表示某地不同风向出现频率分布的图表
+          此项分析是基于叶尖速比和三次根号下风能利用系数的比值,是机组除去风速影响以外的本身运行特性的展示,对于判断如何优化机组至关重要:该分析也是监测风机性能的重要手段。如果该值出现异常趋势,可能预示着设备损耗、叶片故障等异常状态。通过分析运行数据,可以调整风机设计和操作策略,以保持理想的运行状态,从而优化整体性能和延长风机的使用寿命
         </div>
       </el-alert>
 
@@ -290,6 +290,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
 
   .right {

+ 22 - 1
src/views/overview/components/tsr_cp_power_scatter/index.vue

@@ -28,7 +28,7 @@
           </div>
         </template>
         <div style="font-size: 12px; margin-top: 10px">
-          动态偏航误差分析是对机组偏航对风角度的分布情况进行统计及可视化展示,对风角度分布对称性较差的机组需要关注其偏航系统对风异常原因
+          此项分析是基于叶尖速比和三次根号下风能利用系数的比值,是机组除去风速影响以外的本身运行特性的展示,对于判断如何优化机组至关重要:该分析也是监测风机性能的重要手段。如果该值出现异常趋势,可能预示着设备损耗、叶片故障等异常状态。通过分析运行数据,可以调整风机设计和操作策略,以保持理想的运行状态,从而优化整体性能和延长风机的使用寿命
         </div>
       </el-alert>
       <VirtualList
@@ -279,6 +279,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
 
   .right {

+ 21 - 0
src/views/overview/components/tsr_trend/index.vue

@@ -284,6 +284,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+    &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
   }
 
   .right {

+ 22 - 0
src/views/overview/components/wind_direction_frequency/index.vue

@@ -279,6 +279,28 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
   }
   .right {
     width: 250px;

+ 24 - 1
src/views/overview/components/wind_speed/index.vue

@@ -28,7 +28,7 @@
           </div>
         </template>
         <div style="font-size: 12px; margin-top: 10px">
-          风向玫瑰图是一种表示某地不同风向出现频率分布的图表
+          风速均值分析是统计某一时间段内的平均风速,以反映风资源整体水平。风速均值是衡量风电场风资源潜力的重要指标
         </div>
       </el-alert>
 
@@ -273,6 +273,29 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
   }
   .right {
     width: 250px;

+ 25 - 1
src/views/overview/components/wind_speed_frequency/index.vue

@@ -27,7 +27,7 @@
           </div>
         </template>
         <div style="font-size: 12px; margin-top: 10px">
-          风向玫瑰图是一种表示某地不同风向出现频率分布的图表
+          风速频率分析是对风电场某一段时间内不同风速出现频率的统计和分布情况的研究。可以确定风电场的风速分布特点,了解风速主要集中在哪些区间
         </div>
       </el-alert>
       <div class="titleCharts">分析分图 :</div>
@@ -286,6 +286,30 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+
+  /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
+
   }
   .right {
     width: 250px;

+ 22 - 0
src/views/overview/components/yaw_error/index.vue

@@ -402,6 +402,28 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+
   }
 
   .right {

+ 22 - 1
src/views/overview/components/yaw_error_density/index.vue

@@ -27,7 +27,7 @@
           </div>
         </template>
         <div style="font-size: 12px; margin-top: 10px">
-          风能利用系数可以表示为变桨角度和叶尖速比的函数。每一个确定的桨距角,都存在一个最大风力利用系数,随着桨距角的变大,最大风力利用系数降低,其对应的叶尖速比也降低。此分析可以看出机组的发电情况表现
+          动态偏航误差分析是对机组偏航对风角度的分布情况进行统计及可视化展示,对风角度分布对称性较差的机组需要关注其偏航系统对风异常原因
         </div>
       </el-alert>
       <VirtualList
@@ -288,6 +288,27 @@ export default {
     overflow: auto;
     padding: 20px;
     flex: 1;
+      /* 滚动条整体样式 */
+  &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
   }
 
   .right {

+ 4 - 4
vue.config.js

@@ -66,8 +66,8 @@ module.exports = {
         // target: "http://192.168.5.4:16200", // 石月
         // target: "http://192.168.50.235:16200", // 内网
         // target: "http://192.168.5.15:16200",
-        target: "http://192.168.50.235:16500", //演示环境
-        // target: "http://106.120.102.238:26500", //外网演示环境
+        // target: "http://192.168.50.235:16500", //演示环境
+        target: "http://106.120.102.238:26500", //外网演示环境
         // target: "http://106.120.102.238:16700", // 外网16700  生产16600
         // target: "http://10.96.137.5",
         changeOrigin: true,
@@ -88,8 +88,8 @@ module.exports = {
         // target: "http://192.168.50.241:9001", // WZLapi 目标地址
         // target: "http://192.168.5.11:8001", // WZLapi 目标地址
         // target: "http://106.120.102.238:18080/ImportDataDev", //导数工具
-        target: "http://106.120.102.238:18080/WindTransDev", //WTL外网目标地址  
-        // target: "http://106.120.102.238:28999/transDataWeb", //WTL外网目标地址  
+        // target: "http://106.120.102.238:18080/WindTransDev", //WTL外网目标地址  
+        target: "http://106.120.102.238:28999/transDataWeb", //WTL外网目标地址  
    
 
         changeOrigin: true,