原子层 Atoms

构成工单系统页面的最基本不可分割元素。如工单优先级的状态色值、排版字体、底层图标(附件/流转箭头)、圆角规范、分割线与阴影等。

分子层 Molecules

由原子组合建立的基础控件,两个以上原子即可组成一个分子。如:带图标的“提交流转”按钮、工单状态Tab标签、带有SLA倒计时的标签组合、输入框等。

组织层 Organisms

组合分子与原子,构成具备具体业务流转属性的可拓展组件。如:部门/人员级联选择器、智能回复框、客户360度信息卡片、工单进度时间轴等。

原型层 Templates

多个功能组织层的组合,形成一个完整的业务页面骨架(占位框架)。如:工单创建弹窗的左右分栏布局结构、后台工单详情页的顶底版式布局。

页面层 Pages

页面是原型层的具体实例。它代表了填入真实的客户退款诉求、SLA 告警数据、真实跨部门流转记录后的最终高保真交付方案。