跳到主要内容

组件设计规范

组件设计包含的内容

  • 输入:定义输入参数的个数和类型,详细描述
  • 输出:定义输出参数的个数和类型,详细描述
  • 业务逻辑:明确处理逻辑
  • 配置参数:

参数配置有3种设计方案
1、右面板参数:
2、打开弹窗:
3、新开页面:

根据使用场景选择可视化页面的打开方式:弹窗、新开页面

  • 弹窗:参数配置简单,需要在后面板对多个组件参数进行配置
  • 新开页面:需要配置页面和展示页面独立分开,有第二块屏幕优先选择
  • 页面设计规范,采用antdesign样式设计

image.png

附录:组件需求设计文档

组件需求设计说明书
组件设计负责人李白
组件开发负责人墨文
版本时间v1.0(2020.07.30)
组件名称数据替换
组件功能描述对输入的数据进行指定数值替换
适用场景大屏开发,前面板数据接收到空值替换成0
输入输入1:数据表
输出输出1:数据表
业务逻辑对表中所有数据进行查询,按配置参数替换某一列、一行、特定值
配参形式右面板参数/打开弹窗/新开页面
配置参数参数1:选择替换的内容「输入」
参数2:替换为 「输入」
附录原型截图