import { BasicColumn, FormSchema } from '/@/components/Table';
import moment from 'moment';
import { h } from 'vue';
import { Tag } from 'ant-design-vue';
import { findDictItemByCode } from '/@/api/system/dict';

// 表格配置
export const columns: BasicColumn[] = [
  {
    title: '脚本名称',
    dataIndex: 'name',
    width: 80,
  },
  {
    title: '脚本状态',
    dataIndex: 'status',
    width: 120,
    customRender: ({ record }) => {
      const status = record.status;
      const color = status == 1 ? 'green' : 'red';
      const text = status == 1 ? '启用' : '禁用';
      return h(Tag, { color: color }, () => text);
    },
  },
  {
    title: '脚本内容',
    dataIndex: 'convertJs',
    width: 120,
    slots: { customRender: 'convertJs' },
  },
  {
    title: '描述',
    dataIndex: 'description',
    width: 120,
  },
  {
    title: '创建时间',
    dataIndex: 'createTime',
    width: 180,
  },
];

// 查询配置
export const searchFormSchema: FormSchema[] = [
  {
    field: 'reportConfigName',
    label: '脚本名称',
    component: 'Input',
    colProps: { span: 6 },
    componentProps: {
      maxLength: 36,
      placeholder: '请输入配置名称',
    },
  },
  {
    field: 'sendTime',
    label: '创建时间',
    component: 'RangePicker',
    componentProps: {
      showTime: {
        defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
      },
    },
    colProps: { span: 6 },
  },
];

// 新增编辑配置
export const formSchema: FormSchema[] = [
  {
    field: 'name',
    label: '',
    required: true,
    component: 'Input',
    slot: 'scriptName',
    colProps: { span: 24 },
  },
  {
    field: 'scriptContent',
    label: '脚本内容',
    required: true,
    component: 'Input',
    slot: 'scriptContent',
    colProps: { span: 24 },
  },
  {
    field: 'unit',
    label: '上报数据类型',
    component: 'ApiSelect',
    colProps: {
      span: 23,
    },
    defaultValue: 'HEX',
    componentProps: {
      placeholder: '请上报数据类型',
      api: findDictItemByCode,
      params: {
        dictCode: 'report_data_type',
      },
      labelField: 'itemText',
      valueField: 'itemValue',
    },
  },
  {
    field: 'remark',
    label: '',
    required: true,
    component: 'Input',
    slot: 'scriptRemark',
    colProps: { span: 24 },
  },
];

export const mockData: any = async () => {
  const res = await [
    {
      reportConfigName: '风机转换',
      organizationName: 1,
      dataType: 'function',
      executeWay: '风机转换脚本使用js',
      executeTime: '2022-10-20 10:24:22',
    },
    {
      reportConfigName: '水电转换',
      organizationName: 1,
      dataType: 'function',
      executeWay: '水电转换脚本使用js',
      executeTime: '2022-10-20 10:24:22',
    },
    {
      reportConfigName: '摄像头转换',
      organizationName: 1,
      dataType: 'function',
      executeWay: '摄像头转换脚本使用js',
      executeTime: '2022-10-20 10:24:22',
    },
    {
      reportConfigName: '变压器转换',
      organizationName: 1,
      dataType: 'function',
      executeWay: '变压器转换脚本使用js',
      executeTime: '2022-10-20 10:24:22',
    },
    {
      reportConfigName: '设备状态转换',
      organizationName: 1,
      dataType: 'function',
      executeWay: '设备状态转换脚本使用js',
      executeTime: '2022-10-20 10:24:22',
    },
    {
      reportConfigName: '电流转换',
      organizationName: 1,
      dataType: 'function',
      executeWay: '电流转换脚本使用js',
      executeTime: '2022-10-20 10:24:22',
    },
    {
      reportConfigName: '电压转换',
      organizationName: 1,
      dataType: 'function',
      executeWay: '电压转换脚本使用js',
      executeTime: '2022-10-20 10:24:22',
    },
    {
      reportConfigName: '传感器转换',
      organizationName: 1,
      dataType: 'function',
      executeWay: '传感器转换脚本使用js',
      executeTime: '2022-10-20 10:24:22',
    },
    {
      reportConfigName: '物模型转换',
      organizationName: 1,
      dataType: 'function',
      executeWay: '物模型转换脚本使用js',
      executeTime: '2022-10-20 10:24:22',
    },
  ];
  return res;
};