import { RESPONSE_CODE } from '@/constants/enum';
import { postServiceInvoiceInvoicing } from '@/services';
import { ModalForm } from '@ant-design/pro-components';
import { Button, Form, message } from 'antd';

export default ({ selectedRowKeys, reloadRecordTable }) => {
  const [form] = Form.useForm<{ name: string; company: string }>();
  return (
    <ModalForm<{
      name: string;
      company: string;
    }>
      title="开票"
      trigger={
        <Button type="primary" disabled={selectedRowKeys?.length === 0}>
          开票
        </Button>
      }
      form={form}
      autoFocusFirstInput
      modalProps={{
        destroyOnClose: true,
        onCancel: () => console.log('run'),
      }}
      submitTimeout={2000}
      onFinish={async (values) => {
        let res = await postServiceInvoiceInvoicing({
          data: {
            ...values,
            invoiceRecordIds: selectedRowKeys,
          },
        });
        if (res.result === RESPONSE_CODE.SUCCESS) {
          message.success(res.message);
        }
        reloadRecordTable();
        message.success('提交成功');
        return true;
      }}
    >
      {/*<ProFormSelect
        name="invoicingAccount"
        label="开票账号"
        request={async () => {
          const res = await postServiceInvoiceGetInvoicingAccount();
          return res.data.map((item) => {
            return {
              label: item.accountText,
              value: item.account,
            };
          });
        }}
        placeholder="请选择开票账号"
        rules={[{ required: true, message: '请选择开票账号!' }]}
      />*/}
    </ModalForm>
  );
};