Skip to content

M
max_android_panel
Commit 1429ea3b by Zhang Xin
Options

add middle in imgpath

parent 7c1590fe
Showing with 12 additions and 8 deletions
client/components/CommonComponent/SkuInfoComponent/SkuInfoComponent.jsx
...@@ -43,7 +43,7 @@ export default class SkuInfoComponent extends React.Component{ ...@@ -43,7 +43,7 @@ export default class SkuInfoComponent extends React.Component{
return ( return (
<div className={"skuInfoComponent " + classNames} style={style}> <div className={"skuInfoComponent " + classNames} style={style}>
<div className={"img"}> <div className={"img"}>
<img style={this.state.style} ref={"secondPageImg"} onLoad={()=>this.handleLoadImg.bind(this)("secondPageImg")} onError={()=>this.handleErrorImg.bind(this)("secondPageImg")} src={skuInfo.skuImage} alt=""/> <img style={this.state.style} ref={"secondPageImg"} onLoad={()=>this.handleLoadImg.bind(this)("secondPageImg")} onError={()=>this.handleErrorImg.bind(this)("secondPageImg")} src={UTILPATH.getPic(skuInfo.skuImage,"middle")} alt=""/>
</div> </div>
<ul className={"shelfInfo font30 col333"}> <ul className={"shelfInfo font30 col333"}>
<li className={""}> <li className={""}>
......
client/components/ReplenishComponent/ReplenishScanPage/ReplenishScanPage.jsx
...@@ -308,15 +308,17 @@ export default class ReplenishScanPage extends React.Component{ ...@@ -308,15 +308,17 @@ export default class ReplenishScanPage extends React.Component{
getSkuInfo(){ getSkuInfo(){
let {headerInfo} = this.props; let {headerInfo} = this.props;
let {taskList={}} = headerInfo; let {taskList={}} = headerInfo;
let skuImg = taskList.skuImage ? UTILPATH.getPic(taskList.skuImage,"middle") : '';
let areaImage = taskList.areaImage ? UTILPATH.getPic(taskList.areaImage,"middle") : '';
return( return(
<div className={"replenishSkuInfo"}> <div className={"replenishSkuInfo"}>
<div className={"skuName font30 col333"}>商品名称：{taskList.skuName || ""}</div> <div className={"skuName font30 col333"}>商品名称：{taskList.skuName || ""}</div>
<div className={"skuInfo"}> <div className={"skuInfo"}>
<div className={"skuImg"}> <div className={"skuImg"}>
<img src={taskList.skuImage || UTILPATH.localImg.defaultImg} alt=""/> <img src={skuImg || UTILPATH.localImg.defaultImg} alt=""/>
</div> </div>
<div className={"areaImg"}> <div className={"areaImg"}>
<img src={taskList.areaImage || UTILPATH.localImg.defaultImg} alt=""/> <img src={areaImage || UTILPATH.localImg.defaultImg} alt=""/>
</div> </div>
<div className={"skuPos col333 font30"}> <div className={"skuPos col333 font30"}>
<ul> <ul>
......
client/components/ReplenishComponent/ReplenishSkuPage/ReplenishSkuPage.jsx
...@@ -124,17 +124,19 @@ export default class ReplenishSkuPage extends React.Component{ ...@@ -124,17 +124,19 @@ export default class ReplenishSkuPage extends React.Component{
getSkuInfo(){ getSkuInfo(){
let {headerInfo} = this.props; let {headerInfo} = this.props;
let {taskList={}} = headerInfo let {taskList={}} = headerInfo;
let skuImg = taskList.skuImage ? UTILPATH.getPic(taskList.skuImage,"middle") : '';
let areaImage = taskList.areaImage ? UTILPATH.getPic(taskList.areaImage,"middle") : '';
return( return(
<div className={"replenishSkuInfo"}> <div className={"replenishSkuInfo"}>
<div className={"skuName font30 col333"}>商品名称：{taskList.skuName || ""}</div> <div className={"skuName font30 col333"}>商品名称：{taskList.skuName || ""}</div>
<div className={"skuInfo"}> <div className={"skuInfo"}>
<div className={"skuImg"}> <div className={"skuImg"}>
<img src={taskList.skuImage || UTILPATH.localImg.defaultImg} alt=""/> <img src={skuImg || UTILPATH.localImg.defaultImg} alt=""/>
<div className={"skuImgText font20"}>货品图片</div> <div className={"skuImgText font20"}>货品图片</div>
</div> </div>
<div className={"areaImg"}> <div className={"areaImg"}>
<img src={taskList.areaImage || UTILPATH.localImg.defaultImg} alt=""/> <img src={areaImage || UTILPATH.localImg.defaultImg} alt=""/>
<div className={"skuImgText font20"}>摆放方式</div> <div className={"skuImgText font20"}>摆放方式</div>
</div> </div>
<div className={"skuPos col333 font30"}> <div className={"skuPos col333 font30"}>
......
client/containers/TakeStokeContainer/TakeStokeContainer.jsx
...@@ -39,7 +39,7 @@ class TakeStokeContaniner extends React.Component { ...@@ -39,7 +39,7 @@ class TakeStokeContaniner extends React.Component {
} }
<div className={'pagebox'}> <div className={'pagebox'}>
<div className={'productImg'}> <div className={'productImg'}>
<img style={{width:'100%',height:'100%'}} src={tokeTaskProduct.skuImage} alt=""/> <img style={{width:'100%',height:'100%'}} src={UTILPATH.getPic(tokeTaskProduct.skuImage,"middle")} alt=""/>
</div> </div>
<div className={'productDetail clo333 font30'}> <div className={'productDetail clo333 font30'}>
<p><span>货品名称:</span>{tokeTaskProduct.skuName}</p> <p><span>货品名称:</span>{tokeTaskProduct.skuName}</p>
......
client/util/image.js
...@@ -48,7 +48,7 @@ const getNewFormatPath = (path,format)=>{ ...@@ -48,7 +48,7 @@ const getNewFormatPath = (path,format)=>{
*/ */
const getPic = (path,format)=>{ const getPic = (path,format)=>{
let newPath = getNewFormatPath(path,format); let newPath = getNewFormatPath(path,format);
newPath = getNewPath(newPath,localHost); newPath = getNewPath(newPath,devHost);
return newPath; return newPath;
}; };
......
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