From 040aaab24664750068de9691b358e18c680c6e4e Mon Sep 17 00:00:00 2001
From: shi <936384804@qq.com>
Date: Sat, 15 Nov 2025 18:33:27 +0800
Subject: [PATCH] 1

---
 src/views/ueScreen/components/date.vue      |  3 +-
 src/views/ueScreen/components/leftPage.vue  |  9 +++---
 src/views/ueScreen/components/project.vue   |  2 +-
 src/views/ueScreen/components/rightPage.vue | 32 ++++++++++++---------
 src/views/ueScreen/index.vue                |  6 ++--
 5 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/src/views/ueScreen/components/date.vue b/src/views/ueScreen/components/date.vue
index 682ef36..d104b4d 100644
--- a/src/views/ueScreen/components/date.vue
+++ b/src/views/ueScreen/components/date.vue
@@ -13,7 +13,6 @@
         </li>
       </ul>
     </div>
-
     <!-- 月份选择器 -->
     <div class="picker-group">
       <div class="picker-input" @click="isMonthOpen = !isMonthOpen" :class="{ 'open': isMonthOpen }">
@@ -205,7 +204,7 @@ $vh_base: 1080;
   right: 0;
   max-height: vh(200); /* 限制最大高度并可滚动 */
   overflow-y: auto;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.3);
   border-radius: vw(4);
   box-shadow: 0 vh(4) vh(12) rgba(0, 0, 0, 0.15); /* 更明显的阴影 */
   list-style: none;
diff --git a/src/views/ueScreen/components/leftPage.vue b/src/views/ueScreen/components/leftPage.vue
index 453f35b..7b9784e 100644
--- a/src/views/ueScreen/components/leftPage.vue
+++ b/src/views/ueScreen/components/leftPage.vue
@@ -5,7 +5,7 @@
             <div class="left">
                 <span class="top">
                     <span class="num">365</span>
-                    <span class="unit">day</span>
+                    <!-- <span class="unit">day</span> -->
                 </span>
                 <span class="desc">
                     运行天数
@@ -103,7 +103,6 @@
 </template>
 <script lang="ts" setup>
 import SmallTitle from './smalltitle.vue';
-import { ref } from 'vue';
 
 // 模拟数据量，用于拖动条渲染
 const operationData = ref({
@@ -389,19 +388,19 @@ const powerGenerationData = ref([
 
                 .infoName {
                     margin-left: vw(17);
-                    font-size: vh(20);
+                    font-size: vw(16);
                     width: vw(200);
                     height: vh(28);
                 }
 
                 .infoValue {
                     margin-left: vw(62);
-                    font-size: vh(20);
+                    font-size: vw(16);
                 }
 
                 .infoUnit {
                     margin-left: vw(34);
-                    font-size: vh(18);
+                    font-size: vw(16);
                     color: rgba(125, 255, 253, 1);
                 }
             }
diff --git a/src/views/ueScreen/components/project.vue b/src/views/ueScreen/components/project.vue
index 0d12a21..7300d13 100644
--- a/src/views/ueScreen/components/project.vue
+++ b/src/views/ueScreen/components/project.vue
@@ -157,7 +157,7 @@ $vh_base: 1080;
   right: 0;
   max-height: vh(200); /* 限制最大高度并可滚动 */
   overflow-y: auto;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.3);
   border-radius: vw(4);
   box-shadow: 0 vh(4) vh(12) rgba(0, 0, 0, 0.15); /* 更明显的阴影 */
   list-style: none;
diff --git a/src/views/ueScreen/components/rightPage.vue b/src/views/ueScreen/components/rightPage.vue
index 55e2910..94ff0f3 100644
--- a/src/views/ueScreen/components/rightPage.vue
+++ b/src/views/ueScreen/components/rightPage.vue
@@ -49,9 +49,9 @@ import EchartBoxTwo from '@/components/EchartBox/index.vue';
 import { option1, option2, option3 } from './options';
 import Smalltitle from './smalltitle.vue';
 
-const option_fdssgl = ref(option1);
-const option_fdzlqs = ref(option2);
-const option_dzfhqx = ref(option3);
+const option_fdssgl = ref(null);
+const option_fdzlqs = ref(null);
+const option_dzfhqx = ref(null);
 const errorListRef = ref<HTMLElement | null>(null);
 const errorList = ref([1, 2, 3, 4, 5, 6, 7]);
 
@@ -67,23 +67,27 @@ const handleWheel = (event: WheelEvent) => {
 const reszieFont = () => {
     const fontSize = Math.sqrt(window.innerWidth) / 3;
 
-    option_fdssgl.value.xAxis.axisLabel.fontSize = fontSize;
-    option_fdssgl.value.yAxis.axisLabel.fontSize = fontSize;
-    option_fdssgl.value.legend.textStyle.fontSize = fontSize;
+    option1.xAxis.axisLabel.fontSize = fontSize;
+    option1.yAxis.axisLabel.fontSize = fontSize;
+    option1.legend.textStyle.fontSize = fontSize;
 
-    option_fdzlqs.value.xAxis.axisLabel.fontSize = fontSize;
-    option_fdzlqs.value.yAxis.axisLabel.fontSize = fontSize;
-    option_fdzlqs.value.legend.textStyle.fontSize = fontSize;
-    option_fdzlqs.value.yAxis.nameTextStyle.fontSize = fontSize;
+    option2.xAxis.axisLabel.fontSize = fontSize;
+    option2.yAxis.axisLabel.fontSize = fontSize;
+    option2.legend.textStyle.fontSize = fontSize;
+    option2.yAxis.nameTextStyle.fontSize = fontSize;
 
-    option_dzfhqx.value.xAxis.axisLabel.fontSize = fontSize;
-    option_dzfhqx.value.yAxis.axisLabel.fontSize = fontSize;
-    option_dzfhqx.value.legend.textStyle.fontSize = fontSize;
+    option3.xAxis.axisLabel.fontSize = fontSize;
+    option3.yAxis.axisLabel.fontSize = fontSize;
+    option3.legend.textStyle.fontSize = fontSize;
+
+    option_fdssgl.value = option1;
+    option_fdzlqs.value = option2;
+    option_dzfhqx.value = option3;
 }
 
 onMounted(() => {
+    reszieFont();
     window.addEventListener('resize', reszieFont);
-
     window.addEventListener('wheel', handleWheel, { passive: false });
     // passive: false 是关键，允许我们在事件处理函数中调用 event.preventDefault()
 });
diff --git a/src/views/ueScreen/index.vue b/src/views/ueScreen/index.vue
index 8260798..9690f5a 100644
--- a/src/views/ueScreen/index.vue
+++ b/src/views/ueScreen/index.vue
@@ -2,8 +2,8 @@
   <div class="ueScreen">
     <Header :isFull="isFull" @changePage="handleChangePage" />
     <div class="content_box">
-      <LeftPage class="left" :style="{ left: isHideOther ? '-25vw' : '0' }" />
-      <RightPage class="right" :style="{ right: isHideOther ? '-25vw' : '0' }" />
+      <LeftPage class="left" :style="{ left: isHideOther ? '-25vw' : '1vw' }" />
+      <RightPage class="right" :style="{ right: isHideOther ? '-25vw' : '1vw' }" />
     </div>
   </div>
 </template>
@@ -93,7 +93,7 @@ $vh_base: 1080;
 .ueScreen {
   width: 100vw;
   height: 100vh;
-  // background-image: url('@/assets/ueimg/bj.png');
+  background-image: url('@/assets/ueimg/bj.png');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;