import FormDialog from '@/components/FormDialog'
import orderApi from '@/api/order'
import GoodsSelect from '@/views/components/GoodsSelect'
import ConsumerSelect from '@/views/components/ConsumerSelect'
import GoodsTable from '../../../order/components/GoodsTable/index'

const schema = [
  {
    key: 'consumer_name',
    label: '客户名称',
    placeholder: '请选择客户',
    component: ConsumerSelect
  },
  {
    key: 'commodity_id',
    label: '商品名称',
    placeholder: '请选择商品',
    component: GoodsSelect
  },
  {
    key: 'commodity_ids',
    label: '商品清单',
    component: GoodsTable
  }
]

const rules = {
  consumer_name: [
    {
      required: true,
      message: '请输入客户名称',
      trigger: 'blur'
    }
  ],
  commodity_id: [
    {
      required: true,
      message: '请选择商品名称',
      trigger: 'change'
    }
  ]
}

export default {
  async show(onSubmitted) {
    FormDialog({
      title: '新增详情-订单',
      schema,
      rules,
      submitSuccessMessage: '添加成功',
      async onSubmit(data) {
        console.log('新增订单', data)
        try {
          return await orderApi.add({
            apiUser: localStorage.getItem('apiUser'),
            checkSum: localStorage.getItem('checkSum')
          }, data)
        } catch (error) {
          return error?.response?.data
        } finally {
          onSubmitted()
        }
      }
    })
  }
}