import { BasicColumn, FormSchema } from '/@/components/Table'
import { genderList, incomeList, maritalList, appointmentStatusList } from '/@/enums/customerEnum'

export const tableColumns: BasicColumn[] = [
  { width: 120, title: '用户名称', dataIndex: 'nickName' },
  { width: 90, title: '用户性别', dataIndex: 'genderCode', customRender: ({ text }) => { return genderList.find((find) => find.value === text)?.label} },
  { width: 120, title: '手机号码', dataIndex: 'phone' },
  { width: 80, title: '年龄', dataIndex: 'age' },
  { width: 90, title: '婚姻状态', dataIndex: 'maritalStatusCode',
    customRender: ({ text }) => {
      return maritalList.find((find) => find.value === text)?.label
    },
  },
  { width: 120, title: '月收入', dataIndex: 'incomeCode',
    customRender: ({ text }) => {
      return incomeList.find((find) => find.value === text)?.label
    },
  },
  { width: 120, title: '面谈销售', dataIndex: 'salesConsultantName' },
  { width: 160, title: '预约时间', dataIndex: 'appointmentTime' },
  { title: '跟进进度', dataIndex: 'datingStoreAppointmentStatus', slots: { customRender: 'datingStoreAppointmentStatus' } },
]

export const tableFormSchema: FormSchema[] = [
  {
    field: 'phone',
    label: ' 用户电话号码',
    component: 'Input',
    colProps: { span: 6 },
  },
  {
    field: 'salesConsultantName',
    label: '面谈销售',
    component: 'Input',
    colProps: { span: 6 },
  },
  {
    field: 'createTime',
    label: '预约时间',
    component: 'RangePicker',
    colProps: { span: 6 },
  },
]

export const appointmentFormSchema: FormSchema[] = [
  {
    label: '跟进阶段',
    component: 'Select',
    field: 'datingStoreAppointmentFollowStage',
    required: true,
    componentProps: {
      options: appointmentStatusList,
      style: { width: '100%' },
    },
  },
  {
    label: '约见时间',
    component: 'DatePicker',
    field: 'appointmentTime',
    required: true,
    componentProps: {
      showTime: true,
      style: { width: '100%' },
    },
  },
  {
    field: 'remark',
    label: '备注',
    required: false,
    component: 'InputTextArea',
    componentProps: {
      autosize: {
        minRows: 4,
      },
    },
  },
]