上篇我们拆完了底表,把 9 张数据表的业务逻辑搞清楚了。
上篇还提到:官方模板给了我们完整的底表结构,但只有「里子」(数据),没有「面子」(采集入口和自动化)。
我自己加了 4 个表单视图和 2 个自动化流程,才让这个系统真正跑起来。
今天讲最爽的部分——应用搭建。
说实话,很多人做系统最大的问题是:把后台直接甩给前台用。老板打开一看,密密麻麻的表格,谁还有心情往下翻?
应用模式的核心就一个词:千人千面。
下面我继续按视角来拆解,同时融入官方模板的核心设计和我的改造。
打开应用首页,第一屏就是设备信息总览。这个页面是整个系统的精华。

这页设计得非常聪明,把多个核心设计全部用上了:折叠列表、聚合字段、详情页、按钮跳转。
页面中间的主体部分是折叠列表,展示所有设备。
为什么要用折叠列表?
普通列表的问题是:要么信息太多看不完,要么信息太少得点进详情页。
折叠列表的解决方案:
注意看第一列「设备」。它不是简单的一个字段,而是把三个字段聚合在一起:

为什么要这样设计?
❌ 传统做法:
第一列:设备名称第二列:设备编号第三列:设备图片(单独一列,占用空间)✅ 聚合后的效果:
配置要点:
聚合字段:设备包含内容: - 图片字段(设备照片) - 文本字段(设备名称) - 文本字段(设备编号)布局:图片在左,文字在右折叠列表还提供了两种查看详情的方式:
方式一:点击左侧箭头
方式二:点击「查看详情」按钮

详情页不只是展示信息,更是一个完整的操作中心。

详情页内部可以使用标签页,把相关信息分组:
好处:不用跳转页面,在一个详情页里就能看到设备的全貌。
在详情页中,可以直接增加双向关联的表单:
好处:不需要先选择设备再填表单,效率提升。
详情页可以展示完整的历史信息:
好处:所有信息一目了然,支持追溯和决策。
详情页的排布完全可以通过添加组件来自定义:

详情页还支持增加插件,实现更复杂的功能:
好处:把详情页打造成设备的「数字孪生」,所有相关信息都在这里。
页面上的按钮不只是触发操作,更是页面流转的桥梁。

按钮的 4 种动作类型:
| 动作类型 | 用途 | 示例 |
| 新增记录 | 打开新增表单 | 新增设备 |
| 打开链接 | 跳转外部网页 | 打开供应商官网 |
| 打开页面 | 跳转应用内其他页面 | 从仪表盘跳到设备列表 |
| 执行自动化 | 触发机器人 | 一键导出报表 |
效果:
页面右侧的柱状图展示了各设备的维修次数。
你看那个「烟雾报警器」,居然修了 5 次?这就是「坏机王」排行榜。
哪台机器最高,就要对它做根因分析,看看为什么老坏。

这里有个关键点:数据来自「维修记录表」,但显示的是「设备名称」。需要通过关联字段把两张表连起来。
切换到「设备管理」页面,这是设备科长最常用的界面。

这个页面的亮点是:多个切片器之间可以相互关联。
官方模板的切片器只能独立工作,每个筛选器互不影响。
比如:
两个筛选条件是「与」的关系,但没有级联关系。
需求场景:
我想实现这样的级联筛选:

配置方法:

这就是级联筛选的威力,让复杂的数据筛选变得简单。
再来看「设备操作」下的点检记录。

这页有两个非常巧妙的设计:标签页和卡片列表。
同一个业务场景,用户想从不同角度查看数据。
场景举例:
传统做法是做两个页面,用户得来回切换导航。
标签页的解决方案:把两个视图放在同一个页面,点一下标签就能切换。

设计巧思:
用户可以:
整个过程不需要跳转页面,体验非常流畅。
切换到「设备操作」页面,展示的是卡片列表。

什么时候用卡片列表?
✅ 适合:
❌ 不适合:
点检记录的卡片设计:
信息层次清晰,重点突出。
这就是为什么现场作业要用卡片列表:
对于「保养记录」和「变更记录」,这个系统用到了日历视图。

从「查旧账」变成了「看计划」,这完全是两个思路。
列表 vs 日历:
| 列表视图 | 日历视图 |
| 查的是「旧账」 | 看的是「计划」 |
| 看不出时间安排 | 时间维度一目了然 |
| 不知道哪天忙哪天闲 | 方便资源调配 |
主管通过这个日历,一眼就能看出哪天保养任务太重(格子里条目太多),哪天太闲。
这有什么用?方便进行人员调配,避免把维修工累死或闲死。
这就是 IE 里讲的「Line Balancing」,用在这里也挺合适。
所有在电脑上配置好的界面,在飞书手机端会自动适配。

这点很关键。
现场作业基本都是用手机,如果手机端体验不好,系统推不动。这点我深有体会,再好的系统,用不起来也是白搭。
官方模板的应用界面做得不错,但有 3 个地方我做了改造。
官方模板只有「新增记录」按钮。
我创建了 4 个独立的表单视图(维修提报单、点检执行单、备件领用单、变更申请单),每个生成二维码贴在设备上。
效果:掏出手机一扫,就能填报。
官方模板没有自动化流程。
我加了 2 个关键自动化:
触发条件:维修记录表新增记录 且 状态 = 待维修执行动作:发送飞书卡片消息给设备负责人 + 维修班长效果:报修瞬间通知到位,信息传递从 30 分钟缩短到 0 秒。
触发条件:维修记录表中状态变为维修完成执行动作:自动修改设备数据表中对应设备的状态为运行中效果:维修工只管修,系统自动维护状态。
官方模板的切片器只能独立工作。
我实现了多个切片器之间的级联筛选:
让复杂的数据筛选变得简单。
在这个系统里,我们区分了两个角色:

| 权限类型 | 配置 |
| 可见范围 | 仪表盘、我的任务 |
| 数据权限 | 只看自己负责的设备(行权限)隐藏「设备原值」「采购价格」(列权限) |
| 操作权限 | 可新增、可编辑, |
拥有所有权限,负责数据修正和主数据维护。
有了基础的数据流转,下一步就是用数据驱动改善。
引入两个关键指标:
含义:从设备故障到修复完成的平均时间
价值:衡量维修团队的响应速度和效率
含义:设备两次故障之间的平均运行时间
价值:衡量设备的可靠性和质量
有了这两个指标,可以从「救火」升级到「防火」。
把这 7 个设计放在一起看:
| 设计 | 应用场景 | 来源 |
| 折叠列表 + 聚合字段 | 收放自如,一列看完关键信息 | ✅ 官方 |
| 按钮页面跳转 | 流程顺畅,符合用户直觉 | ✅ 官方 |
| 标签页 | 同页面多视角,快速切换 | ✅ 官方 |
| 卡片列表 | 视觉优先,移动友好 | ✅ 官方 |
| 4 个表单视图 + 二维码 | 现场扫码填报 | ✅ 我的改造 |
| 2 个自动化流程 | 信息自动流转 | ✅ 我的改造 |
| 切片器相互关联 | 级联筛选,逐级缩小范围 | ✅ 我的改造 |
共同的思路:
| 内容 | 官方模板 | 我的改造 |
| 底表结构 | ✅ 9 张完整的底表 | — |
| 应用界面 | ✅ 仪表盘、列表、日历等 | — |
| 4 个核心设计 | ✅ 全部都有 | — |
| 表单入口 | ❌ 只有「新增记录」按钮 | ✅ 4 个独立的表单视图 + 二维码 |
| 自动化流程 | ❌ 无 | ✅ 2 个自动化(故障通知、状态联动) |
| 切片器级联 | ❌ 只能独立筛选 | ✅ 实现相互关联(我的优化) |
| 数字配色 | ❌ 纯黑色数字 | 💡 后期优化方向 |
组件的本质是「用对的方式展示对的数据」。
关键不是「用什么组件」,而是「为什么用这个组件」。
想清楚三点:
把这三层都想清楚了:
系统才能真正用起来,而不是躺在仓库里吃灰。
上篇回顾:飞书多维表格应用模式拆解:别再用Excel管资产了!揭秘设备管理系统的“数据逻辑”(上)🎨
(👇 扫码加入飞书交流群,大家一起玩转飞书多维表格)

通过我的邀请码注册的飞书多维表格单品新用户,可直接获得全网专属、价值百元的⻜书多维表格3个月专业版免费使用,享受2万行单表大数据容量、获得每月5万次自动化流程、实现跨表无缝联动。
1️⃣领取并复制我的专属邀请码:Code6suMVNceF1
2️⃣无需下载飞书,复制链接到浏览器即可完成注册:
https://fcna6swh3rtl.feishu.cn/share/base/form/shrcn8BkxqoKYeA6XyZZAB7zK73
3️⃣ 填写邀请码,输入第一步复制的邀请码,提交后等待官方审核,预计1-2个工作日内完成。