fieldsMap.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /**
  2. * 页面上的数据都来自数据库,且多处 ui 消费,页面直接使用字段会造成耦合和冗余,固在此抽出来统一配置(clientdb 查询方法、概念文字提示等)和处理(对值再计算、格式化等)
  3. * title 显示所使用名称
  4. * field 数据库字段名
  5. * computed 计算表达式配置,只支持除法计算(需要 mapfield 函数支持,也可自行扩展)
  6. * tooltip 对字段解释的提示文字
  7. * formatter 数字格式化的配置,省缺为 ','
  8. * '' 空字符串 则表示不格式化
  9. * ',' 数字格式,例:1000 格式为 1,000
  10. * '%' 百分比格式 例:0.1 格式为 10%
  11. * ':' 时分秒格式 例:90 格式为 00:01:30
  12. * '-' 日期格式 例:1655196831390(值需为时间戳) 格式为 2022-06-14
  13. * stat 对字段做 groupField 时需使用的数据库计算方法,省缺为 'sum'
  14. * 'sum' 表示对字段做求和运算
  15. * 'avg' 表示对字段做平均运算
  16. * '-1' 表示不对字段做运算
  17. * fix 数字保留几位小数,>1 默认不保留小数,<1 默认保留两位小数
  18. * value 默认值 (仅用于 uni-stat-panel 组件) todo: 可移除
  19. * contrast 对比值 (仅用于 uni-stat-panel 组件) todo: 可移除
  20. */
  21. function fieldsFactory(maps = [{
  22. title: '新增设备',
  23. field: 'new_device_count',
  24. stat: 0
  25. }]) {
  26. let fieldsMap = [{
  27. title: '日期',
  28. field: 'start_time',
  29. tooltip: '',
  30. formatter: '-',
  31. stat: -1
  32. }]
  33. if (maps) {
  34. fieldsMap.push(...maps)
  35. }
  36. const values = [1, 2, 3, 4, 5, 6, 7, 14, 30]
  37. const fields = values.map(val => {
  38. return {
  39. title: `${val}天后`,
  40. field: `d_${val}`,
  41. computed: `d_${val}/${maps[0].field}`,
  42. formatter: '%',
  43. tooltip: ''
  44. }
  45. })
  46. fieldsMap = fieldsMap.concat(fields)
  47. return fieldsMap
  48. }
  49. export default fieldsFactory