import { BasicColumn } from '/@/components/Table';
import { FormSchema } from '/@/components/Table';
import _ from 'lodash-es';

export const columns: BasicColumn[] = [
  {
    title: '所属页面',
    dataIndex: 'pageType',
  },
  {
    title: '设备类型',
    dataIndex: 'deviceType',
  },
  {
    title: '主要内容配置',
    dataIndex: 'moduleData_list',
    // format: (ctx: any) => {
    //   try {
    //     if (!ctx) return '/';
    //     return _.map(ctx.list, (v, k) => {
    //       return `点位：${k}；名称：${v}`;
    //     }).join('\n');
    //   } catch (e) {
    //     return '渲染错误';
    //   }
    // },
  },
  {
    title: '图表内容配置',
    dataIndex: 'moduleData_chart',
    //   format: (ctx: any) => {
    //     try {
    //       if (!ctx) return '/';
    //       return _.map(ctx.chart, (v, k) => {
    //         return `点位：${k}；名称：${v}`;
    //       }).join('<br>');
    //     } 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: ['请输入点位', '请输入名称'],
    },
  },
];