taoge_xiaodi/maintenance_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(securitySurveillance): 实现首页大屏数据展示和设备状态动态更新

Browse Source 
- 新增获取首页大屏数据的API接口
- 在安全监控页面添加数据获取逻辑并传递给子组件
- 更新设备状态组件显示实时在线/离线数据
- 优化视频监控组件播放器初始化和销毁逻辑
- 调整API接口路径和参数格式
- 移除无用代码和注释
This commit is contained in:
tcy
2025-09-24 16:31:18 +08:00
parent 4163b11d3d
commit 64c538775f
9 changed files with 211 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/securitySurveillance/components/top.vue
View File

@ -35,9 +35,11 @@
<div class="box" style="height: 100%;display: flex;">
<div class="left"
style="display: flex;flex-direction: column;height: 100%;justify-content: space-around;padding: 15px;">
<div style="color: rgba(102, 102, 102, 1);">今日录像时长</div>
<div style="color: rgba(102, 102, 102, 1);">今日设备情况</div>
<div><span
style="font-size: 30px;font-weight: 400;letter-spacing: 0px;line-height: 36px;color: rgba(0, 0, 0, 1);font-weight: bold;">54</span>
style="font-size: 30px;font-weight: 400;letter-spacing: 0px;line-height: 36px;color: rgba(0, 0, 0, 1);font-weight: bold;">{{
data?.sumMon
|| 0}}</span>
<span
style="font-size: 12px;font-weight: 400;letter-spacing: 0px;line-height: 17.38px;color: rgba(154, 154, 154, 1);">
台
@ -48,14 +50,14 @@
style="width: 63px;height: 18px;border-radius: 16px;background: rgba(0, 184, 122, .3);text-align: center;">
<span
style="font-size: 12px;font-weight: 400;letter-spacing: 0;line-height: 17.38px;color: rgba(0, 184, 122, 1);">
正常：<span>53</span>
正常：<span>{{ data?.sumOnLine || 0 }}</span>
</span>
</div>
<div
style="width: 63px;height: 18px;border-radius: 16px;background: rgba(227, 39, 39, .3);text-align: center;margin-left: 10px;">
<span
style="font-size: 12px;font-weight: 400;letter-spacing: 0;line-height: 17.38px;color: rgba(0, 184, 122, 1);color: red;">
异常<span>53</span>
异常<span>{{ data?.sumOffLine || 0 }}</span>
</span>
</div>
<!-- <div>异常：<span>1</span></div> -->
@ -153,4 +155,11 @@
margin-right: 30px;
}
</style>
<script setup></script>
<script setup>
const props = defineProps({
data: {
type: Object,
default: () => ({})
}
})
</script>