<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title></title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<script src="../../js/mui.min.js"></script>
|
<script src="../../js/api.js"></script>
|
<script src="../../js/common.js"></script>
|
<script src="../../js/template-web.js"></script>
|
<script src="../../js/jquery.js"></script>
|
<script src="../../js/jquery-1.11.1.js"></script>
|
<script src="../../js/jquery.xml2json.js.js"></script>
|
<link href="../../css/mui.min.css" rel="stylesheet" />
|
<link href="../../css/mui.picker.min.css" rel="stylesheet" />
|
<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
|
<link rel="stylesheet" type="text/css" href="../lyt/css/common_s.css" />
|
<script src="../../js/mui.picker.min.js"></script>
|
<style type="text/css">
|
.search {
|
border: 1px solid #e0e0e0;
|
border-radius: 5px;
|
display: flex;
|
width: 100%;
|
align-items: center;
|
margin-top: 10px;
|
/* padding:0px 10px 0;*/
|
background-color: rgba(255, 255, 255, 1);
|
padding-left: 10px;
|
margin-bottom: 10px;
|
height: 40px;
|
}
|
|
.search input {
|
margin-bottom: 2px;
|
padding: 0px 0px;
|
background: none;
|
font-size: 1.6rem;
|
}
|
|
.font {
|
font-size: 1.6rem;
|
}
|
|
.font-s {
|
font-size: 1.4rem;
|
}
|
|
.item-height {
|
height: 3.5rem;
|
}
|
</style>
|
</head>
|
<body class="mui-fullscreen">
|
<header class="mui-bar mui-bar-nav">
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
<h1 class="mui-title font">极片露空时间录入</h1>
|
</header>
|
<div class="mui-content">
|
<div class="search">
|
<input type="search" class="mui-input-clear" id="keyword" placeholder="输入关键字查询">
|
<button type="button" data-loading-text="查询中" id="searchBtn" style="font-size:1.3rem;" class="mui-btn mui-btn-green mui-icon mui-icon-plus">点击查询</button>
|
</div>
|
<button type="button" class="mui-btn mui-btn-blue mui-icon mui-icon-arrowup back-top font" id="backTop">
|
回到顶部</button>
|
<div class="mui-scroll-wrapper" id="pullrefresh">
|
<div class="mui-scroll" id="contentId">
|
</div>
|
</div>
|
<script id='record-template' type="text/template">
|
<% for(var i in record){ var item=record[i]; %>
|
<div class="mui-card">
|
<div class="mui-card-header font">
|
工单号:<%=(item.TASK_NO)%>
|
{{if item.FSUBMIT =="0"}}
|
<div class="font-seal-apply">待提交</div>
|
{{else}}
|
{{if item.STATUS =="0"}}
|
<div class="font-seal-r">待审核</div>
|
{{else}}
|
<div class="font-seal-r-ok">已审核</div>
|
{{/if}}
|
{{/if}}
|
</div>
|
<div class="mui-card-content">
|
<ul class="mui-table-view">
|
<li class="mui-table-view-cell mui-media" mid-data='<%=(item.ID)%>'>
|
<a href="javascript:;" class="mui-navigate-right">
|
<div class="mui-media-body">
|
<p class='mui-ellipsis font-s p-left'>
|
</br>
|
露空开始时间:<%=(item.BEGIN_DATE)%></br></br>
|
露空结束时间:<%=(item.END_DATE)%></br></br>
|
{{if item.IS_NUMBER=="0"}}
|
是否放入烤箱:否</br></br>
|
{{else}}
|
是否放入烤箱:是</br></br>
|
{{/if}}
|
</p>
|
</div>
|
</a>
|
</li>
|
</ul>
|
</div>
|
<div class="mui-card-footer">
|
<span class="font-s">修改人:<%=(item.UFNAME)%></span>
|
<span class="font-s">修改时间:<%=(item.LASTUPDATE_DATE)%></span>
|
</div>
|
<div class="mui-card-footer">
|
<span class="font-s">提交人:<%=(item.SFNAME)%></span>
|
<span class="font-s">提交时间:<%=(item.FSUBMIT_DATE)%></span>
|
</div>
|
<div class="mui-card-footer">
|
<span class="font-s">审核人:<%=(item.CFNAME)%></span>
|
<span class="font-s">审核时间:<%=(item.CHECK_DATE)%></span>
|
</div>
|
</div>
|
</div>
|
<%}%>
|
</script>
|
<script type="text/javascript" charset="utf-8">
|
var searchType='';
|
var keyword='';
|
var count = 1;
|
window.addEventListener('refresh', function(e) { //监听页面返回事件
|
getData("",1,2);
|
});
|
mui.init({
|
pullRefresh: {
|
container: '#pullrefresh',
|
down: { //下拉刷新
|
auto: true, //可选,默认false.自动下拉刷新一次
|
contentdown: "下拉可以刷新", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
|
contentover: "释放立即刷新", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
|
contentrefresh: "正在刷新...", //可选，正在刷新状态时，下拉刷新控件上显示的标题内容
|
callback: pulldownRefresh
|
},
|
up: { //上拉加载
|
//auto:true,//可选,默认false.自动上拉加载一次
|
contentrefresh: '正在加载...',
|
contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
|
callback: pullupRefresh
|
}
|
}
|
});
|
mui.plusReady(function() {
|
|
getData("",1,2);
|
document.getElementById('searchBtn').addEventListener('tap', function(event) {
|
keyword = document.getElementById('keyword').value;
|
getData(keyword,1,2);
|
});
|
mui("#contentId").on("tap", "li", function() {
|
var mid_data = this.getAttribute('mid-data'); //主表ID
|
|
OpenWindow('PQCjipian_detail', 'PQCjipian_detail.html', {
|
"mid": mid_data,
|
})
|
})
|
})
|
|
function pulldownRefresh() {
|
count = 1; //第一页
|
type = 1; //代表下拉刷新
|
getData(keyword,count, type); //具体取数据的方法
|
}
|
|
function pullupRefresh() {
|
count++; //翻下一页
|
type = 2; //代表上拉加载
|
getData(keyword,count, type); //具体取数据的方法
|
}
|
|
function getData(keyword,page, type) {
|
//console.log(page)
|
aj.post('/pqc_pole_piece/getItemList', {
|
"factory": api_localStorageGet("factory"),
|
"company": api_localStorageGet("company"),
|
"mid": "",
|
"keyword": keyword,
|
"size": 10,
|
"page": page
|
}, function(data) {
|
//console.log(JSON.stringify(data))
|
if (data.result) {
|
var mData = data.data
|
/*document.getElementById('contentId').innerHTML = template('record-template', {
|
"record": mData
|
}); */
|
|
if (type == 2) { //下拉加载
|
if (mData.length > 0) {
|
var html = '';
|
if (page != 1) {
|
html = document.getElementById("contentId").innerHTML;
|
}
|
document.getElementById('contentId').innerHTML = html + template('record-template', {
|
"record": mData
|
});
|
} else if (page == 1 && mData.length == 0) { //数据清空后不会遗留
|
document.getElementById('contentId').innerHTML = template('record-template', {
|
"record": []
|
});
|
}
|
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //结束下拉刷新
|
//结束上拉加载，并根据情况切换“下拉显示更多数据”，以及“没有更多数据了”。执行endPullupToRefresh()方法，结束转雪花进度条的“正在加载...”过程,若还有更多数据，则传入false; 否则传入true，之后滚动条滚动到底时
|
if (mData.length > 0) {
|
mui('#pullrefresh').pullRefresh().endPullupToRefresh(false);
|
} else {
|
mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
|
}
|
}
|
if (type == 1) { //上拉刷新
|
/*下面这句很关键！*/
|
mui('#pullrefresh').pullRefresh().refresh(true); //有重新触发上拉加载的需求（比如当前类别已无更多数据，但切换到另外一个类别后，应支持继续上拉加载）
|
//plus.nativeUI.closeWaiting();//数据渲染完毕，关闭加载框
|
mui.currentWebview.show(); //显示当前页面
|
var html = '';
|
//console.log(page != 1)
|
if (page != 1) {
|
html = document.getElementById("contentId").innerHTML;
|
}
|
document.getElementById('contentId').innerHTML = html + template('record-template', {
|
"record": mData
|
});
|
}
|
} else {
|
plus.ui.toast(data.msg);
|
}
|
});
|
}
|
|
|
$("#backTop").click(function(){//回到顶部
|
mui.scrollTo(0,100);
|
})
|
</script>
|
</body>
|
</html>
|
