| @@ -21,7 +21,7 @@ Page({ | |||
| list: [], | |||
| current: "", | |||
| current_scroll: "1", | |||
| page: 2, | |||
| page: 1, | |||
| allow_load: true | |||
| }, | |||
| onLoad(e) { | |||
| @@ -32,9 +32,8 @@ Page({ | |||
| }, | |||
| getList(key, pageNum) { | |||
| wx.showLoading({ | |||
| title: "loading..." | |||
| }); | |||
| let that = this; | |||
| console.log(key); | |||
| /** | |||
| @@ -53,38 +52,38 @@ Page({ | |||
| orderStatus: key | |||
| }; | |||
| } | |||
| if(that.data.allow_load==''){ | |||
| } | |||
| Http.get({ | |||
| url: config.api.orderList, | |||
| data: variable | |||
| }).then(res => { | |||
| console.log(res); | |||
| console.log("姐姐的订单列表"); | |||
| wx.hideLoading(); | |||
| console.log(res); | |||
| if (pageNum >= res.data.pages) { | |||
| wx.showToast({ | |||
| title: "加载完成喽", | |||
| icon: "success" | |||
| }); | |||
| if (that.data.allow_load) { | |||
| wx.showLoading({ | |||
| title: "加载中" | |||
| }); | |||
| Http.get({ | |||
| url: config.api.orderList, | |||
| data: variable | |||
| }).then(res => { | |||
| console.log(res); | |||
| console.log("姐姐的订单列表"); | |||
| setTimeout(function() { | |||
| wx.hideLoading(); | |||
| }, 1200); | |||
| if (pageNum >= res.data.pages) { | |||
| that.setData({ | |||
| allow_load: false | |||
| }); | |||
| } | |||
| /** | |||
| * 先赋值后渲染页面 | |||
| * concat 不会改变原数组值 | |||
| * push 会改变原数组值,但不会一条一条插入,而是整个数组插入 | |||
| */ | |||
| that.data.list = that.data.list.concat(res.data.list); | |||
| that.setData({ | |||
| allow_load: false | |||
| list: that.data.list | |||
| }); | |||
| } | |||
| /** | |||
| * 先赋值后渲染页面 | |||
| * concat 不会改变原数组值 | |||
| * push 会改变原数组值,但不会一条一条插入,而是整个数组插入 | |||
| */ | |||
| that.data.list = that.data.list.concat(res.data.list); | |||
| that.setData({ | |||
| list: that.data.list | |||
| }); | |||
| }); | |||
| } else { | |||
| console.log("加载完成allow_load设置成false"); | |||
| } | |||
| }, | |||
| handleChange({ detail }) { | |||
| this.setData({ | |||
| @@ -92,19 +91,22 @@ Page({ | |||
| }); | |||
| }, | |||
| handleChangeScroll({ detail }) { | |||
| this.getList(detail.key, 1); | |||
| this.setData({ | |||
| list:[], | |||
| allow_load: true, | |||
| current_scroll: detail.key | |||
| }); | |||
| }) | |||
| this.getList(detail.key, 1); | |||
| }, | |||
| onReachBottom: function() { | |||
| var that = this; | |||
| console.info("before++ " + that.data.page); | |||
| console.log(that.data.page); | |||
| that.data.page++; | |||
| console.info("after++ " + that.data.page); | |||
| console.log(that.data.page); | |||
| that.setData({ | |||
| page: that.data.page | |||
| }); | |||
| that.getList(0, that.data.page); | |||
| console.info("after++ " + that.data.page); | |||
| that.getList(that.data.current_scroll, that.data.page); | |||
| } | |||
| }); | |||
| @@ -2,30 +2,36 @@ | |||
| <i-tabs class='tabs' current="{{ current_scroll }}" scroll bindchange="handleChangeScroll"> | |||
| <i-tab class='i-tab' wx:for="{{tabs}}" wx:key="unique" key="{{item.key}}" title="{{item.name}}"></i-tab> | |||
| </i-tabs> | |||
| <view class='section' wx:for='{{list}}' wx:key='{{index}}'> | |||
| <view class='detail_msg'> | |||
| <view class='logo'> | |||
| <image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'></image> | |||
| <view> | |||
| <view wx:if="{{list.length!=0}}" class='section' wx:for='{{list}}' wx:key='{{index}}'> | |||
| <view class='detail_msg'> | |||
| <view class='logo'> | |||
| <image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'></image> | |||
| </view> | |||
| <view class='info'> | |||
| <view> | |||
| <text>{{item.detail}}</text> | |||
| <text>等待付款</text> | |||
| </view> | |||
| <!-- <view><text>购买数量:</text>{{item.tenantId}}件</view> --> | |||
| <view> | |||
| <text>下单时间:</text>2018-07-10 11:30 | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class='info'> | |||
| <view class='payment'> | |||
| <view> | |||
| <text>{{item.detail}}</text> | |||
| <text>等待付款</text> | |||
| <text>¥{{item.payment}}</text> | |||
| <text>¥{{item.paymentType}}</text> | |||
| </view> | |||
| <!-- <view><text>购买数量:</text>{{item.tenantId}}件</view> --> | |||
| <view> | |||
| <text>下单时间:</text>2018-07-10 11:30 | |||
| <view class="btn"> | |||
| <text>支付</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class='payment'> | |||
| <view> | |||
| <text>¥{{item.payment}}</text> | |||
| <text>¥{{item.paymentType}}</text> | |||
| </view> | |||
| <view class="btn"> | |||
| <text>支付</text> | |||
| </view> | |||
| <view class="dingdan" wx:if="{{list.length==0}}"> | |||
| <image src="../../../assets/img/dingdan.png" mode="widthFix"></image> | |||
| <text>暂无订单</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| @@ -63,13 +63,15 @@ | |||
| font-size: 24rpx; | |||
| } | |||
| .info view:nth-child(2), .info view:nth-child(3) { | |||
| .info view:nth-child(2), | |||
| .info view:nth-child(3) { | |||
| color: #f96563; | |||
| font-size: 24rpx; | |||
| padding-left: 4%; | |||
| } | |||
| .info view:nth-child(2) text, .info view:nth-child(3) text { | |||
| .info view:nth-child(2) text, | |||
| .info view:nth-child(3) text { | |||
| font-size: 22rpx; | |||
| color: #b8b8b8; | |||
| } | |||
| @@ -101,7 +103,7 @@ | |||
| text-decoration: line-through; | |||
| } | |||
| .btn{ | |||
| .btn { | |||
| position: absolute; | |||
| top: 0; | |||
| bottom: 0; | |||
| @@ -122,3 +124,17 @@ | |||
| font-size: 28rpx; | |||
| color: #fff; | |||
| } | |||
| .dingdan{ | |||
| margin-top: 200rpx; | |||
| } | |||
| .dingdan text { | |||
| display: block; | |||
| text-align: center; | |||
| font-size: 30rpx; | |||
| color: #999; | |||
| } | |||
| .dingdan image { | |||
| display: block; | |||
| width: 100rpx; | |||
| margin: 0 auto 16rpx; | |||
| } | |||