import { BasicColumn, FormSchema } from '/@/components/Table';
import { listDictModel, uploadApi } from '/@/api/common/index';
import dayjs from 'dayjs';

export const columns: BasicColumn[] = [
  {
    title: '保养时间',
    dataIndex: 'maintainTime',
    align: 'left',
  },
  {
    title: '保养方',
    dataIndex: 'maintainCompany',
    align: 'left',
  },
  {
    title: '保养内容',
    dataIndex: 'content',
    align: 'left',
  },
  {
    title: '保养费用(元)',
    dataIndex: 'costYuan',
    align: 'left',
  },
  {
    title: '保养图片',
    dataIndex: 'picture',
    align: 'left',
  },
];

export const upkeepDataFormSchema: FormSchema[] = [
  {
    field: 'deviceInfo',
    component: 'PlainTitle',
    defaultValue: '设备信息',
  },
  {
    label: '设备编号',
    field: 'uniqueCode',
    component: 'Input',
    slot: 'uniqueCode',
    colProps: {
      span: 12,
    },
  },
  {
    label: '设备厂家',
    field: 'manufacturer',
    component: 'Input',
    slot: 'manufacturer',
    colProps: {
      span: 12,
    },
  },
  {
    label: '设备型号',
    field: 'model',
    component: 'Input',
    slot: 'model',
  },

  {
    field: 'maintenanceInfo',
    component: 'PlainTitle',
    defaultValue: '保养记录',
  },

  {
    label: '保养时间',
    field: 'maintainTime',
    required: true,
    component: 'DatePicker',
    componentProps: {
      format: 'YYYY-MM-DD HH:mm:ss',
      placeholder: '请选择维修时间',
      showTime: true,
      getPopupContainer: () => document.body,
      valueFormat: 'YYYY-MM-DD HH:mm:ss',
    },
    defaultValue: dayjs().format('YYYY-MM-DD HH:mm:ss'),
  },
  {
    label: '保养方',
    required: true,
    field: 'maintainCompany',
    component: 'ApiSelect',
    componentProps: {
      api: listDictModel,
      params: {
        dictCode: 'dmc',
      },
      placeholder: '请选择保养方',
    },
  },
  {
    label: '保养内容',
    field: 'content',
    required: true,
    component: 'Input',
    componentProps: {
      placeholder: '请输入维修内容',
    },
  },
  {
    label: '保养费用(元)',
    field: 'costYuan',
    required: true,
    component: 'InputNumber',
    componentProps: {
      placeholder: '请输入维修内容',
      min: 0,
    },
  },
  {
    label: '保养图片',
    field: 'files',
    component: 'XTUpload',
    componentProps: ({ formModel, schema }) => {
      return {
        api: uploadApi,
        maxSize: 1,
        maxNumber: 1,
        helpText: '仅支持上传jpg/png图片，图片大小不超过1M',
        accept: ['image/*'],
        onChange: data => {
          formModel[schema.field] = data;
        },
      };
    },
  },
];