很多人提到营销自动化前端，第一反应是“画个流程图、拖几个节点”。但企业版 marketing_automation 里至少有两类完全不同的前端职责：把结果数据渲染成趋势图，以及把模板数据组织成可快速起步的选择器。
一、活动图不是截图，而是实时配置的 Chart.js 组件
MarketingActivityGraph 在 setup() 里按需加载 Chart.js，读取字段里的 JSON 数据，再在 renderChart() / getChartConfig() 中组装 datasets、labels、tooltip 和暗色模式配色。
这说明图表前端真正做的是把业务字段里的结构化数据，转换成用户可读、可 hover 的统计图，而不是简单塞一张图片。
二、暗色模式和图表语义被一起考虑
源码里会根据 cookie 里的 color_scheme 调整成功/失败曲线颜色。这个细节说明企业版前端在做图表时，并不是“有数据就画”，而是连主题适配和可读性也纳入组件逻辑。
对营销看板来说，这很重要，因为图表往往承担快速判断效果好坏的职责。
三、模板选择器解决的是“怎么更快开始”
CampaignTemplatePickerDialog 在 onWillStart() 里先从后端拿 template groups，再把它们铺成 notebook 页面，并设置默认 active template。之后 onLoadTemplate() 再通过 ORM 调用获取 action，直接打开从模板生成的 campaign。
这不是一个普通弹窗，而是把“营销模板知识库”压缩成一个可点击起步器：
- 先按组组织模板；
- 再在前端维护 active template 状态；
- 最后把选择结果变成具体 action。
四、真正的难点是把不同业务对象转成前端状态
图表组件关心的是：JSON 点集、颜色、tooltip；模板选择器关心的是：模板分组、当前激活项、最终 action。两者都不是简单渲染字段，而是把业务对象重新整理成组件可管理的状态。
这也是为什么营销自动化前端看起来不重，却很吃边界感：它必须知道什么时候该展示结果，什么时候该帮助用户起步。
五、新手误区
1. 以为营销自动化前端只有流程图编辑器
图表和模板选择器同样是关键入口。
2. 以为图表只是美化
它承担的是效果反馈，不是装饰。
3. 以为模板弹窗只是列个列表
源码里实际上有分组、默认选中和 action 跳转状态管理。
六、实战注意事项
- 图表字段若改 JSON 结构，前端 config 也必须同步；
- 暗色模式下的颜色对比要单独验，不要只看白底；
- 模板很多时，前端默认激活逻辑和 notebook 分组会直接影响起步效率；
- 排查“点模板没反应”时，先查 ORM 返回的 action，而不是先查 UI。
结语
企业版营销自动化前端真正做的，不只是“让页面更像营销工具”，而是把数据结果可视化和模板起步路径都前端化。理解这一层，才会知道它的交互价值并不只是拖节点。
DISCUSSION
评论区