diff --git a/src/assets/styles/1.html b/src/assets/styles/1.html
new file mode 100644
index 0000000..880c800
--- /dev/null
+++ b/src/assets/styles/1.html
@@ -0,0 +1,16 @@
+<div class="card">
+    <div id="content">
+
+    </div>
+</div>
+
+<script type="text/javascript">
+    // 定义每个状态对应的图片URL
+    const titleList = ['运行正常', '运行异常', '未运行']
+    let titleHtml = ""
+    titleList.forEach((title, index) => {
+        titleHtml += `我是标题${title}<br>`
+    })
+    document.getElementById('content').innerHTML = titleHtml
+
+</script>
\ No newline at end of file
diff --git a/src/assets/styles/dialog.scss b/src/assets/styles/dialog.scss
index 5e92c76..6ed33de 100644
--- a/src/assets/styles/dialog.scss
+++ b/src/assets/styles/dialog.scss
@@ -1,3 +1,7 @@
+.no-header-dialog {
+    height: auto;
+}
+
 #custom-dialog {
     padding: 0;
     top: 0;
@@ -11,9 +15,11 @@
 
     .el-dialog__body {
         padding: 0 !important;
+        // height: auto !important;
+        max-height: none !important;
     }
 
-    .alert-content {
+    .status-alert-content {
         background: linear-gradient(180deg, rgba(0, 119, 255, 0.23) 0%, rgba(255, 255, 255, 0) 100%);
         display: flex;
         align-items: center;
@@ -99,15 +105,118 @@
         }
     }
 
-    .alert-content .success {
+    .status-alert-content .success {
         color: rgba(0, 184, 122, 1) !important;
     }
 
-    .alert-content .orange {
+    .status-alert-content .orange {
         color: rgba(255, 153, 0, 1) !important;
     }
 
-    .alert-content .red {
+    .status-alert-content .red {
+        color: rgba(227, 39, 39, 1) !important;
+    }
+
+    .alarm-alert-content {
+        background: linear-gradient(180deg, rgba(255, 87, 51, 0.23) 0%, rgba(255, 219, 219, 0) 100%);
+        padding-left: 50px;
+        padding-right: 50px;
+        padding-bottom: 50px;
+
+        .top {
+            display: flex;
+            gap: 50px;
+            align-items: center;
+            padding: 50px 0;
+            padding-bottom: 20px;
+
+            .info {
+                display: flex;
+                flex-direction: column;
+                gap: 15px;
+
+                .title {
+                    color: rgba(227, 39, 39, 1);
+                    font-size: 28px;
+                    font-weight: bold;
+                }
+
+                .alarm-id {
+                    color: rgba(0, 30, 59, 1);
+                    font-size: 18px;
+                    font-weight: bold;
+                }
+
+                .status-box {
+                    display: flex;
+                    gap: 20px;
+
+                    .status {
+                        font-weight: bold;
+                    }
+
+                    .last-update {
+                        color: rgba(113, 128, 150, 1);
+                    }
+                }
+            }
+
+            .info-box {
+                .list {
+                    display: flex;
+                    gap: 90px;
+
+                    .item {
+                        display: flex;
+                        flex-direction: column;
+                        gap: 30px;
+
+                        .title {
+                            color: rgba(113, 128, 150, 1);
+                            margin-bottom: 10px;
+                        }
+
+                        .text {
+                            color: rgba(0, 30, 59, 1);
+                            font-weight: bold;
+                        }
+                    }
+                }
+            }
+        }
+
+        .progress-box {
+            .title {
+                color: rgba(0, 30, 59, 1);
+                font-weight: bold;
+                font-size: 20px;
+                margin-bottom: 24px;
+            }
+        }
+
+        .notice-box {
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .item {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+            color: rgba(113, 128, 150, 1);
+
+            .time {
+                font-size: 12px;
+            }
+        }
+
+        .title.active {
+            color: rgba(247, 89, 10, 1);
+            font-weight: bold;
+        }
+    }
+
+    .alarm-alert-content .red {
         color: rgba(227, 39, 39, 1) !important;
     }
 }
\ No newline at end of file
diff --git a/src/components/TitleComponent/index.vue b/src/components/TitleComponent/index.vue
index 8b44219..4eddf81 100644
--- a/src/components/TitleComponent/index.vue
+++ b/src/components/TitleComponent/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-row>
+    <el-row v-if="titleStatus">
         <el-col>
             <div style="color: rgba(0, 30, 59, 1);font-family: 'Alibaba-PuHuiTi-Bold';margin: 10px 0 0 0;"
                 :style="{ fontSize: fontLevelMap[props.fontLevel] }">
@@ -11,10 +11,10 @@
                 {{ props.subtitle }}
             </p>
         </el-col>
-
     </el-row>
 </template>
 <script setup>
+const titleStatus = ref(false)
 const props = defineProps({
     title: String,
     subtitle: String,
diff --git a/src/views/pvSystem/mainSystemDiagram/index.vue b/src/views/pvSystem/mainSystemDiagram/index.vue
index 5114f37..7aeb4b9 100644
--- a/src/views/pvSystem/mainSystemDiagram/index.vue
+++ b/src/views/pvSystem/mainSystemDiagram/index.vue
@@ -2,7 +2,7 @@
     <div style="padding: 20px;">
         <el-row>
             <el-col :span="15">
-                <el-row>
+                <el-row style="margin: 20px 0;">
                     <TitleComponent title="设备情况" subtitle="电站一次监控数据" />
                     <sbqk />
                 </el-row>
diff --git a/src/views/pvSystem/siteOverview/components/CustomDialogAlarm.vue b/src/views/pvSystem/siteOverview/components/CustomDialogAlarm.vue
new file mode 100644
index 0000000..a52b60e
--- /dev/null
+++ b/src/views/pvSystem/siteOverview/components/CustomDialogAlarm.vue
@@ -0,0 +1,93 @@
+<template>
+    <el-dialog :visible="dialogVisible" width="1200" id="custom-dialog" class="no-header-dialog normal">
+        <div class="alarm-alert-content success">
+            <el-row>
+                <el-col :span="22">
+                    <div class="top">
+                        <div class="info">
+                            <div class="title">通信中断</div>
+                            <div class="alarm-id">告警ID：INV-2023-003</div>
+                            <div class="status-box">
+                                <div class="status red">状态：待处理</div>
+                                <div class="last-update">最后更新：刚刚</div>
+                            </div>
+                        </div>
+                        <div class="info-box">
+                            <div class="list">
+                                <div class="item">
+                                    <div>
+                                        <div class="title">告警位置</div>
+                                        <div class="text">光伏区A区-3排-08号</div>
+                                    </div>
+                                    <div>
+                                        <div class="title">告警级别</div>
+                                        <div class="text">二级告警（紧急）</div>
+                                    </div>
+                                </div>
+                                <div class="item">
+                                    <div>
+                                        <div class="title">预计解决时间</div>
+                                        <div class="text">2025-09-19 18:00</div>
+                                    </div>
+                                    <div>
+                                        <div class="title">上报时间</div>
+                                        <div class="text">2025-09-18 18:00</div>
+                                    </div>
+                                </div>
+                                <div class="item">
+                                    <div>
+                                        <div class="title">设备负责人</div>
+                                        <div class="text">李华（现场运维组）</div>
+                                    </div>
+                                    <div>
+                                        <div class="title">通知方式</div>
+                                        <div class="text">系统消息、短信、电话</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <el-divider vertical border-style="dashed"></el-divider>
+                    <!-- 进度 -->
+                    <div class="progress-box" style="margin-bottom: 24px;">
+                        <div class="title">处理进度</div>
+                        <el-progress :text-inside="true" color="#ABABAB" :stroke-width="10" :percentage="3"
+                            :show-text="false" />
+                    </div>
+                    <div class="notice-box">
+                        <div class="item">
+                            <div class="title active">告警产生并通知</div>
+                            <div class="time">2025-09-19 18:05</div>
+                            <div class="content">系统检测到告警并通知负责人</div>
+                        </div>
+                        <div class="item">
+                            <div class="title">任务指派</div>
+                            <div class="time"></div>
+                            <div class="content">指派任务给相关责任人</div>
+                        </div>
+                        <div class="item">
+                            <div class="title">开始处理</div>
+                            <div class="time"></div>
+                            <div class="content">运维人员开始处理告警</div>
+                        </div>
+                        <div class="item">
+                            <div class="title">告警产生</div>
+                            <div class="time"></div>
+                            <div class="content">告警已解决并记录结果</div>
+                        </div>
+                    </div>
+                </el-col>
+            </el-row>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup>
+const props = defineProps({
+    dialogVisible: {
+        type: Boolean,
+        required: true, // 若外部必传，设为true；否则可加default: false
+        default: false // 可选：若外部可能不传，设置默认值
+    }
+});
+</script>
\ No newline at end of file
diff --git a/src/views/pvSystem/siteOverview/components/CustomDialogStatus.vue b/src/views/pvSystem/siteOverview/components/CustomDialogStatus.vue
new file mode 100644
index 0000000..79cac99
--- /dev/null
+++ b/src/views/pvSystem/siteOverview/components/CustomDialogStatus.vue
@@ -0,0 +1,102 @@
+<template>
+    <el-dialog :visible="dialogVisible" width="1100" id="custom-dialog" class="no-header-dialog normal">
+        <div class="status-alert-content success">
+            <div class="img">
+                <img src="/assets/dialog1.png" alt="">
+            </div>
+            <div class="info">
+                <div class="title">INV-2023-001</div>
+                <div class="name">华为 SUN2000-60KTL-M0</div>
+                <div>
+                    <div class="icon">
+                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26"
+                            height="26" viewBox="0 0 26 26" fill="none">
+                            <g opacity="0.01">
+                                <path d="M0 0L26 0L26 26L0 26L0 0Z" fill="#202425"></path>
+                            </g>
+                            <path
+                                d="M24.2667 13.0001C24.2667 19.2227 19.2227 24.2667 13.0001 24.2667C6.7774 24.2667 1.7334 19.2227 1.7334 13.0001C1.7334 6.7774 6.7774 1.7334 13.0001 1.7334C19.2227 1.7334 24.2667 6.7774 24.2667 13.0001Z"
+                                fill="#11AA66"></path>
+                            <path
+                                d="M13 2.60003C7.25663 2.60003 2.60003 7.25663 2.60003 13C2.60003 18.7435 7.25663 23.4 13 23.4C18.7435 23.4 23.4 18.7435 23.4 13C23.4 7.25663 18.7435 2.60003 13 2.60003ZM0.866699 13C0.866699 6.29897 6.29897 0.866699 13 0.866699C19.7011 0.866699 25.1334 6.29897 25.1334 13C25.1334 19.7011 19.7011 25.1334 13 25.1334C6.29897 25.1334 0.866699 19.7011 0.866699 13Z"
+                                fill="#11AA66"></path>
+                            <path
+                                d="M19.9853 8.61459C20.0004 8.62964 20.015 8.64504 20.0293 8.6608C20.0435 8.67656 20.0574 8.69266 20.0709 8.7091C20.0844 8.72555 20.0974 8.74231 20.1101 8.75939C20.1228 8.77647 20.135 8.79385 20.1468 8.81152C20.1586 8.82921 20.1699 8.84717 20.1809 8.8654C20.1918 8.88365 20.2023 8.90215 20.2123 8.92091C20.2223 8.93966 20.2318 8.95864 20.2409 8.97786C20.25 8.99708 20.2586 9.01652 20.2667 9.03615C20.2748 9.05579 20.2825 9.07562 20.2896 9.09564C20.2968 9.11567 20.3035 9.13585 20.3096 9.1562C20.3158 9.17653 20.3215 9.19701 20.3266 9.21765C20.3318 9.23826 20.3364 9.259 20.3406 9.27985C20.3447 9.30071 20.3484 9.32165 20.3515 9.34267C20.3546 9.36369 20.3572 9.38478 20.3593 9.40594C20.3614 9.4271 20.3629 9.44829 20.364 9.46952C20.365 9.49076 20.3655 9.51202 20.3655 9.53328C20.3655 9.55454 20.365 9.57578 20.364 9.59701C20.3629 9.61823 20.3614 9.63943 20.3593 9.66059C20.3572 9.68174 20.3546 9.70284 20.3515 9.72386C20.3484 9.7449 20.3447 9.76585 20.3406 9.7867C20.3364 9.80754 20.3318 9.82827 20.3266 9.84891C20.3215 9.86952 20.3158 9.89001 20.3096 9.91035C20.3035 9.9307 20.2968 9.95088 20.2896 9.97088C20.2825 9.99091 20.2748 10.0107 20.2667 10.0304C20.2586 10.05 20.25 10.0695 20.2409 10.0887C20.2318 10.1079 20.2223 10.1269 20.2123 10.1456C20.2023 10.1644 20.1918 10.1829 20.1809 10.2011C20.1699 10.2194 20.1586 10.2373 20.1468 10.255C20.135 10.2727 20.1228 10.2901 20.1101 10.3072C20.0974 10.3242 20.0844 10.341 20.0709 10.3574C20.0574 10.3739 20.0435 10.39 20.0293 10.4057C20.015 10.4215 20.0004 10.4369 19.9853 10.4519L12.1853 18.2519C12.1703 18.267 12.1549 18.2816 12.1391 18.2959C12.1234 18.3101 12.1073 18.324 12.0908 18.3375C12.0744 18.351 12.0576 18.364 12.0405 18.3767C12.0235 18.3894 12.0061 18.4016 11.9884 18.4134C11.9707 18.4252 11.9528 18.4365 11.9345 18.4475C11.9163 18.4584 11.8978 18.4689 11.879 18.4789C11.8603 18.4889 11.8413 18.4984 11.8221 18.5075C11.8029 18.5166 11.7834 18.5252 11.7638 18.5333C11.7442 18.5415 11.7243 18.5491 11.7043 18.5562C11.6843 18.5634 11.6641 18.5701 11.6438 18.5762C11.6234 18.5824 11.6029 18.5881 11.5823 18.5932C11.5617 18.5984 11.541 18.603 11.5201 18.6072C11.4992 18.6113 11.4783 18.615 11.4573 18.6181C11.4362 18.6212 11.4152 18.6238 11.394 18.6259C11.3728 18.628 11.3516 18.6295 11.3304 18.6306C11.3092 18.6316 11.2879 18.6321 11.2667 18.6321C11.2454 18.6321 11.2242 18.6316 11.2029 18.6306C11.1817 18.6295 11.1605 18.628 11.1394 18.6259C11.1182 18.6238 11.0971 18.6212 11.0761 18.6181C11.0551 18.615 11.0341 18.6113 11.0133 18.6072C10.9924 18.603 10.9717 18.5984 10.951 18.5932C10.9304 18.5881 10.91 18.5824 10.8896 18.5763C10.8692 18.5701 10.8491 18.5634 10.8291 18.5562C10.809 18.5491 10.7892 18.5415 10.7696 18.5333C10.7499 18.5252 10.7305 18.5166 10.7113 18.5075C10.692 18.4984 10.6731 18.4889 10.6543 18.4789C10.6356 18.4689 10.6171 18.4584 10.5988 18.4475C10.5806 18.4365 10.5626 18.4252 10.5449 18.4134C10.5273 18.4016 10.5099 18.3894 10.4928 18.3767C10.4757 18.364 10.459 18.351 10.4425 18.3375C10.4261 18.324 10.41 18.3101 10.3942 18.2959C10.3785 18.2816 10.3631 18.267 10.348 18.2519L6.01467 13.9186C6.0005 13.9034 5.9867 13.8878 5.97326 13.872C5.95983 13.8561 5.94679 13.8399 5.93413 13.8234C5.92147 13.8069 5.90921 13.7901 5.89736 13.773C5.88552 13.7559 5.87409 13.7386 5.86309 13.7209C5.85207 13.7033 5.84148 13.6854 5.83132 13.6672C5.82117 13.649 5.81145 13.6307 5.80218 13.6121C5.7929 13.5934 5.78408 13.5746 5.77572 13.5556C5.76734 13.5365 5.75943 13.5173 5.75198 13.4979C5.74453 13.4785 5.73756 13.4589 5.73106 13.4391C5.72454 13.4194 5.7185 13.3995 5.71295 13.3795C5.7074 13.3594 5.70233 13.3393 5.69774 13.319C5.69316 13.2987 5.68906 13.2783 5.68545 13.2578C5.68185 13.2373 5.67873 13.2168 5.67611 13.1961C5.6735 13.1755 5.67139 13.1548 5.66976 13.1341C5.66812 13.1134 5.66699 13.0926 5.66636 13.0718C5.66573 13.051 5.66561 13.0302 5.66598 13.0094C5.66634 12.9886 5.6672 12.9678 5.66857 12.9471C5.66992 12.9264 5.67179 12.9056 5.67416 12.885C5.67651 12.8643 5.67936 12.8437 5.68271 12.8232C5.68605 12.8027 5.68988 12.7822 5.69421 12.7619C5.69853 12.7416 5.70334 12.7213 5.70864 12.7012C5.71393 12.6811 5.71971 12.6611 5.72598 12.6413C5.73224 12.6215 5.73897 12.6018 5.74616 12.5823C5.75336 12.5628 5.76103 12.5434 5.76917 12.5243C5.77729 12.5051 5.78587 12.4862 5.79491 12.4675C5.80394 12.4488 5.81341 12.4302 5.82335 12.412C5.83327 12.3937 5.84363 12.3757 5.85443 12.3579C5.86521 12.3401 5.87642 12.3226 5.88805 12.3054C5.89967 12.2881 5.91171 12.2712 5.92415 12.2545C5.93661 12.2378 5.94945 12.2215 5.96267 12.2054C5.97591 12.1894 5.98951 12.1737 6.0035 12.1583C6.01748 12.1429 6.03183 12.1278 6.04653 12.1131C6.06123 12.0984 6.07627 12.0841 6.09168 12.0701C6.10707 12.0561 6.12278 12.0425 6.13883 12.0293C6.15488 12.016 6.17124 12.0032 6.18791 11.9908C6.20457 11.9783 6.22152 11.9663 6.23877 11.9547C6.256 11.943 6.27351 11.9318 6.2913 11.921C6.30907 11.9102 6.3271 11.8999 6.34538 11.8899C6.36366 11.88 6.38217 11.8705 6.40089 11.8615C6.41962 11.8525 6.43857 11.8439 6.45771 11.8358C6.47685 11.8276 6.49618 11.82 6.51568 11.8127C6.53519 11.8056 6.55487 11.7988 6.57471 11.7926C6.59453 11.7863 6.6145 11.7806 6.63463 11.7752C6.65474 11.7699 6.67496 11.7651 6.69529 11.7608C6.71564 11.7565 6.73607 11.7526 6.75661 11.7493C6.77714 11.7459 6.79773 11.7431 6.81838 11.7407C6.83905 11.7384 6.85976 11.7365 6.88051 11.7352C6.90127 11.7338 6.92204 11.7329 6.94282 11.7326C6.96363 11.7322 6.98442 11.7323 7.00521 11.7329C7.026 11.7336 7.04675 11.7347 7.06749 11.7363C7.08823 11.738 7.10891 11.7401 7.12955 11.7427C7.15018 11.7453 7.17074 11.7485 7.19122 11.7521C7.2117 11.7557 7.23208 11.7598 7.25236 11.7644C7.27266 11.7689 7.29283 11.774 7.31287 11.7796C7.33291 11.7851 7.35281 11.7911 7.37256 11.7976C7.39231 11.8042 7.4119 11.8111 7.43131 11.8186C7.45073 11.826 7.46996 11.8339 7.489 11.8423C7.50803 11.8507 7.52685 11.8595 7.54547 11.8688C7.56409 11.878 7.58247 11.8878 7.60062 11.8979C7.61876 11.9081 7.63665 11.9187 7.65429 11.9297C7.67195 11.9407 7.68931 11.9521 7.7064 11.964C7.72349 11.9758 7.74029 11.9881 7.7568 12.0007C7.7733 12.0134 7.78949 12.0264 7.80537 12.0399C7.82124 12.0533 7.83679 12.0671 7.85201 12.0813L11.2667 15.4942L18.148 8.61287C18.1631 8.59785 18.1785 8.58321 18.1942 8.56894C18.21 8.55467 18.2261 8.5408 18.2425 8.52732C18.259 8.51383 18.2757 8.50077 18.2928 8.48812C18.3099 8.47546 18.3273 8.46323 18.3449 8.45143C18.3626 8.43963 18.3806 8.42827 18.3988 8.41733C18.4171 8.40641 18.4356 8.39595 18.4543 8.38595C18.4731 8.37593 18.492 8.36638 18.5113 8.35731C18.5305 8.34822 18.5499 8.33961 18.5696 8.33149C18.5892 8.32334 18.609 8.3157 18.6291 8.30856C18.6491 8.3014 18.6692 8.29474 18.6896 8.28858C18.7099 8.2824 18.7304 8.27673 18.751 8.27156C18.7717 8.2664 18.7924 8.26175 18.8133 8.25762C18.8341 8.25348 18.8551 8.24985 18.8761 8.24673C18.8971 8.24362 18.9182 8.24102 18.9394 8.23894C18.9605 8.23685 18.9817 8.23529 19.0029 8.23424C19.0242 8.23319 19.0454 8.23267 19.0667 8.23267C19.0879 8.23267 19.1092 8.23319 19.1304 8.23424C19.1516 8.23529 19.1728 8.23685 19.194 8.23894C19.2152 8.24102 19.2362 8.24362 19.2573 8.24673C19.2783 8.24985 19.2992 8.25348 19.3201 8.25762C19.341 8.26175 19.3617 8.2664 19.3823 8.27156C19.4029 8.27673 19.4234 8.2824 19.4438 8.28858C19.4641 8.29474 19.4843 8.3014 19.5043 8.30856C19.5243 8.3157 19.5442 8.32334 19.5638 8.33149C19.5834 8.33961 19.6029 8.34822 19.6221 8.35731C19.6413 8.36638 19.6603 8.37593 19.679 8.38595C19.6978 8.39595 19.7163 8.40641 19.7345 8.41733C19.7528 8.42827 19.7707 8.43963 19.7884 8.45143C19.8061 8.46323 19.8235 8.47546 19.8405 8.48812C19.8577 8.50077 19.8744 8.51383 19.8908 8.52732C19.9073 8.5408 19.9234 8.55467 19.9391 8.56894C19.9549 8.58321 19.9703 8.59785 19.9853 8.61287L19.9853 8.61459Z"
+                                fill="#FFFFFF"></path>
+                        </svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26"
+                            height="26" viewBox="0 0 26 26" fill="none">
+                            <path fill="#FFFFFF" d="M0 26L26 26L26 0L0 0L0 26Z"></path>
+                            <circle cx="12.5" cy="12.5" r="10.5" fill="#FF9900"></circle>
+                            <path
+                                d="M12.9773 0C5.80991 0 0 5.80991 0 12.9773C0 20.1446 5.80991 25.9546 12.9773 25.9546C20.1446 25.9546 25.9545 20.144 25.9545 12.9773C25.9545 5.80991 20.1446 0 12.9773 0ZM12.9773 22.8134C7.54434 22.8134 3.14003 18.4096 3.14003 12.9767C3.14003 7.54435 7.54378 3.14004 12.9773 3.14004C18.4096 3.14004 22.8134 7.54379 22.8134 12.9767C22.8134 18.4096 18.4096 22.8134 12.9773 22.8134Z"
+                                fill="#FF9900"></path>
+                            <path d="M6.00317 11.7791L19.9511 11.7791L19.9511 14.2387L6.00317 14.2387L6.00317 11.7791Z"
+                                fill="#FFFFFF"></path>
+                        </svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26"
+                            height="26" viewBox="0 0 26 26" fill="none">
+                            <path
+                                d="M12.9315 11.9559L9.03808 7.92357C8.73063 7.60725 8.22806 7.60134 7.91174 7.90879C7.75801 8.05365 7.66933 8.25467 7.66637 8.46752C7.66046 8.68037 7.74323 8.88436 7.88809 9.03512L11.7815 13.0675L7.74915 16.9609C7.43283 17.2683 7.42691 17.7709 7.73436 18.0872C7.87922 18.2409 8.08025 18.3296 8.2931 18.3326C8.50595 18.3385 8.70993 18.2557 8.8607 18.1109L12.893 14.2175L16.7864 18.2498C17.0939 18.5661 17.5965 18.572 17.9128 18.2646C18.0665 18.1197 18.1552 17.9187 18.1581 17.7058C18.1641 17.493 18.0813 17.289 17.9364 17.1382L14.043 13.1059L18.0754 9.2125C18.3917 8.90505 18.3976 8.40248 18.0901 8.08616C17.9453 7.93244 17.7443 7.84375 17.5314 7.84079C17.3186 7.83488 17.1146 7.91766 16.9638 8.06251L12.9315 11.9559ZM4.36718 21.3361C-0.235726 16.5677 -0.102695 8.97304 4.66281 4.36718C9.43126 -0.235727 17.0259 -0.102695 21.6318 4.66281C26.2347 9.43126 26.1046 17.0259 21.3361 21.6318C16.5677 26.2347 8.97304 26.1046 4.36718 21.3361Z"
+                                fill="#E32727"></path>
+                        </svg>
+                        <div class="text success">正常运行</div>
+                        <div class="last-update">最后更新：刚刚</div>
+                    </div>
+                </div>
+            </div>
+            <div class="info-box">
+                <div class="item">
+                    <div>
+                        <div class="title">安装位置</div>
+                        <div class="text">光伏区A区-3排-08号</div>
+                    </div>
+                    <div>
+                        <div class="title">运行时长</div>
+                        <div class="text">402天18小时</div>
+                    </div>
+                </div>
+                <div class="item">
+                    <div>
+                        <div class="title">安装日期</div>
+                        <div class="text">2022-06-15</div>
+                    </div>
+                    <div>
+                        <div class="title">上次维护</div>
+                        <div class="text">2025-05-20</div>
+                    </div>
+                </div>
+                <div class="item">
+                    <div>
+                        <div class="title">通讯状态</div>
+                        <div class="text success">正常</div>
+                    </div>
+                    <div>
+                        <div class="title">固件版本</div>
+                        <div class="text">V200R001CC00SPC105</div>
+                    </div>
+                </div>
+                <div class="item">
+                    <div>
+                        <div class="title">IP地址</div>
+                        <div class="text">192.168.1.1</div>
+                    </div>
+                    <div>
+                        <div class="title">累计发电量</div>
+                        <div class="text">128,562.4Kwh</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script setup>
+const props = defineProps({
+    dialogVisible: {
+        type: Boolean,
+        required: true, // 若外部必传，设为true；否则可加default: false
+        default: false // 可选：若外部可能不传，设置默认值
+    }
+});
+</script>
\ No newline at end of file
diff --git a/src/views/pvSystem/siteOverview/components/status.vue b/src/views/pvSystem/siteOverview/components/status.vue
index db31309..7f027a2 100644
--- a/src/views/pvSystem/siteOverview/components/status.vue
+++ b/src/views/pvSystem/siteOverview/components/status.vue
@@ -1,7 +1,8 @@
 <template>
 
     <el-card shadow="never" style="border-radius: 10px;">
-        <el-form :inline="true" :model="formInline" label-width="120" style="display: flex; justify-content: center;">
+        <el-form ref="formRef" :inline="true" :model="formInline" label-width="120"
+            style="display: flex; justify-content: center;">
             <el-form-item label="规则编号">
                 <el-input v-model="formInline.user" placeholder="请输入规则编号" clearable />
             </el-form-item>
@@ -43,7 +44,7 @@
             </el-table-column>
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200">
                 <template #default="scope">
-                    <el-button link type="primary">详情</el-button>
+                    <el-button link type="primary" @click="handleDetail(scope.row)">详情</el-button>
                     <el-button link type="danger">处理</el-button>
                     <el-button link type="warning">维护记录</el-button>
                 </template>
@@ -54,120 +55,24 @@
         <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
             @pagination="getList" />
     </el-card>
-    <el-dialog v-model="dialogVisible" width="1100" id="custom-dialog" class="no-header-dialog normal">
-        <div class="alert-content success">
-            <div class="img">
-                <img src="/assets/dialog1.png" alt="">
-            </div>
-            <div class="info">
-                <div class="title">INV-2023-001</div>
-                <div class="name">华为 SUN2000-60KTL-M0</div>
-                <div>
-                    <div class="icon">
-                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26"
-                            height="26" viewBox="0 0 26 26" fill="none">
-                            <g opacity="0.01">
-                                <path d="M0 0L26 0L26 26L0 26L0 0Z" fill="#202425"></path>
-                            </g>
-                            <path
-                                d="M24.2667 13.0001C24.2667 19.2227 19.2227 24.2667 13.0001 24.2667C6.7774 24.2667 1.7334 19.2227 1.7334 13.0001C1.7334 6.7774 6.7774 1.7334 13.0001 1.7334C19.2227 1.7334 24.2667 6.7774 24.2667 13.0001Z"
-                                fill="#11AA66"></path>
-                            <path
-                                d="M13 2.60003C7.25663 2.60003 2.60003 7.25663 2.60003 13C2.60003 18.7435 7.25663 23.4 13 23.4C18.7435 23.4 23.4 18.7435 23.4 13C23.4 7.25663 18.7435 2.60003 13 2.60003ZM0.866699 13C0.866699 6.29897 6.29897 0.866699 13 0.866699C19.7011 0.866699 25.1334 6.29897 25.1334 13C25.1334 19.7011 19.7011 25.1334 13 25.1334C6.29897 25.1334 0.866699 19.7011 0.866699 13Z"
-                                fill="#11AA66"></path>
-                            <path
-                                d="M19.9853 8.61459C20.0004 8.62964 20.015 8.64504 20.0293 8.6608C20.0435 8.67656 20.0574 8.69266 20.0709 8.7091C20.0844 8.72555 20.0974 8.74231 20.1101 8.75939C20.1228 8.77647 20.135 8.79385 20.1468 8.81152C20.1586 8.82921 20.1699 8.84717 20.1809 8.8654C20.1918 8.88365 20.2023 8.90215 20.2123 8.92091C20.2223 8.93966 20.2318 8.95864 20.2409 8.97786C20.25 8.99708 20.2586 9.01652 20.2667 9.03615C20.2748 9.05579 20.2825 9.07562 20.2896 9.09564C20.2968 9.11567 20.3035 9.13585 20.3096 9.1562C20.3158 9.17653 20.3215 9.19701 20.3266 9.21765C20.3318 9.23826 20.3364 9.259 20.3406 9.27985C20.3447 9.30071 20.3484 9.32165 20.3515 9.34267C20.3546 9.36369 20.3572 9.38478 20.3593 9.40594C20.3614 9.4271 20.3629 9.44829 20.364 9.46952C20.365 9.49076 20.3655 9.51202 20.3655 9.53328C20.3655 9.55454 20.365 9.57578 20.364 9.59701C20.3629 9.61823 20.3614 9.63943 20.3593 9.66059C20.3572 9.68174 20.3546 9.70284 20.3515 9.72386C20.3484 9.7449 20.3447 9.76585 20.3406 9.7867C20.3364 9.80754 20.3318 9.82827 20.3266 9.84891C20.3215 9.86952 20.3158 9.89001 20.3096 9.91035C20.3035 9.9307 20.2968 9.95088 20.2896 9.97088C20.2825 9.99091 20.2748 10.0107 20.2667 10.0304C20.2586 10.05 20.25 10.0695 20.2409 10.0887C20.2318 10.1079 20.2223 10.1269 20.2123 10.1456C20.2023 10.1644 20.1918 10.1829 20.1809 10.2011C20.1699 10.2194 20.1586 10.2373 20.1468 10.255C20.135 10.2727 20.1228 10.2901 20.1101 10.3072C20.0974 10.3242 20.0844 10.341 20.0709 10.3574C20.0574 10.3739 20.0435 10.39 20.0293 10.4057C20.015 10.4215 20.0004 10.4369 19.9853 10.4519L12.1853 18.2519C12.1703 18.267 12.1549 18.2816 12.1391 18.2959C12.1234 18.3101 12.1073 18.324 12.0908 18.3375C12.0744 18.351 12.0576 18.364 12.0405 18.3767C12.0235 18.3894 12.0061 18.4016 11.9884 18.4134C11.9707 18.4252 11.9528 18.4365 11.9345 18.4475C11.9163 18.4584 11.8978 18.4689 11.879 18.4789C11.8603 18.4889 11.8413 18.4984 11.8221 18.5075C11.8029 18.5166 11.7834 18.5252 11.7638 18.5333C11.7442 18.5415 11.7243 18.5491 11.7043 18.5562C11.6843 18.5634 11.6641 18.5701 11.6438 18.5762C11.6234 18.5824 11.6029 18.5881 11.5823 18.5932C11.5617 18.5984 11.541 18.603 11.5201 18.6072C11.4992 18.6113 11.4783 18.615 11.4573 18.6181C11.4362 18.6212 11.4152 18.6238 11.394 18.6259C11.3728 18.628 11.3516 18.6295 11.3304 18.6306C11.3092 18.6316 11.2879 18.6321 11.2667 18.6321C11.2454 18.6321 11.2242 18.6316 11.2029 18.6306C11.1817 18.6295 11.1605 18.628 11.1394 18.6259C11.1182 18.6238 11.0971 18.6212 11.0761 18.6181C11.0551 18.615 11.0341 18.6113 11.0133 18.6072C10.9924 18.603 10.9717 18.5984 10.951 18.5932C10.9304 18.5881 10.91 18.5824 10.8896 18.5763C10.8692 18.5701 10.8491 18.5634 10.8291 18.5562C10.809 18.5491 10.7892 18.5415 10.7696 18.5333C10.7499 18.5252 10.7305 18.5166 10.7113 18.5075C10.692 18.4984 10.6731 18.4889 10.6543 18.4789C10.6356 18.4689 10.6171 18.4584 10.5988 18.4475C10.5806 18.4365 10.5626 18.4252 10.5449 18.4134C10.5273 18.4016 10.5099 18.3894 10.4928 18.3767C10.4757 18.364 10.459 18.351 10.4425 18.3375C10.4261 18.324 10.41 18.3101 10.3942 18.2959C10.3785 18.2816 10.3631 18.267 10.348 18.2519L6.01467 13.9186C6.0005 13.9034 5.9867 13.8878 5.97326 13.872C5.95983 13.8561 5.94679 13.8399 5.93413 13.8234C5.92147 13.8069 5.90921 13.7901 5.89736 13.773C5.88552 13.7559 5.87409 13.7386 5.86309 13.7209C5.85207 13.7033 5.84148 13.6854 5.83132 13.6672C5.82117 13.649 5.81145 13.6307 5.80218 13.6121C5.7929 13.5934 5.78408 13.5746 5.77572 13.5556C5.76734 13.5365 5.75943 13.5173 5.75198 13.4979C5.74453 13.4785 5.73756 13.4589 5.73106 13.4391C5.72454 13.4194 5.7185 13.3995 5.71295 13.3795C5.7074 13.3594 5.70233 13.3393 5.69774 13.319C5.69316 13.2987 5.68906 13.2783 5.68545 13.2578C5.68185 13.2373 5.67873 13.2168 5.67611 13.1961C5.6735 13.1755 5.67139 13.1548 5.66976 13.1341C5.66812 13.1134 5.66699 13.0926 5.66636 13.0718C5.66573 13.051 5.66561 13.0302 5.66598 13.0094C5.66634 12.9886 5.6672 12.9678 5.66857 12.9471C5.66992 12.9264 5.67179 12.9056 5.67416 12.885C5.67651 12.8643 5.67936 12.8437 5.68271 12.8232C5.68605 12.8027 5.68988 12.7822 5.69421 12.7619C5.69853 12.7416 5.70334 12.7213 5.70864 12.7012C5.71393 12.6811 5.71971 12.6611 5.72598 12.6413C5.73224 12.6215 5.73897 12.6018 5.74616 12.5823C5.75336 12.5628 5.76103 12.5434 5.76917 12.5243C5.77729 12.5051 5.78587 12.4862 5.79491 12.4675C5.80394 12.4488 5.81341 12.4302 5.82335 12.412C5.83327 12.3937 5.84363 12.3757 5.85443 12.3579C5.86521 12.3401 5.87642 12.3226 5.88805 12.3054C5.89967 12.2881 5.91171 12.2712 5.92415 12.2545C5.93661 12.2378 5.94945 12.2215 5.96267 12.2054C5.97591 12.1894 5.98951 12.1737 6.0035 12.1583C6.01748 12.1429 6.03183 12.1278 6.04653 12.1131C6.06123 12.0984 6.07627 12.0841 6.09168 12.0701C6.10707 12.0561 6.12278 12.0425 6.13883 12.0293C6.15488 12.016 6.17124 12.0032 6.18791 11.9908C6.20457 11.9783 6.22152 11.9663 6.23877 11.9547C6.256 11.943 6.27351 11.9318 6.2913 11.921C6.30907 11.9102 6.3271 11.8999 6.34538 11.8899C6.36366 11.88 6.38217 11.8705 6.40089 11.8615C6.41962 11.8525 6.43857 11.8439 6.45771 11.8358C6.47685 11.8276 6.49618 11.82 6.51568 11.8127C6.53519 11.8056 6.55487 11.7988 6.57471 11.7926C6.59453 11.7863 6.6145 11.7806 6.63463 11.7752C6.65474 11.7699 6.67496 11.7651 6.69529 11.7608C6.71564 11.7565 6.73607 11.7526 6.75661 11.7493C6.77714 11.7459 6.79773 11.7431 6.81838 11.7407C6.83905 11.7384 6.85976 11.7365 6.88051 11.7352C6.90127 11.7338 6.92204 11.7329 6.94282 11.7326C6.96363 11.7322 6.98442 11.7323 7.00521 11.7329C7.026 11.7336 7.04675 11.7347 7.06749 11.7363C7.08823 11.738 7.10891 11.7401 7.12955 11.7427C7.15018 11.7453 7.17074 11.7485 7.19122 11.7521C7.2117 11.7557 7.23208 11.7598 7.25236 11.7644C7.27266 11.7689 7.29283 11.774 7.31287 11.7796C7.33291 11.7851 7.35281 11.7911 7.37256 11.7976C7.39231 11.8042 7.4119 11.8111 7.43131 11.8186C7.45073 11.826 7.46996 11.8339 7.489 11.8423C7.50803 11.8507 7.52685 11.8595 7.54547 11.8688C7.56409 11.878 7.58247 11.8878 7.60062 11.8979C7.61876 11.9081 7.63665 11.9187 7.65429 11.9297C7.67195 11.9407 7.68931 11.9521 7.7064 11.964C7.72349 11.9758 7.74029 11.9881 7.7568 12.0007C7.7733 12.0134 7.78949 12.0264 7.80537 12.0399C7.82124 12.0533 7.83679 12.0671 7.85201 12.0813L11.2667 15.4942L18.148 8.61287C18.1631 8.59785 18.1785 8.58321 18.1942 8.56894C18.21 8.55467 18.2261 8.5408 18.2425 8.52732C18.259 8.51383 18.2757 8.50077 18.2928 8.48812C18.3099 8.47546 18.3273 8.46323 18.3449 8.45143C18.3626 8.43963 18.3806 8.42827 18.3988 8.41733C18.4171 8.40641 18.4356 8.39595 18.4543 8.38595C18.4731 8.37593 18.492 8.36638 18.5113 8.35731C18.5305 8.34822 18.5499 8.33961 18.5696 8.33149C18.5892 8.32334 18.609 8.3157 18.6291 8.30856C18.6491 8.3014 18.6692 8.29474 18.6896 8.28858C18.7099 8.2824 18.7304 8.27673 18.751 8.27156C18.7717 8.2664 18.7924 8.26175 18.8133 8.25762C18.8341 8.25348 18.8551 8.24985 18.8761 8.24673C18.8971 8.24362 18.9182 8.24102 18.9394 8.23894C18.9605 8.23685 18.9817 8.23529 19.0029 8.23424C19.0242 8.23319 19.0454 8.23267 19.0667 8.23267C19.0879 8.23267 19.1092 8.23319 19.1304 8.23424C19.1516 8.23529 19.1728 8.23685 19.194 8.23894C19.2152 8.24102 19.2362 8.24362 19.2573 8.24673C19.2783 8.24985 19.2992 8.25348 19.3201 8.25762C19.341 8.26175 19.3617 8.2664 19.3823 8.27156C19.4029 8.27673 19.4234 8.2824 19.4438 8.28858C19.4641 8.29474 19.4843 8.3014 19.5043 8.30856C19.5243 8.3157 19.5442 8.32334 19.5638 8.33149C19.5834 8.33961 19.6029 8.34822 19.6221 8.35731C19.6413 8.36638 19.6603 8.37593 19.679 8.38595C19.6978 8.39595 19.7163 8.40641 19.7345 8.41733C19.7528 8.42827 19.7707 8.43963 19.7884 8.45143C19.8061 8.46323 19.8235 8.47546 19.8405 8.48812C19.8577 8.50077 19.8744 8.51383 19.8908 8.52732C19.9073 8.5408 19.9234 8.55467 19.9391 8.56894C19.9549 8.58321 19.9703 8.59785 19.9853 8.61287L19.9853 8.61459Z"
-                                fill="#FFFFFF"></path>
-                        </svg>
-                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26"
-                            height="26" viewBox="0 0 26 26" fill="none">
-                            <path fill="#FFFFFF" d="M0 26L26 26L26 0L0 0L0 26Z"></path>
-                            <circle cx="12.5" cy="12.5" r="10.5" fill="#FF9900"></circle>
-                            <path
-                                d="M12.9773 0C5.80991 0 0 5.80991 0 12.9773C0 20.1446 5.80991 25.9546 12.9773 25.9546C20.1446 25.9546 25.9545 20.144 25.9545 12.9773C25.9545 5.80991 20.1446 0 12.9773 0ZM12.9773 22.8134C7.54434 22.8134 3.14003 18.4096 3.14003 12.9767C3.14003 7.54435 7.54378 3.14004 12.9773 3.14004C18.4096 3.14004 22.8134 7.54379 22.8134 12.9767C22.8134 18.4096 18.4096 22.8134 12.9773 22.8134Z"
-                                fill="#FF9900"></path>
-                            <path d="M6.00317 11.7791L19.9511 11.7791L19.9511 14.2387L6.00317 14.2387L6.00317 11.7791Z"
-                                fill="#FFFFFF"></path>
-                        </svg>
-                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26"
-                            height="26" viewBox="0 0 26 26" fill="none">
-                            <path
-                                d="M12.9315 11.9559L9.03808 7.92357C8.73063 7.60725 8.22806 7.60134 7.91174 7.90879C7.75801 8.05365 7.66933 8.25467 7.66637 8.46752C7.66046 8.68037 7.74323 8.88436 7.88809 9.03512L11.7815 13.0675L7.74915 16.9609C7.43283 17.2683 7.42691 17.7709 7.73436 18.0872C7.87922 18.2409 8.08025 18.3296 8.2931 18.3326C8.50595 18.3385 8.70993 18.2557 8.8607 18.1109L12.893 14.2175L16.7864 18.2498C17.0939 18.5661 17.5965 18.572 17.9128 18.2646C18.0665 18.1197 18.1552 17.9187 18.1581 17.7058C18.1641 17.493 18.0813 17.289 17.9364 17.1382L14.043 13.1059L18.0754 9.2125C18.3917 8.90505 18.3976 8.40248 18.0901 8.08616C17.9453 7.93244 17.7443 7.84375 17.5314 7.84079C17.3186 7.83488 17.1146 7.91766 16.9638 8.06251L12.9315 11.9559ZM4.36718 21.3361C-0.235726 16.5677 -0.102695 8.97304 4.66281 4.36718C9.43126 -0.235727 17.0259 -0.102695 21.6318 4.66281C26.2347 9.43126 26.1046 17.0259 21.3361 21.6318C16.5677 26.2347 8.97304 26.1046 4.36718 21.3361Z"
-                                fill="#E32727"></path>
-                        </svg>
-                        <div class="text success">正常运行</div>
-                        <div class="last-update">最后更新：刚刚</div>
-                    </div>
-                </div>
-            </div>
-            <div class="info-box">
-                <div class="item">
-                    <div>
-                        <div class="title">安装位置</div>
-                        <div class="text">光伏区A区-3排-08号</div>
-                    </div>
-                    <div>
-                        <div class="title">运行时长</div>
-                        <div class="text">402天18小时</div>
-                    </div>
-                </div>
-                <div class="item">
-                    <div>
-                        <div class="title">安装日期</div>
-                        <div class="text">2022-06-15</div>
-                    </div>
-                    <div>
-                        <div class="title">上次维护</div>
-                        <div class="text">2025-05-20</div>
-                    </div>
-                </div>
-                <div class="item">
-                    <div>
-                        <div class="title">通讯状态</div>
-                        <div class="text success">正常</div>
-                    </div>
-                    <div>
-                        <div class="title">固件版本</div>
-                        <div class="text">V200R001CC00SPC105</div>
-                    </div>
-                </div>
-                <div class="item">
-                    <div>
-                        <div class="title">IP地址</div>
-                        <div class="text">192.168.1.1</div>
-                    </div>
-                    <div>
-                        <div class="title">累计发电量</div>
-                        <div class="text">128,562.4Kwh</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </el-dialog>
+    <CustomDialogStatus v-model="CustomDialogStatusVisible" v-model:dialogVisible="dialogVisible" :height="dialogHeight"
+        close-on-click-modal />
+    <CustomDialogAlarm ref=" dialogAlarmRef" v-model="CustomDialogAlarmVisible" :height="dialogHeight"
+        @opened="adjustDialogHeight" close-on-click-modal />
 </template>
 <style lang="scss" scoped></style>
-<style lang="scss">
-// #custom-dialog {
-//     padding: 0;
 
-//     .el-dialog__header {
-//         display: none;
-//     }
-
-//     .el-dialog__body {
-//         padding: 0 !important;
-//     }
-
-//     .alert-content {
-//         padding: 80px;
-//         background: linear-gradient(180deg, rgba(0, 119, 255, 0.23) 0%, rgba(255, 255, 255, 0) 100%);
-//     }
-// }</style>
 <script setup>
+import CustomDialogStatus from './CustomDialogStatus.vue'
+import CustomDialogAlarm from './CustomDialogAlarm.vue'
+
 const formInline = ref({})
 const total = ref(0);
 const loading = ref(false);
-const dialogVisible = ref(false);
+const CustomDialogStatusVisible = ref(false);
+const CustomDialogAlarmVisible = ref(false);
+
+
 const listData = [
     { id: "INV-2023-001", shuchu: "12.8kw", xiaolv: "98.2%", wendu: "42℃", fadian: "158.5kWh", status: 1 },
     { id: "INV-2023-001", shuchu: "12.8kw", xiaolv: "98.2%", wendu: "42℃", fadian: "158.5kWh", status: 1 },
@@ -193,6 +98,13 @@ const statusMap = {
 const initFormData = {
 
 };
+const handleDetail = (row) => {
+    if (row.status === 1) {
+        CustomDialogStatusVisible.value = true;
+    } else {
+        CustomDialogAlarmVisible.value = true;
+    }
+}
 const data = reactive({
     form: { ...initFormData },
     queryParams: {
diff --git a/src/views/pvSystem/siteOverview/index.vue b/src/views/pvSystem/siteOverview/index.vue
index 954ad4c..3bb8863 100644
--- a/src/views/pvSystem/siteOverview/index.vue
+++ b/src/views/pvSystem/siteOverview/index.vue
@@ -5,7 +5,8 @@
                 <TitleComponent title="XXX电站·逆变器综合监控" subtitle="实时监控X台逆变器运行状态、发电趋势及环境信息" />
             </el-col>
             <!-- 外层col：控制整体宽度并右对齐，同时作为flex容器 -->
-            <el-col :span="12" style="display: flex; justify-content: flex-end; align-items: center;">
+            <el-col :span="12"
+                style="display: flex; justify-content: flex-end; align-items: center;margin-bottom: 20px;">
                 <!-- 子col1：输入框容器 -->
                 <el-col :span="8">
                     <el-input placeholder="请输入逆变器...">
@@ -32,7 +33,7 @@
                 </el-col>
             </el-col>
         </el-row>
-        <el-row style="display: flex; gap: 30px;" class="card">
+        <el-row style="display: flex; gap: 30px;margin: 20px 0;" class="card">
             <el-col style="flex: 1;" class="item">
                 <div class="box" style="height: 100%;display: flex;">
                     <div class="left"
@@ -161,7 +162,7 @@
                 </div>
             </el-col>
         </el-row>
-        <el-row>
+        <el-row style="margin: 20px 0;">
             <el-col :span="15">
                 <el-row style="display: flex;flex-direction: column;height: 100%;">
                     <div>
@@ -177,7 +178,7 @@
                 <QiXiang />
             </el-col>
         </el-row>
-        <el-row :gutter="20"> <!-- gutter：列之间的间距（单位px），控制垂直/水平间距 -->
+        <el-row style="margin: 20px 0;"> <!-- gutter：列之间的间距（单位px），控制垂直/水平间距 -->
             <!-- 标题列：占满12列（栅格系统默认12列） -->
             <el-col> <!-- span=12 表示占满一行宽度 -->
                 <TitleComponent title="逆变器运行状态" :fontLevel="2" />