import { BasicColumn } from '/@/components/Table';
import { FormSchema } from '/@/components/Table';
import { selectDevice } from './tableColumns.api';
import { rules } from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
export const columns: BasicColumn[] = [
  {
    title: '显示类型',
    dataIndex: 'devicekind',
    width: 120,
  },
  {
    title: '显示字段',
    dataIndex: 'des',
    width: 120,
  },
  {
    title: '字段code',
    dataIndex: 'monitorcode',
    width: 100,
  },
  {
    title: '数据类型',
    dataIndex: 'datatype_dictText',
    width: 100,
  },
  {
    title: '排序',
    dataIndex: 'sort',
    width: 80,
    // sorter: true,
    // customRender: ({ text }) => {
    //   return render.renderDict(text, 'sex');
    // },
  },
];

export const searchFormSchema: FormSchema[] = [
  {
    label: '设备类型',
    field: 'devicetype',
    component: 'MTreeSelect',
    componentProps: {
      isSearch: false,
    },
    colProps: { span: 6 },
  },
  {
    label: '页面类型',
    field: 'pagetype',
    component: 'JDictSelectTag',
    componentProps: {
      dictCode: 'pagetype',
      placeholder: '请选择状态',
    },
    colProps: { span: 6 },
  },
  {
    label: '值名称',
    field: 'valuename',
    component: 'Input',
    colProps: { span: 6 },
  },
  {
    label: '值code',
    field: 'monitorcode',
    component: 'Input',
    colProps: { span: 6 },
  },
];

export const formSchema: FormSchema[] = [
  {
    label: '',
    field: 'id',
    component: 'Input',
    show: false,
  },
  {
    label: '设备类型',
    field: 'devicetype',
    component: 'MTreeSelect',
    componentProps: {
      isSearch: false,
      virtual: false,
    },
  },

  {
    label: '页面类型',
    field: 'pagetype',
    component: 'JDictSelectTag',
    componentProps: {
      dictCode: 'pagetype',
      placeholder: '请选择状态',
    },
  },
  {
    label: '字段名称',
    field: 'des',
    component: 'Input',
  },
  {
    label: '字段Code',
    field: 'monitorcode',
    component: 'Input',
  },
  {
    label: 'PC端是否显示',
    field: 'showflag',
    component: 'JDictSelectTag',
    componentProps: {
      dictCode: 'booltype',
      placeholder: '请选择状态',
      stringToNumber: true,
    },
  },
  {
    label: '手机端是否显示',
    field: 'appShow',
    component: 'JDictSelectTag',
    componentProps: {
      dictCode: 'booltype',
      placeholder: '请选择状态',
      stringToNumber: true,
    },
  },
  {
    label: '数据类型',
    field: 'datatype',
    component: 'JDictSelectTag',
    componentProps: {
      dictCode: 'datatype',
      placeholder: '请选择状态',
      stringToNumber: true,
    },
  },
  {
    label: '输入类型',
    field: 'type',
    component: 'JDictSelectTag',
    componentProps: {
      dictCode: 'type',
      placeholder: '请选择状态',
      stringToNumber: true,
    },
  },
  {
    label: '排序值',
    field: 'sort',
    component: 'Input',
  },
  {
    label: '宽度',
    field: 'width',
    component: 'Input',
  },
  {
    label: '单位',
    field: 'unit',
    component: 'Input',
  },
  {
    label: '提示文字',
    field: 'placeholder',
    component: 'Input',
  },
  {
    label: '字典值',
    field: 'dict',
    component: 'Input',
  },
  {
    label: '编辑规则',
    field: 'rules',
    component: 'InputTextArea',
  },
  {
    label: '坐标轴位置显示',
    field: 'yaxispos',
    component: 'Input',
  },
  {
    label: '样式',
    field: 'linetype',
    component: 'Input',
    // customRender: render.renderAvatar,
  },
  {
    label: 'y轴名称',
    field: 'yname',
    component: 'Input',
  },
  {
    label: 'y轴最大值',
    field: 'ymax',
    component: 'Input',
  },

  {
    label: '图表名',
    field: 'legend',
    component: 'Input',
  },
  {
    label: '默认值',
    field: 'defaultval',
    component: 'Input',
  },

  {
    label: '显示范围',
    field: 'maxshow',
    component: 'Input',
    // sorter: true,
    // customRender: ({ text }) => {
    //   return render.renderDict(text, 'sex');
    // },
  },
];