Skip to content

M
max_android_panel
Commit be6899dd by wujiabao
Options

把死数据变成可变的

parent d9cdc364
Showing with 26 additions and 9 deletions
client/components/BreakageComponent/BreakageProductDetail/BreakageProductDetail.jsx
......@@ -15,7 +15,8 @@ class BreakageProductDetail extends React.Component{
code:2
}
],
statusColor:-1
statusColor:-1,
positionColor:-1
}
}
......@@ -39,7 +40,7 @@ class BreakageProductDetail extends React.Component{
</div>
<div style={{marginTop:'30px',textAlign:'left',marginLeft:'10px'}}>
<h2 className={'col333 font40'} style={{fontWeight:'800'}}>{breakageProductInfo.product.skuName}</h2>
<p className={'col333 font28'} style={{marginTop:'20px'}}><span>条形码:</span>56546213456554</p>
<p className={'col333 font28'} style={{marginTop:'20px'}}><span>条形码:</span>{breakageProductInfo.product.barcode}</p>
</div>
</div>
<div className={'breakProductStatus'}>
......@@ -55,15 +56,27 @@ class BreakageProductDetail extends React.Component{
<div className={'ProductPosition'}>
<h4 className={'col333 font32'}>请选择货品的位置:</h4>
<ul className={'imgList'}>
<li><img src={UTILPATH.localImg.defaultImg} alt=""/><span className={'font28 col333'}>上</span></li>
{/* <li><img src={UTILPATH.localImg.defaultImg} alt=""/><span className={'font28 col333'}>上</span></li>
<li className={'active'}><img src={UTILPATH.localImg.defaultImg} alt=""/><span className={'font28 col333'}>下</span></li>
<li><img src={UTILPATH.localImg.defaultImg} alt=""/><span className={'font28 col333'}>左</span></li>
<li><img src={UTILPATH.localImg.defaultImg} alt=""/><span className={'font28 col333'}>右</span></li>
<li><img src={UTILPATH.localImg.defaultImg} alt=""/><span className={'font28 col333'}>右</span></li> */}
{
breakageProductInfo.product.placeMentList.map((item,key)=>{
return <li
key={key}
className={positionColor===key?'active':''}
onClick={this.changePositionColor.bind(this,key)}
>
<img src={item.filePath} alt=""/>
<span className={'font28 col333'}>{item.name}</span>
</li>
})
}
</ul>
</div>
</div>
<div className={'breakProductPosition'}>
<img src={UTILPATH.localImg.defaultImg} alt=""/>
<img src={breakageProductInfo.product.placeMentList[positionColor].filePath} alt=""/>
</div>
</div>
</div>
......@@ -83,5 +96,8 @@ class BreakageProductDetail extends React.Component{
changeProductStatus(key){
this.setState({statusColor:key})
}
changePositionColor(key){
this.setState({positionColor:key})
}
}
export default BreakageProductDetail
\ No newline at end of file
client/containers/TakeStokeContainer/TakeStokeContainer.jsx
......@@ -42,9 +42,9 @@ class TakeStokeContaniner extends React.Component {
<img style={{width:'100%',height:'100%'}} src={tokeTaskProduct.skuImage} alt=""/>
</div>
<div className={'productDetail clo333 font30'}>
<p><span>货品名称:</span>雪碧 250ml</p>
<p><span>所在区域:</span>A区1号柜<span className={'colff775c'} onClick={this.showImg.bind(this)}>位置照片</span></p>
<p><span>货道信息:</span>第六行<span>第三货道</span><span>{tokeTaskProduct.positionNum}</span></p>
<p><span>货品名称:</span>{tokeTaskProduct.skuName}</p>
<p><span>所在区域:</span>{tokeTaskProduct.area}<span className={'colff775c'} onClick={this.showImg.bind(this)}>位置照片</span></p>
<p><span>货道信息:</span>{tokeTaskProduct.position}<span>{tokeTaskProduct.positionNum}</span></p>
</div>
</div>
{
......@@ -71,7 +71,7 @@ class TakeStokeContaniner extends React.Component {
}
//显示放大显示
showImg(){
let popupInfo={showPopup:true,popupChild:<img onClick={this.props.hidePopup} className={'defaultPopup'} src={UTILPATH.localImg.defaultImg} alt=""/>}
let popupInfo={showPopup:true,popupChild:<img onClick={this.props.hidePopup} className={'defaultPopup'} src={tokeTaskProduct.skuImage} alt=""/>}
this.props.showPopup(popupInfo)
}
//产品数量的加减
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment