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

export const formConfig = {
  useCustomConfig: false,
};

export const searchFormSchema: FormSchema[] = [
    {
    field: 'dateFrom',
    label: '入库日期',
    component: 'RangePicker',
    componentProps: {
      format: 'YYYY-MM-DD',
      style: { width: '100%' },
      getPopupContainer: () => document.body,
    },
  },

  {
    field: 'comId',
    label: '公司',
    component: 'Select',
    componentProps: {
      showSearch: true,
      optionFilterProp: 'label',
      filterOption: (input: string, option: any) => {
        return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
      },
      options: [],
      placeholder: '请选择',
      allowClear: true,

      getPopupContainer: () => document.body,
    }
  },
  {
    field: 'staName',
    label: '接收站',
    component: 'Input',
  },
];

export const columns: BasicColumn[] = [


  {
    dataIndex: 'typeName',
    title: '入库类型',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },
  {
    dataIndex: 'ssNo',
    title: '船期编号',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },
  {
    dataIndex: 'staName',
    title: '接收站',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },

  {
    dataIndex: 'dateIn',
    title: '入库日期',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },

  {
    dataIndex: 'qtyMmbtu',
    title: '入库热值(MMBtu)',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },

  {
    dataIndex: 'qtyTon',
    title: '入库重量(吨)',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },

  {
    dataIndex: 'qtyM3L',
    title: '入库体积(标方)',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },

  {
    dataIndex: 'qtyM3',
    title: '入库体积(方)',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },

  {
    dataIndex: 'qtyGj',
    title: '入库热值(吉焦)',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },
  {
    dataIndex: 'kName',
    title: '合同',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },
  {
    dataIndex: 'suName',
    title: '供应商',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },
  {
    dataIndex: 'comName',
    title: '公司',
    componentType: 'input',
    align: 'left',

    sorter: true,
  },
];
//表单事件
export const formEventConfigs = {
  0: [
    {
      type: 'circle',
      color: '#2774ff',
      text: '开始节点',
      icon: '#icon-kaishi',
      bgcColor: '#D8E5FF',
      isUserDefined: false,
    },
    {
      color: '#F6AB01',
      icon: '#icon-chushihua',
      text: '初始化表单',
      bgcColor: '#f9f5ea',
      isUserDefined: false,
      nodeInfo: { processEvent: [] },
    },
  ],
  1: [
    {
      color: '#B36EDB',
      icon: '#icon-shujufenxi',
      text: '获取表单数据',
      detail: '(新增无此操作)',
      bgcColor: '#F8F2FC',
      isUserDefined: false,
      nodeInfo: { processEvent: [] },
    },
  ],
  2: [
    {
      color: '#F8625C',
      icon: '#icon-jiazai',
      text: '加载表单',
      bgcColor: '#FFF1F1',
      isUserDefined: false,
      nodeInfo: { processEvent: [] },
    },
  ],
  3: [
    {
      color: '#6C6AE0',
      icon: '#icon-jsontijiao',
      text: '提交表单',
      bgcColor: '#F5F4FF',
      isUserDefined: false,
      nodeInfo: { processEvent: [] },
    },
  ],
  4: [
    {
      type: 'circle',
      color: '#F8625C',
      text: '结束节点',
      icon: '#icon-jieshuzhiliao',
      bgcColor: '#FFD6D6',
      isLast: true,
      isUserDefined: false,
    },
  ],
};
export const formProps: FormProps = {
  labelCol: { span: 3, offset: 0 },
  labelAlign: 'right',
  layout: 'horizontal',
  size: 'default',
  schemas: [
    {
      key: 'ac1418db9f3f4c6f8914a5e8efe5434d',
      field: 'id',
      label: 'id',
      type: 'input',
      component: 'Input',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入id',
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '466d90ea02e44444b372eb326c6fa5cc',
      field: 'typeCode',
      label: '入库类型',
      type: 'input',
      component: 'Input',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入入库类型',
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '468932b802e349c6a860b3f4f11bedd2',
      field: 'staCode',
      label: '接收站',
      type: 'input',
      component: 'Input',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入接收站',
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: 'f6a0ca29c2de4e1c8f4cfdc1cb2589e3',
      field: 'dateIn',
      label: '入库日期',
      type: 'input',
      component: 'Input',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入入库日期',
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: 'aa14d4672e9f4d799ac9df94222bd34c',
      field: 'qtyUnloadMmbtu',
      label: '入库热值（MMBtu）',
      type: 'input',
      component: 'Input',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入入库热值（MMBtu）',
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: 'bfa65959cbd0461a883b9e68312af2ed',
      field: 'qtyUnloadTon',
      label: '入库重量（吨）',
      type: 'input',
      component: 'Input',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入入库重量（吨）',
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '2a8f62a8ebda4ff989fa25d8d54e7e09',
      field: 'qtyUnloadM3L',
      label: '入库体积（标方）',
      type: 'input',
      component: 'Input',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入入库体积（标方）',
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: 'd8b3ed3faa4447429d21e02b7cd7e04a',
      field: 'qtyUnloadM3',
      label: '入库体积（方）',
      type: 'input',
      component: 'Input',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入入库体积（方）',
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: '2207b761f3174315b7aa1210e46520ad',
      field: 'qtyUnloadGj',
      label: '入库热值（吉焦）',
      type: 'input',
      component: 'Input',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入入库热值（吉焦）',
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
    {
      key: 'd0586501498a4919af8468af574fdd83',
      field: 'suCode',
      label: '供应商',
      type: 'input',
      component: 'Input',
      colProps: { span: 24 },
      defaultValue: '',
      componentProps: {
        width: '100%',
        span: '',
        defaultValue: '',
        labelWidthMode: 'fix',
        labelFixWidth: 120,
        responsive: false,
        respNewRow: false,
        placeholder: '请输入供应商',
        prefix: '',
        suffix: '',
        addonBefore: '',
        addonAfter: '',
        disabled: false,
        allowClear: false,
        showLabel: true,
        required: false,
        rules: [],
        events: {},
        isSave: false,
        isShow: true,
        scan: false,
        style: { width: '100%' },
      },
    },
  ],
  showActionButtonGroup: false,
  buttonLocation: 'center',
  actionColOptions: { span: 24 },
  showResetButton: false,
  showSubmitButton: false,
  hiddenComponent: [],
};