@mingo_zh/data-room-ui/packages/RemoteComponents/innerComponents/moniPanel/config.js

自定义大屏

// 这是一个配置案例
//  组件备注名称
const title = 'Building'
// 右侧配置项
const setting = [
  {
    label: '维度',
    // 设置组件类型， select / input / colorPicker
    type: 'select',
    // 字段
    field: 'xField',
    optionField: 'xField', // 对应options中的字段
    // 是否多选
    multiple: false,
    // 绑定的值
    value: '',
    // tab页。 data: 数据， custom: 自定义
    tabName: 'data'
  },
  {
    label: '指标',
    // 设置组件类型
    type: 'select',
    // 字段
    field: 'yField',
    // 对应options中的字段
    optionField: 'yField',
    // 是否多选
    multiple: false,
    value: '',
    tabName: 'data'
  },
  {
    label: '图片地址',
    // 设置组件类型， select / input / colorPicker
    type: 'input',
    // 字段
    field: 'customize_url',
    optionField: 'customize.url', // 对应options中的字段
    // 是否多选
    multiple: false,
    // 绑定的值
    value: '',
    // tab页。 data: 数据， custom: 自定义
    tabName: 'custom'
  },
  {
    label: '显示名称',
    // 设置组件类型， select / input / colorPicker
    type: 'input',
    // 字段
    field: 'customize_name',
    optionField: 'customize.name', // 对应options中的字段
    // 是否多选
    multiple: false,
    // 绑定的值
    value: '',
    // tab页。 data: 数据， custom: 自定义
    tabName: 'custom'
  }
]

const option = {
  data: '',
  // 数据的字段相关属性
  xField: '',
  yField: '',
  seriesField: '',
  // 自定义组件其他属性
  customize: {
    url: '',
    name: ''
  }
}

export default {
  title,
  option,
  setting
}