feat(逆变器状态): 添加自定义对话框并优化布局

添加自定义对话框组件用于显示逆变器状态详情，包含背景渐变和图片展示。优化栅格布局结构，使用el-col组件规范间距。将对话框样式抽离到独立scss文件以便维护。

src/views/pvSystem/siteOverview/index.vue

@@ -177,11 +177,15 @@
                 <QiXiang />
             </el-col>
         </el-row>
-        <el-row>
-            <div>
+        <el-row :gutter="20"> <!-- gutter：列之间的间距（单位px），控制垂直/水平间距 -->
+            <!-- 标题列：占满12列（栅格系统默认12列） -->
+            <el-col> <!-- span=12 表示占满一行宽度 -->
                 <TitleComponent title="逆变器运行状态" :fontLevel="2" />
-            </div>
-            <status style="width: 100%;" />
+            </el-col>
+            <!-- status组件列：同样占满12列，与标题垂直排列 -->
+            <el-col>
+                <status style="width: 100%;" /> <!-- 确保组件宽度100%，不溢出 -->
+            </el-col>
         </el-row>
         <el-row style="display: flex;">
             <el-col :span="6" style="display: flex;flex-direction: column;">