电化学储能电站全生命周期运维管理系统高保真UI设计，全场告警页… - 图片创意预览

电化学储能电站全生命周期运维管理系统高保真UI设计，全场告警页…

电化学储能电站全生命周期运维管理系统高保真UI设计，全场告警页面。整体布局：顶部蓝色导航栏（左侧logo和系统名称'SmartOps储能智慧运维平台'，中间搜索框，右侧天气信息、时间、通知铃铛、消息图

用户头像

xuyasha8108

2026.10.05

电化学储能电站运维系统-故障分析-告警事件页面高保真UI设计。顶部蓝色渐变导航栏+左侧深蓝色菜单框架同上，故障分析子菜单中'告警事件'选中高亮。主内容区：面包屑导航，页面大标题'告警事件'，副标题'历史趋势'。筛选区：数据类型标签(未消除/已消除/全部)，时间范围选择器，故障等级复选框组，设备单元筛选，工单状态筛选(未提交/自动提交/手动生成)。操作工具栏：搜索框(故障名称查询)、批量消除告警按钮(红色)、一键消除按钮(红色)、提工单按钮(橙色)。数据列表区：表格列包含复选框、故障名称、设备名称、故障等级(彩色标签：预警灰、轻故障黄、重故障橙、危急故障红)、开始时间、结束时间、持续时间、关闭方式、工单状态(标签)、关闭人、操作(消除告警红色按钮/提工单橙色按钮)。底部分页器：总条数、每页条数选择、页码跳转。整体浅色B端风格，蓝白主色调，卡片式布局，操作按钮色彩区分明确，表格斑马纹，现代企业级UI

电化学储能电站运维系统-故障分析-告警事件页面高保真UI设计。顶部蓝色渐变导航栏+左侧深蓝色菜单框架同上，故障分析子菜单中'告警事件'选中高亮。主内容区：面包屑导航，页面大标题'告警事件'，副标题'历史趋势'。筛选区：数据类型标签(未消除/已消除/全部)，时间范围选择器，故障等级复选框组，设备单元筛选，工单状态筛选(未提交/自动提交/手动生成)。操作工具栏：搜索框(故障名称查询)、批量消除告警按钮(红色)、一键消除按钮(红色)、提工单按钮(橙色)。数据列表区：表格列包含复选框、故障名称、设备名称、故障等级(彩色标签：预警灰、轻故障黄、重故障橙、危急故障红)、开始时间、结束时间、持续时间、关闭方式、工单状态(标签)、关闭人、操作(消除告警红色按钮/提工单橙色按钮)。底部分页器：总条数、每页条数选择、页码跳转。整体浅色B端风格，蓝白主色调，卡片式布局，操作按钮色彩区分明确，表格斑马纹，现代企业级UI

电化学储能电站运维系统-配置管理-电价模板页面高保真UI设计。顶部导航+左侧菜单框架同上，配置管理子菜单中'电价模板'选中高亮。主内容区：面包屑导航，页面标题'电价模板管理'。操作栏：左侧蓝色新增按钮，右侧搜索框+全部方向下拉+搜索按钮+重置按钮。数据表格：列包含模板名称、模板类型(系统模板绿色标签/电站模板橙色标签)、价格方向(充电蓝色/放电橙色/发电绿色/通用灰色标签)、电价类型、排序、关联电站(带数量标签)、创建时间、操作(编辑/编辑电价/推送/关联电站/场站绑定/查看/删除)。操作列文字链接用不同颜色区分(编辑蓝色、推送深蓝色、关联电站绿色、删除红色)。底部分页器：共54条、每页条数、页码跳转。整体浅色B端列表页风格，蓝白主色调，标签色彩丰富，操作链接多色区分，圆角设计，现代企业级配置管理UI

电化学储能电站运维系统-配置管理-电价模板页面高保真UI设计。顶部导航+左侧菜单框架同上，配置管理子菜单中'电价模板'选中高亮。主内容区：面包屑导航，页面标题'电价模板管理'。操作栏：左侧蓝色新增按钮，右侧搜索框+全部方向下拉+搜索按钮+重置按钮。数据表格：列包含模板名称、模板类型(系统模板绿色标签/电站模板橙色标签)、价格方向(充电蓝色/放电橙色/发电绿色/通用灰色标签)、电价类型、排序、关联电站(带数量标签)、创建时间、操作(编辑/编辑电价/推送/关联电站/场站绑定/查看/删除)。操作列文字链接用不同颜色区分(编辑蓝色、推送深蓝色、关联电站绿色、删除红色)。底部分页器：共54条、每页条数、页码跳转。整体浅色B端列表页风格，蓝白主色调，标签色彩丰富，操作链接多色区分，圆角设计，现代企业级配置管理UI

电化学储能电站运维系统-故障分析-设备告警页面高保真UI设计。顶部蓝色渐变导航栏：左侧logo+系统名'SmartOps储能智慧运维平台'，中间搜索框+电站下拉选择，右侧通知铃铛、用户头像。左侧深蓝色垂直菜单：故障分析展开高亮，子菜单中'设备告警'选中高亮，其他菜单同上。主内容区：面包屑导航，页面标题'设备告警'。顶部标签切换(日报表/历史报表)。筛选区：数据类型(未消除/已消除/全部)，日期选择器带左右箭头切换，故障等级复选框，设备单元多选。可视化区：设备告警分布环形图(按设备类型分类占比)，设备告警趋势折线图。下方数据表格：列包含设备名称、设备类型、所属电站、预警数、轻故障数、重故障数、危急故障数、告警总数、最后告警时间、操作(查看详情/导出)。空状态展示精美插画+暂无数据提示。整体浅色B端设计，蓝白主色调，玻璃拟态卡片，圆角，精致图标，现代后台管理系统界面

电化学储能电站运维系统-故障分析-设备告警页面高保真UI设计。顶部蓝色渐变导航栏：左侧logo+系统名'SmartOps储能智慧运维平台'，中间搜索框+电站下拉选择，右侧通知铃铛、用户头像。左侧深蓝色垂直菜单：故障分析展开高亮，子菜单中'设备告警'选中高亮，其他菜单同上。主内容区：面包屑导航，页面标题'设备告警'。顶部标签切换(日报表/历史报表)。筛选区：数据类型(未消除/已消除/全部)，日期选择器带左右箭头切换，故障等级复选框，设备单元多选。可视化区：设备告警分布环形图(按设备类型分类占比)，设备告警趋势折线图。下方数据表格：列包含设备名称、设备类型、所属电站、预警数、轻故障数、重故障数、危急故障数、告警总数、最后告警时间、操作(查看详情/导出)。空状态展示精美插画+暂无数据提示。整体浅色B端设计，蓝白主色调，玻璃拟态卡片，圆角，精致图标，现代后台管理系统界面

电化学储能电站运维系统-配置管理-电站管理页面高保真UI设计。顶部导航+左侧菜单框架同上，配置管理子菜单中'电站管理'选中高亮。主内容区：面包屑导航，页面标题'电站管理'。顶部电站统计信息栏：六个指标横向排列(电站总数、源网侧储能、用户侧储能、备用储能、总功率MW、总能量MWh)，每个指标有图标和数值。筛选区：过滤电站类型下拉、过滤电站状态下拉、运行状态下拉、发布状态下拉、查询搜索框、下载按钮、蓝色新增电站按钮。电站卡片网格列表：每行4个电站卡片，每个卡片包含电站名称、数据源标签、电站类型、电站编号、电站状态(正常绿色标签)、运行状态开关、发布状态(发布/保修中标签)、总功率、总能量、创建时间、电价名称、电价最新月份标签，异常状态用红色标签标识(电价配置异常)。卡片右上角更多操作按钮。整体浅色B端卡片列表风格，蓝白主色调，网格布局，状态标签色彩丰富，圆角设计，现代企业级资产管理UI

电化学储能电站运维系统-配置管理-电站管理页面高保真UI设计。顶部导航+左侧菜单框架同上，配置管理子菜单中'电站管理'选中高亮。主内容区：面包屑导航，页面标题'电站管理'。顶部电站统计信息栏：六个指标横向排列(电站总数、源网侧储能、用户侧储能、备用储能、总功率MW、总能量MWh)，每个指标有图标和数值。筛选区：过滤电站类型下拉、过滤电站状态下拉、运行状态下拉、发布状态下拉、查询搜索框、下载按钮、蓝色新增电站按钮。电站卡片网格列表：每行4个电站卡片，每个卡片包含电站名称、数据源标签、电站类型、电站编号、电站状态(正常绿色标签)、运行状态开关、发布状态(发布/保修中标签)、总功率、总能量、创建时间、电价名称、电价最新月份标签，异常状态用红色标签标识(电价配置异常)。卡片右上角更多操作按钮。整体浅色B端卡片列表风格，蓝白主色调，网格布局，状态标签色彩丰富，圆角设计，现代企业级资产管理UI

电化学储能电站运维系统-配置管理-映射配置页面高保真UI设计。顶部导航+左侧菜单框架同上，配置管理展开高亮，子菜单(组模板信息、映射配置<选中高亮>、电站管理、资产管理、电价模板、告警方案、控制协议、测算配置、点表管理)。主内容区：面包屑导航，页面标题'映射配置'。筛选区：方案名称输入框、设备类型下拉、场站输入框、状态下拉、蓝色查询按钮、重置按钮。操作工具栏：蓝色新建方案按钮、刷新规则按钮。数据表格：列包含方案编号、方案名称、设备类型、场站、规则数、目标协议、MQTT主题、状态(启用/禁用标签)、更新时间、操作(编辑/详情/复制/删除)。表格中通用模板用绿色标签标识。底部分页器：共50条、每页条数、页码跳转。整体浅色B端列表页风格，蓝白主色调，卡片式布局，操作按钮色彩区分，表格斑马纹，现代企业级配置管理UI

电化学储能电站运维系统-配置管理-映射配置页面高保真UI设计。顶部导航+左侧菜单框架同上，配置管理展开高亮，子菜单(组模板信息、映射配置<选中高亮>、电站管理、资产管理、电价模板、告警方案、控制协议、测算配置、点表管理)。主内容区：面包屑导航，页面标题'映射配置'。筛选区：方案名称输入框、设备类型下拉、场站输入框、状态下拉、蓝色查询按钮、重置按钮。操作工具栏：蓝色新建方案按钮、刷新规则按钮。数据表格：列包含方案编号、方案名称、设备类型、场站、规则数、目标协议、MQTT主题、状态(启用/禁用标签)、更新时间、操作(编辑/详情/复制/删除)。表格中通用模板用绿色标签标识。底部分页器：共50条、每页条数、页码跳转。整体浅色B端列表页风格，蓝白主色调，卡片式布局，操作按钮色彩区分，表格斑马纹，现代企业级配置管理UI

电化学储能电站运维系统-诊断中心-诊断分析页面高保真UI设计。顶部导航+左侧菜单框架同上，左侧菜单中'诊断中心'展开高亮，子菜单(诊断统计、诊断分析<选中高亮>、策略推荐、预计成本回收)。主内容区：面包屑导航，页面大标题'历史趋势/诊断分析'。筛选区：告警状态标签页(全部/待处理/处理完成)，时间范围选择器，告警类型下拉，电站列表下拉，模糊搜索框(输入电站、设备、侦测名称查询)。数据列表区：表格列包含告警类型(彩色标签)、电站、设备、部件、侦测名称、告警状态(状态标签)、异常描述、开始时间、关闭时间、持续时间、创建时间、更新时间、处理意见、操作(查看详情/导出)。表格右上角数据下载按钮。底部分页器：总条数、每页条数、页码跳转。整体浅色B端风格，蓝白主色调，卡片式布局，操作按钮色彩区分，表格斑马纹，现代企业级后台管理系统UI

电化学储能电站运维系统-诊断中心-诊断分析页面高保真UI设计。顶部导航+左侧菜单框架同上，左侧菜单中'诊断中心'展开高亮，子菜单(诊断统计、诊断分析<选中高亮>、策略推荐、预计成本回收)。主内容区：面包屑导航，页面大标题'历史趋势/诊断分析'。筛选区：告警状态标签页(全部/待处理/处理完成)，时间范围选择器，告警类型下拉，电站列表下拉，模糊搜索框(输入电站、设备、侦测名称查询)。数据列表区：表格列包含告警类型(彩色标签)、电站、设备、部件、侦测名称、告警状态(状态标签)、异常描述、开始时间、关闭时间、持续时间、创建时间、更新时间、处理意见、操作(查看详情/导出)。表格右上角数据下载按钮。底部分页器：总条数、每页条数、页码跳转。整体浅色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

电化学储能电站运维系统-配置管理-电站管理页面高保真UI设计，整体UI风格参照慧声智联客服平台的卡片式设计语言。顶部蓝色渐变导航栏带科技感线条装饰：左侧logo+系统名'SmartOps储能智慧运维平台'，中间电站下拉选择，右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏：首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区：顶部操作栏左侧蓝色'新增电站'按钮，右侧排序方式(创建时间/修改时间)、机器人类型筛选标签、搜索框、查询按钮、重置按钮。页面大标题'电站管理'，副标题说明文字，顶部4步流程引导条(Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组：6个圆形图标数据卡片横向排列(电站总数12、源网侧储能5、用户侧储能4、备用储能3、总功率16.85MW、总能量32.42MWh)，每个卡片有彩色圆形图标+数值+标题。筛选区：电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表：每行4个卡片，每个卡片为白色圆角卡片带精致阴影，左上角彩色图标+电站名称，数据源标签(PCS系统/EMS系统)，信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态开关、发布状态标签、电价名称、电价最新月份标签，异常状态红色标签(电价配置异常)，卡片右上角更多操作按钮，底部操作栏编辑/删除/对话测试图标按钮。整体浅色B端卡片式风格，蓝白主色调，玻璃拟态感，圆角大，阴影精致，科技感装饰元素，现代企业级后台UI

以参考图为基础，保持完全一致的整体视觉风格、版式结构、配色与组件样式（深蓝黑色左侧导航栏、白色顶部栏、浅灰白内容区、蓝色主色调、细边框卡片、圆角表格、绿色状态标签、右下角分页控件），输出一张 16:9 的高保真“高精度定位管理平台”后台管理系统页面截图，横版满屏、文字清晰工整、无错别字。左侧深色导航栏：顶部平台名称“高精度定位管理平台”，下方按参考图同样的图标与层级列出菜单：“首页”；“系统管理”（展开，含“岗位管理”“用户管理”“角色管理”“菜单管理”“部门管理”“字典管理”“参数设置”）；“日志管理”（展开，含“操作日志”“登录日志”“系统监控”“定位数据上传日志统计”“预报警上报日志统计”）；“定位设备管理”“定位对象管理”“地图管理”“预警管理”。其中新增菜单项“预报警上报日志统计”位于“定位数据上传日志统计”的正下方、同属“日志管理”分组，并作为当前选中项呈蓝色高亮背景。顶部栏：左侧为折叠菜单图标与面包屑导航“首页 > 预报警上报日志统计”，右侧为带日历图标的日期范围选择器，显示“2026-09-22 14:30 至 09-24 14:30”。右侧内容区左主区上方为柱状图卡片，标题“预报警上报频率趋势”，蓝色柱状，图例“上报频率”，横轴时间维度（09-22、09-23、09-24 等时刻），纵轴为频率刻度。右侧内容区右上为“统计信息”面板，三张统计卡片纵向排列：带太阳图标的“当日平均值”及蓝色大号数值“16 次/min”；带日历图标的“当月平均值”及“19 次/min”；带网格图标的“季度平均值”及“17 次/min”。主区下方为“预报警上报日志”数据表格，表格标题旁有小字说明“预警报警事件从发生到结束期间周期性上报监测状态”。表头列依次为“序号”“报警类型”“标签名称”“标签ID”“报警时间”“上报频率（次/min）”“状态”“备注”。共 8 行数据，每行“状态”为绿色标签“已结束”，“备注”为“预报警上报成功”：第1行 “1” “聚集预警” “张五五” “20020158” “2026-09-22 14:30:11” “15” ；第2行 “2” “长时间静止报警” “张子房” “10011028” “2026-09-22 18:45:23” “16” ；第3行 “3” “超员报警” “测试人员702” “10011072” “2026-09-23 08:12:47” “17” ；第4行 “4” “缺员报警” “测试人员188” “10011074” “2026-09-23 11:30:05” “18” ；第5行 “5” “滞留报警” “外委人员” “25060742” “2026-09-23 16:58:31” “19” ；第6行 “6” “聚集预警” “测试人员128” “25061052” “2026-09-23 21:20:14” “20” ；第7行 “7” “长时间静止报警” “测试人员816” “10011046” “2026-09-24 09:05:52” “16” ；第8行 “8” “超员报警” “测试人员1071” “10011061” “2026-09-24 14:30:11” “18” 。表格底部为分页控件，显示“共 8 条”“10 条/页”及页码“1、2”，与参考图右下角分页样式一致。

以参考图为基础，保持完全一致的整体视觉风格、版式结构、配色与组件样式（深蓝黑色左侧导航栏、白色顶部栏、浅灰白内容区、蓝色主色调、细边框卡片、圆角表格、绿色状态标签、右下角分页控件），输出一张 16:9 的高保真“高精度定位管理平台”后台管理系统页面截图，横版满屏、文字清晰工整、无错别字。

左侧深色导航栏：顶部平台名称“高精度定位管理平台”，下方按参考图同样的图标与层级列出菜单：“首页”；“系统管理”（展开，含“岗位管理”“用户管理”“角色管理”“菜单管理”“部门管理”“字典管理”“参数设置”）；“日志管理”（展开，含“操作日志”“登录日志”“系统监控”“定位数据上传日志统计”“预报警上报日志统计”）；“定位设备管理”“定位对象管理”“地图管理”“预警管理”。其中新增菜单项“预报警上报日志统计”位于“定位数据上传日志统计”的正下方、同属“日志管理”分组，并作为当前选中项呈蓝色高亮背景。

顶部栏：左侧为折叠菜单图标与面包屑导航“首页 > 预报警上报日志统计”，右侧为带日历图标的日期范围选择器，显示“2026-09-22 14:30 至 09-24 14:30”。

右侧内容区左主区上方为柱状图卡片，标题“预报警上报频率趋势”，蓝色柱状，图例“上报频率”，横轴时间维度（09-22、09-23、09-24 等时刻），纵轴为频率刻度。

右侧内容区右上为“统计信息”面板，三张统计卡片纵向排列：带太阳图标的“当日平均值”及蓝色大号数值“16 次/min”；带日历图标的“当月平均值”及“19 次/min”；带网格图标的“季度平均值”及“17 次/min”。

主区下方为“预报警上报日志”数据表格，表格标题旁有小字说明“预警报警事件从发生到结束期间周期性上报监测状态”。表头列依次为“序号”“报警类型”“标签名称”“标签ID”“报警时间”“上报频率（次/min）”“状态”“备注”。共 8 行数据，每行“状态”为绿色标签“已结束”，“备注”为“预报警上报成功”：
第1行 “1” “聚集预警” “张五五” “20020158” “2026-09-22 14:30:11” “15” ；
第2行 “2” “长时间静止报警” “张子房” “10011028” “2026-09-22 18:45:23” “16” ；
第3行 “3” “超员报警” “测试人员702” “10011072” “2026-09-23 08:12:47” “17” ；
第4行 “4” “缺员报警” “测试人员188” “10011074” “2026-09-23 11:30:05” “18” ；
第5行 “5” “滞留报警” “外委人员” “25060742” “2026-09-23 16:58:31” “19” ；
第6行 “6” “聚集预警” “测试人员128” “25061052” “2026-09-23 21:20:14” “20” ；
第7行 “7” “长时间静止报警” “测试人员816” “10011046” “2026-09-24 09:05:52” “16” ；
第8行 “8” “超员报警” “测试人员1071” “10011061” “2026-09-24 14:30:11” “18” 。
表格底部为分页控件，显示“共 8 条”“10 条/页”及页码“1、2”，与参考图右下角分页样式一致。

电化学储能电站运维系统-配置管理-测算配置页面高保真UI设计。顶部导航+左侧菜单框架同上，配置管理子菜单中'测算配置'选中高亮。主内容区：面包屑导航，页面标题'测算配置'。顶部操作栏：测算方案下拉选择、蓝色新增方案按钮、编辑按钮、复制按钮、删除按钮、绿色测试测算按钮、橙色全量回溯按钮、查看日志按钮、模板装配按钮。主体三栏布局：左侧设备树面板(可折叠树形结构，CNGXGD02电站下美律储能组，包含M1场站网络状态、M2场站工作状态、M3场站SOC、M4场站SOH等多个测点，带图标)。中间测点配置面板：大面积空白区域，提示请先选择左侧树节点，带插画。右侧配置列表面板：顶部搜索框、导出JSON/导入JSON按钮、新增配置按钮，列表展示多条配置项(电池堆的日充最大值、PCS的日累计最大值、PV当日发电量等)，每项包含目标测点、来源测点、层级、设备类型标签、汇总范围、测算周期、算法、计算模式、启用状态标签。整体浅色B端配置工具风格，蓝白主色调，三栏布局，树形结构+列表，现代企业级专业配置界面

电化学储能电站运维系统-配置管理-测算配置页面高保真UI设计。顶部导航+左侧菜单框架同上，配置管理子菜单中'测算配置'选中高亮。主内容区：面包屑导航，页面标题'测算配置'。顶部操作栏：测算方案下拉选择、蓝色新增方案按钮、编辑按钮、复制按钮、删除按钮、绿色测试测算按钮、橙色全量回溯按钮、查看日志按钮、模板装配按钮。主体三栏布局：左侧设备树面板(可折叠树形结构，CNGXGD02电站下美律储能组，包含M1场站网络状态、M2场站工作状态、M3场站SOC、M4场站SOH等多个测点，带图标)。中间测点配置面板：大面积空白区域，提示请先选择左侧树节点，带插画。右侧配置列表面板：顶部搜索框、导出JSON/导入JSON按钮、新增配置按钮，列表展示多条配置项(电池堆的日充最大值、PCS的日累计最大值、PV当日发电量等)，每项包含目标测点、来源测点、层级、设备类型标签、汇总范围、测算周期、算法、计算模式、启用状态标签。整体浅色B端配置工具风格，蓝白主色调，三栏布局，树形结构+列表，现代企业级专业配置界面

电化学储能电站运维系统-故障分析-告警分析页面高保真UI设计。顶部蓝色导航栏+左侧深蓝色菜单框架同上，故障分析子菜单中'告警分析'选中高亮。主内容区：顶部标签切换(告警事件/设备类型/故障等级)，当前选中'告警事件'。页面标题'告警事件分析'。筛选区：时间范围选择器，设备单元单选。可视化分析区：第一部分'告警事件数量统计'折线面积图，多色线条展示不同等级告警趋势。第二部分'告警事件构成图'环形饼图，展示各故障等级占比。第三部分数据列表：列包含日期、预警数、轻故障数、重故障数、危急故障数、合计、环比。右侧侧边栏：TOP5告警故障排名列表，告警处理效率分析卡片(平均响应时间、平均处理时长、处理率)。整体浅色B端数据大屏风格，蓝白主色调，丰富的数据可视化图表，卡片式布局，圆角设计，精致渐变，现代企业级数据分析界面

电化学储能电站运维系统-故障分析-告警分析页面高保真UI设计。顶部蓝色导航栏+左侧深蓝色菜单框架同上，故障分析子菜单中'告警分析'选中高亮。主内容区：顶部标签切换(告警事件/设备类型/故障等级)，当前选中'告警事件'。页面标题'告警事件分析'。筛选区：时间范围选择器，设备单元单选。可视化分析区：第一部分'告警事件数量统计'折线面积图，多色线条展示不同等级告警趋势。第二部分'告警事件构成图'环形饼图，展示各故障等级占比。第三部分数据列表：列包含日期、预警数、轻故障数、重故障数、危急故障数、合计、环比。右侧侧边栏：TOP5告警故障排名列表，告警处理效率分析卡片(平均响应时间、平均处理时长、处理率)。整体浅色B端数据大屏风格，蓝白主色调，丰富的数据可视化图表，卡片式布局，圆角设计，精致渐变，现代企业级数据分析界面

电化学储能电站运维系统-工单管理-工作台页面高保真UI设计。顶部导航+左侧菜单框架同上，工单管理展开高亮，子菜单(工作台<选中高亮>、我的工单、工单报表、所有工单、项目管理、供应商管理)。主内容区：面包屑导航，页面标题'工单工作台'。上半部分左右布局：左侧代办日历卡片(2026年10月日历视图，日期带代办标记，上下月切换)，右侧工单状态统计卡片(环形图+数据)、当日未消故障电站汇总卡片。中间部分左右两栏：近期充放电效率异常电站汇总卡片、近期一致性异常电站汇总卡片。下半部分：电站综合指标热力图卡片(大面积数据可视化区域)、近期电站运维分析建议文本卡片。整体浅色B端工作台风格，蓝白主色调，多卡片瀑布流布局，圆角设计，数据可视化丰富，现代企业级运维工作台UI

电化学储能电站运维系统-工单管理-工作台页面高保真UI设计。顶部导航+左侧菜单框架同上，工单管理展开高亮，子菜单(工作台<选中高亮>、我的工单、工单报表、所有工单、项目管理、供应商管理)。主内容区：面包屑导航，页面标题'工单工作台'。上半部分左右布局：左侧代办日历卡片(2026年10月日历视图，日期带代办标记，上下月切换)，右侧工单状态统计卡片(环形图+数据)、当日未消故障电站汇总卡片。中间部分左右两栏：近期充放电效率异常电站汇总卡片、近期一致性异常电站汇总卡片。下半部分：电站综合指标热力图卡片(大面积数据可视化区域)、近期电站运维分析建议文本卡片。整体浅色B端工作台风格，蓝白主色调，多卡片瀑布流布局，圆角设计，数据可视化丰富，现代企业级运维工作台UI

电化学储能电站运维系统-电站管理页面高保真UI设计，卡片颜色参照慧声智联客服平台的浅蓝渐变色调样式。顶部蓝色渐变导航栏带科技感线条装饰：左侧logo+系统名'SmartOps储能智慧运维平台'，中间电站下拉选择，右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏：首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区：顶部操作栏左侧蓝色'新增电站'按钮，右侧排序方式、类型筛选标签、搜索框、查询重置按钮。页面大标题'电站管理'带副标题说明，顶部4步流程引导条(浅蓝渐变背景，Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组：6个浅蓝渐变背景数据卡片，每个卡片有淡蓝色渐变背景+白色前景，彩色圆形图标+数值+标题+环比趋势。筛选区：电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表：每行4个卡片，每个卡片为浅蓝渐变背景白色卡片(顶部淡蓝色渐变过渡到白色)，左上角彩色图标+电站名称，数据源标签，信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态蓝色开关、发布状态标签、电价名称、电价最新月份标签，异常状态红色标签，卡片右上角更多操作按钮，底部操作栏编辑/删除/测试图标按钮。整体色调参照慧声智联客服平台：浅蓝渐变卡片、淡蓝色背景、柔和的蓝色调、玻璃拟态感、大圆角、精致阴影，现代企业级后台UI

电化学储能电站运维系统-电站管理页面高保真UI设计，卡片颜色参照慧声智联客服平台的浅蓝渐变色调样式。顶部蓝色渐变导航栏带科技感线条装饰：左侧logo+系统名'SmartOps储能智慧运维平台'，中间电站下拉选择，右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏：首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区：顶部操作栏左侧蓝色'新增电站'按钮，右侧排序方式、类型筛选标签、搜索框、查询重置按钮。页面大标题'电站管理'带副标题说明，顶部4步流程引导条(浅蓝渐变背景，Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组：6个浅蓝渐变背景数据卡片，每个卡片有淡蓝色渐变背景+白色前景，彩色圆形图标+数值+标题+环比趋势。筛选区：电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表：每行4个卡片，每个卡片为浅蓝渐变背景白色卡片(顶部淡蓝色渐变过渡到白色)，左上角彩色图标+电站名称，数据源标签，信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态蓝色开关、发布状态标签、电价名称、电价最新月份标签，异常状态红色标签，卡片右上角更多操作按钮，底部操作栏编辑/删除/测试图标按钮。整体色调参照慧声智联客服平台：浅蓝渐变卡片、淡蓝色背景、柔和的蓝色调、玻璃拟态感、大圆角、精致阴影，现代企业级后台UI

电化学储能电站全生命周期运维管理系统高保真UI设计，故障分析模块综合仪表盘页面。整体布局：顶部蓝色渐变导航栏（左侧logo和系统名称'SmartOps储能智慧运维平台'，中间电站选择下拉框，右侧通知铃铛带红色数字角标、告警统计、用户头像），左侧深蓝色垂直菜单（包含实时监视、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析、故障分析、运维中心、诊断中心、工单管理、配置管理、日志中心、系统管理等模块，故障分析为当前展开状态，子菜单包含全场告警、电站告警、设备告警、告警事件、告警分析）。主内容区为告警综合分析大屏：顶部四个数据卡片分别展示告警总数、待处理告警、今日新增告警、已消除告警，每个卡片有图标和数值及环比趋势。中间区域左侧为告警趋势折线图（近7天告警数量变化，按故障等级分色），右侧为告警等级分布环形饼图（预警蓝色、轻故障黄色、重故障橙色、危急故障红色）。下方左侧为电站告警排名柱状图，右侧为设备类型告警分布表格。整体浅色B端设计风格，蓝白主色调，玻璃拟态卡片，圆角设计，清晰的层级关系，现代简洁的企业级后台管理系统界面，高质量UI细节，数据可视化图表丰富

电化学储能电站全生命周期运维管理系统高保真UI设计，故障分析模块综合仪表盘页面。整体布局：顶部蓝色渐变导航栏（左侧logo和系统名称'SmartOps储能智慧运维平台'，中间电站选择下拉框，右侧通知铃铛带红色数字角标、告警统计、用户头像），左侧深蓝色垂直菜单（包含实时监视、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析、故障分析、运维中心、诊断中心、工单管理、配置管理、日志中心、系统管理等模块，故障分析为当前展开状态，子菜单包含全场告警、电站告警、设备告警、告警事件、告警分析）。主内容区为告警综合分析大屏：顶部四个数据卡片分别展示告警总数、待处理告警、今日新增告警、已消除告警，每个卡片有图标和数值及环比趋势。中间区域左侧为告警趋势折线图（近7天告警数量变化，按故障等级分色），右侧为告警等级分布环形饼图（预警蓝色、轻故障黄色、重故障橙色、危急故障红色）。下方左侧为电站告警排名柱状图，右侧为设备类型告警分布表格。整体浅色B端设计风格，蓝白主色调，玻璃拟态卡片，圆角设计，清晰的层级关系，现代简洁的企业级后台管理系统界面，高质量UI细节，数据可视化图表丰富

现代简约风格的企业级后台管理系统数据列表页面，UI设计图。左侧深色侧边栏导航菜单，顶部导航栏有面包屑导航、搜索框、筛选按钮。主内容区顶部有操作栏：新增按钮、批量操作、搜索筛选区。中间是数据表格，包含复选框、序号、名称、状态、创建时间、操作列等，表格行有悬停效果，状态标签用不同颜色区分。底部有分页器。右侧可展开详情抽屉面板。整体采用蓝绿色调，清爽干净，圆角设计，柔和阴影，专业企业级后台UI设计，高保真

现代简约风格的企业级后台管理系统数据列表页面，UI设计图。左侧深色侧边栏导航菜单，顶部导航栏有面包屑导航、搜索框、筛选按钮。主内容区顶部有操作栏：新增按钮、批量操作、搜索筛选区。中间是数据表格，包含复选框、序号、名称、状态、创建时间、操作列等，表格行有悬停效果，状态标签用不同颜色区分。底部有分页器。右侧可展开详情抽屉面板。整体采用蓝绿色调，清爽干净，圆角设计，柔和阴影，专业企业级后台UI设计，高保真

参考提供的管理系统UI界面风格，生成台账报表导出打印界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、报表类型下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：报表总数量、已导出报表、已打印报表、待处理报表，每个卡片有图标、数值、较上月变化百分比。下方是报表列表表格，列包括序号、报表名称、生成日期、报表类型、餐次范围、数据条数、状态、操作（预览/导出/打印/下载）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面

参考提供的管理系统UI界面风格，生成台账报表导出打印界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、报表类型下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：报表总数量、已导出报表、已打印报表、待处理报表，每个卡片有图标、数值、较上月变化百分比。下方是报表列表表格，列包括序号、报表名称、生成日期、报表类型、餐次范围、数据条数、状态、操作（预览/导出/打印/下载）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面

1q5brjneengrk3p6-HB

达谙DAAN SmartOps能源管理云平台-收益分析-设备收益页面，高保真UI设计，1920x1080，B端后台系统界面。顶部导航栏严格按照参考图样式：深蓝色渐变背景，左侧达谙DAAN圆形logo + SmartOps能源管理云平台文字logo + 闪电图标，中间搜索框，背景白色线描输电塔/风机/光伏板/储能柜剪影，右侧大号数字时钟 + 日期星期 + 通知铃铛红5 + 消息 + 帮助 + 全屏 + 用户头像。左侧菜单栏严格按照参考图样式：深蓝色背景白色图标文字，收益分析展开，设备收益选中青色高亮带青色圆点。面包屑：首页 > 收益分析 > 设备收益。主内容区浅蓝白色背景，南方电网风格白色卡片圆角柔和投影。顶部筛选栏一行：数据周期切换（日/周/月/年，月选中蓝色按钮）、时间范围选择器（2026-09-01 至 2026-09-30）、设备类型下拉（储能变流器/电池簇/光伏逆变器等）、电站筛选下拉，右侧导出按钮。顶部4个KPI卡片并排：设备总数（24台）、收益设备数（22台）、未收益设备（2台）、设备平均收益（¥11,295/台），每个卡片带图标和环比趋势箭头。中间区域左右布局：左侧"设备收益排行TOP10"卡片，标题带蓝色竖线，横向条形图，设备名称在左，条形长度代表收益金额渐变蓝色，右侧标注具体金额，排名1-10数据递减有波动。右侧"设备收益分布"卡片，标题带蓝色竖线，饼图/环形图展示不同设备类型的收益占比（储能变流器45%、电池簇30%、光伏逆变器15%、其他设备10%），带图例和数值。底部"设备收益明细"大卡片，标题带蓝色竖线，右上角搜索框+设备类型下拉+收益状态下拉+查询按钮。表格：表头浅蓝底色，列包括序号、设备编号、设备名称、设备类型、所属电站、本月充电量(kWh)、本月放电量(kWh)、收益金额(元)（蓝色高亮）、收益率(%)、状态（正常/异常带颜色标签）、操作（查看详情蓝色文字），斑马纹行交替，左侧复选框，12行数据各不同，底部分页器。所有数据充实不为0有高有低，专业精致B端UI。

达谙DAAN SmartOps能源管理云平台-收益分析-设备收益页面，高保真UI设计，1920x1080，B端后台系统界面。顶部导航栏严格按照参考图样式：深蓝色渐变背景，左侧达谙DAAN圆形logo + SmartOps能源管理云平台文字logo + 闪电图标，中间搜索框，背景白色线描输电塔/风机/光伏板/储能柜剪影，右侧大号数字时钟 + 日期星期 + 通知铃铛红5 + 消息 + 帮助 + 全屏 + 用户头像。左侧菜单栏严格按照参考图样式：深蓝色背景白色图标文字，收益分析展开，设备收益选中青色高亮带青色圆点。面包屑：首页 > 收益分析 > 设备收益。主内容区浅蓝白色背景，南方电网风格白色卡片圆角柔和投影。顶部筛选栏一行：数据周期切换（日/周/月/年，月选中蓝色按钮）、时间范围选择器（2026-09-01 至 2026-09-30）、设备类型下拉（储能变流器/电池簇/光伏逆变器等）、电站筛选下拉，右侧导出按钮。顶部4个KPI卡片并排：设备总数（24台）、收益设备数（22台）、未收益设备（2台）、设备平均收益（¥11,295/台），每个卡片带图标和环比趋势箭头。中间区域左右布局：左侧"设备收益排行TOP10"卡片，标题带蓝色竖线，横向条形图，设备名称在左，条形长度代表收益金额渐变蓝色，右侧标注具体金额，排名1-10数据递减有波动。右侧"设备收益分布"卡片，标题带蓝色竖线，饼图/环形图展示不同设备类型的收益占比（储能变流器45%、电池簇30%、光伏逆变器15%、其他设备10%），带图例和数值。底部"设备收益明细"大卡片，标题带蓝色竖线，右上角搜索框+设备类型下拉+收益状态下拉+查询按钮。表格：表头浅蓝底色，列包括序号、设备编号、设备名称、设备类型、所属电站、本月充电量(kWh)、本月放电量(kWh)、收益金额(元)（蓝色高亮）、收益率(%)、状态（正常/异常带颜色标签）、操作（查看详情蓝色文字），斑马纹行交替，左侧复选框，12行数据各不同，底部分页器。所有数据充实不为0有高有低，专业精致B端UI。

B端系统平台科技风页面，现代简约风格，模块卡片玻璃拟态效果，毛玻璃半透明卡片，白色主背景，精致圆角，微阴影，专业级中后台产品界面，整体清爽通透。三栏式布局：左侧垂直导航栏6个功能菜单；顶部区域先是平台标题，其次是菜单栏6个功能，当前选中模型管理菜单高亮显示；中间主内容区是一个数据表格，表格列包括：序号、模型编号、模型名称、模型分类、模型状态、创建人、更新时间、操作，表格有多行数据，操作列包含功能按钮。UI设计，界面设计，高保真，科技感，蓝色科技色调点缀，清晰的信息层级，专业企业级后台系统表格页面，16:9宽屏比例

B端系统平台科技风页面，现代简约风格，模块卡片玻璃拟态效果，毛玻璃半透明卡片，白色主背景，精致圆角，微阴影，专业级中后台产品界面，整体清爽通透。三栏式布局：左侧垂直导航栏6个功能菜单；顶部区域先是平台标题，其次是菜单栏6个功能，当前选中模型管理菜单高亮显示；中间主内容区是一个数据表格，表格列包括：序号、模型编号、模型名称、模型分类、模型状态、创建人、更新时间、操作，表格有多行数据，操作列包含功能按钮。UI设计，界面设计，高保真，科技感，蓝色科技色调点缀，清晰的信息层级，专业企业级后台系统表格页面，16:9宽屏比例

电化学储能电站运维系统-故障分析-电站告警页面高保真UI设计。顶部蓝色渐变导航栏：左侧logo+系统名'SmartOps储能智慧运维平台'，中间搜索框+电站下拉选择，右侧天气信息、时间、通知铃铛(红色角标)、消息图标、用户头像。左侧深蓝色垂直菜单：实时监视、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析、故障分析(展开高亮，子菜单：全场告警、电站告警<选中高亮>、设备告警、告警事件、告警分析)、运维中心、诊断中心、工单管理、配置管理、日志中心、系统管理。主内容区：面包屑导航'故障分析 / 电站告警'，页面大标题'电站告警分析'。筛选区：数据类型标签页(未消除/已消除/全部)，数据周期切换(日/周/月/年)，时间范围选择器，故障等级复选框组(预警/轻故障/重故障/危急故障)，电站多选下拉。可视化区：上方堆叠柱状图展示各电站每日告警数量趋势，按故障等级分色堆叠。下方数据表格：列包含电站名称、预警数、轻故障数、重故障数、危急故障数、告警总数、环比趋势、操作(查看详情)。表格支持排序、分页。整体浅色B端风格，蓝白主色调，卡片式布局，圆角设计，精致阴影，现代企业级后台UI

电化学储能电站运维系统-故障分析-电站告警页面高保真UI设计。顶部蓝色渐变导航栏：左侧logo+系统名'SmartOps储能智慧运维平台'，中间搜索框+电站下拉选择，右侧天气信息、时间、通知铃铛(红色角标)、消息图标、用户头像。左侧深蓝色垂直菜单：实时监视、运行分析、能源调度、光伏发电、决策分析、运营中心、收益分析、故障分析(展开高亮，子菜单：全场告警、电站告警<选中高亮>、设备告警、告警事件、告警分析)、运维中心、诊断中心、工单管理、配置管理、日志中心、系统管理。主内容区：面包屑导航'故障分析 / 电站告警'，页面大标题'电站告警分析'。筛选区：数据类型标签页(未消除/已消除/全部)，数据周期切换(日/周/月/年)，时间范围选择器，故障等级复选框组(预警/轻故障/重故障/危急故障)，电站多选下拉。可视化区：上方堆叠柱状图展示各电站每日告警数量趋势，按故障等级分色堆叠。下方数据表格：列包含电站名称、预警数、轻故障数、重故障数、危急故障数、告警总数、环比趋势、操作(查看详情)。表格支持排序、分页。整体浅色B端风格，蓝白主色调，卡片式布局，圆角设计，精致阴影，现代企业级后台UI

火电厂生产管理系统部门交代主列表页面UI设计，风格参考上传的深蓝色侧边栏工业后台管理系统风格，整体为深蓝色左侧导航栏+白色主内容区的企业级后台布局。页面结构分为三部分：顶部搜索筛选区、功能按钮区、主体列表数据区。顶部搜索筛选区包含：交代单据编号输入框、交代类型下拉选择框、单据状态下拉选择框（草稿/已下发/已执行/已撤销）、交办人输入框，右侧有蓝色查询按钮和重置按钮。功能按钮区左侧有蓝色的"新增交代"按钮。主体列表区域为数据表格，表头列按顺序为：交代单据编号、交办来源、交办人、交代类型、交代内容（缩略展示）、生效时间、失效时间、单据状态、是否移交下一班跟踪、操作。表格中有多行示例数据，状态标签有不同颜色：草稿为灰色，已下发为蓝色，已执行为绿色，已撤销为红色。操作列根据不同状态显示不同操作按钮：草稿状态显示查看/编辑/删除/下发，已下发状态显示查看/撤销，已执行和已撤销仅显示查看。页面底部有分页组件。整体风格简洁专业，深蓝色主色调，工业企业管理系统风格，高保真UI设计，清晰的表格线和卡片式布局

火电厂生产管理系统部门交代主列表页面UI设计，风格参考上传的深蓝色侧边栏工业后台管理系统风格，整体为深蓝色左侧导航栏+白色主内容区的企业级后台布局。页面结构分为三部分：顶部搜索筛选区、功能按钮区、主体列表数据区。顶部搜索筛选区包含：交代单据编号输入框、交代类型下拉选择框、单据状态下拉选择框（草稿/已下发/已执行/已撤销）、交办人输入框，右侧有蓝色查询按钮和重置按钮。功能按钮区左侧有蓝色的"新增交代"按钮。主体列表区域为数据表格，表头列按顺序为：交代单据编号、交办来源、交办人、交代类型、交代内容（缩略展示）、生效时间、失效时间、单据状态、是否移交下一班跟踪、操作。表格中有多行示例数据，状态标签有不同颜色：草稿为灰色，已下发为蓝色，已执行为绿色，已撤销为红色。操作列根据不同状态显示不同操作按钮：草稿状态显示查看/编辑/删除/下发，已下发状态显示查看/撤销，已执行和已撤销仅显示查看。页面底部有分页组件。整体风格简洁专业，深蓝色主色调，工业企业管理系统风格，高保真UI设计，清晰的表格线和卡片式布局

对原型图进行UI重设计，生成商务扁平风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，使用实色填充纯色卡片，采用面性实心icon风格，卡片为圆角矩形实色底，文字左对齐进入按钮改为渐变色块跳转按钮，合理留白间距，统一配色提升精致感，整体商务干净高级，自适应尺寸，修正原型不合理布局

对原型图进行UI重设计，生成商务扁平风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，使用实色填充纯色卡片，采用面性实心icon风格，卡片为圆角矩形实色底，文字左对齐进入按钮改为渐变色块跳转按钮，合理留白间距，统一配色提升精致感，整体商务干净高级，自适应尺寸，修正原型不合理布局

大陆机电-UI设计

对原型图进行UI重设计，生成商务扁平风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，使用实色填充纯色卡片，采用面性实心icon风格，卡片为圆角矩形实色底，文字左对齐进入按钮改为渐变色块跳转按钮，合理留白间距，统一配色提升精致感，整体商务干净高级，自适应尺寸，修正原型不合理布局

对原型图进行UI重设计，生成商务扁平风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，使用实色填充纯色卡片，采用面性实心icon风格，卡片为圆角矩形实色底，文字左对齐进入按钮改为渐变色块跳转按钮，合理留白间距，统一配色提升精致感，整体商务干净高级，自适应尺寸，修正原型不合理布局

大陆机电-UI设计

生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构：顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关闭(34)几个选项然后是过滤栏：场景筛选：[全部 ▼] 部门：[全部 ▼] 时间：[最近30天 ▼] 主体是任务表格，表头包含：任务名称 | 场景（彩色标签） | 部门 | 时间范围 | 状态（标签）| 已填/总数（含进度条）| 剩余名额 | 可见范围 | 操作（查看/统计/更多 ▼）表格样例行：任务名称「2025年度考核」，场景标签「人员考核」，状态「进行中」，进度「67%」表格样例行：任务名称「食堂满意度调查」，场景标签「满意度」，状态「进行中」，进度「89%」操作菜单“更多”下拉包含：编辑任务（仅草稿）、发布任务（仅草稿）、查看进度、二维码管理、统计分析、关闭任务、删除（仅草稿）表格下方是分页器：< 1 2 3 ... > 整体风格采用现代简约浅色UI设计，和参考图一致的清爽后台系统风格，保持干净的卡片式布局和一致的配色规范

生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构：
顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」
接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关闭(34)几个选项
然后是过滤栏：场景筛选：[全部 ▼] 部门：[全部 ▼] 时间：[最近30天 ▼]
主体是任务表格，表头包含：任务名称 | 场景（彩色标签） | 部门 | 时间范围 | 状态（标签）| 已填/总数（含进度条）| 剩余名额 | 可见范围 | 操作（查看/统计/更多 ▼）
表格样例行：任务名称「2025年度考核」，场景标签「人员考核」，状态「进行中」，进度「67%」
表格样例行：任务名称「食堂满意度调查」，场景标签「满意度」，状态「进行中」，进度「89%」
操作菜单“更多”下拉包含：编辑任务（仅草稿）、发布任务（仅草稿）、查看进度、二维码管理、统计分析、关闭任务、删除（仅草稿）
表格下方是分页器：< 1 2 3 ... >
整体风格采用现代简约浅色UI设计，和参考图一致的清爽后台系统风格，保持干净的卡片式布局和一致的配色规范

1q8ikq3gq43vii6m-HB

达谙DAAN SmartOps储能智慧云平台-电芯一致性页面，浅色高端科技风格，整体UI风格参照第3张北斗综合服务平台风格。顶部导航延续整套产品统一风格：左侧达谙DAAN圆形logo+SmartOps储能智慧云平台文字+汉堡菜单，中间电站切换下拉框（美律电子电站），右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低胶囊状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格：实时监视、电站监视、运行分析、能源调度、光伏发电、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。决策分析展开，电芯一致性高亮选中，子菜单：一致性散点图、离群统计分析、电芯一致性、电芯实时指标、电芯历史指标。整体UI风格参照第3张：卡片白色底色带淡蓝色渐变顶部装饰条，标题带蓝色小图标+蓝色文字，数据卡片带蓝色发光图标，布局紧凑专业，B端企业级系统风格。图表样式参照第4-9张：仪表盘精致带刻度、柱状图圆角渐变、折线图带面积渐变、环形图精致、条形图清晰，配色蓝绿橙紫多色。页面内容为电芯一致性，数据充实不为0：顶部标签切换（电压一致性、温度一致性）。上排三个大卡片：电站一致性仪表盘（一致性92.5%，红橙黄绿渐变刻度）、电池堆一致性条形图（各堆一致性排名对比）、电站堆一致性横向进度条（各堆数值对比）。中部储能单元横向滚动条（1#储能单元、2#储能单元...多个，带状态颜色）。下排两个大卡片：电池簇一致性（多簇数据对比，柱状图+数值）、电池簇单体一致性（散点分布图）。数据全部为真实有效数值，不为0。整体浅蓝白配色，专业可信科技通透，高保真UI设计，高质量渲染

达谙DAAN SmartOps储能智慧云平台-电芯一致性页面，浅色高端科技风格，整体UI风格参照第3张北斗综合服务平台风格。顶部导航延续整套产品统一风格：左侧达谙DAAN圆形logo+SmartOps储能智慧云平台文字+汉堡菜单，中间电站切换下拉框（美律电子电站），右侧通知铃铛带红色角标、预警/重大/设备异常/SOC低胶囊状态标签、超级管理员圆形头像。导航栏浅蓝到青蓝渐变。左侧菜单延续统一风格：实时监视、电站监视、运行分析、能源调度、光伏发电、决策分析、运营中心、运维中心、配置管理、日志中心、系统管理。决策分析展开，电芯一致性高亮选中，子菜单：一致性散点图、离群统计分析、电芯一致性、电芯实时指标、电芯历史指标。整体UI风格参照第3张：卡片白色底色带淡蓝色渐变顶部装饰条，标题带蓝色小图标+蓝色文字，数据卡片带蓝色发光图标，布局紧凑专业，B端企业级系统风格。图表样式参照第4-9张：仪表盘精致带刻度、柱状图圆角渐变、折线图带面积渐变、环形图精致、条形图清晰，配色蓝绿橙紫多色。页面内容为电芯一致性，数据充实不为0：顶部标签切换（电压一致性、温度一致性）。上排三个大卡片：电站一致性仪表盘（一致性92.5%，红橙黄绿渐变刻度）、电池堆一致性条形图（各堆一致性排名对比）、电站堆一致性横向进度条（各堆数值对比）。中部储能单元横向滚动条（1#储能单元、2#储能单元...多个，带状态颜色）。下排两个大卡片：电池簇一致性（多簇数据对比，柱状图+数值）、电池簇单体一致性（散点分布图）。数据全部为真实有效数值，不为0。整体浅蓝白配色，专业可信科技通透，高保真UI设计，高质量渲染

超精细高保真企业级SaaS后台管理系统工作台首页，UI设计稿。左侧深色侧边栏：顶部品牌logo区带渐变图标，导航菜单每项有精致线性图标+文字+角标，选中项有渐变背景高亮和左侧指示条，底部用户信息卡片带头像和退出按钮。顶部导航栏：面包屑导航，全局搜索框带放大镜图标和快捷键提示，主题切换按钮，通知铃铛带红色数字角标，设置齿轮，用户头像下拉。主内容区：欢迎语横幅带渐变背景和装饰图形，四个数据统计卡片（总用户、今日订单、月营收、转化率）每个都有独特渐变色图标、数字、同比增长百分比箭头、迷你折线图sparkline。下方两栏布局：左栏是最近7天访问量趋势柱状图，带图例和交互提示；右栏是热门内容排行榜。再下方是最近操作记录表格。整体采用深浅模式切换的蓝紫色系，极致细腻的阴影层次，12px圆角，充足留白，像素级对齐，专业B端设计，Figma级高保真

超精细高保真企业级SaaS后台管理系统工作台首页，UI设计稿。左侧深色侧边栏：顶部品牌logo区带渐变图标，导航菜单每项有精致线性图标+文字+角标，选中项有渐变背景高亮和左侧指示条，底部用户信息卡片带头像和退出按钮。顶部导航栏：面包屑导航，全局搜索框带放大镜图标和快捷键提示，主题切换按钮，通知铃铛带红色数字角标，设置齿轮，用户头像下拉。主内容区：欢迎语横幅带渐变背景和装饰图形，四个数据统计卡片（总用户、今日订单、月营收、转化率）每个都有独特渐变色图标、数字、同比增长百分比箭头、迷你折线图sparkline。下方两栏布局：左栏是最近7天访问量趋势柱状图，带图例和交互提示；右栏是热门内容排行榜。再下方是最近操作记录表格。整体采用深浅模式切换的蓝紫色系，极致细腻的阴影层次，12px圆角，充足留白，像素级对齐，专业B端设计，Figma级高保真

达谙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，图表精致渐变，数据完全保留原图内容。