<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title></title>
|
<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>
|
<link href="css/mui.min.css" rel="stylesheet" />
|
<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
|
<style type="text/css">
|
.mui-content {
|
margin-top: 2px;
|
}
|
|
/*header 用户名居于右侧*/
|
.title-right {
|
float: right;
|
line-height: 44px !important;
|
font-size: 16px;
|
}
|
|
</style>
|
</head>
|
<body class="mui-fullscreen">
|
<header class="mui-bar mui-bar-nav" id="header">
|
<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
|
<span class="mui-icon mui-icon-left-nav"></span>
|
</button>
|
<h1 class="mui-title" id="title_name"></h1>
|
<a class="mui-pull-right"><span class="title-right" id="usr"></span></a>
|
</header>
|
<div class="mui-content" id="contentId">
|
<div class="mui-input-row mui-search" >
|
<input id='searchId' type="search" class="mui-input-clear" placeholder="输入关键字查询">
|
</div>
|
<div class="mui-content-padded" style="margin-top: 0px;">
|
<div id="tab1" class="mui-control-content mui-active">
|
<!--下拉刷新容器-->
|
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
|
<div class="mui-scroll">
|
<!--数据列表-->
|
<div id="cardId">
|
<ul class="mui-table-view" style="margin-top: 2px;" id="list">
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<script id='ui-template' type="text/template">
|
<% for(var i in record){ var item=record[i]; %>
|
<li class="mui-table-view-cell" id="huancunLi" data-flot= "<%=(item)%>">
|
<a class="mui-navigate-right"><%=(item)%></a>
|
</li>
|
<% } %>
|
</script>
|
|
<script type="text/javascript" charset="utf-8">
|
var fileName="";var fileTitle = "";
|
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() {
|
document.getElementById("usr").innerHTML = setUsrCode();
|
var web = plus.webview.getWebviewById('select_search_list');
|
|
//fileId
|
fileName = (web.file_name).replace(/\s+/g, "");
|
//console.log(fileName);
|
//设置标题
|
fileTitle = web.title_name;
|
document.getElementById('title_name').innerHTML = fileTitle;
|
|
toList(1,2);
|
//输入法软键盘的搜索
|
document.getElementById("searchId").addEventListener("keydown", function(e) {
|
if (13 == e.keyCode) { //点击了“搜索”
|
//$("#values").focus();获取焦点
|
document.activeElement.blur(); //隐藏软键盘
|
count=1;//第一页
|
toList(1,2); //这里可以写搜索会触发的逻辑，具体内容根据项目需求
|
}
|
}, false);
|
|
//选中
|
mui("#list").on("tap", "li", function(event) {
|
var i = this.getAttribute('data-flot');
|
var view = plus.webview.currentWebview().opener();
|
var fileId = 'selectList-'+fileName+'-'+fileTitle
|
mui.fire(view,'changeFlot',{
|
flot:i,
|
fileId:fileId
|
});
|
mui.back()
|
})
|
})
|
var count = 1;
|
function pulldownRefresh(){
|
count=1;//第一页
|
type=1;//代表下拉刷新
|
toList(count,type);//具体取数据的方法
|
}
|
function pullupRefresh(){
|
//setTimeout(function() {
|
count++;//翻下一页
|
type=2;//代表上拉加载
|
toList(count,type);//具体取数据的方法
|
//}, 100);
|
}
|
//getExcProc(selects[i].innerHTML, api_localStorageGet("code") + '[_N', '', 'select_list');
|
|
function toList(page,type){
|
var fileValue = (api_localStorageGet("code") +'['+document.getElementById("searchId").value+'['+page+'['+20+ '[_N')
|
console.log(fileValue)
|
aj.post("/getExcProc", {
|
|
functionName:api_localStorageGet("functionName") ,
|
fileName:fileName,
|
pmachtype:'',
|
fileValue:fileValue,
|
outFiles:''
|
// factory: api_localStorageGet("factory"),
|
// company: api_localStorageGet("company"),
|
// page: page,
|
// keyword: document.getElementById("searchId").value
|
}, function (data) {
|
//console.log(JSON.stringify(data.data))
|
if (data.result) {
|
if(type==2){//下拉加载
|
if(data.data.length > 0){
|
var html = '';
|
if(page != 1){
|
html = document.getElementById("cardId").innerHTML;
|
}
|
document.getElementById('list').innerHTML = template('ui-template', {
|
"record": data.data.split(',')
|
});
|
|
}
|
mui('#pullrefresh').pullRefresh().endPulldownToRefresh();//结束下拉刷新
|
/*结束上拉加载，并根据情况切换“下拉显示更多数据”，以及“没有更多数据了”。执行endPullupToRefresh()方法，结束转雪花进度条的“正在加载...”过程,若还有更多数据，则传入false; 否则传入true，之后滚动条滚动到底时*/
|
if(data.data.length > 0){
|
mui('#pullrefresh').pullRefresh().endPullupToRefresh(false);
|
} else {
|
mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
|
}
|
}
|
if(type==1){//上拉刷新
|
/*下面这句很关键！*/
|
mui('#pullrefresh').pullRefresh().refresh(true);//有重新触发上拉加载的需求（比如当前类别已无更多数据，但切换到另外一个类别后，应支持继续上拉加载）
|
//vm.companylist = data.company_list;
|
//plus.nativeUI.closeWaiting();//数据渲染完毕，关闭加载框
|
mui.currentWebview.show(); //显示当前页面
|
var html = '';
|
//console.log(page != 1)
|
if(page != 1){
|
html = document.getElementById("cardId").innerHTML;
|
}
|
document.getElementById('list').innerHTML = template('ui-template', {
|
"record": data.data.split(',')
|
});
|
}
|
} else {
|
plus.ui.toast(data.msg);
|
}
|
});
|
}
|
</script>
|
</body>
|
</html>
|
