|
|
@@ -11,6 +11,9 @@
|
|
|
<view class="empty" v-if="isEmpty">
|
|
|
暂无内容~
|
|
|
</view>
|
|
|
+ <view class="bottom" v-if="isBottom">
|
|
|
+ 没有更多~
|
|
|
+ </view>
|
|
|
<!-- 弹出层消息 -->
|
|
|
<tm-message ref="toast"></tm-message>
|
|
|
</view>
|
|
|
@@ -38,8 +41,10 @@ export default {
|
|
|
typeclick:4,//1加入购物车，2购物车
|
|
|
page:1,
|
|
|
pagesize:5,
|
|
|
+ total:0,
|
|
|
isBottom:false,
|
|
|
- isEmpty:false
|
|
|
+ isEmpty:false,
|
|
|
+ sel:-1
|
|
|
};
|
|
|
},
|
|
|
onLoad() {
|
|
|
@@ -54,33 +59,35 @@ export default {
|
|
|
this.sys = uni.getSystemInfoSync();
|
|
|
this.getOrderList(-1);
|
|
|
},
|
|
|
+ onReachBottom() {
|
|
|
+ this.loadMore(this.sel)
|
|
|
+ },
|
|
|
methods: {
|
|
|
- // 切换tab
|
|
|
- changeTab(e){
|
|
|
+ changeTab(e){ // 切换tab
|
|
|
this.activeIndex=e;
|
|
|
- let sel=0;
|
|
|
if(e==0){
|
|
|
- sel=-1;
|
|
|
+ this.sel=-1;
|
|
|
}else if(e==1){
|
|
|
- sel=0;
|
|
|
+ this.sel=0;
|
|
|
}else if(e==2){
|
|
|
- sel=1;
|
|
|
+ this.sel=1;
|
|
|
}else if(e==3){
|
|
|
- sel=2;
|
|
|
+ this.sel=2;
|
|
|
}
|
|
|
- this.getOrderList(sel)
|
|
|
+ this.getOrderList(this.sel)
|
|
|
},
|
|
|
// 获取订单列表
|
|
|
getOrderList(index){
|
|
|
let that=this;
|
|
|
+ this.page=1;
|
|
|
+ this.pagesize=5;
|
|
|
myRequest({
|
|
|
url:'/api/Order/orderList',
|
|
|
method:'post',
|
|
|
- data:{type:index,
|
|
|
- page:that.page,
|
|
|
- pagesize:that.pagesize}
|
|
|
+ data:{type:this.sel,page:that.page,pagesize:that.pagesize}
|
|
|
}).then(res=>{
|
|
|
if (res.data.code == 200) {
|
|
|
+ that.total=res.data.data.total;
|
|
|
if (res.data.data.length != 0) {
|
|
|
that.isEmpty=false;
|
|
|
that.test = [];
|
|
|
@@ -105,6 +112,7 @@ export default {
|
|
|
}else {
|
|
|
that.test = [];
|
|
|
that.isEmpty=true;
|
|
|
+ that.isBottom=false;
|
|
|
}
|
|
|
}
|
|
|
console.log(res.data.data.data,'订单列表');
|
|
|
@@ -135,8 +143,49 @@ export default {
|
|
|
goEval(ids){
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/pingjia/index?id='+ids
|
|
|
- })
|
|
|
-
|
|
|
+ })
|
|
|
+ },
|
|
|
+ loadMore(index){ //加载更多
|
|
|
+ if(this.isBottom) return;
|
|
|
+ this.page++;
|
|
|
+ let that=this;
|
|
|
+ myRequest({
|
|
|
+ url:'/api/Order/orderList',
|
|
|
+ method:'post',
|
|
|
+ data:{type:this.sel,page:that.page,pagesize:that.pagesize}
|
|
|
+ }).then(res=>{
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ if(that.test.length < res.data.data.total){
|
|
|
+ let newList=[];
|
|
|
+ for (let i = 0; i < res.data.data.data.length; i++) {
|
|
|
+ var obj = {
|
|
|
+ img: res.data.data.data[i].orderGoods.goods_img,
|
|
|
+ title: res.data.data.data[i].orderGoods.goods_name,
|
|
|
+ // label: '黑色 - 6518/320',
|
|
|
+ // size:'S',
|
|
|
+ price: res.data.data.data[i].pay_money,
|
|
|
+ id: res.data.data.data[i].id,
|
|
|
+ buy: res.data.data.data[i].goods_num,
|
|
|
+ itemId: res.data.data.data[i].id,
|
|
|
+ checked: false,
|
|
|
+ goods_id:res.data.data.data[i].goods_id,
|
|
|
+ orderStatus:res.data.data.data[i].order_status,
|
|
|
+ orderNo:res.data.data.data[i].order_sn,
|
|
|
+ isEval:res.data.data.data[i].is_evaluate
|
|
|
+ };
|
|
|
+ newList.push(obj)
|
|
|
+ }
|
|
|
+ that.test=that.test.concat(newList)
|
|
|
+ } else {
|
|
|
+ that.isBottom=true;
|
|
|
+ that.page--;
|
|
|
+ console.log(that.page);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ that.isBottom=true;
|
|
|
+ that.page--;
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
},
|
|
|
}
|
|
|
@@ -158,7 +207,7 @@ export default {
|
|
|
/deep/ .shangpin .tm-cartCellListFood-img{width:90px !important;height:90px !important;}
|
|
|
/deep/ .shuliang .text-size-n{color: white !important;}
|
|
|
/deep/ .jiaoxi{margin:0 !important;padding: 8px !important;margin-top: 10px !important;}
|
|
|
- .empty{
|
|
|
- display: flex;justify-content:center;align-items: center;height: 100%;color: #AAAAAA;padding-top: 100px;
|
|
|
- }
|
|
|
+ .empty,.bottom{display: flex;justify-content:center;align-items: center;color: #AAAAAA;}
|
|
|
+ .empty{padding-top: 100px;}
|
|
|
+ .bottom{padding-bottom: 10px;height: 30px;width: 100%;}
|
|
|
</style>
|
