import React, { Component } from "react"

export default class orderDes extends Component {
  render() {
    return <div></div>
  }
}

function orderDes(props) {
  const listData = props.list
  return (
    <div>
      {listData.map((item, index) => {
        const Info = (
          <div className="order-info">
            <p
              className="order-title"
              style={{
                overflow: "hidden",
                textOverflow: "ellipsis",
                whiteSpace: "nowrap",
              }}
            >
              {item.course_title}
            </p>
            <p
              className="order-content"
              style={{
                WebkitBoxOrient: "vertical",
                WebkitLineClamp: "2",
                wordBreak: "break-all",
                overflow: "hidden",
                textOverflow: "ellipsis",
                display: "-webkit-box",
              }}
            >
              {item.simpledescription}
            </p>
            <p className="order-des">
              <span className="order-newprice">¥{item.price1}</span>
              <span className="order-price">¥{item.price0}</span>
            </p>
          </div>
        )

        return (
          <OrderItem {...item} key={index} info={Info}>
            <div className="order-prefer">
              <List key={index}>
                <Item arrow="horizontal" onClick={() => {}}>
                  <Link to="/coupons">
                    <Flex justify="between">
                      <span style={{ color: "#333", fontSize: "15px" }}>
                        优惠券
                      </span>
                      <span style={{ fontSize: "14px", color: "#999999" }}>
                        {item.coupon_num === 0
                          ? "无"
                          : `${item.coupon_num}张可用`}
                      </span>
                    </Flex>
                  </Link>
                </Item>
              </List>
            </div>
          </OrderItem>
        )
      })}
    </div>
  )
}
