import { Col, Drawer, Row } from 'antd';

export default ({ data, onClose }) => {
  console.log(data);
  return (
    <>
      <Drawer
        width={500}
        title="基本信息"
        placement="right"
        onClose={onClose}
        open
      >
        <Row gutter={[16, 24]}>
          <Col span={6}>
            <span className="text-[#333333]">收货人</span>
          </Col>
          <Col span={18}>{data.customerName}</Col>
          <Col span={6}>
            <span className="className='text-[#333333]'">联系方式</span>
          </Col>
          <Col span={18}>{data.customerContactNumber}</Col>

          <Col span={6}>
            <span className="className='text-[#333333]'">收货地址</span>
          </Col>
          <Col span={18}>{data.customerShippingAddress}</Col>

          <Col span={6}>
            <span className="className='text-[#333333]'">单位联系人</span>
          </Col>
          <Col span={18}>{data.institutionContactName}</Col>
          <Col span={6}>
            <span className="className='text-[#333333]'">单位名称</span>
          </Col>
          <Col span={18}>{data.institution}</Col>
          <Col span={6}>
            <span className="className='text-[#333333]'">开户银行</span>
          </Col>
          <Col span={18}>{data.bank}</Col>

          <Col span={6}>
            <span className="className='text-[#333333]'">银行账号</span>
          </Col>
          <Col span={18}>{data.bankAccountNumber}</Col>
          <Col span={6}>
            <span className="className='text-[#333333]'">开票识别号</span>
          </Col>
          <Col span={18}>{data.invoiceIdentificationNumber}</Col>
        </Row>
      </Drawer>
    </>
  );
};