import React from 'react';
import Invoice from '../../..';
import moment from 'moment';
import 'antd/dist/antd.css';
import { Button } from 'kts-components-antd-x3';
export default () => {

    const controller = React.useMemo(() => new Invoice.InvoiceController(), []);

    React.useEffect(() => {
        controller.run(async s => {
            controller.state.goodsListState.goodsList = [{
                "taxRate": 3,
                "lineAttribute": 0,
                "$index": "88a5549b-ede2-488a-962b-26dc1d5e4e3a",
                "serialNo": 1,
                "itemName": "车辆停放服务",
                "lineAmountIncludeTax": 6,
                "taxAmount": 0.17,
                "lineAmountExcludeTax": 5.83,
                cd:3,
            },{
                "taxRate": 3,
                "lineAttribute": 0,
                "$index": "88a5549b-ede2-488a-962b-26dc1d5e4e31",
                "serialNo": 1,
                "itemName": "车辆停放服务",
                "lineAmountIncludeTax": 6,
                "taxAmount": 0.17,
                "lineAmountExcludeTax": 5.83,
                cd:2
            }]
            window.setTimeout(() => {
                controller.formList.get('realEstateInfo')?.setFieldsValue({
                    realEstateDataDto: [
                        {
                            "$index": "88a5549b-ede2-488a-962b-26dc1d5e4e3a",
                            realEstateAddress: ['北京市', '北京市', '东城区'],
                            realEstateDetailedAddress: '东城区东华门大街',
                            leaseTerm: [moment('2023-07-06 10:43'), moment('2023-07-06 10:59')],
                            crossCitiesSign: 'Y',
                            realEstateNumber: '123456789',
                            realEstateUnit: '平方米',
                            cphList:['京b22132','渝a12345','渝a1x212'],
                        },
                        {
                            "$index": "88a5549b-ede2-488a-962b-26dc1d5e4e31",
                            realEstateAddress: ['北京市', '北京市', '东城区'],
                            realEstateDetailedAddress: '东城区东华门大街',
                            leaseTerm: [moment('2023-07-06 10:43'), moment('2023-07-06 10:59')],
                            crossCitiesSign: 'Y',
                            realEstateNumber: '123456789',
                            realEstateUnit: '平方米',
                            cphList:['渝b22132','陕a12345',],
                        }
                    ]
                })
            }, 1000)
        })
    }, [])
    const onSave = async () => {
        const formValues = await controller.validateFields();
        console.log(formValues)
    }
    return (
        <>
            <Button onClick={onSave}>输出表单内容</Button>
            <Invoice
                invoiceType='digtal'
                controller={controller}
                specialInfor={<Invoice.RealEstateInfo realEstateAddressOptions={[
                    {
                        "code": "11",
                        "name": "北京市"
                    }] || []}
                    realEstateAddressFieldNames={{
                        label: 'name',
                        value: 'name',
                        children: 'children'
                    }} />}
            />
        </>
    )
};