visualOptions.ts 2.99 KB
import { FormSchema } from '/@/components/Form';
export enum defaultOptions {
  fontColor = '#rer',
}

export enum visualOptionField {
  FONT_COLOR = 'fontColor',
  UNIT = 'unit',
  ICON_COLOR = 'iconColor',
  ICON = 'icon',
  FIRST_PHASE_COLOR = 'firstPhaseColor',
  SECOND_PHASE_COLOR = 'secondPhaseColor',
  THIRD_PHASE_COLOR = 'thirdPhaseColor',
  FOURTH_PHASE_COLOR = 'fourthPhaseColor',
  FIRST_PHASE_VALUE = 'firstPhaseValue',
  SECOND_PHASE_VALUE = 'secondPhaseValue',
  THIRD_PHASE_VALUE = 'thirdPhaseValue',
  FOURTH_PHASE_VALUE = 'fourthPhaseValue',
}

export const modeOne: FormSchema[] = [
  {
    field: visualOptionField.FONT_COLOR,
    label: '数值字体颜色',
    component: 'ColorPicker',
    changeEvent: 'update:value',
  },
];

export const modeTwo: FormSchema[] = [
  {
    field: visualOptionField.UNIT,
    label: '数值字体颜色',
    component: 'ColorPicker',
    changeEvent: 'update:value',
  },
  {
    field: visualOptionField.UNIT,
    label: '数值单位',
    component: 'Input',
    componentProps: {
      placeholder: '请输入数值单位',
    },
  },
  {
    field: visualOptionField.ICON_COLOR,
    label: '图标颜色',
    component: 'ColorPicker',
    changeEvent: 'update:value',
  },
  {
    field: visualOptionField.ICON,
    label: '图标',
    component: 'Input',
  },
];

export const modeThree: FormSchema[] = [
  {
    field: visualOptionField.FONT_COLOR,
    label: '数值字体颜色',
    component: 'ColorPicker',
    changeEvent: 'update:value',
  },
  {
    field: visualOptionField.UNIT,
    label: '数值单位',
    component: 'Input',
    componentProps: {
      placeholder: '请输入数值单位',
    },
  },
  {
    field: visualOptionField.FIRST_PHASE_COLOR,
    label: '一阶段颜色',
    component: 'ColorPicker',
    changeEvent: 'update:value',
  },
  {
    field: visualOptionField.FIRST_PHASE_VALUE,
    label: '一阶段阀值',
    component: 'Input',
    componentProps: {
      placeholder: '请输入一阶段阀值',
    },
  },
  {
    field: visualOptionField.SECOND_PHASE_COLOR,
    label: '二阶段颜色',
    component: 'ColorPicker',
    changeEvent: 'update:value',
  },
  {
    field: visualOptionField.SECOND_PHASE_VALUE,
    label: '二阶段阀值',
    component: 'Input',
    componentProps: {
      placeholder: '请输入二阶段阀值',
    },
  },
  {
    field: visualOptionField.THIRD_PHASE_COLOR,
    label: '三阶段颜色',
    component: 'ColorPicker',
    changeEvent: 'update:value',
  },
  {
    field: visualOptionField.THIRD_PHASE_VALUE,
    label: '三阶段阀值',
    component: 'Input',
    componentProps: {
      placeholder: '请输入三阶段阀值',
    },
  },
];

export const modeFour: FormSchema[] = [
  {
    field: visualOptionField.FONT_COLOR,
    label: '数值字体颜色',
    component: 'ColorPicker',
    changeEvent: 'update:value',
  },
  {
    field: visualOptionField.UNIT,
    label: '数值单位',
    component: 'Input',
    componentProps: {
      placeholder: '请输入数值单位',
    },
  },
];