严格基于指定文件(核心为《07城市全局总览系统功能设计.docx》,简称《07全局总览》;《01智慧城市一网统管平台-系统总体架构及其功能要点-20251018修订.docx》,简称《01总体架构》),结合《03智慧城市一网统管平台-系统数据库表.docx》(简称《03数据库表》)、《05智慧城市一网统管平台 数据中枢系统功能设计.docx》(简称《05数据中枢》)及《06系列行业应用文件》,拆解“全局总览大屏”与“业务专属大屏”的可视化逻辑,所有模块、数据、交互均来自指定文件,无外部信息。
一、大屏总览的核心定位:文件中的“可视化中枢”
《07全局总览》开篇明确大屏总览的核心价值是“一屏统揽城市运行状态,支撑跨域协同与快速决策”,其设计需满足两大核心要求(文件原文提炼):
横向全覆盖:整合17+业务领域(《06系列行业文件》)的核心数据,如城管住建的设施状态、水利水务的水质数据、交通运输的拥堵情况,避免“领域孤岛可视化”(《01总体架构》P11);
纵向全穿透:支持从“市级→区级→街道级→社区级”分层钻取,适配《03数据库表》
sys_area(行政区划表)的层级逻辑,满足不同治理层级的可视化需求(如市级看汇总、社区级看明细);实时性保障:核心数据(如预警信息、设备状态)更新频率≤30秒,统计数据(如日处置率)更新频率≤5分钟,符合《05数据中枢》“运行监测”模块的实时性要求(P264)。
二、第一部分:全局总览大屏的可视化逻辑
全局总览大屏是“城市治理的顶层可视化窗口”(《07全局总览》P3),需整合全领域核心数据,聚焦“城市运行指数、全域数据地图、跨域协同、预警处置”四大核心模块,其可视化逻辑完全基于文件设计。
2.1 核心模块与可视化设计(文件依据+数据来源)
(1)顶部:城市运行总指数(《07全局总览》P5)
可视化目标:用“综合指数+分领域指数”直观展示城市整体运行健康度,替代传统“碎片化指标”。
设计逻辑:
综合指数:采用“环形进度条+数字”形式,取值0-100分,80分以上为“优良”,60-80分为“合格”,60分以下为“预警”;
分领域指数:横向排列17个业务领域的子指数(如城管85分、水利90分),用颜色区分等级(绿=优良、黄=合格、红=预警);
数据来源:
综合指数:来自《03数据库表》
stat_city_oper_index(城市运行指数统计表),计算逻辑为“各领域指数加权平均”(权重来自《05数据中枢》“综合评价”模块的sys_eval_idx_weight);分领域指数:城管指数来自
stat_urban_mng_idx,水利指数来自stat_water_idx,均关联《06对应行业文件》的核心指标(如城管的工单处置率、水利的水质达标率)。
(2)左侧:全域数据地图(《07全局总览》P6-P8)
可视化目标:用“地理空间+图层叠加”展示城市全要素分布,支撑“空间化治理”。
设计逻辑:
底图:采用2000国家大地坐标系(《05数据中枢》1.1.1节“坐标系配置”),加载行政区划边界(
sys_area表的boundary_coords);图层叠加:支持5类核心图层切换,每层对应不同业务数据,具体如下:
图层名称
可视化样式(文件示例)
数据来源(《03数据库表》)
行政区划层
不同层级用不同底色(市=深红、区=浅红、街道=黄),边界用2px实线
sys_area(area_code/area_name/boundary_coords)
设施分布层
城管设施(蓝色三角形)、水利设施(蓝色水滴)、交通设施(灰色小车),hover显示设施状态
biz_urban_fac(城管)、biz_water_fac(水利)、biz_traf_fac(交通)
事件处置层
待处置事件(红色感叹号)、处置中(黄色问号)、已结案(绿色对勾),按
area_code定位biz_evt_wo(全领域事件工单)、rel_evt_area(事件-区域关联)
预警风险层
高优预警(红色闪烁圆点)、中优(黄色圆点)、低优(绿色圆点),点击显示风险详情
biz_early_warn_alert(预警单)、sys_warn_level_cfg(预警等级)
资源调度层
应急物资点(橙色方块)、救援队伍(红色旗帜),显示实时资源库存
biz_emer_mat_info(应急物资)、biz_emer_team_info(救援队伍)
交互逻辑:
钻取:点击行政区划(如“西湖区”),地图自动缩放至该区域,加载对应层级的设施/事件数据(符合《03数据库表》
sys_area的层级逻辑);筛选:顶部提供“图层开关”,可单独显示某类图层(如仅看“预警风险层”)。
(3)右侧:跨域协同看板(《07全局总览》P9-P10)
可视化目标:展示跨领域协同事件的处置进度,解决“协同不透明”痛点(如暴雨导致的城管+水利联动)。
设计逻辑:
列表式展示:每行一条协同事件,包含“事件名称、涉及领域、发起时间、处置进度、责任人”;
进度可视化:用“进度条+百分比”展示处置进度(如“道路积水清理:70%”);
数据来源:
来自《03数据库表》
biz_cross_domain_evt(跨域协同事件表),关联rel_evt_cross_domain(事件-领域关联),如“道路积水事件”关联城管(biz_urban_event)与水利(biz_water_event)的事件ID。
(4)底部:预警处置看板(《07全局总览》P11-P12)
可视化目标:聚焦“预警全生命周期”,从“新增预警→派单→处置→结案”全流程可视化。
设计逻辑:
左侧:预警趋势图(折线图),展示近24小时各等级预警数量变化;
右侧:预警处置列表,按“高优→中优→低优”排序,显示“预警ID、风险类型、处置状态、剩余时间”;
数据来源:
趋势图:来自
stat_early_warn_time(预警时间维度统计表);处置列表:来自
biz_early_warn_alert(预警单)、biz_early_warn_dispatch(预警派单),关联《06行业文件》的预警场景(如城管违建预警、水利内涝预警)。
2.2 数据流转逻辑(文件闭环)
graph LRA[各领域业务数据] -->|《06行业文件》模块| B[《05数据中枢》运行监测]B -->|数据清洗/统计| C[《03数据库表》stat_*表]C -->|指数计算/地图关联| D[全局总览大屏渲染]D -->|用户交互| E[钻取/筛选至下一层级数据]E -->|请求| F[《05数据中枢》分域查询接口]F -->|返回明细数据| G[大屏局部刷新]
三、第二部分:业务专属大屏的可视化逻辑
业务专属大屏是“17+领域的专业化可视化窗口”(《01总体架构》P15),需聚焦各领域核心业务场景,避免“大而全”,其可视化逻辑需严格适配《06对应行业文件》的需求,以下以3个典型领域为例。
3.1 案例1:城管住建专属大屏(《06行业应用系统功能设计-01城管住建.docx》P31-P35)
核心场景:市政设施监测、市容秩序监管、违建处置,可视化需突出“设施分布+工单效率”。
核心模块设计:
可视化:“环形图”展示工单处置率(已结案/总工单),“热力图”展示各街道工单密度;
数据来源:
biz_urban_evt_wo(城管工单)、stat_urban_wo_eff(工单效率统计)。可视化:左侧“违建趋势图”(折线图,近30天新增违建数),右侧“违建处置进度表”(列表,显示“违建点位、发现时间、整改率”);
数据来源:
gen_illegal_build_clue_mng(违建线索)、stat_illegal_build_handle(违建处置统计);可视化:用“分类柱状图”展示道路、桥梁、燃气管网等11类设施的“正常/故障”数量,红色代表故障、绿色代表正常;
数据来源:
gen_road_fac_mon(道路)、gen_bridge_fac_mon(桥梁)等,关联《03数据库表》biz_urban_fac_status;
市政设施状态看板:
违建处置看板:
工单处置效率看板:
3.2 案例2:水利水务专属大屏(《06行业应用系统功能设计-02水利水务.docx》P38-P42)
核心场景:水资源监测、供水保障、防洪抗旱,可视化需突出“水质+水量+内涝”。
核心模块设计:
可视化:“供水管网漏损率仪表盘”(实时显示漏损率,红色超5%预警),“水厂运行状态表”(显示各水厂供水量、水压);
数据来源:
gen_water_supply_leak_mon(漏损监测)、gen_water_plant_oper(水厂运行)。可视化:“内涝点地图”(红色圆点标记内涝点,大小代表积水深度),“雨情趋势图”(柱状图,近12小时降雨量);
数据来源:
gen_water_logjam_point_mon(内涝点)、gen_water_rain_flow_mon(雨情水情);可视化:“水质类别分布饼图”(Ⅰ类/Ⅱ类/Ⅲ类/劣Ⅲ类占比),“重点水源地水质列表”(显示pH值、浊度等实时数据);
数据来源:
gen_water_qual_mon(水质监测)、sys_water_source(水源地基础表);
水质监测看板:
内涝预警看板:
供水保障看板:
3.3 案例3:交通运输专属大屏(《06行业应用系统功能设计-04交通运输.docx》P38-P41)
核心场景:道路交通运行、公共交通、枢纽运营,可视化需突出“拥堵+准点率”。
核心模块设计:
可视化:“火车站/汽车站客流量柱状图”(近6小时),“停车场泊位使用率环形图”;
数据来源:
gen_traf_railway_oper_mon(火车站运营)、gen_park_berth_occupy(泊位占用)。可视化:“公交线路准点率折线图”(近24小时变化),“重点线路准点率表格”(显示计划vs实际到站时间);
数据来源:
gen_traf_bus_oper_mon(公交运营)、stat_traf_bus_on_time(准点率统计);可视化:“拥堵指数热力图”(地图叠加,红色=严重拥堵、黄色=轻度拥堵、绿色=畅通),“主次干道拥堵Top10列表”;
数据来源:
gen_traf_congest_mon(拥堵监测)、stat_traf_road_status(道路状态统计);
道路拥堵看板:
公交准点率看板:
枢纽运营看板:
3.4 业务专属大屏的共性可视化规则
数据分层:均遵循“基础层(sys_)→业务层(biz_)→统计层(stat_*)”的可视化逻辑,如水利大屏先加载
sys_water_source(基础),再展示biz_water_qual(业务),最后汇总stat_water_idx(统计);交互统一:均支持“时间筛选(日/周/月)、区域筛选(区/街道)、数据钻取(汇总→明细)”,与《04我的工作台-系统功能设计.docx》(简称《04工作台》)的筛选逻辑一致(P1-P2);
样式适配:行业专属色统一(城管蓝、水利蓝、交通橙),图表类型适配业务特性(趋势用折线、分布用饼图、空间用地图)。
四、大屏可视化的技术支撑(文件中的技术底座)
所有大屏的可视化实现均基于指定文件的技术架构,避免跨平台兼容性问题:
可视化组件:采用ECharts(开源)+DataV(大屏专用),适配《01总体架构》的KubeSphere底座,支持容器化部署(P85);
数据接口:调用《05数据中枢》的“大屏数据接口”(如
/api/v1/screen/global/index获取全局指数、/api/v1/screen/urban/fac获取城管设施数据),接口返回格式统一为JSON;更新机制:
实时数据(如预警、水质):采用WebSocket推送,更新频率30秒/次(《05数据中枢》20.8节“实时监测”要求);
统计数据(如日指数):采用定时任务拉取,更新频率5分钟/次,数据存储于
stat_*表;
适配性:支持多分辨率(1920×1080、3840×2160),适配指挥中心大屏、办公室小屏等场景(《07全局总览》P15)。
五、总结:大屏可视化的核心逻辑闭环(文件视角)
全局总览与业务专属大屏的可视化逻辑,本质是“数据驱动的可视化翻译”——将《03数据库表》的结构化数据、《05数据中枢》的统计数据、《06行业文件》的业务需求,转化为“直观、交互、实时”的可视化界面,最终实现:
全局大屏“一屏统揽”:支撑市级决策层快速掌握城市运行状态(《07全局总览》核心目标);
业务大屏“专业聚焦”:支撑行业部门高效处置专属业务(如城管设施故障、水利水质异常);
层级穿透“纵向到底”:从市级到社区级的数据钻取,适配《03数据库表》
sys_area的层级治理逻辑。
所有设计均无外部依赖,完全基于指定文件,确保与一网统管平台的架构、数据、业务完全兼容。
关注我们,获取更多精彩内容