import React from 'react';
require('./index.css');
import ImgToolComponent from '../../../components/CommonComponent/CommonSmallComponent/ImgToolComponent/CommonSmalContainer'
export default class DamageItem extends React.Component{
    constructor(props){
        super(props)
        this.state = {
            text: ''
        }
    }
    render(){
        return (
            <div className={"damageProductItem"}>
                <span className={"closeBtn"}>×</span>
                <div className={"productBaseInfo clearfix"}>
                    <img className={"productImg"} src= { require('./img/lol.gif')} alt=""/>
                    <div className={"baseNumber"}>
                        <p className={"barcode"}>9038383832</p>
                        <p className={"skuNumnber"}>SKU00001</p>
                        <p className={"productName"}>可口可乐</p>
                        <p className={"net"}>250ml</p>
                    </div>
                    <div className={"productCount"}>
                        <span className={"multipleIcon"}>×</span>
                        <span className={"count"}>1</span>
                    </div>
                </div>
                <div className={"productOtherInfo"}>
                    <div className={"locationAndStatusInfo"}>
                        <p className={"location"}>商品位置:<span>机械手平台</span></p>
                        <p className={"status"}>商品状态:<span>机械手平台</span></p>
                    </div>
                    <div className={"damageImgs clearfix"}>
                        <ImgToolComponent type={"custom"} imgSrc = { require('./img/lol.gif')} ></ImgToolComponent>
                        <ImgToolComponent type={"custom"} imgSrc = { require('./img/lol.gif')} ></ImgToolComponent>
                        <ImgToolComponent type={"custom"} imgSrc = { require('./img/lol.gif')} ></ImgToolComponent>
                        <ImgToolComponent type={"custom"} imgSrc = { require('./img/lol.gif')} ></ImgToolComponent>
                        <ImgToolComponent type={"custom"} imgSrc = { require('./img/lol.gif')} ></ImgToolComponent>
                        <ImgToolComponent type={"custom"} imgSrc = { require('./img/lol.gif')} ></ImgToolComponent>
                        <ImgToolComponent type={"custom"} imgSrc = { require('./img/lol.gif')} ></ImgToolComponent>
                        <ImgToolComponent type={"custom"} imgSrc = { require('./img/lol.gif')} ></ImgToolComponent>
                        <ImgToolComponent type={"custom"} imgSrc = { require('./img/lol.gif')} ></ImgToolComponent>
                    </div>
                </div>
            </div>
        )
    }
}