feat(安防监控): 新增安防监控管理页面及组件

添加安防监控管理功能，包括主页面布局、实时视频监控组件和顶部数据统计卡片
更新开发环境API地址配置
新增相关静态资源图片

.env.development

@@ -5,7 +5,7 @@ VITE_APP_TITLE = 新能源场站智慧运维平台
 VITE_APP_ENV = 'development'
 
 # 开发环境
-VITE_APP_BASE_API = 'http://192.168.110.180:18899'
+VITE_APP_BASE_API = 'http://192.168.110.149:18899'
 
 # 应用访问路径 例如使用前缀 /admin/
 VITE_APP_CONTEXT_PATH = '/'

src/views/securitySurveillance/components/spjk.vue

@@ -0,0 +1,19 @@
+<template>
+    <el-row>
+        <el-card style="width: 100%;border-radius: 12px;">
+            <div style="display: flex;width: 100%;justify-content: space-between;align-items: center;">
+                <TitleComponent title="实时视频监控" subtitle="查看所有已完成的巡检记录，跟进巡检报告" fontLevel="2" />
+                <span style="color: rgba(24, 109, 245, 1);display: flex;align-items: center; cursor: pointer;">
+                    <span>
+                        2025/06/30 12:00
+                        刷新数据
+                    </span>
+                    <el-icon>
+                        <refresh />
+                    </el-icon>
+                </span>
+            </div>
+        </el-card>
+    </el-row>
+</template>
+<script setup></script>

src/views/securitySurveillance/index.vue

@@ -0,0 +1,49 @@
+<template>
+    <div class="security-surveillance">
+        <el-row style="display: flex;align-items: center;">
+            <el-col :span="12">
+                <TitleComponent title="安防监控管理" subtitle="实时监控、历史录像查询与视频管理" />
+            </el-col>
+            <!-- 关键：给内层 el-col 套上 el-row -->
+            <el-col :span="12" style="text-align: right;">
+                <el-row :gutter="16" justify="end"> <!-- gutter 可选，单位px，控制列间距 -->
+                    <el-col :span="6" :push="3">
+                        <el-input placeholder="搜索逆变器..." prefix-icon="search" />
+                    </el-col>
+                    <el-col :span="6" :push="3">
+                        <el-select placeholder="请选择逆变器状态">
+                            <el-option label="所有状态" value="0"></el-option>
+                        </el-select>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-button type="primary">刷新数据<el-icon>
+                                <Refresh />
+                            </el-icon>
+                        </el-button>
+                    </el-col>
+                </el-row> <!-- 闭合内层 el-row -->
+            </el-col>
+        </el-row>
+        <el-row>
+            <Top />
+        </el-row>
+        <el-row>
+            <el-col :span="18" style="margin-top: 20px;">
+                <Spjk />
+            </el-col>
+            <el-col :span="6">1</el-col>
+        </el-row>
+    </div>
+
+</template>
+<style scoped>
+.security-surveillance {
+    padding: 20px;
+    background-color: #F2F8FC;
+}
+</style>
+<script setup>
+import TitleComponent from "@/components/TitleComponent";
+import Top from "./components/top"
+import Spjk from "./components/spjk"
+</script>