先说一个很多管理者都熟悉的场景。要开一次调度会,办公桌上摊着六份台账:机构名册、入托人数、教职工名单、证照到期表、整改单、检查评分。数据是上周的,口径未必对得上。会开完,结论常常是"再去核实一下"。
问题从来不是没有数据。而是数据分散在不同的表里,没法被同时看见。
我们最近完成了一个项目,就是冲着这件事去的——上海市徐汇区的托育机构远程监管大屏。
一、把六条业务线,收敛成一块屏
这块屏管的是全区 128 家托育机构的运行态势。表面上是"一块屏",背后是六条业务线:
机构——128 家机构的位置、类型、负责人与学位数;
幼儿——752 名在托幼儿的机构分布、男女占比与年龄结构;
教职工——981 名教职工的持证情况、每日到岗与缺岗预警;
证照——441 份办学与卫生类证照的有效期,按 30 / 15 / 7 天分档预警;
整改——256 条检查单与巡查问题的完成率、分类分布与趋势;
评分——447 条现场检查与家长满意度评分,按机构排名。
关键不在这六条线各自画了多少张图,而在于它们相互咬合:地图上的机构点位按待整改数量分级高亮,风险机构不用找,自己会亮起来;鼠标悬停,这家机构的入托率、待整改条数、证件临期情况和负责人电话会同时出现。
▲ 左区:四项核心指标、机构入托排行、男女占比、年龄结构与师幼配比
二、中间那块地图,我们花了最多的功夫
数据大屏里最容易糊弄人的就是地图——放一张静态图当底图,点位随手撒上去,远看也很有"科技感"。
我们不这么做,原因很实在:在监管场景里,点位落在哪儿是有意义的。投诉集中在哪条街、哪个街道的整改压力最大、哪两家机构离得太近——这些判断必须建立在真实地理位置上。
所以这块地图上:
底图是真实路网。用的是高德地图 JS API,深蓝样式,与大屏整体色调一致,不是贴图。
边界是真实行政区划。徐汇区的行政边界由 756 个顶点构成,双层发光描边;辖区之外自动压暗,视线自然收在管理范围内。
点位是真实地址解析出来的。128 家机构的登记地址批量做地理编码,门牌级精度占 76%。剩下那些因为演示地址的门牌号与街道名对不上、被编码到邻区的,自动回归到所属街道中心——保证没有一个点跑到徐汇之外。
▲ 中区:真实路网底图 + 行政边界描边 + 128 家机构点位
说句技术上的实话:我们原本打算用地图服务自带的行政区划查询接口,实测返回权限异常。于是改成把区界预生成成静态数据打包进项目——不依赖运行时服务、不吃接口配额、断网也画得出来。
还有一条不能省的合规底线:在中国境内展示真实地图,必须使用具备甲级测绘资质的图商底图,并且密钥要配置域名白名单。这不是可选项,是前提。
三、真正难的是,屏幕上没有一行写死的数字
这类项目做得多了,会见到一种"看起来很美"的做法:图表里的数字是写死的,或者从表格里读一次就再也不动。演示时好看,一接真实数据全塌。
这套系统里,所有百分比、排名、配比、完成率,全部由明细数据实时算出:
整改完成率来自 256 条整改明细,是一条一条数出来的;
街道之间的完成率对比,是按机构归属把明细分组后逐个街道计算的;
证照预警分档,是把 441 份证照的到期日期与当前日期相减,自动落到 30 / 15 / 7 天三个档位;
教职工缺岗数值超过阈值,前端自动高亮。
▲ 右区:证照到期分档预警、人员到岗对比、资质期限总览
还有两个不显眼、但客户真正在意的地方:
一是断网也得能看。真实系统接入后万一线路故障,大屏不能变成黑屏。我们做了数据快照兜底——服务不可用时自动切到最近一次快照,地图与图表各自保留降级路径。一个"关键时刻不能挂"的系统,兜底不是加分项,是底线。
二是数据模型要能换。我们从原始客户端代码反推出整套接口契约,输出接口文档、数据模型和建表脚本。将来接真实业务数据源时,只替换数据层,展示层一行都不用改。
四、同一套方法,能解决的问题比托育大得多
把"多条业务线的数据收敛成一屏可判断的视图"这件事抽象出来,它的适用面远比托育广。凡是符合下面三个特征的管理场景,本质上是同一道题:
数据分散在多个系统或台账里;
管理者需要按区域、按机构、按时间看分布;
决策依赖"当前态势",而不是月报。
园区要看的,是企业的入驻与产值分布;连锁机构总部要看的,是各门店的运营与服务指标;文旅景区要看的,是客流与安全态势;养老与教育主管单位要看的,是机构的质量与风险点。场景不一样,题是一样的。
我们做这些项目的方法也一致:先把指标口径理清,再做数据模型,最后才是画面。顺序反了,屏做得再漂亮也只是摆设。
五、想先看看效果
徐汇区托育机构远程监管大屏的网页版已经放在官网上,点此在线体验——打开链接就能交互,地图点位可悬停查看明细,图表之间互相关联,不需要安装任何软件。
如果你手上也有"数据散在好几张表里"的困扰,欢迎带着场景来找我们聊一次。我们通常会先问三个问题:
你的核心指标是哪几个?(哪几个数字变了,你会睡不着觉)
数据现在在哪?(系统里、表格里,还是纸质台账里)
谁来用、在什么场合用?(大屏墙、会议室,还是手机)
这三个问题清楚了,方案基本就成型了。
说明:文中涉及的 128 家机构、752 名幼儿、981 名教职工等数据,均为脱敏演示数据集,交互逻辑与真实系统一致;真实地图底图使用具备甲级测绘资质的地图服务商。