<!doctype html>
|
<html>
|
<head>
|
[#include "/business/wechat/include/title.html" /]
|
[#include "/business/wechat/include/wheader.html" /]
|
|
|
<script type="text/javascript">
|
function query(flowstate,dataId,pageId) {
|
var $main = $("#"+dataId);
|
var $page = $("#"+pageId);
|
if($.util.isEmpty($main.html())) {
|
var param = {"flowstate":flowstate};
|
$main.empty();
|
$page.pagination({
|
durl:"${base}/ewyw/ewRemind/ewRemindData.html",
|
curl:"${base}/ewyw/ewRemind/ewRemindCount.html",
|
pdiv:pageId,
|
mdiv:dataId,
|
perPage : 5,
|
param:param
|
});
|
}
|
}
|
|
$(function() {
|
query("","mainAll","pageAll");
|
})
|
</script>
|
</head>
|
|
<body>
|
<header class="kltit"><a href="${base}/ewyw/ewfulltext/ewOrder.html"><label></label></a> <a href="javascript:history.go(-1);"><span></span></a>例行维护工单</header>
|
<nav class="kltwo clearfix">
|
<div class="kltwowrap">
|
<a href="#" hidefocus="true" class="active" v="">全部</a>
|
<a href="#" hidefocus="true" v="11">待响应</a>
|
<a href="#" hidefocus="true" v="${Constants.WORKFLOW_BASE_WFSTATE_DOING}">进行中</a>
|
<a href="#" hidefocus="true" v="${Constants.WORKFLOW_BASE_WFSTATE_FINISH}">已完成</a>
|
<a href="#" hidefocus="true" v="${Constants.WORKFLOW_BASE_WFSTATE_CLOSE}">已关闭</a>
|
|
</div>
|
</nav>
|
<div class="swiper-container" id="swiper-pages">
|
<div class="swiper-wrapper">
|
<div class="swiper-slide">
|
<div id="mainAll"></div>
|
<div id="pageAll" class="loadmore"></div>
|
</div>
|
<div class="swiper-slide">
|
<div id="main11"></div>
|
<div id="page11" class="loadmore"></div>
|
</div>
|
<div class="swiper-slide">
|
<div id="main${Constants.WORKFLOW_BASE_WFSTATE_DOING}"></div>
|
<div id="page${Constants.WORKFLOW_BASE_WFSTATE_DOING}" class="loadmore"></div>
|
</div>
|
<div class="swiper-slide">
|
<div id="main${Constants.WORKFLOW_BASE_WFSTATE_FINISH}"></div>
|
<div id="page${Constants.WORKFLOW_BASE_WFSTATE_FINISH}" class="loadmore"></div>
|
</div>
|
<div class="swiper-slide">
|
<div id="main${Constants.WORKFLOW_BASE_WFSTATE_CLOSE}"></div>
|
<div id="page${Constants.WORKFLOW_BASE_WFSTATE_CLOSE}" class="loadmore"></div>
|
</div>
|
|
</div>
|
</div>
|
<script type="text/javascript">
|
n=$('.kltwowrap a').size();
|
var wh=100*n+"%";
|
$('.kltwowrap').width(wh);
|
var lt=(100/n/4);
|
var lt_li=lt+"%";
|
$('.kltwowrap a').width(lt_li);
|
$(".kltwowrap a").on('touchstart mousedown',function(e){
|
e.preventDefault()
|
$(".kltwowrap .active").removeClass('active');
|
$(this).addClass('active');
|
var panelIndex = $(this).index();
|
tabsSwiper.slideTo(panelIndex);
|
});
|
|
$(".kltwowrap a").click(function(e){
|
e.preventDefault();
|
});
|
|
window.onload=function(){
|
var pages = document.getElementById("swiper-pages");
|
var scale = window.screen.height / window.screen.width;
|
pages.style.height = document.body.clientWidth * scale -$('.kltit').height()-$('.kltwo').height() -20 + "px";
|
}
|
|
var tabsSwiper = new Swiper(".swiper-container",{
|
setWrapperSize :true,
|
onSlideChangeStart: function(sw){
|
$(".kltwowrap .active").removeClass('active');
|
var panelIndex = tabsSwiper.activeIndex;
|
var $kltwowrapA = $(".kltwowrap a").eq(panelIndex);
|
$kltwowrapA.addClass('active');
|
$kltwowrapA.parent().css("left",-parseInt(sw.activeIndex/4)*sw.width);
|
var v = $kltwowrapA.attr("v");
|
query(v,"main"+v,"page"+v);
|
}
|
});
|
|
|
</script>
|
</body>
|
</html>
|
