OtherInfoModal.tsx 1.66 KB
import { Col, Modal, Row } from 'antd';

const DeliverModal = ({ data, setVisible }) => {
  return (
    <Modal
      open
      width={900}
      title={'其他信息'}
      onOk={async () => {}}
      onCancel={() => {
        setVisible(false);
      }}
    >
      <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>
    </Modal>
  );
};

export default DeliverModal;