添加后台代理代码
This commit is contained in:
104
codes/agent/game/dlweb/api/web2/components/infinite-scroll.js
Normal file
104
codes/agent/game/dlweb/api/web2/components/infinite-scroll.js
Normal file
@@ -0,0 +1,104 @@
|
||||
var infiniteScroll = {
|
||||
/*template: `
|
||||
<section class="cha_time">
|
||||
<button class="btn btn-blue time_c" @click="loadMore(false)">查询</button>
|
||||
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr v-for="(item,i) in list">
|
||||
<td class="text-center">
|
||||
<img :src="item.avatar" class="header">
|
||||
</td>
|
||||
<td>
|
||||
<p>{{item.playerid}}</p>
|
||||
<p>{{item.name}}</p>
|
||||
<p>{{item.time.substr(5,11)}}</p>
|
||||
</td>
|
||||
<td class="num">{{item.amount}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot v-show="loadStateMsg"><tr class="text-center"><td colspan="3">{{loadStateMsg}}</td></tr></tfoot>
|
||||
</table>
|
||||
</section>
|
||||
`,*/
|
||||
template: '<section class="cha_time"><button class="btn btn-blue time_c" @click="loadMore(false)">查询</button><table class="table"><tbody><tr v-for="(item,i) in list"><td class="text-center"><img :src="item.avatar" class="header"></td><td><p>{{item.playerid}}</p><p>{{item.name}}</p><p>{{item.time.substr(5,11)}}</p></td><td class="num">{{item.amount}}</td></tr></tbody><tfoot v-show="loadStateMsg"><tr class="text-center"><td colspan="3">{{loadStateMsg}}</td></tr></tfoot></table></section>',
|
||||
data: function () {
|
||||
return {
|
||||
loadState: 1, // 0-禁止加载 1-可以加载,加载暂停 2-加载中 3-加载异常
|
||||
loadStateMsg: '',
|
||||
pageIndex: 0, // 页码
|
||||
wxInfo: {},
|
||||
list: []
|
||||
}
|
||||
},
|
||||
props: {
|
||||
func: String,
|
||||
startTime: String,
|
||||
endTime: String,
|
||||
params: Object,
|
||||
wxInfo: Object,
|
||||
userInfo: Object
|
||||
},
|
||||
created: function () {
|
||||
var that = this;
|
||||
var $doc = $(document);
|
||||
var $win = $(window);
|
||||
|
||||
window.addEventListener('scroll', function () {
|
||||
var docHeight = $doc.height();
|
||||
var winHeight = $win.height();
|
||||
var scrHeight = $doc.scrollTop();
|
||||
|
||||
//console.log(docHeight, winHeight, scrHeight);
|
||||
if (( docHeight > winHeight ) && scrHeight >= (docHeight - winHeight)) {
|
||||
that.loadMore(true);
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
loadMore: function (flag) {
|
||||
|
||||
if (!flag || this.loadState === 1) {
|
||||
this.loadState = 2;
|
||||
this.loadStateMsg = '加载中...';
|
||||
if (!flag)
|
||||
this.list = [];
|
||||
|
||||
setTimeout(function () {
|
||||
if (flag)
|
||||
this.pageIndex++;
|
||||
else
|
||||
this.pageIndex = 1;
|
||||
|
||||
this.loadState = 2;
|
||||
|
||||
var that = this;
|
||||
$.api(
|
||||
that.func,
|
||||
{
|
||||
agentid: that.params.agentid,
|
||||
channelid: that.params.channelid,
|
||||
openid: that.wxInfo.openid,
|
||||
begintime: that.startTime,
|
||||
endtime: that.endTime,
|
||||
page_index: that.pageIndex
|
||||
},
|
||||
function (res) {
|
||||
var listLength = res.detail.length;
|
||||
if (listLength > 0) {
|
||||
that.list = that.list.concat(res.detail);
|
||||
that.loadState = 1;
|
||||
}
|
||||
|
||||
if (listLength < parseInt(res.page_size)) {
|
||||
that.loadState = 3;
|
||||
that.loadStateMsg = '暂无记录';
|
||||
}
|
||||
}
|
||||
);
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user