import React from 'react'
import Button from '../../CommonComponent/ButtonComponent/ButtonComponent'
import BarcodeComponent from '../../CommonComponent/BarcodeComponent/BarcodeComponent'
require('./index.css')
class BreakageCode extends React.Component{
    constructor(props){
         super(props)
    }

    render(){
       return (
           <div className={'breakageContent'} style={{width:'100%',height:'100%',background:'rgba(0,0,0,1)'}}>
                <div className={"breakageCodeHeader font32  colfff "}>
                    <i className={"iconfont middle icon font50 icon-circle-left circleIcon fl"} onClick={this.changeSanCodePage.bind(this)} style={{flexBasis:'100px'}}/>
                    <span className={"font40"}>请输入遗留商品的条形码</span>
                    <span className={'font30'}>条形码残缺?</span>
                </div>
                <BarcodeComponent getBarCodeProductInfo={this.props.getBarCodeProductInfo}
                                  changePage={this.props.changePage}
                 />
               {/* <div className={'breakageCodeContent'}>
                   {
                       barcodeWord?<p className={'font30'} style={{color:'#d0021b',textAlign:'center',marginTop:'20px'}}>条形码输入错误，请重新输入</p>:null
                   }
                   <input type="text" className={'font30'} vlaue={barcode} onChange={(ev)=>{this.setState({barcode:ev.target.value})}}/>
                   <p className={'barcodeScan font30 colfff'}>or<span className={'colff7860'}>条形码扫描</span></p>
               </div>
               <Button text={'确定'} option={this.getCodeProduct.bind(this)} btnContainer={'font30 backff775c colfff'} style={{border:'0',margin:'0 auto',marginTop:'120px'}} /> */}
           </div>
       )
    }
  
    changeSanCodePage(){
        this.props.changeSanCodePage('SanCode')
    }
}
export default BreakageCode;