import { BasicColumn } from '/@/components/Table';
import { FormSchema } from '/@/components/Table';

export const columns: BasicColumn[] = [
  {
    title: '所属模块',
    dataIndex: 'pageType',
  },
  {
    title: '设备类型',
    dataIndex: 'deviceType',
  },
  {
    title: '所展示点位及名称',
    dataIndex: 'moduleData',
    format: (ctx: string) => {
      try {
        const json = JSON.parse(ctx);
        return Object.keys(json)
          .map((k) => {
            return `点位：${k}；名称：${json[k]}`;
          })
          .join('\n');
      } catch (e) {
        return '渲染错误';
      }
    },
  },
];

export const searchFormSchema: FormSchema[] = [
  {
    label: '设备类型',
    field: 'deviceType',
    component: 'JDictSelectTag',
    componentProps: {
      dictCode: 'devicekind',
      placeholder: '请选择设备类型',
    },
    colProps: { span: 6 },
  },
  {
    label: '页面类型',
    field: 'pageType',
    component: 'JDictSelectTag',
    componentProps: {
      dictCode: 'configurable_homepage',
      placeholder: '请选择页面类型',
    },
    colProps: { span: 6 },
  },
];

export const formSchema: FormSchema[] = [
  {
    label: '',
    field: 'id',
    component: 'InputNumber',
    show: false,
  },
  {
    label: '设备类型',
    field: 'deviceType',
    component: 'JDictSelectTag',
    required: true,
    componentProps: {
      dictCode: 'devicekind',
      placeholder: '请选择设备类型',
    },
  },
  {
    label: '页面类型',
    field: 'pageType',
    component: 'JDictSelectTag',
    required: true,
    componentProps: {
      dictCode: 'configurable_homepage',
      placeholder: '请选择页面类型',
    },
  },
  {
    label: '主要内容配置',
    field: 'moduleData.list',
    component: 'JAddInput',
    componentProps: {
      min: 0,
      placeholders: ['请输入点位', '请输入名称'],
    },
  },
  {
    label: '图表内容配置',
    field: 'moduleData.chart',
    component: 'JAddInput',
    componentProps: {
      min: 0,
      placeholders: ['请输入点位', '请输入名称'],
    },
  },
];