FEV2 / fw-cms

import React from 'react';
import { Modal, Descriptions, Row, List } from 'antd';

interface Props {
  visible: boolean,
  onCancel: () => any,
  listItem?: SpecialOfferCar.OptionalVo[],
}
export default function DetailModal({ visible, onCancel, listItem = [] }: Props) {
  return (
    <Modal
      title="加装项"
      maskClosable={false}
      visible={visible}
      onCancel={onCancel}
      footer={null}
    >
      <List
        bordered
        dataSource={listItem}
        renderItem={(item, key) => (
          <List.Item>
            <Row style={{ flex: 1 }} justify="space-between">
              <div style={{ flex: 1 }}>{key + 1}.{item.optionalName}</div>
              <div style={{ color: "#FF921C" }}>{item.dealerPrice || 0}元</div>
            </Row>
          </List.Item>
        )}
      />
    </Modal>
  );
}