config.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. const title = 'tab表格'
  2. // 右侧配置项
  3. const setting = [
  4. {
  5. label: '维度',
  6. // 设置组件类型, select / input / colorPicker
  7. type: 'select',
  8. // 字段
  9. field: 'xField',
  10. optionField: 'xField', // 对应options中的字段
  11. // 是否多选
  12. multiple: false,
  13. // 绑定的值
  14. value: '',
  15. // tab页。 data: 数据, custom: 自定义
  16. tabName: 'data'
  17. },
  18. {
  19. label: '指标',
  20. // 设置组件类型
  21. type: 'select',
  22. // 字段
  23. field: 'yField',
  24. // 对应options中的字段
  25. optionField: 'yField',
  26. // 是否多选
  27. multiple: false,
  28. value: '',
  29. tabName: 'data'
  30. },
  31. {
  32. label: '用户名',
  33. // 设置组件类型, select / input / colorPicker
  34. type: 'input',
  35. // 字段
  36. field: 'customize_username',
  37. optionField: 'customize.username', // 对应options中的字段
  38. // 是否多选
  39. multiple: false,
  40. // 绑定的值
  41. value: '',
  42. // tab页。 data: 数据, custom: 自定义
  43. tabName: 'custom'
  44. },
  45. {
  46. label: '手机号',
  47. // 设置组件类型, select / input / colorPicker
  48. type: 'input',
  49. // 字段
  50. field: 'customize_phone',
  51. optionField: 'customize.phone', // 对应options中的字段
  52. // 是否多选
  53. multiple: false,
  54. // 绑定的值
  55. value: '',
  56. // tab页。 data: 数据, custom: 自定义
  57. tabName: 'custom'
  58. }
  59. ]
  60. // 模拟数据
  61. const data = []
  62. const option = {
  63. // 数据
  64. data: data,
  65. // 数据的字段相关属性
  66. xField: '',
  67. yField: '',
  68. seriesField: '',
  69. // 自定义组件其他属性
  70. customize: {
  71. username: '张三',
  72. phone: '123456789'
  73. }
  74. }
  75. export default {
  76. title,
  77. option,
  78. setting
  79. }