diff --git a/src/assets/projectLarge/orang.png b/src/assets/projectLarge/orange.png
similarity index 100%
rename from src/assets/projectLarge/orang.png
rename to src/assets/projectLarge/orange.png
diff --git a/src/views/omScreen/components/rightPage.vue b/src/views/omScreen/components/rightPage.vue
index ede6e87..7916e0a 100644
--- a/src/views/omScreen/components/rightPage.vue
+++ b/src/views/omScreen/components/rightPage.vue
@@ -7,16 +7,47 @@
             </div>
         </div>
         <!--  -->
-        <div class="data_box">
+        <div class="bj_box">
             <Title title="报警统计" />
-    
+            <div class="warnbox">
+                <div class="warn_total">
+                    <div class="warn_num">17<span class="unit"> 条</span></div>
+                    <img src="@/assets/projectLarge/warn.png" alt="">
+                    <div class="warn_text">全部报警</div>
+                </div>
+                <div class="warn_item color1">
+                    <div class="warn_num">5<span class="unit"> 条</span></div>
+                    <img src="@/assets/projectLarge/yellow.png" alt="">
+                    <div class="warn_status">未处理</div>
+                </div>
+                <div class="warn_item color2">
+                    <div class="warn_num">12<span class="unit"> 条</span></div>
+                    <img src="@/assets/projectLarge/green.png" alt="">
+                    <div class="warn_status">已处理</div>
+                </div>
+                <div class="warn_item color3">
+                    <div class="warn_num">17<span class="unit"> 条</span></div>
+                    <img src="@/assets/projectLarge/red.png" alt="">
+                    <div class="warn_status">事故</div>
+                </div>
+                <div class="warn_item color4">
+                    <div class="warn_num">0<span class="unit"> 条</span></div>
+                    <img src="@/assets/projectLarge/orange.png" alt="">
+                    <div class="warn_status">严重</div>
+                </div>
+                <div class="warn_item color5">
+                    <div class="warn_num">0<span class="unit"> 条</span></div>
+                    <img src="@/assets/projectLarge/primary.png" alt="">
+                    <div class="warn_status">普通</div>
+                </div>
+            </div>
         </div>
     </div>
 </template>
 
 <script setup lang="ts">
 import EchartBoxTwo from '@/components/EchartBox/index.vue';
-import { option1} from './options';
+import { option1 } from './options';
 import Title from './title.vue';
 
 const option_fdssgl = ref(option1);
@@ -32,11 +63,9 @@ 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;
-    
+
 }
 
 onMounted(() => {
@@ -57,6 +86,31 @@ $background-color: rgba(17, 25, 24, 0.3);
 $vm_base: 1920;
 $vh_base: 1080;
 
+.color1 {
+    color: rgba(255, 195, 0, 1);
+    text-shadow: 0px 1.24px 6.21px rgba(255, 195, 0, 1);
+}
+
+.color2 {
+    color: rgba(67, 207, 124, 1);
+    text-shadow: 0px 1.24px 6.21px rgba(67, 207, 124, 1);
+}
+
+.color3 {
+    color: rgba(212, 48, 48, 1);
+    text-shadow: 0px 1.24px 6.21px rgba(212, 48, 48, 1);
+}
+
+.color4 {
+    color: rgba(255, 141, 26, 1);
+    text-shadow: 0px 1.24px 6.21px rgba(255, 141, 26, 1);
+}
+
+.color5 {
+    color: rgba(197, 252, 244, 1);
+    text-shadow: 0px 1.24px 6.21px rgba(0, 190, 247, 1);
+}
+
 // 计算vw
 @function vw($px) {
     @return calc(($px / $vm_base) * 100vw);
@@ -85,6 +139,8 @@ $vh_base: 1080;
     background: $background-color;
 }
 
+
+
 .data_box {
     display: flex;
     flex-direction: column;
@@ -99,59 +155,61 @@ $vh_base: 1080;
     }
 }
 
-.error_tip_box {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: vw(5);
-    margin-right: vw(8);
+.bj_box {
+    width: 100%;
+    height: calc(50vh - vh(25));
+    background-color: $background-color;
 
-    img {
-        width: vw(20);
-        height: vh(20);
-    }
-
-    .error_tip {
-        height: vh(26);
-        width: vw(81);
-        border-radius: vw(13);
-        background: rgba(0, 255, 238, 0.12);
-        color: rgba(0, 255, 238, 1);
-        font-size: vw(10);
+    .warnbox {
+        width: 100%;
+        height: vh(120);
+        display: flex;
+        align-items: center;
+        justify-content: center;
         text-align: center;
-        line-height: vh(26);
-    }
-}
+        margin-top: vh(20);
 
-.error_list {
-    flex: 1;
-    display: flex;
-    gap: vw(10);
-    margin: vh(10) vw(15);
-    overflow: hidden;
-    flex-wrap: nowrap;
-    cursor: grabbing;
+        .warn_total {
+            color: rgba(0, 255, 238, 1);
+            font-size: vh(20);
+            font-family: ue_title;
 
-    .error_item {
-        flex: 0 0 auto;
-        width: vw(300);
-        padding: vh(10) vw(10);
-        color: #fff;
-        background: rgba(255, 255, 255, 0.09);
-        border: 1px solid rgba(0, 255, 238, 0.5);
-        border-radius: vw(8);
+            .unit {
+                font-size: vh(14);
+            }
 
-        .item_info {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            font-size: vw(14);
-            font-weight: bold;
-            margin-bottom: vh(10);
+            img {
+                width: vw(100);
+                height: vh(80);
+            }
         }
 
-        .item_headline {
-            font-size: vw(16);
+        .warn_item {
+            text-align: center;
+            width: vw(74);
+            height: vh(104);
+            font-family: SourceHanSansCN-Normal;
+
+            .warn_num {
+                font-size: vh(20);
+                font-weight: bold;
+                color: rgba(255, 255, 255, 1);
+                margin-bottom: vh(-20);
+
+                .unit {
+                    font-size: vh(14);
+                }
+            }
+
+            .warn_status {
+                font-size: vh(12);
+                margin-top: vh(-10);
+            }
+
+            img {
+                width: vw(64);
+                height: vh(64);
+            }
         }
     }
 }