重新设计一个工业设备的「报警设置」界面，现代简洁扁平化UI设计风格，蓝色主色调。左侧为竖向导航栏-GD571814122-稿定 AI

创意预览图

重新设计一个工业设备的「报警设置」界面，现代简洁扁平化UI设计风格，蓝色主色调。左侧为竖向导航栏，包含三个菜单项：报警状态、报警记录、报警设置，当前选中「报警设置」项，选中项高亮显示。顶部为标题栏，居

GD571814122

2026.08.04

重新设计一个工业设备的「报警设置」界面，现代简洁扁平化UI设计风格，蓝色主色调。左侧为竖向导航栏，包含三个菜单项：报警状态、报警记录、报警设置，当前选中「报警设置」项，选中项高亮显示。顶部为标题栏，居中显示「报警设置」四个大字，右上角有一个主页图标按钮。主内容区为浅灰色背景，包含四行设置项，每行之间留有一行的空白间距（行间距很大，每行之间空一行）：1. 缺水报警使能：右侧一个精致的开关按钮，当前为关闭状态（灰色）；2. 缺水报警后对缺水水线补水：右侧一个精致的开关按钮，当前为关闭状态（灰色）；3. 补水前等待：右侧一个带加减按钮的数字输入框，单位为秒；4. 补水时长：右侧一个带加减按钮的数字输入框，单位为秒。底部有一个绿色的保存按钮，带对勾图标。四行设置项垂直分布，行间距充足（每行之间空一行距离），整体界面清晰专业，适合工业触摸屏设备使用，高分辨率，细节精致。

重新设计一个工业设备的「报警设置」界面，现代简洁扁平化UI设计风格，蓝色主色调。左侧为竖向导航栏，包含三个菜单项：报警状态、报警记录、报警设置，当前选中「报警设置」项，选中项高亮显示。顶部为标题栏，居中显示「报警设置」四个大字，右上角有一个主页图标按钮。主内容区为浅灰色背景，包含四行设置项，每行之间留有一行的空白间距（行间距很大，每行之间空一行）：1. 缺水报警使能：右侧一个精致的开关按钮，当前为关闭状态（灰色）；2. 缺水报警后对缺水水线补水：右侧一个精致的开关按钮，当前为关闭状态（灰色）；3. 补水前等待：右侧一个带加减按钮的数字输入框，单位为秒；4. 补水时长：右侧一个带加减按钮的数字输入框，单位为秒。底部有一个绿色的保存按钮，带对勾图标。四行设置项垂直分布，行间距充足（每行之间空一行距离），整体界面清晰专业，适合工业触摸屏设备使用，高分辨率，细节精致。

重新设计一个工业设备的「报警设置」界面，现代简洁扁平化UI设计风格，蓝色主色调。左侧为竖向导航栏，包含三个菜单项：报警状态、报警记录、报警设置，当前选中「报警设置」项，选中项高亮显示。顶部为标题栏，居中显示「报警设置」四个大字，右上角有一个主页图标按钮，标题栏下方显示当前时间「2026年08月04日 14:27:02 (CST) 星期二」，时间选择框/时间显示框尺寸较小（比正常小一号）。主内容区为浅灰色背景，包含四行设置项，每行之间留有一行的空白间距（行间距很大，每行之间空一行）：1. 缺水报警使能：右侧一个精致的开关按钮，当前为关闭状态（灰色）；2. 缺水报警后对缺水水线补水：右侧一个精致的开关按钮，当前为关闭状态（灰色）；3. 补水前等待：右侧一个带加减按钮的数字输入框，单位为秒；4. 补水时长：右侧一个带加减按钮的数字输入框，单位为秒。底部有一个绿色的保存按钮，带对勾图标。四行设置项垂直分布，行间距充足，整体界面清晰专业，适合工业触摸屏设备使用，高分辨率，细节精致。

重新设计一个工业设备的「报警设置」界面，现代简洁扁平化UI设计风格，蓝色主色调。左侧为竖向导航栏，包含三个菜单项：报警状态、报警记录、报警设置，当前选中「报警设置」项，选中项高亮显示。顶部为标题栏，居中显示「报警设置」四个大字，右上角有一个主页图标按钮，标题栏下方显示当前时间「2026年08月04日 14:27:02 (CST) 星期二」，时间选择框/时间显示框尺寸较小（比正常小一号）。主内容区为浅灰色背景，包含四行设置项，每行之间留有一行的空白间距（行间距很大，每行之间空一行）：1. 缺水报警使能：右侧一个精致的开关按钮，当前为关闭状态（灰色）；2. 缺水报警后对缺水水线补水：右侧一个精致的开关按钮，当前为关闭状态（灰色）；3. 补水前等待：右侧一个带加减按钮的数字输入框，单位为秒；4. 补水时长：右侧一个带加减按钮的数字输入框，单位为秒。底部有一个绿色的保存按钮，带对勾图标。四行设置项垂直分布，行间距充足，整体界面清晰专业，适合工业触摸屏设备使用，高分辨率，细节精致。

重新设计一个工业设备的「报警设置」界面，现代简洁扁平化UI设计风格，蓝色主色调。左侧为竖向导航栏，包含三个菜单项：报警状态、报警记录、报警设置，当前选中「报警设置」项，选中项高亮显示。顶部为标题栏，居中显示「报警设置」四个大字，右上角有一个主页图标按钮，标题栏下方显示当前时间「2026年08月04日 14:28:37 (CST) 星期二」，时间显示框尺寸较小（比正常小一号）。主内容区为浅灰色背景，包含四行设置项，每行之间留有一行的空白间距（行间距很大，每行之间空一行）：1. 缺水报警使能：右侧一个精致的开关按钮，当前为关闭状态（灰色）；2. 缺水报警后对缺水水线补水：右侧一个精致的开关按钮，当前为关闭状态（灰色）；3. 补水前等待：右侧一个带加减按钮的数字输入框，单位为秒；4. 补水时长：右侧一个带加减按钮的数字输入框，单位为秒。底部有一个绿色的保存按钮，带对勾图标。四行设置项垂直分布，行间距充足，整体界面清晰专业，适合工业触摸屏设备使用，高分辨率，细节精致。

重新设计一个工业设备的「报警设置」界面，现代简洁扁平化UI设计风格，蓝色主色调。左侧为竖向导航栏，包含三个菜单项：报警状态、报警记录、报警设置，当前选中「报警设置」项，选中项高亮显示。顶部为标题栏，居中显示「报警设置」四个大字，右上角有一个主页图标按钮，标题栏下方显示当前时间「2026年08月04日 14:28:37 (CST) 星期二」，时间显示框尺寸较小（比正常小一号）。主内容区为浅灰色背景，包含四行设置项，每行之间留有一行的空白间距（行间距很大，每行之间空一行）：1. 缺水报警使能：右侧一个精致的开关按钮，当前为关闭状态（灰色）；2. 缺水报警后对缺水水线补水：右侧一个精致的开关按钮，当前为关闭状态（灰色）；3. 补水前等待：右侧一个带加减按钮的数字输入框，单位为秒；4. 补水时长：右侧一个带加减按钮的数字输入框，单位为秒。底部有一个绿色的保存按钮，带对勾图标。四行设置项垂直分布，行间距充足，整体界面清晰专业，适合工业触摸屏设备使用，高分辨率，细节精致。

重新设计一个工业设备的「报警设置」界面，现代简洁扁平化UI设计风格，蓝色主色调。左侧为竖向导航栏，包含三个菜单项：报警状态、报警记录、报警设置，当前选中「报警设置」项，选中项高亮显示。顶部为标题栏，居中显示「报警设置」四个大字，右上角有一个主页图标按钮，标题栏下方显示当前时间「2026年08月04日 14:27:57 (CST) 星期二」，时间显示框尺寸较小（比正常小一号）。主内容区为浅灰色背景，包含四行设置项，每行之间留有一行的空白间距（行间距很大，每行之间空一行）：1. 缺水报警使能：右侧一个精致的开关按钮，当前为关闭状态（灰色）；2. 缺水报警后对缺水水线补水：右侧一个精致的开关按钮，当前为关闭状态（灰色）；3. 补水前等待：右侧一个带加减按钮的数字输入框，单位为秒；4. 补水时长：右侧一个带加减按钮的数字输入框，单位为秒。底部有一个绿色的保存按钮，带对勾图标。四行设置项垂直分布，行间距充足，整体界面清晰专业，适合工业触摸屏设备使用，高分辨率，细节精致。

重新设计一个工业设备的「报警设置」界面，现代简洁扁平化UI设计风格，蓝色主色调。左侧为竖向导航栏，包含三个菜单项：报警状态、报警记录、报警设置，当前选中「报警设置」项，选中项高亮显示。顶部为标题栏，居中显示「报警设置」四个大字，右上角有一个主页图标按钮，标题栏下方显示当前时间「2026年08月04日 14:27:57 (CST) 星期二」，时间显示框尺寸较小（比正常小一号）。主内容区为浅灰色背景，包含四行设置项，每行之间留有一行的空白间距（行间距很大，每行之间空一行）：1. 缺水报警使能：右侧一个精致的开关按钮，当前为关闭状态（灰色）；2. 缺水报警后对缺水水线补水：右侧一个精致的开关按钮，当前为关闭状态（灰色）；3. 补水前等待：右侧一个带加减按钮的数字输入框，单位为秒；4. 补水时长：右侧一个带加减按钮的数字输入框，单位为秒。底部有一个绿色的保存按钮，带对勾图标。四行设置项垂直分布，行间距充足，整体界面清晰专业，适合工业触摸屏设备使用，高分辨率，细节精致。

企业级智慧农业App告警中心页面设计，顶部深绿导航栏写着"告警中心"。下方有三个Tab：全部、待处理、已处理。再下方统计栏显示今日告警数和待处理数。主体是告警卡片列表：第一张红色严重级别告警"1号棚温度过高报警"，显示当前35.2℃阈值32℃，持续12分钟，有立即处理按钮；第二张橙色重要级别告警"3号棚控制器离线"；第三张黄色一般告警"5号棚湿度偏低"。每张告警卡片左侧有对应颜色的状态指示灯。整体风格专业严肃，企业级SaaS后台风格，深绿主色调，高保真移动端UI竖屏设计

企业级智慧农业App告警中心页面设计，顶部深绿导航栏写着"告警中心"。下方有三个Tab：全部、待处理、已处理。再下方统计栏显示今日告警数和待处理数。主体是告警卡片列表：第一张红色严重级别告警"1号棚温度过高报警"，显示当前35.2℃阈值32℃，持续12分钟，有立即处理按钮；第二张橙色重要级别告警"3号棚控制器离线"；第三张黄色一般告警"5号棚湿度偏低"。每张告警卡片左侧有对应颜色的状态指示灯。整体风格专业严肃，企业级SaaS后台风格，深绿主色调，高保真移动端UI竖屏设计

企业级智慧农业App告警中心页面设计，白色背景为主，顶部深墨绿色导航栏写着白色"告警中心"，右侧白色筛选图标。下方三个Tab切换：全部、待处理、已处理，选中态为绿色下划线。再下方统计栏显示今日告警数和待处理数。主体白色背景上是告警卡片列表：第一张红色严重级别告警"1号棚温度过高报警"，显示当前35.2℃阈值32℃，持续12分钟，右下角立即处理按钮；第二张橙色重要级别告警"3号棚控制器离线"；第三张黄色一般告警"5号棚湿度偏低"。每张告警卡片左侧有对应颜色的状态图标。底部Tab栏。整体清爽专业，白色页面深绿头部，企业级SaaS后台风格，高保真移动端UI竖屏设计

企业级智慧农业App告警中心页面设计，白色背景为主，顶部深墨绿色导航栏写着白色"告警中心"，右侧白色筛选图标。下方三个Tab切换：全部、待处理、已处理，选中态为绿色下划线。再下方统计栏显示今日告警数和待处理数。主体白色背景上是告警卡片列表：第一张红色严重级别告警"1号棚温度过高报警"，显示当前35.2℃阈值32℃，持续12分钟，右下角立即处理按钮；第二张橙色重要级别告警"3号棚控制器离线"；第三张黄色一般告警"5号棚湿度偏低"。每张告警卡片左侧有对应颜色的状态图标。底部Tab栏。整体清爽专业，白色页面深绿头部，企业级SaaS后台风格，高保真移动端UI竖屏设计

重新生成

基于参考图修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。顶部区域：最左侧红色立体大按键"复位"（保持按键样式），右侧的"总纬"、"总段"、"循环设置"、"已循环"、"次数"全部改为普通文字标签或数值显示框，不是按键样式，去掉立体凸起效果，改为平面文字+数值显示区域，字体清晰。中间大表格保持不变：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，6行空白数据行。表格下方左侧"调机"做成一个大的立体按键按钮（有立体感、可点击的按键样式）。底部一排6个立体按键：[设置] [上页←] [→下页] [上段←] [→下段]，这五个是深灰底白字立体按键；最右侧[返回]是红色立体按键。整体风格：复位是红色按键、总纬/总段/循环设置/已循环/次数是平面文字显示、调机是立体按键、底部导航是立体按键，其余与参考图风格一致，全部中文。

基于参考图修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。顶部区域：最左侧红色立体大按键"复位"（保持按键样式），右侧的"总纬"、"总段"、"循环设置"、"已循环"、"次数"全部改为普通文字标签或数值显示框，不是按键样式，去掉立体凸起效果，改为平面文字+数值显示区域，字体清晰。中间大表格保持不变：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，6行空白数据行。表格下方左侧"调机"做成一个大的立体按键按钮（有立体感、可点击的按键样式）。底部一排6个立体按键：[设置] [上页←] [→下页] [上段←] [→下段]，这五个是深灰底白字立体按键；最右侧[返回]是红色立体按键。整体风格：复位是红色按键、总纬/总段/循环设置/已循环/次数是平面文字显示、调机是立体按键、底部导航是立体按键，其余与参考图风格一致，全部中文。

1rc24jcy0zcOn4qA-HB

基于参考图精确修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。修改要点：1. 左上角红色"复位"按键的尺寸（宽度、高度、立体效果）与右下角红色"返回"按键完全一致，一模一样大。2. 顶部信息区严格按此顺序排列：复位、总纬、总段、循环设置、次、已循环、次、次数，共8项横向排列，每项文字标签+空白显示框（框内无数字）。3. 中间大表格保持不变：10列（段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号），6行空白数据。4. 底部一排7个按键不变：调机、设置、上页←、→下页、上段←、→下段、返回（红色）。5. 复位按键和返回按键尺寸、颜色、立体效果100%相同。整体风格与参考图完全一致，全部中文。

基于参考图精确修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。修改要点：1. 左上角红色"复位"按键的尺寸（宽度、高度、立体效果）与右下角红色"返回"按键完全一致，一模一样大。2. 顶部信息区严格按此顺序排列：复位、总纬、总段、循环设置、次、已循环、次、次数，共8项横向排列，每项文字标签+空白显示框（框内无数字）。3. 中间大表格保持不变：10列（段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号），6行空白数据。4. 底部一排7个按键不变：调机、设置、上页←、→下页、上段←、→下段、返回（红色）。5. 复位按键和返回按键尺寸、颜色、立体效果100%相同。整体风格与参考图完全一致，全部中文。

1rc24jcy0zcOn4qA-HB

重新设计工业串口屏总览界面，800x480横屏，浅蓝灰底色RGB(202,214,240)，深灰文字和边框。顶部标题栏：左侧红色"复位"大按钮（做成深色立体按键样式），然后依次是"总纬"、"总段"、"循环设置"、"已循环"、"次数"，每个顶部项都做成大号清晰的标签或按钮样式，字体放大。中间大表格，表头：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，共6行数据行，表格行高加大，单元格更宽敞，输入框尺寸放大，方便触控友好。表格下方左侧"调机"区域，做成一个大的分组框或按钮区域，更醒目。底部功能区：左侧"设置"做成一个大按钮，然后四个大号立体按键：[上页 ←] [→下页] [上段←] [→下段]，按键尺寸放大，深灰底白字，圆角立体效果，最右侧红色"返回"大按键。所有按钮都做成真正的立体按键样式（深色填充+白色文字+圆角矩形+轻微斜面），所有输入框/表格单元格尺寸加大，整体布局更宽松大气，字体更大更清晰，适合工业触控操作。统一工业串口屏风格，全部中文。

重新设计工业串口屏总览界面，800x480横屏，浅蓝灰底色RGB(202,214,240)，深灰文字和边框。顶部标题栏：左侧红色"复位"大按钮（做成深色立体按键样式），然后依次是"总纬"、"总段"、"循环设置"、"已循环"、"次数"，每个顶部项都做成大号清晰的标签或按钮样式，字体放大。中间大表格，表头：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，共6行数据行，表格行高加大，单元格更宽敞，输入框尺寸放大，方便触控友好。表格下方左侧"调机"区域，做成一个大的分组框或按钮区域，更醒目。底部功能区：左侧"设置"做成一个大按钮，然后四个大号立体按键：[上页 ←] [→下页] [上段←] [→下段]，按键尺寸放大，深灰底白字，圆角立体效果，最右侧红色"返回"大按键。所有按钮都做成真正的立体按键样式（深色填充+白色文字+圆角矩形+轻微斜面），所有输入框/表格单元格尺寸加大，整体布局更宽松大气，字体更大更清晰，适合工业触控操作。统一工业串口屏风格，全部中文。

1rc24jcy0zcOn4qA-HB

重新设计工业串口屏总览界面，800x480横屏，浅蓝灰底色RGB(202,214,240)，深灰文字和边框。顶部标题栏：左侧红色"复位"大按钮（做成深色立体按键样式），然后依次是"总纬"、"总段"、"循环设置"、"已循环"、"次数"，每个顶部项都做成大号清晰的标签或按钮样式，字体放大。中间大表格，表头：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，共6行数据行，表格行高加大，单元格更宽敞，输入框尺寸放大，方便触控友好。表格下方左侧"调机"区域，做成一个大的分组框或按钮区域，更醒目。底部功能区：左侧"设置"做成一个大按钮，然后四个大号立体按键：[上页 ←] [→下页] [上段←] [→下段]，按键尺寸放大，深灰底白字，圆角立体效果，最右侧红色"返回"大按键。所有按钮都做成真正的立体按键样式（深色填充+白色文字+圆角矩形+轻微斜面），所有输入框/表格单元格尺寸加大，整体布局更宽松大气，字体更大更清晰，适合工业触控操作。统一工业串口屏风格，全部中文。

重新设计工业串口屏总览界面，800x480横屏，浅蓝灰底色RGB(202,214,240)，深灰文字和边框。顶部标题栏：左侧红色"复位"大按钮（做成深色立体按键样式），然后依次是"总纬"、"总段"、"循环设置"、"已循环"、"次数"，每个顶部项都做成大号清晰的标签或按钮样式，字体放大。中间大表格，表头：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，共6行数据行，表格行高加大，单元格更宽敞，输入框尺寸放大，方便触控友好。表格下方左侧"调机"区域，做成一个大的分组框或按钮区域，更醒目。底部功能区：左侧"设置"做成一个大按钮，然后四个大号立体按键：[上页 ←] [→下页] [上段←] [→下段]，按键尺寸放大，深灰底白字，圆角立体效果，最右侧红色"返回"大按键。所有按钮都做成真正的立体按键样式（深色填充+白色文字+圆角矩形+轻微斜面），所有输入框/表格单元格尺寸加大，整体布局更宽松大气，字体更大更清晰，适合工业触控操作。统一工业串口屏风格，全部中文。

1rc24jcy0zcOn4qA-HB

「图片1」### 顶部导航栏 - 左侧：返回箭头 `<` - 中间标题：**告警** - 右侧：更多菜单图标 `⋯` ### 2. 顶部 Tab 标签栏当前页面处于告警管理相关模块，Tab 包括： - 控制 - 档案 - 动态 - 维保 - 巡检 - **告警**：当前高亮 - 生命周期说明这是一个设备全生命周期管理系统，告警只是其中一个子模块。 --- ### 3. 告警概览区位于页面顶部，用三个数字卡片展示告警统计：表格 | 指标 | 数值 | 说明 | | --- | --- | --- | | 今日告警 | 2 | 当天产生的告警数量 | | 待确认 | 1 | 尚未处理确认的告警 | | 已恢复 | 1 | 已经恢复或关闭的告警 | 右上角有一个蓝色标签：**1 待确认**，提示当前有待处理告警。 --- ### 4. 告警明细区这是页面核心内容，展示两条告警记录。 #### 第一条告警：画面遮挡告警 - 类型：**画面遮挡告警** - 时间：2026-06-09 10:23 - 状态：**待确认**，橙色 / 黄色标签 - 风险等级：**高** - 设备名称：暖通演示楼 / 2F / 二楼东侧 - 事件描述：AI 值守核查遮挡摄像头角度这条属于**视频 / 摄像头类智能告警**，系统识别到摄像头可能被遮挡，需要人工确认。 #### 第二条告警：心跳延迟告警 - 类型：**心跳延迟告警** - 时间：2026-06-08 18:30 - 状态：**已恢复**，绿色标签 - 风险等级：中 - 设备名称：设备名称 - 事件描述：设备心跳超时，离线后恢复这条属于**设备联网状态告警**，说明设备曾经失联，后来重新上线。 --- ### 5. 处置记录区 - 标题：**处置记录** - 内容：已生成安全事件 - 状态：**待补充** 说明系统已经生成了事件记录，但处理备注或工单信息还没有完全填写。 --- ## 三、页面业务定位这个页面主要用于**运维人员查看和处理设备告警**，核心作用是： 1. 快速了解今日告警数量 2. 判断哪些告警待处理 3. 查看告警类型、设备位置和风险等级 4. 确认摄像头遮挡、设备离线等异常事件 5. 记录后续处置结果 --- ## 四、页面信息结构总结 ``` 顶部导航：返回 / 告警标题 / 更多 ↓ Tab导航：控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期 ↓ 告警概览：今日告警 / 待确认 / 已恢复 ↓ 告警明细：画面遮挡告警 / 心跳延迟告警 ↓ 处置记录：已生成安全事件，待补充帮我生成APP

「图片1」### 顶部导航栏

- 左侧：返回箭头 `<`
- 中间标题：**告警**
- 右侧：更多菜单图标 `⋯`

### 2. 顶部 Tab 标签栏

当前页面处于告警管理相关模块，Tab 包括：

- 控制
- 档案
- 动态
- 维保
- 巡检
- **告警**：当前高亮
- 生命周期

说明这是一个设备全生命周期管理系统，告警只是其中一个子模块。

---

### 3. 告警概览区

位于页面顶部，用三个数字卡片展示告警统计：

表格

| 指标 | 数值 | 说明 |
| --- | --- | --- |
| 今日告警 | 2 | 当天产生的告警数量 |
| 待确认 | 1 | 尚未处理确认的告警 |
| 已恢复 | 1 | 已经恢复或关闭的告警 |

右上角有一个蓝色标签：**1 待确认**，提示当前有待处理告警。

---

### 4. 告警明细区

这是页面核心内容，展示两条告警记录。

#### 第一条告警：画面遮挡告警

- 类型：**画面遮挡告警**
- 时间：2026-06-09 10:23
- 状态：**待确认**，橙色 / 黄色标签
- 风险等级：**高**
- 设备名称：暖通演示楼 / 2F / 二楼东侧
- 事件描述：AI 值守核查遮挡摄像头角度

这条属于**视频 / 摄像头类智能告警**，系统识别到摄像头可能被遮挡，需要人工确认。

#### 第二条告警：心跳延迟告警

- 类型：**心跳延迟告警**
- 时间：2026-06-08 18:30
- 状态：**已恢复**，绿色标签
- 风险等级：中
- 设备名称：设备名称
- 事件描述：设备心跳超时，离线后恢复

这条属于**设备联网状态告警**，说明设备曾经失联，后来重新上线。

---

### 5. 处置记录区

- 标题：**处置记录**
- 内容：已生成安全事件
- 状态：**待补充**

说明系统已经生成了事件记录，但处理备注或工单信息还没有完全填写。

---

## 三、页面业务定位

这个页面主要用于**运维人员查看和处理设备告警**，核心作用是：

1. 快速了解今日告警数量
2. 判断哪些告警待处理
3. 查看告警类型、设备位置和风险等级
4. 确认摄像头遮挡、设备离线等异常事件
5. 记录后续处置结果

---

## 四、页面信息结构总结

```
顶部导航：返回 / 告警标题 / 更多
↓
Tab导航：控制 / 档案 / 动态 / 维保 / 巡检 / 告警 / 生命周期
↓
告警概览：今日告警 / 待确认 / 已恢复
↓
告警明细：画面遮挡告警 / 心跳延迟告警
↓
处置记录：已生成安全事件，待补充
帮我生成APP

基于参考图修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。表格的尺寸、布局、列数、行数、列宽、行高全部保持不变，完全不改动表格区域。只对按键进行重新设计：1. 左上角"复位"做成醒目的红色立体按键，有斜面凸起效果。2. 底部的"调机"做成一个大号立体按键。3. 底部的"设置"、"上页 ←"、"→下页"、"上段←"、"→下段"都做成统一大小的立体按键，浅灰底深灰字，有3D凸起斜面效果。4. 最右侧"返回"做成红色立体按键，和复位按键样式呼应。所有按键都设计成工业触控风格的立体按钮（带边框、斜面、高光、阴影），大小合适，排列整齐。表格和文字内容完全不变，只把原来的纯文字按钮改成真正的按键样式。全部中文。

基于参考图修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。表格的尺寸、布局、列数、行数、列宽、行高全部保持不变，完全不改动表格区域。只对按键进行重新设计：1. 左上角"复位"做成醒目的红色立体按键，有斜面凸起效果。2. 底部的"调机"做成一个大号立体按键。3. 底部的"设置"、"上页 ←"、"→下页"、"上段←"、"→下段"都做成统一大小的立体按键，浅灰底深灰字，有3D凸起斜面效果。4. 最右侧"返回"做成红色立体按键，和复位按键样式呼应。所有按键都设计成工业触控风格的立体按钮（带边框、斜面、高光、阴影），大小合适，排列整齐。表格和文字内容完全不变，只把原来的纯文字按钮改成真正的按键样式。全部中文。

1rc24jcy0zcOn4qA-HB

基于参考图修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。顶部：左侧红色立体按键"复位"，然后依次是总纬、总段、循环设置、已循环、次数，每项都是文字+数值显示框（数值为0），不是按键。中间大表格：10列6行空白数据，表头为段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号。表格下方左侧的"调机"按键缩短宽度，做成一个尺寸适中的方形或短矩形立体按键（深灰底白字），不要太长，放在左下角。底部所有按键全部摆成一整行，从左到右依次排列：[调机] [设置] [上页←] [→下页] [上段←] [→下段] [返回]，共7个按键在同一水平线上，大小统一或协调，最右侧返回是红色立体按键。调机按键不再单独占一行，而是和底部其他按键合并为一行。整体布局更紧凑，底部按键整齐一排。全部中文，风格与参考图一致。

基于参考图修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。顶部：左侧红色立体按键"复位"，然后依次是总纬、总段、循环设置、已循环、次数，每项都是文字+数值显示框（数值为0），不是按键。中间大表格：10列6行空白数据，表头为段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号。表格下方左侧的"调机"按键缩短宽度，做成一个尺寸适中的方形或短矩形立体按键（深灰底白字），不要太长，放在左下角。底部所有按键全部摆成一整行，从左到右依次排列：[调机] [设置] [上页←] [→下页] [上段←] [→下段] [返回]，共7个按键在同一水平线上，大小统一或协调，最右侧返回是红色立体按键。调机按键不再单独占一行，而是和底部其他按键合并为一行。整体布局更紧凑，底部按键整齐一排。全部中文，风格与参考图一致。

1rc24jcy0zcOn4qA-HB

车载全液晶仪表系统设置页UI设计，800px×480px，圆角卡片轻量化布局，深色黑底主基调，主色冰蓝科技#00C6FF、琥珀警示色#FF9500、红色故障色#FF3A3A，无多余装饰，写实拟物+极简扁平化结合，符合LVGL控件开发规范。顶部标题“车载系统设置”，分模块：屏幕设置含日间夜间模式切换和背光亮度滑块、网络设置含WiFi配网物联网云平台开关心跳周期配置、告警设置含超速阈值自定义设置水温告警阈值输入框、关于本机展示设备编号固件版本云端设备ID巴法云密钥，全部使用LVGL标准滑块输入框单选框组件，使用线性简约车载图标、车载无衬线DIN字体，整体高端新能源车企仪表风格

车载全液晶仪表系统设置页UI设计，800px×480px，圆角卡片轻量化布局，深色黑底主基调，主色冰蓝科技#00C6FF、琥珀警示色#FF9500、红色故障色#FF3A3A，无多余装饰，写实拟物+极简扁平化结合，符合LVGL控件开发规范。顶部标题“车载系统设置”，分模块：屏幕设置含日间夜间模式切换和背光亮度滑块、网络设置含WiFi配网物联网云平台开关心跳周期配置、告警设置含超速阈值自定义设置水温告警阈值输入框、关于本机展示设备编号固件版本云端设备ID巴法云密钥，全部使用LVGL标准滑块输入框单选框组件，使用线性简约车载图标、车载无衬线DIN字体，整体高端新能源车企仪表风格

企业级智慧农业App新自控策略-温度控制页面设计，白色背景深绿顶部导航栏写着"新自控策略"，左侧返回右侧保存。页面结构：第一组基本信息卡片：策略名称输入框、适用大棚选择器、策略类型四个选项卡（温度控制选中深绿高亮/湿度控制/光照控制/通风策略）。第二组时间段配置卡片：四个时段胶囊按钮时段1(选中深绿)/时段2/时段3/时段4，下方开始时间06:00结束时间18:00，是否启用开关，当前编辑时段1。第三组目标参数卡片：目标温度26℃滑块，回差值1℃加减按钮，右侧温度计示意图展示死区范围25-27℃。第四组分级控制卡片：5级温度阶梯列表，第1级24-25℃顶窗开30%，第2级25-26℃顶窗开60%，第3级26-27℃顶窗全开+侧窗50%，第4级27-28℃全开+风机，第5级28-30℃全开+风机+湿帘，每级有编辑按钮，底部添加级别按钮。第五组保护规则：雨雪保护、极端风保护6级、高温报警32℃三个开关。第六组安全设置：互锁延时3秒、单次最长运行30秒、故障自动停止开关。底部绿色保存策略按钮。整体专业配置风格，深绿主色调，白色背景，高保真移动端UI竖屏

企业级智慧农业App新自控策略-温度控制页面设计，白色背景深绿顶部导航栏写着"新自控策略"，左侧返回右侧保存。页面结构：第一组基本信息卡片：策略名称输入框、适用大棚选择器、策略类型四个选项卡（温度控制选中深绿高亮/湿度控制/光照控制/通风策略）。第二组时间段配置卡片：四个时段胶囊按钮时段1(选中深绿)/时段2/时段3/时段4，下方开始时间06:00结束时间18:00，是否启用开关，当前编辑时段1。第三组目标参数卡片：目标温度26℃滑块，回差值1℃加减按钮，右侧温度计示意图展示死区范围25-27℃。第四组分级控制卡片：5级温度阶梯列表，第1级24-25℃顶窗开30%，第2级25-26℃顶窗开60%，第3级26-27℃顶窗全开+侧窗50%，第4级27-28℃全开+风机，第5级28-30℃全开+风机+湿帘，每级有编辑按钮，底部添加级别按钮。第五组保护规则：雨雪保护、极端风保护6级、高温报警32℃三个开关。第六组安全设置：互锁延时3秒、单次最长运行30秒、故障自动停止开关。底部绿色保存策略按钮。整体专业配置风格，深绿主色调，白色背景，高保真移动端UI竖屏

企业级智慧农业App新自控策略-温度控制页面设计，白色背景深绿顶部导航栏写着"新自控策略"，左侧返回右侧保存。页面结构：第一组基本信息卡片：策略名称输入框、适用大棚选择器、策略类型四个选项卡（温度控制选中深绿高亮/湿度控制/光照控制/通风策略）。第二组时间段配置卡片：四个时段胶囊按钮时段1(选中深绿)/时段2/时段3/时段4，下方开始时间06:00结束时间18:00，是否启用开关，当前编辑时段1。第三组目标参数卡片：目标温度26℃滑块，回差值1℃加减按钮，右侧温度计示意图展示死区范围25-27℃。第四组分级控制卡片：5级温度阶梯列表，第1级24-25℃顶窗开30%，第2级25-26℃顶窗开60%，第3级26-27℃顶窗全开+侧窗50%，第4级27-28℃全开+风机，第5级28-30℃全开+风机+湿帘，每级有编辑按钮，底部添加级别按钮。第五组保护规则：雨雪保护、极端风保护6级、高温报警32℃三个开关。第六组安全设置：互锁延时3秒、单次最长运行30秒、故障自动停止开关。底部绿色保存策略按钮。整体专业配置风格，深绿主色调，白色背景，高保真移动端UI竖屏

企业级智慧农业App新自控策略-温度控制页面设计，白色背景深绿顶部导航栏写着"新自控策略"，左侧返回右侧保存。页面结构：第一组基本信息卡片：策略名称输入框、适用大棚选择器、策略类型四个选项卡（温度控制选中深绿高亮/湿度控制/光照控制/通风策略）。第二组时间段配置卡片：四个时段胶囊按钮时段1(选中深绿)/时段2/时段3/时段4，下方开始时间06:00结束时间18:00，是否启用开关，当前编辑时段1。第三组目标参数卡片：目标温度26℃滑块，回差值1℃加减按钮，右侧温度计示意图展示死区范围25-27℃。第四组分级控制卡片：5级温度阶梯列表，第1级24-25℃顶窗开30%，第2级25-26℃顶窗开60%，第3级26-27℃顶窗全开+侧窗50%，第4级27-28℃全开+风机，第5级28-30℃全开+风机+湿帘，每级有编辑按钮，底部添加级别按钮。第五组保护规则：雨雪保护、极端风保护6级、高温报警32℃三个开关。第六组安全设置：互锁延时3秒、单次最长运行30秒、故障自动停止开关。底部绿色保存策略按钮。整体专业配置风格，深绿主色调，白色背景，高保真移动端UI竖屏

企业级智慧农业App DTU设备管理页面设计，白色背景深绿顶部导航栏。顶部深绿导航栏写着"控制器管理"，左侧返回箭头。下方DTU信息区：设备名"wdd"、设备编号、在线状态绿色标签。然后两个Tab切换："控制器"和"传感器"，当前选中控制器。核心区域是16路控制器背板视图，4行4列的网格布局，每个格子代表一路控制器。第1-2路用同一个浅绿色背景框住标注"顶窗1 两路互锁"，显示开度0%；第3-4路同样框住标注"顶窗2 两路互锁"；第5路标注"风机1"单路设备；第6路标注"湿帘水泵"；第7-8路标注"侧窗1 两路互锁"；第9-16路显示加号和"配置"字样表示空闲未使用。每个已配置的路位显示设备名称、类型图标、当前状态。底部有"添加设备"按钮。整体工业设备面板风格，深绿主色调，白色背景，专业清晰，高保真移动端UI竖屏设计

企业级智慧农业App DTU设备管理页面设计，白色背景深绿顶部导航栏。顶部深绿导航栏写着"控制器管理"，左侧返回箭头。下方DTU信息区：设备名"wdd"、设备编号、在线状态绿色标签。然后两个Tab切换："控制器"和"传感器"，当前选中控制器。核心区域是16路控制器背板视图，4行4列的网格布局，每个格子代表一路控制器。第1-2路用同一个浅绿色背景框住标注"顶窗1 两路互锁"，显示开度0%；第3-4路同样框住标注"顶窗2 两路互锁"；第5路标注"风机1"单路设备；第6路标注"湿帘水泵"；第7-8路标注"侧窗1 两路互锁"；第9-16路显示加号和"配置"字样表示空闲未使用。每个已配置的路位显示设备名称、类型图标、当前状态。底部有"添加设备"按钮。整体工业设备面板风格，深绿主色调，白色背景，专业清晰，高保真移动端UI竖屏设计

将参考图改为中文版，表格每列宽度与原版完全一致不改变，整体布局、尺寸、风格、颜色全部保持不变，只把英文文字替换成中文。工业串口屏界面，800x480横屏，浅蓝灰底色配蓝色边框。左上角橙色立体按键，白色文字"复位"。顶部6组标签加空白显示框：总纬、总段、循环设置、次、已循环、次数，每个标签下方对应空白显示框，位置和宽度与原版完全一致。中间大表格，10列，每列宽度与原版完全相同，表头中文依次为：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，6行空白数据行，黑色网格线，列宽行高与原版完全一致。底部一排7个立体按键，从左到右：调机、设置、上页、下页、上段、下段、返回，前6个浅灰底深灰字，最右侧返回为红色底白字，按键大小位置与原版一致。所有元素的位置、尺寸、颜色、立体效果与参考图完全相同，仅文字替换为中文。

将参考图改为中文版，表格每列宽度与原版完全一致不改变，整体布局、尺寸、风格、颜色全部保持不变，只把英文文字替换成中文。工业串口屏界面，800x480横屏，浅蓝灰底色配蓝色边框。左上角橙色立体按键，白色文字"复位"。顶部6组标签加空白显示框：总纬、总段、循环设置、次、已循环、次数，每个标签下方对应空白显示框，位置和宽度与原版完全一致。中间大表格，10列，每列宽度与原版完全相同，表头中文依次为：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，6行空白数据行，黑色网格线，列宽行高与原版完全一致。底部一排7个立体按键，从左到右：调机、设置、上页、下页、上段、下段、返回，前6个浅灰底深灰字，最右侧返回为红色底白字，按键大小位置与原版一致。所有元素的位置、尺寸、颜色、立体效果与参考图完全相同，仅文字替换为中文。

1rc24jcy0zcOn4qA-HB

基于参考图修改工业串口屏总览界面，800x480横屏，浅蓝灰底色。修改要点：1. 顶部排列调整为：复位按键、总纬、总段、循环设置、次、已循环、次，按此顺序排列，复位按键尺寸和底部的返回按键完全一样大（宽度、高度、红色立体样式都相同）。2. 总纬、总段、循环设置、已循环、次数每项都有文字标签+空白显示框，显示框内空白无数字。3. 中间大表格保持不变：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，6行空白数据行。4. 底部一排7个按键保持不变：调机、设置、上页←、→下页、上段←、→下段、返回，返回为红色。5. 复位按键和返回按键的尺寸、颜色、立体效果完全一致。整体风格与参考图一致，全部中文。

基于参考图修改工业串口屏总览界面，800x480横屏，浅蓝灰底色。修改要点：1. 顶部排列调整为：复位按键、总纬、总段、循环设置、次、已循环、次，按此顺序排列，复位按键尺寸和底部的返回按键完全一样大（宽度、高度、红色立体样式都相同）。2. 总纬、总段、循环设置、已循环、次数每项都有文字标签+空白显示框，显示框内空白无数字。3. 中间大表格保持不变：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，6行空白数据行。4. 底部一排7个按键保持不变：调机、设置、上页←、→下页、上段←、→下段、返回，返回为红色。5. 复位按键和返回按键的尺寸、颜色、立体效果完全一致。整体风格与参考图一致，全部中文。

1rc24jcy0zcOn4qA-HB

企业级智慧农业App设备添加配置页面设计，白色背景深绿顶部导航栏。顶部深绿导航栏写着"添加设备"，左侧返回，右侧保存按钮。页面是表单式配置：第一步选择设备类型，有顶窗、侧窗、风机、湿帘、补光灯、遮阳、环流风机等图标选项，当前选中顶窗高亮绿色。第二步设备名称输入框显示"顶窗1"。第三步控制方式选择：单路控制/双路互锁，当前选中双路互锁绿色高亮。第四步回路绑定：正向回路选择器显示"16路a - 回路1"，反向回路选择器显示"16路a - 回路2"。第五步参数配置：全开时长输入30秒，安装位置选择"迎风窗上"。第六步高级设置可折叠：限位开关、过载保护、电流检测等开关项。底部绿色"保存并启用"大按钮。整体企业级配置表单风格，深绿主色调，白色背景，分组清晰，高保真移动端UI竖屏设计

企业级智慧农业App设备添加配置页面设计，白色背景深绿顶部导航栏。顶部深绿导航栏写着"添加设备"，左侧返回，右侧保存按钮。页面是表单式配置：第一步选择设备类型，有顶窗、侧窗、风机、湿帘、补光灯、遮阳、环流风机等图标选项，当前选中顶窗高亮绿色。第二步设备名称输入框显示"顶窗1"。第三步控制方式选择：单路控制/双路互锁，当前选中双路互锁绿色高亮。第四步回路绑定：正向回路选择器显示"16路a - 回路1"，反向回路选择器显示"16路a - 回路2"。第五步参数配置：全开时长输入30秒，安装位置选择"迎风窗上"。第六步高级设置可折叠：限位开关、过载保护、电流检测等开关项。底部绿色"保存并启用"大按钮。整体企业级配置表单风格，深绿主色调，白色背景，分组清晰，高保真移动端UI竖屏设计

基于参考图修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。表格的尺寸、位置、列宽、行高完全保持不变，一点都不改动。修改内容：1. 左上角"复位"改成醒目的绿色立体按键（深绿色底白色文字，带3D斜面效果），换一个颜色。2. 底部所有按键（调机、设置、上页←、→下页、上段←、→下段、返回）全部做成同一行，整齐排列在最底部，共7个按键一排，每个按键都是立体按钮样式（浅灰底深灰字，带斜面凸起效果），大小均匀。3. 最右侧"返回"按键为红色立体按键。4. 调机不再单独占一行，全部底部按键合并为一整行。表格和顶部文字位置完全不变，只改按键样式和布局。全部中文。

基于参考图修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。表格的尺寸、位置、列宽、行高完全保持不变，一点都不改动。修改内容：1. 左上角"复位"改成醒目的绿色立体按键（深绿色底白色文字，带3D斜面效果），换一个颜色。2. 底部所有按键（调机、设置、上页←、→下页、上段←、→下段、返回）全部做成同一行，整齐排列在最底部，共7个按键一排，每个按键都是立体按钮样式（浅灰底深灰字，带斜面凸起效果），大小均匀。3. 最右侧"返回"按键为红色立体按键。4. 调机不再单独占一行，全部底部按键合并为一整行。表格和顶部文字位置完全不变，只改按键样式和布局。全部中文。

1rc24jcy0zcOn4qA-HB

基于参考图修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。表格的尺寸、位置、列宽、行高完全保持不变，一点都不改动。修改内容：1. 左上角"复位"改成醒目的绿色立体按键（深绿色底白色文字，带3D斜面效果），换一个颜色。2. 底部所有按键（调机、设置、上页←、→下页、上段←、→下段、返回）全部做成同一行，整齐排列在最底部，共7个按键一排，每个按键都是立体按钮样式（浅灰底深灰字，带斜面凸起效果），大小均匀。3. 最右侧"返回"按键为红色立体按键。4. 调机不再单独占一行，全部底部按键合并为一整行。表格和顶部文字位置完全不变，只改按键样式和布局。全部中文。

基于参考图修改：工业串口屏总览界面，800x480横屏，浅蓝灰底色。表格的尺寸、位置、列宽、行高完全保持不变，一点都不改动。修改内容：1. 左上角"复位"改成醒目的绿色立体按键（深绿色底白色文字，带3D斜面效果），换一个颜色。2. 底部所有按键（调机、设置、上页←、→下页、上段←、→下段、返回）全部做成同一行，整齐排列在最底部，共7个按键一排，每个按键都是立体按钮样式（浅灰底深灰字，带斜面凸起效果），大小均匀。3. 最右侧"返回"按键为红色立体按键。4. 调机不再单独占一行，全部底部按键合并为一整行。表格和顶部文字位置完全不变，只改按键样式和布局。全部中文。

1rc24jcy0zcOn4qA-HB

工业串口屏工艺参数总览界面，800x480横屏，浅蓝灰底色配蓝色边框。左上角橙色立体按键，白色文字"复位"。顶部横向排列文字标签：总纬、总段、循环设置、次、已循环、次。中间大表格，10列表头：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，6行空白数据行，黑色网格线。底部一排7个立体按键，从左到右：调机、设置、上页←、→下页、上段←、→下段、返回。前6个为浅灰底深灰字立体按键，最右侧返回为红色底白字立体按键。所有按键都有3D斜面立体效果。整体为干净的工业串口屏风格，全部中文。

工业串口屏工艺参数总览界面，800x480横屏，浅蓝灰底色配蓝色边框。左上角橙色立体按键，白色文字"复位"。顶部横向排列文字标签：总纬、总段、循环设置、次、已循环、次。中间大表格，10列表头：段号、段名、纬数、纬密/cm、送纬A/mm、送纬B/mm、锁边/mm、钢扣/mm、针座/mm、纬号，6行空白数据行，黑色网格线。底部一排7个立体按键，从左到右：调机、设置、上页←、→下页、上段←、→下段、返回。前6个为浅灰底深灰字立体按键，最右侧返回为红色底白字立体按键。所有按键都有3D斜面立体效果。整体为干净的工业串口屏风格，全部中文。

1rc24jcy0zcOn4qA-HB

重新设计这个气象信息版块，要求改成和原图风格相近相似的风格，保留所有文字数据：包含标题气象信息，暴雨黄色预警，沙坪坝区气象信息：降水量50.00mm、气温26℃、风速10.8m/s、天气状况晴；双碑街道气象信息：降水量50.00mm、气温26℃、风速10.8m/s、天气状况晴，保持和原图整体视觉调性相近，做版块重构设计，最后结果支持切图

重新设计这个气象信息版块，要求改成和原图风格相近相似的风格，保留所有文字数据：包含标题气象信息，暴雨黄色预警，沙坪坝区气象信息：降水量50.00mm、气温26℃、风速10.8m/s、天气状况晴；双碑街道气象信息：降水量50.00mm、气温26℃、风速10.8m/s、天气状况晴，保持和原图整体视觉调性相近，做版块重构设计，最后结果支持切图

69apw1e26DmqBXw-HB