widget-digital-flop-single.js 3.62 KB
/*
 * @Descripttion: 数字翻牌器,单个带边框
 */
export const widgetDigitalFlopSingle=  {
  code: 'widget-digital-flop-single',
  type: 'text',
  tabName: '文本栏',
  label: '数字(边框)',
  icon: 'iconshujujieruKafkajiqun',
  options: {
    // 配置
    setup: [
      {
        type: 'el-input-text',
        label: '图层名称',
        name: 'layerName',
        required: false,
        placeholder: '',
        value: '数字(边框)',
      },
      {
        type: 'el-input-text',
        label: '数字数值',
        name: 'numberText',
        required: false,
        placeholder: '',
        value: '0',
      },
      {
        type: 'el-select-static',
        label: '主数据源数据',
        name: 'slectedDataType',
        require: false,
        placeholder: '',
        selectOptions: [],
        value: '',
      },
      {
        type: 'el-switch',
        label: '千位符显示',
        name: 'isFormatterNum',
        required: false,
        placeholder: '',
        value: false
      },
      {
        type: 'el-input-number',
        label: '小数位数',
        name: 'decimals',
        required: false,
        placeholder: '',
        value: 2,
      },
      {
        type: 'el-input-number',
        label: '动效帧数',
        name: 'duration',
        required: false,
        placeholder: '',
        value: 3000,
      },
      {
        type: 'el-input-text',
        label: '文本',
        name: 'numberText',
        required: false,
        placeholder: '',
        value: '',
      },
      {
        type: 'el-select',
        label: '文本位置',
        name: 'numberTextFix',
        required: false,
        placeholder: '',
        selectOptions: [
          {code: 'prefix', name: '前缀'},
          {code: 'suffix', name: '后缀'}
        ],
        value: 'prefix'
      },
      [
        {
          name: '文字样式设置',
          list: [
            {
              type: 'vue-color',
              label: '颜色',
              name: 'color',
              required: false,
              placeholder: '',
              value: '#3de7c9'
            },
            {
              type: 'el-input-number',
              label: '字体大小',
              name: 'fontSize',
              required: false,
              placeholder: '',
              value: 30,
            },
            {
              type: 'el-select',
              label: '字体粗细',
              name: 'fontWeight',
              required: false,
              placeholder: '',
              selectOptions: [
                {code: 'normal', name: '正常'},
                {code: 'bold', name: '粗体'},
                {code: 'bolder', name: '更粗'},
                {code: 'lighter', name: '更细'},
              ],
              value: 'normal'
            },
          ],
        }
      ]
    ],
    // 数据
    data: [],
    // 坐标
    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: 600,
      },
      {
        type: 'el-input-number',
        label: '高度',
        name: 'height',
        required: false,
        placeholder: '该容器在1080px大屏中的高度',
        value: 100,
      },
    ],
  }
}