widget-rotate-ranking.js 4.09 KB
/*
 * @Descripttion: 旋转排名表
 */
export const widgetRotateRanking=  {
  code: 'widget-rotate-ranking',
  type: 'table',
  tabName: '表格',
  label: '旋转排名表',
  icon: 'icon511tongji_shutu',
  options: {
    // 配置
    setup: [
      {
        type: 'el-input-text',
        label: '图层名称',
        name: 'layerName',
        required: false,
        placeholder: '',
        value: '排名轮播表',
      },
      {
        type: 'el-input-number',
        label: '表行数',
        name: 'rowNum',
        required: false,
        placeholder: '',
        value: 5,
      },
      {
        type: 'el-input-number',
        label: '滚动间隔(毫秒)',
        name: 'waitTime',
        required: false,
        placeholder: '',
        value: 2500,
      },
      {
        type: 'el-select',
        label: '动画效果',
        name: 'carousel',
        required: false,
        placeholder: '',
        selectOptions: [
          {code: 'single', name: '单条'},
          {code: 'page', name: '整页'}
        ],
        value: 'single'
      },
      {
        type: 'el-input-text',
        label: '数值单位',
        name: 'unit',
        required: false,
        placeholder: '',
        value: '',
      },
      {
        type: 'el-switch',
        label: '自动排序',
        name: 'sort',
        required: false,
        placeholder: '',
        value: true
      },
      {
        type: 'vue-color',
        label: '背景颜色',
        name: 'background',
        required: false,
        placeholder: '',
        value: ''
      },
    ],
    // 数据
    data: [
      {
        type: 'el-radio-group',
        label: '数据类型',
        name: 'dataType',
        require: false,
        placeholder: '',
        selectValue: true,
        selectOptions: [
          {
            code: 'staticData',
            name: '静态数据',
          },
          {
            code: 'dynamicData',
            name: '动态数据',
          },
        ],
        value: 'staticData',
      },
      {
        type: 'el-input-number',
        label: '刷新时间(毫秒)',
        name: 'refreshTime',
        relactiveDom: 'dataType',
        relactiveDomValue: 'dynamicData',
        value: 30000
      },
      {
        type: 'el-button',
        label: '静态数据',
        name: 'staticData',
        required: false,
        placeholder: '',
        relactiveDom: 'dataType',
        relactiveDomValue: 'staticData',
        value: [
          {
            name: '周口',
            value: 55
          },
          {
            name: '南阳',
            value: 120
          },
          {
            name: '西峡',
            value: 78
          },
          {
            name: '驻马店',
            value: 66
          },
          {
            name: '新乡',
            value: 80
          },
          {
            name: '信阳',
            value: 45
          },
          {
            name: '漯河',
            value: 29
          }
        ],
      },
      {
        type: 'dycustComponents',
        label: '',
        name: 'dynamicData',
        required: false,
        placeholder: '',
        relactiveDom: 'dataType',
        relactiveDomValue: 'dynamicData',
        chartType: 'widget-scroll-ranking-board',
        dictKey: 'TEXT_PROPERTIES',
        value: '',
      },
    ],
    // 坐标
    position: [
      {
        type: 'el-input-number',
        label: '左边距',
        name: 'left',
        required: false,
        placeholder: '',
        value: 10,
      },
      {
        type: 'el-input-number',
        label: '上边距',
        name: 'top',
        required: false,
        placeholder: '',
        value: 10,
      },
      {
        type: 'el-input-number',
        label: '宽度',
        name: 'width',
        required: false,
        placeholder: '该容器在1920px大屏中的宽度',
        value: 490,
      },
      {
        type: 'el-input-number',
        label: '高度',
        name: 'height',
        required: false,
        placeholder: '该容器在1080px大屏中的高度',
        value: 370,
      },
    ],
  }
}