feat: 添加光伏系统主系统图页面及相关组件

新增主系统图页面及多个组件,包括设备情况、实时数据监控、功率输出趋势、操作指令记录等。添加天气图标、字体文件和样式资源,实现系统状态监控和操作功能。优化图表展示和交互体验,完善响应式布局。
This commit is contained in:
tcy
2025-09-17 17:16:37 +08:00
parent 5c5baaab44
commit 47c4b182e1
84 changed files with 2465 additions and 1 deletions

View File

@ -0,0 +1,42 @@
<template>
<div style="padding: 20px;">
<el-row>
<el-col :span="15">
<el-row>
<TitleComponent title="设备情况" subtitle="电站一次监控数据" />
<sbqk />
</el-row>
<el-row>
<TitleComponent title="电站一次系统图" subtitle="电站一次监控数据" />
<dzt />
</el-row>
<el-row>
<TitleComponent title="运行步骤日志" subtitle="实时更新中" />
<!-- <sbqk /> -->
</el-row>
</el-col>
<el-col :span="8" :push="1">
<TitleComponent title="运行步骤日志" subtitle="实时更新中" />
<el-card style="padding: 0;">
<sjjk />
<glsc />
<czzljl />
</el-card>
</el-col>
</el-row>
</div>
</template>
<style scoped>
.el-card {
border-radius: 10px;
}
</style>
<script setup>
import TitleComponent from '@/components/TitleComponent';
import sbqk from './components/sbqk.vue';
import sjjk from './components/sjjk.vue';
import glsc from './components/glsc.vue';
import czzljl from './components/czzljl.vue';
import dzt from './components/dzt.vue';
</script>