huanghai
/
QingLong
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://10.10.14.176:3000/huanghai/QingLong

Browse Source
main
黄海 2 years ago
parent 17e43d61e9 7415011da2
commit 78c7c92dfe
1 changed files with 77 additions and 36 deletions
Show Stats Download Patch File Download Diff File

113
WebRoot/view/tb/mobile/list.html
Unescape View File

@ -129,7 +129,7 @@
<input id="wSearch" type="search" class="mui-input-clear" placeholder="请输入任务名称1"> <input id="wSearch" type="search" class="mui-input-clear" placeholder="请输入任务名称1">
</div> </div>
<div class="mui-scroll-wrapper" style="margin-top: 45px;"> <div class="mui-scroll-wrapper" style="margin-top: 45px;">
<div class="mui-scroll"> <div class="mui-scroll1">
<ul class="mui-table-view" id="wTab"> <ul class="mui-table-view" id="wTab">
</ul> </ul>
@ -141,7 +141,7 @@
<input id="ySearch" type="search" class="mui-input-clear" placeholder="请输入任务名称2"> <input id="ySearch" type="search" class="mui-input-clear" placeholder="请输入任务名称2">
</div> </div>
<div class="mui-scroll-wrapper" style="margin-top: 45px;"> <div class="mui-scroll-wrapper" style="margin-top: 45px;">
<div class="mui-scroll"> <div class="mui-scroll2">
<ul class="mui-table-view" id="yTab"> <ul class="mui-table-view" id="yTab">
</ul> </ul>
@ -170,11 +170,16 @@
} }
var loadWList = function (page, keyword) { var loadWList = function (page, keyword) {
var _limit = 20;
var flag = true;
$.ajax({ $.ajax({
url: "/QingLong/collect/viewJobListPerson?page=" + page + "&limit=20&keyword=" + keyword + "&is_finish=0", url: "/QingLong/collect/viewJobListPerson?page=" + page + "&limit=" + _limit + "&keyword=" + keyword + "&is_finish=0",
async: false, async: false,
type: 'GET', type: 'GET',
success: function (res) { success: function (res) {
if (page * _limit < res.count) {
flag = false;
}
res.data.forEach(function (item) { res.data.forEach(function (item) {
var _html = "<li class='mui-table-view-cell' onclick='report(" + item.job_id + "," + item.jiezhi + "," + item.status_code + ",\"" + item.target_id + "\")'>" + var _html = "<li class='mui-table-view-cell' onclick='report(" + item.job_id + "," + item.jiezhi + "," + item.status_code + ",\"" + item.target_id + "\")'>" +
"<div class='mui-table'>" + "<div class='mui-table'>" +
@ -190,18 +195,23 @@
$("#wTab").append(_html); $("#wTab").append(_html);
}); });
_wPage += 1; _wPage += 1;
} }
}); });
return flag;
} }
var loadYList = function (page, keyword) { var loadYList = function (page, keyword) {
var _limit = 20;
var flag = true;
$.ajax({ $.ajax({
url: "/QingLong/collect/viewJobListPerson?page=" + page + "&limit=20&keyword=" + keyword + "&is_finish=1", url: "/QingLong/collect/viewJobListPerson?page=" + page + "&limit=" + _limit + "&keyword=" + keyword + "&is_finish=1",
async: false, async: false,
type: 'GET', type: 'GET',
success: function (res) { success: function (res) {
if (page * _limit < res.count) {
flag = false;
}
res.data.forEach(function (item) { res.data.forEach(function (item) {
var _html = ""; var _html = "";
@ -238,9 +248,13 @@
_yPage += 1; _yPage += 1;
} }
}); });
return flag;
} }
$(function () { $(function () {
var pullToRefreshW;
var pullToRefreshY;
var tabFlag = window.localStorage.getItem('tabFlag'); var tabFlag = window.localStorage.getItem('tabFlag');
if (tabFlag == 1) { if (tabFlag == 1) {
@ -248,55 +262,71 @@
$("#item1").addClass("mui-active"); $("#item1").addClass("mui-active");
$("#tab2").removeClass("mui-active"); $("#tab2").removeClass("mui-active");
$("#item2").removeClass("mui-active"); $("#item2").removeClass("mui-active");
$("#wTab").empty(); _wPage = 1;
loadWList(1, ""); wList();
} else { } else {
$("#tab2").addClass("mui-active"); $("#tab2").addClass("mui-active");
$("#item2").addClass("mui-active"); $("#item2").addClass("mui-active");
$("#tab1").removeClass("mui-active"); $("#tab1").removeClass("mui-active");
$("#item1").removeClass("mui-active"); $("#item1").removeClass("mui-active");
$(".mui-slider-group").css({ $(".mui-slider-group").css({
"transform": "translate3d(-"+$(window).width()+"px, 0px, 0px) translateZ(0px)", "transform": "translate3d(-" + $(window).width() + "px, 0px, 0px) translateZ(0px)",
"transition-duration": "0ms" "transition-duration": "0ms"
}); });
$("#yTab").empty(); _yPage = 1;
loadYList(1, ""); yList();
} }
$("#wSearch").keypress(function (event) { $("#wSearch").keypress(function (event) {
if (event.which == 13) { if (event.which == 13) {
pullToRefreshW.refresh(true);
$("#wTab").empty(); $("#wTab").empty();
loadWList(1, $("#wSearch").val()); _wPage = 1;
wList();
} }
}); });
$("#ySearch").keypress(function (event) { $("#ySearch").keypress(function (event) {
if (event.which == 13) { if (event.which == 13) {
pullToRefreshY.refresh(true);
$("#yTab").empty(); $("#yTab").empty();
loadYList(1, $("#ySearch").val()); _yPage = 1;
yList();
} }
}); });
mui(".mui-icon-clear")[0].addEventListener('tap', function () { mui(".mui-icon-clear")[0].addEventListener('tap', function () {
pullToRefreshW.refresh(true);
$("#wTab").empty(); $("#wTab").empty();
loadWList(1, ""); _wPage = 1;
wList();
}); });
mui(".mui-icon-clear")[1].addEventListener('tap', function () { mui(".mui-icon-clear")[1].addEventListener('tap', function () {
pullToRefreshY.refresh(true);
$("#yTab").empty(); $("#yTab").empty();
loadYList(1, ""); _yPage = 1;
yList();
}); });
mui(".mui-control-item")[0].addEventListener('tap', function () { mui(".mui-control-item")[0].addEventListener('tap', function () {
if (typeof pullToRefreshW != 'undefined') {
pullToRefreshW.refresh(true);
}
window.localStorage.setItem('tabFlag', 1); window.localStorage.setItem('tabFlag', 1);
$("#wTab").empty(); $("#wTab").empty();
loadWList(1, ""); _wPage = 1;
wList();
}); });
mui(".mui-control-item")[1].addEventListener('tap', function () { mui(".mui-control-item")[1].addEventListener('tap', function () {
if (typeof pullToRefreshY != 'undefined') {
pullToRefreshY.refresh(true);
}
window.localStorage.setItem('tabFlag', 2); window.localStorage.setItem('tabFlag', 2);
$("#yTab").empty(); $("#yTab").empty();
loadYList(1, ""); _yPage = 1;
yList();
}); });
//阻尼系数 //阻尼系数
@ -306,28 +336,39 @@
indicators: true, //是否显示滚动条 indicators: true, //是否显示滚动条
deceleration: deceleration deceleration: deceleration
}); });
mui.ready(function () {
//循环初始化所有下拉刷新，上拉加载。 function wList() {
mui.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function (index, pullRefreshEl) {
mui(pullRefreshEl).pullToRefresh({ pullToRefreshW = mui('.mui-scroll1').pullToRefresh({
up: { up: {
// auto: true, auto: true,
callback: function () { callback: function () {
var self = this; var self = this;
setTimeout(function () { setTimeout(function () {
if (index == 0) { var flag = loadWList(_wPage, $("#wSearch").val());
loadWList(_wPage, ""); self.endPullUpToRefresh(flag);
} else { }, 200);
loadYList(_yPage, "");
}
self.endPullUpToRefresh();
}, 500);
}
} }
}); }
}); });
}
function yList() {
pullToRefreshY = mui('.mui-scroll2').pullToRefresh({
up: {
auto: true,
callback: function () {
var self = this;
console.log("wList2");
setTimeout(function () {
var flag = loadYList(_yPage, $("#ySearch").val());
self.endPullUpToRefresh(flag);
}, 200);
}
}
});
}
});
}); });
</script> </script>
</body> </body>

Write Preview
Loading…
Cancel
Save