|
|
@@ -31,12 +31,20 @@ class OrderCenterPage extends Component {
|
|
|
componentDidMount(){
|
|
|
let user_id='ovtkn4zONC3IzhpykQ7cSLZ85YFg'
|
|
|
this.getOrder({user_id})
|
|
|
+
|
|
|
}
|
|
|
//获取订单，并根据订单id获取订单产品信息，之后重构数据结构
|
|
|
getOrder(data){
|
|
|
+ let that=this
|
|
|
graphqls(getOrderByProps,data).then((res)=>{
|
|
|
//console.log('order',res)
|
|
|
let orderArr=res.orderbyprops||[]
|
|
|
+ let length=orderArr.length
|
|
|
+ if(!length){
|
|
|
+ let id=setTimeout(()=>{
|
|
|
+ that.setState({loading:false})
|
|
|
+ },10000)
|
|
|
+ }
|
|
|
for(let i=0;i<orderArr.length;i++){
|
|
|
//根据order_id获取订单产品信息,可以优化,可以只发出一次请求获取所有订单产品信息之后再经行处理
|
|
|
graphqls(getProductByProps,{order_id:orderArr[i].id}).then((res)=>{
|
|
|
@@ -115,7 +123,11 @@ class OrderCenterPage extends Component {
|
|
|
<NavBars navBarText="我的订单" changePage={this.props.changePage} page="user"/>
|
|
|
<div style={{marginTop:"45px"}}><TabBarTop tabChange={this.tabChange} tabs={this.state.tabs}/></div>
|
|
|
<div className="orderList">
|
|
|
- {
|
|
|
+ {orderList.length===0?
|
|
|
+ <div style={{marginTop:'200px',padding:'1px',position:'relative',zIndex:'10',display:'flex',justifyContent:'center'}}>
|
|
|
+ <div>订单为空<span onClick={()=>this.props.changePage('index')} style={{color:'#108ee9'}}>去购物</span></div>
|
|
|
+ </div>
|
|
|
+ :
|
|
|
orderList.map((item,index)=>{
|
|
|
//console.log(index,item)
|
|
|
return(<OrderCard order={item} key={item.id} toPay={this.toPay} toDeleteOrder={this.toDeleteOrder}/>)
|
wly