超精细高保真企业级SaaS后台管理系统数据列表页，UI设计稿。… - 图片创意预览

超精细高保真企业级SaaS后台管理系统数据列表页，UI设计稿。…

超精细高保真企业级SaaS后台管理系统数据列表页，UI设计稿。左侧深色侧边栏导航与顶部导航栏风格统一。主内容区：页面标题+副标题说明，顶部操作区包含：标签页切换（全部/待审核/已发布/已下架）带底部滑

用户头像

1q2rqdj61m-...

2026.08.09
xuyasha8108xuyasha8108
W贝贝W贝贝
1q2rqdj61m-HB1q2rqdj61m-HB
xuyasha8108xuyasha8108
1q2rqdj61m-HB1q2rqdj61m-HB
GD456451108GD456451108
电化学储能电站运维系统-电站管理页面高保真UI设计，卡片颜色参照慧声智联客服平台的浅蓝渐变色调样式。顶部蓝色渐变导航栏带科技感线条装饰：左侧logo+系统名'SmartOps储能智慧运维平台'，中间电站下拉选择，右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏：首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区：顶部操作栏左侧蓝色'新增电站'按钮，右侧排序方式、类型筛选标签、搜索框、查询重置按钮。页面大标题'电站管理'带副标题说明，顶部4步流程引导条(浅蓝渐变背景，Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组：6个浅蓝渐变背景数据卡片，每个卡片有淡蓝色渐变背景+白色前景，彩色圆形图标+数值+标题+环比趋势。筛选区：电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表：每行4个卡片，每个卡片为浅蓝渐变背景白色卡片(顶部淡蓝色渐变过渡到白色)，左上角彩色图标+电站名称，数据源标签，信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态蓝色开关、发布状态标签、电价名称、电价最新月份标签，异常状态红色标签，卡片右上角更多操作按钮，底部操作栏编辑/删除/测试图标按钮。整体色调参照慧声智联客服平台：浅蓝渐变卡片、淡蓝色背景、柔和的蓝色调、玻璃拟态感、大圆角、精致阴影，现代企业级后台UI电化学储能电站运维系统-电站管理页面高保真UI设计，卡片颜色参照慧声智联客服平台的浅蓝渐变色调样式。顶部蓝色渐变导航栏带科技感线条装饰：左侧logo+系统名'SmartOps储能智慧运维平台'，中间电站下拉选择，右侧设置图标、通知铃铛(红色角标)、用户头像。左侧浅蓝白色侧边栏：首页图标、配置管理菜单组(电站管理选中高亮蓝色背景)。主内容区：顶部操作栏左侧蓝色'新增电站'按钮，右侧排序方式、类型筛选标签、搜索框、查询重置按钮。页面大标题'电站管理'带副标题说明，顶部4步流程引导条(浅蓝渐变背景，Step1创建电站基础信息、Step2设备接入配置、Step3告警规则配置、Step4收益策略设置)。顶部数据统计卡片组：6个浅蓝渐变背景数据卡片，每个卡片有淡蓝色渐变背景+白色前景，彩色圆形图标+数值+标题+环比趋势。筛选区：电站类型下拉、电站状态下拉、运行状态下拉、发布状态下拉、搜索框、下载按钮、新增电站按钮。电站卡片网格列表：每行4个卡片，每个卡片为浅蓝渐变背景白色卡片(顶部淡蓝色渐变过渡到白色)，左上角彩色图标+电站名称，数据源标签，信息行包含电站类型、总功率、电站编号、总能量、电站状态绿色标签、创建时间、运行状态蓝色开关、发布状态标签、电价名称、电价最新月份标签，异常状态红色标签，卡片右上角更多操作按钮，底部操作栏编辑/删除/测试图标按钮。整体色调参照慧声智联客服平台：浅蓝渐变卡片、淡蓝色背景、柔和的蓝色调、玻璃拟态感、大圆角、精致阴影，现代企业级后台UI
xuyasha8108xuyasha8108
初禾13529初禾13529
W贝贝W贝贝
大陆机电-UI设计大陆机电-UI设计
大陆机电-UI设计大陆机电-UI设计
若木42641若木42641
电化学储能电站运维系统-配置管理-电站管理页面高保真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
xuyasha8108xuyasha8108
以参考图为基础，保持完全一致的整体视觉风格、版式结构、配色与组件样式（深蓝黑色左侧导航栏、白色顶部栏、浅灰白内容区、蓝色主色调、细边框卡片、圆角表格、绿色状态标签、右下角分页控件），输出一张 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”，与参考图右下角分页样式一致。
雨青44758雨青44758
1rcmd4bubuDi7zZg-HB1rcmd4bubuDi7zZg-HB
xuyasha8108xuyasha8108
资源协同平台-评审任务管理页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像（显示教务专责身份）。左侧导航当前选中评审管理模块并展开子菜单，高亮评审任务管理。主内容区：顶部面包屑导航，页面大标题评审任务管理。页面顶部为数据概览卡片行，4个统计卡片横向排列：待评审任务数、进行中评审、已完成评审、本月新增评审，每个卡片有图标、数值、环比趋势。下方为操作与筛选区：左侧有新建评审计划按钮（蓝色主按钮）、发起评审按钮、批量分派按钮；右侧为筛选条件：评审类型下拉、评审状态下拉（全部/待发起/进行中/已完成/已驳回）、时间范围选择、关键词搜索框、查询重置按钮。主体为评审任务列表表格，表头包含：复选框、任务编号、评审任务名称、评审类型（如课程评审/师资评审/案例评审）、关联资源数、评审专家、计划开始时间、计划结束时间、当前状态（不同颜色标签：待发起灰色/进行中橙色/已完成绿色/已驳回红色）、进度条、操作列（查看详情、分派专家、编辑、删除）。表格展示8-10行数据，每行有进度百分比条。页面底部分页组件。整体风格与资源申报审核页一致，蓝色主调，专业清晰，卡片精致有质感资源协同平台-评审任务管理页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像（显示教务专责身份）。左侧导航当前选中评审管理模块并展开子菜单，高亮评审任务管理。主内容区：顶部面包屑导航，页面大标题评审任务管理。页面顶部为数据概览卡片行，4个统计卡片横向排列：待评审任务数、进行中评审、已完成评审、本月新增评审，每个卡片有图标、数值、环比趋势。下方为操作与筛选区：左侧有新建评审计划按钮（蓝色主按钮）、发起评审按钮、批量分派按钮；右侧为筛选条件：评审类型下拉、评审状态下拉（全部/待发起/进行中/已完成/已驳回）、时间范围选择、关键词搜索框、查询重置按钮。主体为评审任务列表表格，表头包含：复选框、任务编号、评审任务名称、评审类型（如课程评审/师资评审/案例评审）、关联资源数、评审专家、计划开始时间、计划结束时间、当前状态（不同颜色标签：待发起灰色/进行中橙色/已完成绿色/已驳回红色）、进度条、操作列（查看详情、分派专家、编辑、删除）。表格展示8-10行数据，每行有进度百分比条。页面底部分页组件。整体风格与资源申报审核页一致，蓝色主调，专业清晰，卡片精致有质感
若木42641若木42641
基于参考图的设计风格，设计一个渠道活码详情页，内容丰富。保持完全一致的整体风格：左侧浅蓝到浅青渐变导航栏（深度开创logo，营销获客菜单展开，渠道活码项选中）、顶部搜索栏和用户头像、右侧左下角浅蓝到右上角浅灰渐变背景、白色卡片、科技蓝主色调、精致圆角。页面内容：顶部面包屑（营销获客 / 渠道活码 / 详情），返回箭头，标题"618活动推广码"，状态标签（启用-绿色），右上角操作按钮组（编辑、下载二维码、停用）。页面主体分多个模块卡片：1. 基本信息卡片：活码名称、渠道类型（线上广告）、关联员工、欢迎语、标签、创建时间、创建人等信息，右侧展示二维码预览图（带logo的企微二维码）。2. 数据概览卡片（4个数据指标）：累计扫码人数、累计添加客户数、总转化率、今日新增客户，每个带小趋势图。3. 数据趋势图表卡片：折线图展示近30天扫码人数和添加客户数趋势，带时间筛选（今日/近7日/近30日/自定义）。4. 渠道来源分布卡片：饼图展示不同来源渠道的占比分布。5. 扫码客户列表卡片：表格展示扫码添加的客户列表，包含客户头像、客户昵称、扫码时间、添加状态、标签、操作（查看详情），带分页。整体布局丰富有序，信息层级清晰，专业B端SaaS产品界面，文字清晰无乱码，1920x1080尺寸基于参考图的设计风格，设计一个渠道活码详情页，内容丰富。保持完全一致的整体风格：左侧浅蓝到浅青渐变导航栏（深度开创logo，营销获客菜单展开，渠道活码项选中）、顶部搜索栏和用户头像、右侧左下角浅蓝到右上角浅灰渐变背景、白色卡片、科技蓝主色调、精致圆角。页面内容：顶部面包屑（营销获客 / 渠道活码 / 详情），返回箭头，标题"618活动推广码"，状态标签（启用-绿色），右上角操作按钮组（编辑、下载二维码、停用）。页面主体分多个模块卡片：1. 基本信息卡片：活码名称、渠道类型（线上广告）、关联员工、欢迎语、标签、创建时间、创建人等信息，右侧展示二维码预览图（带logo的企微二维码）。2. 数据概览卡片（4个数据指标）：累计扫码人数、累计添加客户数、总转化率、今日新增客户，每个带小趋势图。3. 数据趋势图表卡片：折线图展示近30天扫码人数和添加客户数趋势，带时间筛选（今日/近7日/近30日/自定义）。4. 渠道来源分布卡片：饼图展示不同来源渠道的占比分布。5. 扫码客户列表卡片：表格展示扫码添加的客户列表，包含客户头像、客户昵称、扫码时间、添加状态、标签、操作（查看详情），带分页。整体布局丰富有序，信息层级清晰，专业B端SaaS产品界面，文字清晰无乱码，1920x1080尺寸
颜晓霜颜晓霜
xuyasha8108xuyasha8108
GD835856161GD835856161
颜晓霜颜晓霜
是小栗子哇！是小栗子哇！
一的花花一的花花
一的花花一的花花
GD908140592GD908140592