企业级智慧农业App电柜管理页面设计,白色背景深绿顶部导航栏写… - 图片创意预览

企业级智慧农业App电柜管理页面设计,白色背景深绿顶部导航栏写…

企业级智慧农业App电柜管理页面设计,白色背景深绿顶部导航栏写着"电柜管理",左侧返回,右侧+新增电柜按钮。顶部面包屑:客户 > 基地 > 大棚 > 电柜管理。统计概览:电柜总数4台、在线3台、离线1

用户头像

1q2rqdj61m-...

2026.08.08
达谙DAAN SmartOps储能智慧云平台-光伏监控页面,浅色高端科技风格,与整套设计体系统一。顶部导航延续前面统一风格:左侧达谙DAAN圆形logo+汉堡菜单,中间电站切换下拉框(美律电子电站),右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格:实时监视、电站监视、运行分析、能源调度、光伏发电(展开选中,光伏监控高亮蓝色背景,子菜单:发电预测、光伏健康度、发电报表等)、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。卡片样式参照第3、4张参考图:一级标题带蓝色小图标+蓝色文字,右上角有查看更多链接,卡片圆角8-10px,轻微柔和投影,白色卡片底色,卡片内顶部有淡蓝色装饰条或图标装饰。列表样式参照第5张参考图:表头浅蓝底色,行间隔斑马纹(浅灰交替),左侧带复选框,操作列蓝色文字链接,分页器在底部居中。主内容区结合第1、2张的光伏监控内容:顶部4个数据卡片(实时发电功率、今日发电量、累计发电量、今日收益),逆变器状态区(4台逆变器卡片),今日发电功率曲线图+近7日发电量柱状图,发电明细数据表格(设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态)。整体浅蓝白配色,专业可信科技通透,高保真UI设计,高质量渲染达谙DAAN SmartOps储能智慧云平台-光伏监控页面,浅色高端科技风格,与整套设计体系统一。顶部导航延续前面统一风格:左侧达谙DAAN圆形logo+汉堡菜单,中间电站切换下拉框(美律电子电站),右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格:实时监视、电站监视、运行分析、能源调度、光伏发电(展开选中,光伏监控高亮蓝色背景,子菜单:发电预测、光伏健康度、发电报表等)、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。卡片样式参照第3、4张参考图:一级标题带蓝色小图标+蓝色文字,右上角有查看更多链接,卡片圆角8-10px,轻微柔和投影,白色卡片底色,卡片内顶部有淡蓝色装饰条或图标装饰。列表样式参照第5张参考图:表头浅蓝底色,行间隔斑马纹(浅灰交替),左侧带复选框,操作列蓝色文字链接,分页器在底部居中。主内容区结合第1、2张的光伏监控内容:顶部4个数据卡片(实时发电功率、今日发电量、累计发电量、今日收益),逆变器状态区(4台逆变器卡片),今日发电功率曲线图+近7日发电量柱状图,发电明细数据表格(设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态)。整体浅蓝白配色,专业可信科技通透,高保真UI设计,高质量渲染
达谙DAAN SmartOps储能智慧云平台-光伏监控页面,浅色高端科技风格,与整套设计体系统一。顶部导航延续前面统一风格:左侧达谙DAAN圆形logo+汉堡菜单,中间电站切换下拉框(美律电子电站),右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格:实时监视、电站监视、运行分析、能源调度、光伏发电(展开选中,光伏监控高亮蓝色背景,子菜单:发电预测、光伏健康度、发电报表等)、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。卡片样式参照第3、4张参考图:一级标题带蓝色小图标+蓝色文字,右上角有查看更多链接,卡片圆角8-10px,轻微柔和投影,白色卡片底色,卡片内顶部有淡蓝色装饰条或图标装饰。列表样式参照第5张参考图:表头浅蓝底色,行间隔斑马纹(浅灰交替),左侧带复选框,操作列蓝色文字链接,分页器在底部居中。主内容区结合第1、2张的光伏监控内容:顶部4个数据卡片(实时发电功率、今日发电量、累计发电量、今日收益),逆变器状态区(4台逆变器卡片),今日发电功率曲线图+近7日发电量柱状图,发电明细数据表格(设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态)。整体浅蓝白配色,专业可信科技通透,高保真UI设计,高质量渲染达谙DAAN SmartOps储能智慧云平台-光伏监控页面,浅色高端科技风格,与整套设计体系统一。顶部导航延续前面统一风格:左侧达谙DAAN圆形logo+汉堡菜单,中间电站切换下拉框(美律电子电站),右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格:实时监视、电站监视、运行分析、能源调度、光伏发电(展开选中,光伏监控高亮蓝色背景,子菜单:发电预测、光伏健康度、发电报表等)、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。卡片样式参照第3、4张参考图:一级标题带蓝色小图标+蓝色文字,右上角有查看更多链接,卡片圆角8-10px,轻微柔和投影,白色卡片底色,卡片内顶部有淡蓝色装饰条或图标装饰。列表样式参照第5张参考图:表头浅蓝底色,行间隔斑马纹(浅灰交替),左侧带复选框,操作列蓝色文字链接,分页器在底部居中。主内容区结合第1、2张的光伏监控内容:顶部4个数据卡片(实时发电功率、今日发电量、累计发电量、今日收益),逆变器状态区(4台逆变器卡片),今日发电功率曲线图+近7日发电量柱状图,发电明细数据表格(设备编号、设备名称、实时功率、日发电量、累计发电量、环境温度、组件温度、效率、状态)。整体浅蓝白配色,专业可信科技通透,高保真UI设计,高质量渲染
电化学储能电站运维系统-电站管理页面高保真UI设计,卡片颜色参照慧声智联客服平台的浅蓝渐变色调样式。顶部蓝色渐变导航栏带科技感线条装饰:左侧logo+系统名'SmartOps储能智慧运维平台',中间电站下拉选择,右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏:首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区:顶部操作栏左侧蓝色'新增电站'按钮,右侧排序方式、类型筛选标签、搜索框、查询重置按钮。页面大标题'电站管理'带副标题说明,顶部4步流程引导条(浅蓝渐变背景,Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组:6个浅蓝渐变背景数据卡片,每个卡片有淡蓝色渐变背景+白色前景,彩色圆形图标+数值+标题+环比趋势。筛选区:电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表:每行4个卡片,每个卡片为浅蓝渐变背景白色卡片(顶部淡蓝色渐变过渡到白色),左上角彩色图标+电站名称,数据源标签,信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态蓝色开关、发布状态标签、电价名称、电价最新月份标签,异常状态红色标签,卡片右上角更多操作按钮,底部操作栏编辑/删除/测试图标按钮。整体色调参照慧声智联客服平台:浅蓝渐变卡片、淡蓝色背景、柔和的蓝色调、玻璃拟态感、大圆角、精致阴影,现代企业级后台UI电化学储能电站运维系统-电站管理页面高保真UI设计,卡片颜色参照慧声智联客服平台的浅蓝渐变色调样式。顶部蓝色渐变导航栏带科技感线条装饰:左侧logo+系统名'SmartOps储能智慧运维平台',中间电站下拉选择,右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏:首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区:顶部操作栏左侧蓝色'新增电站'按钮,右侧排序方式、类型筛选标签、搜索框、查询重置按钮。页面大标题'电站管理'带副标题说明,顶部4步流程引导条(浅蓝渐变背景,Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组:6个浅蓝渐变背景数据卡片,每个卡片有淡蓝色渐变背景+白色前景,彩色圆形图标+数值+标题+环比趋势。筛选区:电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表:每行4个卡片,每个卡片为浅蓝渐变背景白色卡片(顶部淡蓝色渐变过渡到白色),左上角彩色图标+电站名称,数据源标签,信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态蓝色开关、发布状态标签、电价名称、电价最新月份标签,异常状态红色标签,卡片右上角更多操作按钮,底部操作栏编辑/删除/测试图标按钮。整体色调参照慧声智联客服平台:浅蓝渐变卡片、淡蓝色背景、柔和的蓝色调、玻璃拟态感、大圆角、精致阴影,现代企业级后台UI
电化学储能电站运维系统-配置管理-电站管理页面高保真UI设计,整体UI风格参照慧声智联客服平台的卡片式设计语言。顶部蓝色渐变导航栏带科技感线条装饰:左侧logo+系统名'SmartOps储能智慧运维平台',中间电站下拉选择,右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏:首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区:顶部操作栏左侧蓝色'新增电站'按钮,右侧排序方式(创建时间/修改时间)、机器人类型筛选标签、搜索框、查询按钮、重置按钮。页面大标题'电站管理',副标题说明文字,顶部4步流程引导条(Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组:6个圆形图标数据卡片横向排列(电站总数12、源网侧储能5、用户侧储能4、备用储能3、总功率16.85MW、总能量32.42MWh),每个卡片有彩色圆形图标+数值+标题。筛选区:电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表:每行4个卡片,每个卡片为白色圆角卡片带精致阴影,左上角彩色图标+电站名称,数据源标签(PCS系统/EMS系统),信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态开关、发布状态标签、电价名称、电价最新月份标签,异常状态红色标签(电价配置异常),卡片右上角更多操作按钮,底部操作栏编辑/删除/对话测试图标按钮。整体浅色B端卡片式风格,蓝白主色调,玻璃拟态感,圆角大,阴影精致,科技感装饰元素,现代企业级后台UI电化学储能电站运维系统-配置管理-电站管理页面高保真UI设计,整体UI风格参照慧声智联客服平台的卡片式设计语言。顶部蓝色渐变导航栏带科技感线条装饰:左侧logo+系统名'SmartOps储能智慧运维平台',中间电站下拉选择,右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏:首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区:顶部操作栏左侧蓝色'新增电站'按钮,右侧排序方式(创建时间/修改时间)、机器人类型筛选标签、搜索框、查询按钮、重置按钮。页面大标题'电站管理',副标题说明文字,顶部4步流程引导条(Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组:6个圆形图标数据卡片横向排列(电站总数12、源网侧储能5、用户侧储能4、备用储能3、总功率16.85MW、总能量32.42MWh),每个卡片有彩色圆形图标+数值+标题。筛选区:电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表:每行4个卡片,每个卡片为白色圆角卡片带精致阴影,左上角彩色图标+电站名称,数据源标签(PCS系统/EMS系统),信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态开关、发布状态标签、电价名称、电价最新月份标签,异常状态红色标签(电价配置异常),卡片右上角更多操作按钮,底部操作栏编辑/删除/对话测试图标按钮。整体浅色B端卡片式风格,蓝白主色调,玻璃拟态感,圆角大,阴影精致,科技感装饰元素,现代企业级后台UI
达谙DAAN SmartOps能源管理云平台-故障分析页面,高保真UI设计,1920x1080,B端后台系统界面。严格保留原图所有内容模块不增不减。顶部导航栏严格按照参考图第8张一模一样:深蓝色渐变背景,左侧达谙DAAN圆形logo + SmartOps能源管理云平台文字logo + 闪电图标,中间搜索框(搜索电站名称、设备、编号等)带下拉箭头,背景有白色线描的输电塔/风机/光伏板/储能柜剪影装饰,右侧大号数字时钟20:30:45 + 星期五 2026.10.02 + 通知铃铛带红色数字5 + 消息图标 + 帮助问号 + 全屏图标 + 用户头像+用户名,颜色样式完全不变。左侧菜单栏严格按照参考图第8张一模一样:深蓝色背景,白色图标+白色文字,选中项青色高亮文字带青色圆点标记,菜单从上到下:实时监视(展开带箭头)、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析、故障分析(选中青色高亮带青色圆点,展开箭头)、运维中心,颜色样式完全不变。面包屑:首页 > 故障分析。主内容区整体UI风格参照中国南方电网浅色风格,浅蓝白背景,白色卡片圆角柔和投影,标题带蓝色小竖线+蓝色图标。页面标题"故障分析"带蓝色小竖线,副标题"故障统计、类型分布、趋势分析与历史故障追溯",右上角全部电站下拉+导出按钮。顶部4个KPI数据卡片并排等宽,渐变色头部但改为浅色精致风格:今日故障(粉红渐变 1起 需及时处理小字)、本月故障(橙色渐变 22起 环比下降12%小字带下降箭头)、故障恢复率(绿色渐变 63.6% 目标95%小字)、平均修复时间(紫色渐变 159分钟 较上月缩短18min小字带下降箭头),每个卡片带圆形装饰图案,白色卡片底+彩色渐变顶部条。中间区域左右两个大卡片:左侧"故障类型分布"卡片,标题带蓝色小竖线+图标,柱状图7根柱子分别为:消防系统告警(红色 4)、SOC波动异常(橙色 4)、市电闪断(青色 5最高)、电池温度过高(绿色 3)、逆变器效率下降(浅紫 2)、冷却系统故障(粉红 2)、绝缘电阻偏低(蓝色 2),柱子圆角渐变填充,X轴为故障类型名称Y轴为数量,数据与原图完全一致。右侧"故障趋势(近30天)"卡片,标题带蓝色小竖线+图标,多折线面积图,三条线分别为紧急(红色)、重要(橙色)、一般(青色),折线有波动起伏有多个波峰波谷,X轴日期从9/5到10/3,图例在下方,渐变半透明填充,浅色精致风格。底部"故障列表"大卡片,标题带蓝色小竖线+图标,右上角搜索故障/设备搜索框+全部级别下拉+全部状态下拉+查询按钮。数据表格:表头浅蓝底色,列包括故障编号、级别(带颜色标签:紧急红/重要橙/一般黄)、故障名称、所属电站、设备、发生时间、恢复时间、修复时长、状态(处理中蓝色标签/已恢复绿色标签)、操作(详情 恢复 蓝色文字),斑马纹行交替,10条数据与原图完全一致(FT202609007消防系统告警处理中、FT202609011 SOC波动异常已恢复233分钟等),底部分页器(共22条 上一页 1 2 3 下一页 10条/页下拉)。整体浅色专业B端UI,图表精致渐变,数据完全保留原图内容。达谙DAAN SmartOps能源管理云平台-故障分析页面,高保真UI设计,1920x1080,B端后台系统界面。严格保留原图所有内容模块不增不减。顶部导航栏严格按照参考图第8张一模一样:深蓝色渐变背景,左侧达谙DAAN圆形logo + SmartOps能源管理云平台文字logo + 闪电图标,中间搜索框(搜索电站名称、设备、编号等)带下拉箭头,背景有白色线描的输电塔/风机/光伏板/储能柜剪影装饰,右侧大号数字时钟20:30:45 + 星期五 2026.10.02 + 通知铃铛带红色数字5 + 消息图标 + 帮助问号 + 全屏图标 + 用户头像+用户名,颜色样式完全不变。左侧菜单栏严格按照参考图第8张一模一样:深蓝色背景,白色图标+白色文字,选中项青色高亮文字带青色圆点标记,菜单从上到下:实时监视(展开带箭头)、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析、故障分析(选中青色高亮带青色圆点,展开箭头)、运维中心,颜色样式完全不变。面包屑:首页 > 故障分析。主内容区整体UI风格参照中国南方电网浅色风格,浅蓝白背景,白色卡片圆角柔和投影,标题带蓝色小竖线+蓝色图标。页面标题"故障分析"带蓝色小竖线,副标题"故障统计、类型分布、趋势分析与历史故障追溯",右上角全部电站下拉+导出按钮。顶部4个KPI数据卡片并排等宽,渐变色头部但改为浅色精致风格:今日故障(粉红渐变 1起 需及时处理小字)、本月故障(橙色渐变 22起 环比下降12%小字带下降箭头)、故障恢复率(绿色渐变 63.6% 目标95%小字)、平均修复时间(紫色渐变 159分钟 较上月缩短18min小字带下降箭头),每个卡片带圆形装饰图案,白色卡片底+彩色渐变顶部条。中间区域左右两个大卡片:左侧"故障类型分布"卡片,标题带蓝色小竖线+图标,柱状图7根柱子分别为:消防系统告警(红色 4)、SOC波动异常(橙色 4)、市电闪断(青色 5最高)、电池温度过高(绿色 3)、逆变器效率下降(浅紫 2)、冷却系统故障(粉红 2)、绝缘电阻偏低(蓝色 2),柱子圆角渐变填充,X轴为故障类型名称Y轴为数量,数据与原图完全一致。右侧"故障趋势(近30天)"卡片,标题带蓝色小竖线+图标,多折线面积图,三条线分别为紧急(红色)、重要(橙色)、一般(青色),折线有波动起伏有多个波峰波谷,X轴日期从9/5到10/3,图例在下方,渐变半透明填充,浅色精致风格。底部"故障列表"大卡片,标题带蓝色小竖线+图标,右上角搜索故障/设备搜索框+全部级别下拉+全部状态下拉+查询按钮。数据表格:表头浅蓝底色,列包括故障编号、级别(带颜色标签:紧急红/重要橙/一般黄)、故障名称、所属电站、设备、发生时间、恢复时间、修复时长、状态(处理中蓝色标签/已恢复绿色标签)、操作(详情 恢复 蓝色文字),斑马纹行交替,10条数据与原图完全一致(FT202609007消防系统告警处理中、FT202609011 SOC波动异常已恢复233分钟等),底部分页器(共22条 上一页 1 2 3 下一页 10条/页下拉)。整体浅色专业B端UI,图表精致渐变,数据完全保留原图内容。
参考图片的清新浅蓝渐变天空白云、圆角卡片、青蓝渐变主色调、轻盈通透的APP界面风格,重新生成一个智慧园区设备管理APP页面,手机竖屏界面,顶部状态栏显示时间9:41和信号电量图标。 页面结构如下: 1. 顶部横向Tab栏:区分三大业务模块「设备」「安全」「能耗」,当前停留「设备」板块并高亮显示。 2. 顶部筛选信息栏(蓝色通栏卡片): - 空间选择器:演示园区 / 1号楼 / 3层,带下拉箭头可切换楼栋楼层 - 运行等级:A级 - 数据更新时间:06-24 15:36 - 统计周期切换:今日 / 近7天 / 近30天,默认选中「今日」高亮 - 右上角有刷新按钮 3. 核心指标四宫格(关键KPI卡片,圆角白色卡片): - 设备总数:126台,小字说明当前空间纳管全部设备数量 - 在线率:94.4%,小字标注较昨日上升1.2%(绿色向上箭头代表向好) - 故障设备:7台,小字标注其中2台待处理(红色警示,重点工单) - 离线设备:5台,小字标注最长离线时长41天(黄色预警) 4. 设备状态分布·环形饼图模块: - 标题:设备状态分布 - 环形饼图展示四类状态占比:在线119台(绿色主体)、维保中8台(橙色)、故障7台(红色)、离线5台(浅灰色) - 右侧图文对照图例说明 5. 设备事件趋势柱状图模块: - 标题:设备事件趋势(今日) - 不同颜色柱子区分事件类型,展示全天不同时段设备事件发生频次,红色柱体有明显峰值代表故障类事件集中时段 色彩预警体系:绿色代表正常向好,橙色代表维保提醒,红色代表故障高危,灰色代表离线闲置。整体保持参考图的清新柔和、圆角卡片、渐变色彩、轻盈通透的UI设计风格,界面简洁现代,数据清晰易读,符合运维人员浏览习惯。参考图片的清新浅蓝渐变天空白云、圆角卡片、青蓝渐变主色调、轻盈通透的APP界面风格,重新生成一个智慧园区设备管理APP页面,手机竖屏界面,顶部状态栏显示时间9:41和信号电量图标。

页面结构如下:
1. 顶部横向Tab栏:区分三大业务模块「设备」「安全」「能耗」,当前停留「设备」板块并高亮显示。
2. 顶部筛选信息栏(蓝色通栏卡片):
   - 空间选择器:演示园区 / 1号楼 / 3层,带下拉箭头可切换楼栋楼层
   - 运行等级:A级
   - 数据更新时间:06-24 15:36
   - 统计周期切换:今日 / 近7天 / 近30天,默认选中「今日」高亮
   - 右上角有刷新按钮
3. 核心指标四宫格(关键KPI卡片,圆角白色卡片):
   - 设备总数:126台,小字说明当前空间纳管全部设备数量
   - 在线率:94.4%,小字标注较昨日上升1.2%(绿色向上箭头代表向好)
   - 故障设备:7台,小字标注其中2台待处理(红色警示,重点工单)
   - 离线设备:5台,小字标注最长离线时长41天(黄色预警)
4. 设备状态分布·环形饼图模块:
   - 标题:设备状态分布
   - 环形饼图展示四类状态占比:在线119台(绿色主体)、维保中8台(橙色)、故障7台(红色)、离线5台(浅灰色)
   - 右侧图文对照图例说明
5. 设备事件趋势柱状图模块:
   - 标题:设备事件趋势(今日)
   - 不同颜色柱子区分事件类型,展示全天不同时段设备事件发生频次,红色柱体有明显峰值代表故障类事件集中时段

色彩预警体系:绿色代表正常向好,橙色代表维保提醒,红色代表故障高危,灰色代表离线闲置。整体保持参考图的清新柔和、圆角卡片、渐变色彩、轻盈通透的UI设计风格,界面简洁现代,数据清晰易读,符合运维人员浏览习惯。