import { incrementUseTypeList } from '/@/api/account';
import { FormSchema } from '/@/components/Form/index';
import { BasicColumn, FormProps } from '/@/components/Table';
import { Time } from '/@/components/Time';
import { h } from 'vue';

export const equitySearchForm: Partial<FormProps> = {
  labelWidth: 100,
  autoSubmitOnEnter: true,
  autoAdvancedLine: 1,
  actionColOptions: {
    span: 24,
  },
  schemas: [
    {
      field: 'ctivated',
      label: '下单时间',
      component: 'RangePicker',
      componentProps: {
        maxLength: 100,
        format: 'YYYY-MM-DD',
        valueFormat: 'YYYY-MM-DD',
      },
      colProps: {
        xl: 8,
        xxl: 8,
      },
    },
    {
      field: 'orderSn',
      label: '订单号',
      component: 'Input',
      componentProps: {
        maxLength: 100,
      },
      colProps: {
        xl: 8,
        xxl: 8,
      },
    },

    {
      field: 'customerType',
      component: 'Select',
      label: '客户类别',
      colProps: {
        span: 8,
      },
      componentProps: {
        options: [
          {
            label: '直销',
            value: 0,
            key: '0',
          },
          {
            label: '经销',
            value: 1,
            key: '1',
          },
        ],
      },
    },
    {
      field: 'useType',
      component: 'ApiSelect',
      label: '使用类型',
      componentProps: {
        // filterOption: onFilterOption,
        // showSearch: true,
        api: incrementUseTypeList,
        labelField: 'name',
        valueField: 'id',
        immediate: true,
      },
      colProps: {
        span: 8,
      },
    },
    {
      field: 'companyName',
      component: 'Select',
      label: '合同所属公司',
      colProps: {
        span: 8,
      },
      itemProps: {
        autoLink: false,
      },
      componentProps: {
        options: [
          {
            label: '珠海市四维时代网络科技有限公司',
            value: '珠海市四维时代网络科技有限公司',
            key: '珠海市四维时代网络科技有限公司',
          },
          {
            label: '广东四维看看智能设备有限公司',
            value: '广东四维看看智能设备有限公司',
            key: '广东四维看看智能设备有限公司',
          },
          {
            label: '四维看看（香港）有限公司',
            value: '四维看看（香港）有限公司',
            key: '四维看看（香港）有限公司',
          },
          {
            label: '四维看看(北京)数据科技有限公司',
            value: '四维看看(北京)数据科技有限公司',
            key: '四维看看(北京)数据科技有限公司',
          },
        ],
      },
    },
    {
      field: 'businessDept',
      component: 'Select',
      label: '业务部门',
      colProps: {
        span: 8,
      },
      itemProps: {
        autoLink: false,
      },
      componentProps: {
        options: [
          {
            label: '数字营销事业部',
            value: '数字营销事业部',
            key: '数字营销事业部',
          },
          {
            label: '政企事业部',
            value: '政企事业部',
            key: '政企事业部',
          },
          {
            label: '海外事业部',
            value: '海外事业部',
            key: '海外事业部',
          },
          {
            label: '市场部',
            value: '市场部',
            key: '市场部',
          },
          {
            label: '总经办',
            value: '总经办',
            key: '总经办',
          },
        ],
      },
    },
    {
      field: 'amount',
      component: 'Input',
      label: '订单金额',
      colProps: { span: 7 },
      componentProps: {
        type: 'number',
      },
    },
  ],
};
export const dowmColumns: BasicColumn[] = [
  {
    title: '下单时间',
    dataIndex: 'createTime',
    width: 150,
    customRender: ({ record }) => {
      return (
        record.createTime &&
        h(Time, {
          value: record.createTime,
          mode: 'datetime',
        })
      );
    },
  },
  {
    title: '订单号',
    dataIndex: 'orderSn',
    ellipsis: false,
    width: 180,
  },
  {
    title: '合同所属公司',
    dataIndex: 'companyName',
    ellipsis: true,
    width: 230,
  },
  {
    title: '业务部门',
    dataIndex: 'businessDept',
    ellipsis: true,
    width: 120,
  },
  {
    title: '业务员',
    dataIndex: 'businessName',
    ellipsis: true,
    width: 120,
  },
  {
    title: '客户付款时间',
    dataIndex: 'customerPayTime',
    ellipsis: true,
    width: 160,
  },
  {
    title: '客户名称',
    dataIndex: 'customerName',
    width: 100,
  },
  {
    title: '客户类别',
    dataIndex: 'customerTypeStr',
    width: 100,
    customRender: ({ record }) => {
      return record.customerTypeStr ? record.customerTypeStr : '直销';
    },
  },
  {
    title: '终端客户',
    dataIndex: 'endCustomer',
    width: 100,
  },
  {
    title: '经销商名称',
    dataIndex: 'agentName',
    width: 100,
  },
  {
    title: '使用类型',
    dataIndex: 'useTypeStr',
    width: 100,
  },
  {
    title: '权益类型',
    dataIndex: 'memberLevels',
    width: 100,
  },
  {
    title: '订单金额',
    dataIndex: 'amount',
    width: 80,
  },
  {
    title: '币种',
    dataIndex: 'currencySymbol',
    width: 80,
  },
  {
    title: '数量',
    dataIndex: 'count',
    width: 80,
  },
  {
    title: '支付方式',
    dataIndex: 'payType',
    // slots: { customRender: 'orderType' },
    width: 80,
  },
  {
    title: '交易号',
    dataIndex: 'number',
    width: 180,
  },
  {
    title: '付款状态',
    dataIndex: 'payStatus',
    // slots: { customRender: 'orderStatus' },
    customRender: ({ record }) => {
      return record.payStatus ? record.payStatus : '-';
    },
    width: 80,
  },
  {
    title: '充值方式',
    dataIndex: 'payMethod',
    width: 100,
  },
  {
    title: '会员服务期限',
    dataIndex: 'incrementTime',
    width: 100,
  },
  {
    title: 'SN码',
    dataIndex: 'snCode',
    width: 100,
  },
  {
    title: '项目号',
    dataIndex: 'projectNum',
    width: 100,
  },
  {
    title: '备注',
    dataIndex: 'remark',
    width: 100,
  },
];

export const localCameraColumns: BasicColumn[] = [
  {
    title: '下单时间',
    dataIndex: 'createTime',
    width: 150,
    customRender: ({ record }) => {
      return (
        record.createTime &&
        h(Time, {
          value: record.createTime,
          mode: 'datetime',
        })
      );
    },
  },
  {
    title: '订单号',
    dataIndex: 'orderSn',
    ellipsis: false,
    width: 180,
  },
  {
    title: '合同所属公司',
    dataIndex: 'companyName',
    ellipsis: true,
    width: 230,
  },
  {
    title: '业务部门',
    dataIndex: 'businessDept',
    ellipsis: true,
    width: 120,
  },
  {
    title: '业务员',
    dataIndex: 'businessName',
    ellipsis: true,
    width: 120,
  },
  {
    title: '客户付款时间',
    dataIndex: 'customerPayTime',
    ellipsis: true,
    width: 160,
  },
  {
    title: '客户名称',
    dataIndex: 'customerName',
    width: 100,
  },
  {
    title: '客户类别',
    dataIndex: 'customerTypeStr',
    width: 100,
    customRender: ({ record }) => {
      return record.customerTypeStr ? record.customerTypeStr : '直销';
    },
  },
  {
    title: '终端客户',
    dataIndex: 'endCustomer',
    width: 100,
  },
  {
    title: '使用类型',
    dataIndex: 'useTypeStr',
    width: 100,
  },
  {
    title: '订单金额',
    dataIndex: 'amount',
    width: 80,
  },
  {
    title: '币种',
    dataIndex: 'currencySymbol',
    width: 80,
  },
  {
    title: '数量',
    dataIndex: 'count',
    width: 80,
  },
  {
    title: '付款状态',
    dataIndex: 'payStatus',
    // slots: { customRender: 'orderStatus' },
    customRender: ({ record }) => {
      return record.payStatus ? record.payStatus : '-';
    },
    width: 80,
  },
  {
    title: '充值方式',
    dataIndex: 'payMethod',
    width: 100,
  },
  {
    title: '客户机器码',
    dataIndex: 'machineCode',
    slots: { customRender: 'copy' },
    width: 120,
  },
  {
    title: '相机SN',
    dataIndex: 'snCode',
    width: 100,
  },
  {
    title: '项目号',
    dataIndex: 'projectNum',
    width: 100,
  },
  {
    title: '备注',
    dataIndex: 'remark',
    width: 100,
  },
];

export const differenceColumns: BasicColumn[] = [
  {
    title: '下单时间',
    dataIndex: 'createTime',
    width: 150,
    customRender: ({ record }) => {
      return (
        record.createTime &&
        h(Time, {
          value: record.createTime,
          mode: 'datetime',
        })
      );
    },
  },
  {
    title: '订单号',
    dataIndex: 'orderSn',
    ellipsis: false,
    width: 180,
  },
  {
    title: '合同所属公司',
    dataIndex: 'companyName',
    ellipsis: true,
    width: 230,
  },
  {
    title: '业务部门',
    dataIndex: 'businessDept',
    ellipsis: true,
    width: 120,
  },
  {
    title: '业务员',
    dataIndex: 'businessName',
    ellipsis: true,
    width: 120,
  },
  {
    title: '客户付款时间',
    dataIndex: 'customerPayTime',
    ellipsis: true,
    width: 160,
  },
  {
    title: '客户名称',
    dataIndex: 'customerName',
    width: 100,
  },
  {
    title: '客户类别',
    dataIndex: 'customerTypeStr',
    width: 100,
    customRender: ({ record }) => {
      return record.customerTypeStr ? record.customerTypeStr : '直销';
    },
  },
  {
    title: '终端客户',
    dataIndex: 'endCustomer',
    width: 100,
  },
  {
    title: '使用类型',
    dataIndex: 'useTypeStr',
    width: 100,
  },
  {
    title: '订单金额',
    dataIndex: 'amount',
    width: 80,
  },
  {
    title: '币种',
    dataIndex: 'currencySymbol',
    width: 80,
  },
  {
    title: '数量',
    dataIndex: 'count',
    width: 80,
  },
  {
    title: '付款状态',
    dataIndex: 'payStatus',
    // slots: { customRender: 'orderStatus' },
    customRender: ({ record }) => {
      return record.payStatus ? record.payStatus : '-';
    },
    width: 80,
  },
  {
    title: '充值方式',
    dataIndex: 'payMethod',
    width: 100,
  },
  {
    title: '相机SN',
    dataIndex: 'snCode',
    width: 100,
  },
  {
    title: '板卡SN号',
    dataIndex: 'rtkSnCode',
    width: 265,
  },
  {
    title: '深光rtk插件SN号',
    ellipsis: true,
    dataIndex: 'sgRtkSn',
    customRender: ({ record }) => {
      return record.sgRtkSn || '-';
    },
    width: 160,
  },
  {
    title: '差分账号期限',
    ellipsis: true,
    dataIndex: 'sgRtkSn',
    customRender: ({ record }) => {
      return record.sgRtkSn || '-';
    },
    width: 160,
  },
  {
    title: '项目号',
    dataIndex: 'projectNum',
    width: 100,
  },
  {
    title: '备注',
    dataIndex: 'remark',
    width: 100,
  },
];