修改

src/views/ueScreen/components/leftPage.vue

@@ -1,6 +1,20 @@
 <template>
     <div class="leftpageContainer">
         <!-- 头部图表 -->
+         <div class="topInfoContainer">
+           <div class="left">
+            <span class="top">
+                <span class="num">365</span>
+                <span class="unit">day</span>
+            </span>
+            <span class="desc">
+                运行天数
+            </span>
+           </div>
+           <div class="right">
+            
+           </div>
+         </div>
         <!-- 中部图表 -->
         <div class="middleInfo">
             <SmallTitle :title="'光伏电站总览'" />
@@ -109,7 +123,37 @@ const infoList = ref([
 @import '@/views/ueScreen/gis.scss';
 
 .leftpageContainer {
-
+    // 头部图表
+    .topInfoContainer {
+        width: vw(467);
+        height: vh(128);
+        .left {
+            width: vw(180);
+            height: vh(140);
+            background-image: url('@/assets/ueimg/bg1.png');
+            background-size: cover;
+            background-repeat: no-repeat;
+            background-position: center center;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            position: relative;
+            .top {
+                position: absolute;
+                top: vh(14);
+                .num {
+                    font-size: vh(24);
+                }
+                .unit {
+                    font-size: vh(12);
+                    color: rgba(255, 255, 255, 0.7);
+                }
+            }
+            .desc {
+                font-size: vh(12);
+            }
+        }
+    }
     //  中部信息
     .middleInfo {
 
@@ -120,8 +164,9 @@ const infoList = ref([
             // padding: vw(8);
             box-sizing: border-box;
             position: relative;
-            background-image: url('@/assets/ueimg/circle1.png');
+            background-image: url('@/assets/ueimg/bg.png');
             background-size: 100% 100%;
+            margin-bottom: vh(12);
             .totalView {
                 display: flex;
                 flex-direction: column;
@@ -189,7 +234,7 @@ const infoList = ref([
             .infoItem {
                 display: flex;
                 align-items: center;
-                width: vw(465.8);
+                width: vw(467);
                 height: vh(74);
                 background-image: url('@/assets/ueimg/item.png');
                 background-size: cover;

src/views/ueScreen/components/smalltitle.vue

@@ -23,7 +23,7 @@ const props = defineProps({
     background-image: url('@/assets/ueimg/title.png');
     background-size: cover;
     border: vw(1) solid rgba(255, 255, 255, 1);
-    width: vw(465.8);
+    width: vw(467);
     height: vh(40);
     display: flex;
     align-items: center;