ekexiu.app/app/js/searchhome.js

//搜索首页
var ifdiv = false;
var bigClass = 1,
	allPages = 1; // 总页数;
var key = "",
	subject = "",
	industry = "",
	province = "",
	address = "",
	authentication = "",
	pageSize = 0,
	pageNo = 1
var showblock = document.getElementById("li_show");
var selectblock = document.getElementById("div_select");
var searchVal = document.getElementById("searchval");
var table = document.body.querySelector('.list');
var yyhy = document.getElementById("yyhy");
var xsly = document.getElementById("xsly");
var provinceVal = document.getElementById("provinceval");
var addressVal = document.getElementById("addressval");


mui.init({
		pullRefresh: {
			container: '#pullrefresh',
			up: {
				contentrefresh: '正在加载...',
				callback: pullupRefresh
			}
		}
});

function pullupRefresh() {
	pageNo = ++pageNo;
	console.log(pageNo)
	key = searchVal.value;
	setTimeout(function() {
		expert2(key, subject, industry, province, address, authentication, 10, pageNo)
	}, 1000);
}

if(mui.os.plus) {
	mui.plusReady(function() {
		setTimeout(function() {
			mui('#pullrefresh').pullRefresh().pulldownLoading();
		}, 500);
	});
} else {
	mui.ready(function() {
		mui('#pullrefresh').pullRefresh().pulldownLoading();
	});
}

mui.plusReady(function(){
	
	mui('.list').on('tap','a',function(){
		var id=this.getAttribute("data-id");
		console.log(id);
		var nwaiting = plus.nativeUI.showWaiting();//显示原生等待框
		if(bigClass==1){
			webviewShow = plus.webview.create("../html/proinforbrow.html",'proinforbrow.html',{},{proid:id});
		}else{
			webviewShow = plus.webview.create("../html/resinforbrow.html",'resinforbrow.html',{},{resourceId:id});	
		}
	    webviewShow.addEventListener("loaded", function() {
	        nwaiting.close(); //新webview的载入完毕后关闭等待框
	        webviewShow.show("slide-in-right",150); //把新webview窗体显示出来，显示动画效果为速度150毫秒的右侧移入动画
	    }, false);
	})
	
	var self = plus.webview.currentWebview();
	searchVal.value=self.key;
	key=self.key;
    bigClass=self.bigClass;
    if(bigClass==1){
    	selectblock.innerText='专家';
    }else{
    	selectblock.innerText='资源';
    }
	//var perrid = plus.webview.getWebviewById('../html/search-home.html');
	//perrid.close();
    expert(key, subject, industry, province, address, authentication, 10, 1);	
})

/*搜专家搜资源的下拉选择框*/
selectblock.addEventListener('tap', function() {
	showblock.style.display = 'block';
});

mui("#li_show").on('tap', 'li', function() {
	bigClass = this.getAttribute("data-num");
	selectblock.innerHTML = this.innerHTML;
	showblock.style.display = 'none';
	plus.nativeUI.showWaiting();
	expert(key, subject, industry, province, address, authentication, 10, 1);
});

/*按键字搜索*/
searchval.addEventListener("keyup", function() {
	var e = event || window.event || arguments.caller.arguments[0];
	if(e.keyCode == 13) {
		key = searchVal.value;
		plus.nativeUI.showWaiting();
		expert(key, subject, industry, province, address, authentication, 10, 1);
	}
})

/*省会*/
mui(".provinceval").on('tap', 'a', function() {
	key = searchVal.value;
	province = this.innerText;
	document.getElementById("addressid").innerText = province;
	document.querySelector('#provinceval li a.active').classList.remove('active');
	this.classList.add("active");
	if(province == "全国") {
		province = "";
		address = "";
		addressVal.innerHTML = "";
		plus.nativeUI.showWaiting();
		mui('.mui-popover').popover('hide');
		expert(key, subject, industry, province, address, authentication, 10, 1);
	} else {
		mui.ajax(baseUrl + '/ajax/dataDict/qaCity', {
			data: {
				"dictCode": "ADDRESS",
				province: province
			},
			dataType: 'json', //数据格式类型
			type: 'GET', //http请求类型
			timeout: 10000,
			success: function(data) {
				var finallist = '<li class="mui-table-view-cell"><a class="active">全省</a></li>';
				console.log(data.success)
				console.log(JSON.stringify(data.data))
				if(data.success && data.data != "") {
					mui.each(data.data, function(i, n) {
						finallist += '<li class="mui-table-view-cell"><a >' + n.caption + '</a></li>';
					});
					addressVal.innerHTML = finallist;
				}

			},
			error: function() {
				plus.nativeUI.toast("服务器链接超时", toastStyle);
			}
		});
	}
});

/*市检索*/
mui("#addressval").on('tap', 'a', function() {
	key = searchVal.value;
	address = this.innerText;
	document.querySelector('#addressval li a.active').classList.remove('active');
	this.classList.add("active");
	if(address == "全省") {
		address = "";
	}
	console.log(province);
	console.log(address);
	plus.nativeUI.showWaiting();
	mui('.mui-popover').popover('hide');
	expert(key, subject, industry, province, address, authentication, 10, 1);
})

/*应用行业*/
mui(".yyhy").on('tap', 'a', function() {
	key = searchVal.value;
	industry = this.innerText;
	document.getElementById("industryid").innerText = industry;
	document.querySelector('#yyhy li a.active').classList.remove('active');
	this.classList.add("active");
	if(industry == "不限") {
		industry = "";
	}
	plus.nativeUI.showWaiting();
	mui('.mui-popover').popover('hide');
	console.log(key);
	console.log(subject);
	console.log(industry);
	console.log(address);
	console.log(province);
	console.log(authentication);
	expert(key, subject, industry, province, address, authentication, 10, 1);
});

/*学术领域*/
mui(".xsly").on('tap', 'a', function() {
	key = searchVal.value;
	subject = this.innerText;
	document.getElementById("subjectid").innerText = subject;
	document.querySelector('#xsly li a.active').classList.remove('active');
	this.classList.add("active");
	if(subject == "不限") {
		subject = "";
	}
	/*	console.log(key);
		console.log(subject);
		console.log(industry);
		console.log(address);
		console.log(province);
		console.log(authentication);*/
	plus.nativeUI.showWaiting();
	mui('.mui-popover').popover('hide');
	expert(key, subject, industry, province, address, authentication, 10, 1);
});

/*初始化数据*/
function expert(key, subject, industry, province, address, authentication, pageSize, pageNo) {
		console.log(pageNo)
	if(bigClass == 1) {
		mui.ajax(baseUrl + '/ajax/professor/pqAPP', {
			data: {
				"key": key,
				"subject": subject,
				"industry": industry,
				"province": province,
				"address": address,
				"authentication": authentication,
				"pageSize": pageSize,
				"pageNo": pageNo,
			},
			dataType: 'json', //数据格式类型
			type: 'GET', //http请求类型
			timeout: 10000,
			success: function(data) {
				table.innerHTML = '';
				plus.nativeUI.closeWaiting();
				if(data.success && data.data.data != '') {
					var datalist = data.data.data;
					datalistEach(datalist);
				} else {
					plus.nativeUI.toast("抱歉，没有找到对应的搜索", toastStyle);
				}
			},
			error: function() {
				plus.nativeUI.toast("服务器链接超时", toastStyle);
			}
		});
	} else {
		mui.ajax(baseUrl + '/ajax/resource/pqRes', {
			data: {
				"key": key,
				"subject": subject,
				"industry": industry,
				"province": province,
				"address": address,
				"authentication": authentication,
				"pageSize": pageSize,
				"pageNo": pageNo,
			},
			dataType: 'json', //数据格式类型
			type: 'GET', //http请求类型
			timeout: 10000,
			success: function(data) {
				table.innerHTML = '';
				plus.nativeUI.closeWaiting();
				if(data.success && data.data.data != '') {
					var datalist = data.data.data;
					resourcesEach(datalist);
				} else {
					plus.nativeUI.toast("抱歉，没有找到对应的搜索", toastStyle);
				}
			},
			error: function() {
				plus.nativeUI.toast("服务器链接超时", toastStyle);
			}
		});
	}

}

/*上拉刷新数据*/
function expert2(key, subject, industry, province, address, authentication, pageSize, pageNo) {
	//console.log(pageNo)
	//console.log(bigClass);
	if(bigClass == 1) {
		mui.ajax(baseUrl + '/ajax/professor/pqAPP', {
			data: {
				"key": key,
				"subject": subject,
				"industry": industry,
				"province": province,
				"address": address,
				"authentication": authentication,
				"pageSize": pageSize,
				"pageNo": pageNo,
			},
			dataType: 'json', //数据格式类型
			type: 'GET', //http请求类型
			timeout: 10000,
			async: false,
			success: function(data) {
				plus.nativeUI.closeWaiting();
				if(data.success && data.data.data != '') {
					mui('#pullrefresh').pullRefresh().enablePullupToRefresh(); //启用上拉刷新
					var datalist = data.data.data;
					var dice1 = data.data.total; //总条数
					var dice2 = data.data.pageSize; //每页条数
					if(pageNo == 1) { //下拉刷新需要先清空数据
						table.innerHTML = ''; // 在这里清空可以防止刷新时白屏
					}
					allPages = dice1 / dice2;
					var datalist = data.data.data;
					datalistEach(datalist);
					if(pageNo < allPages) {
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); //能上拉
					} else {
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); //不能上拉
					}

				} else {
					mui('#pullrefresh').pullRefresh().disablePullupToRefresh(); //没有数据禁止上拉刷新
					table.innerHTML = '';
					plus.nativeUI.toast("抱歉，没有找到对应的搜索", toastStyle);
				}
			},
			error: function() {
				plus.nativeUI.toast("服务器链接超时", toastStyle);
				mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
			}
		});
	} else {
		mui.ajax(baseUrl + '/ajax/resource/pqRes', {
			data: {
				"key": key,
				"subject": subject,
				"industry": industry,
				"province": province,
				"address": address,
				"authentication": authentication,
				"pageSize": pageSize,
				"pageNo": pageNo,
			},
			dataType: 'json', //数据格式类型
			type: 'GET', //http请求类型
			timeout: 10000,
			async: false,
			success: function(data) {
				plus.nativeUI.closeWaiting();
				if(data.success && data.data.data != '') {
					mui('#pullrefresh').pullRefresh().enablePullupToRefresh(); //启用上拉刷新
					var datalist = data.data.data;
					var dice1 = data.data.total; //总条数
					var dice2 = data.data.pageSize; //每页条数
					if(pageNo == 1) { //下拉刷新需要先清空数据
						table.innerHTML = ''; // 在这里清空可以防止刷新时白屏
					}
					allPages = dice1 / dice2;
					var datalist = data.data.data;
					resourcesEach(datalist);
					if(pageNo < allPages) {
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); //能上拉
					} else {
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); //不能上拉
					}

				} else {
					mui('#pullrefresh').pullRefresh().disablePullupToRefresh(); //没有数据禁止上拉刷新
					table.innerHTML = '';
					plus.nativeUI.toast("抱歉，没有找到对应的搜索", toastStyle);
				}
			},
			error: function() {
				plus.nativeUI.toast("服务器链接超时", toastStyle);
				mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
			}
		});
	}

}

/*专家数据遍历*/
function datalistEach(datalist) {
	mui.each(datalist, function(index, item) {
		/*获取头像*/
		if(item.hasHeadImage == 1) {
			var img = baseUrl + "/images/head/" + item.id + "_m.jpg";
		} else {
			var img = "../images/default-photo.jpg";
		}

		/*判断用户是否认证*/
		var icon = ''
		if(item.authentication == 1) {
			icon = '<em class="mui-icon iconfont icon-vip authicon"></em>';
		} else {
			icon = '<em class="mui-icon iconfont icon-vip unauthicon"></em>';
		}

		/*获取研究方向信息*/
		var researchAreas = item.researchAreas;
		var rlist = ''
		for(var n = 0; n < researchAreas.length; n++) {
			rlist = '<span>' + researchAreas[n].caption + '</span>、';
		}

		/*获取资源信息*/
		var resources = item.resources;
		var zlist = ''
		for(var m = 0; m < resources.length; m++) {
			zlist = '<span>' + resources[m].resourceName + '</span>、';
		}

		var title = item.title || "";
		var office = item.office || "";
		var orgName = item.orgName || "";
		var address = item.address || "";

		if(title != "") {
			title = title + " , ";
		}
		if(office != "") {
			office = office + " , ";
		}
		if(orgName != "") {
			orgName = orgName;
		}
		if(address != "") {
			address = " | " + address;
		}

		var li = document.createElement('li');
		li.className = 'mui-table-view-cell mui-media';

		li.innerHTML = '<a class="proinfor" data-id="'+item.id+'"' +
			'<p><img class="mui-media-object mui-pull-left headimg" src="' + img + '"></p>' +
			'<div class="mui-media-body">' +
			'<span class="listtit">' + item.name + icon + '</span>' +
			'<p class="listtit2"><span>' + title + '</span><span>' + office + '</span><span>' + orgName + '</span><span>' + address + '</span></p>' +
			'<p class="mui-ellipsis listtit3">' + rlist + '</p>' +
			'<p class="mui-ellipsis listtit3">' + zlist + '</p>' +
			'</div></a></li>';

		table.appendChild(li, table.firstChild);
	});
}

/*资源数据遍历*/
function resourcesEach(datalist) {
	mui.each(datalist, function(index, item) {

		/*获取头像*/
		if(item.images.length) {
			var img = baseUrl + "/images/resource/" + item.resourceId + ".jpg";
		} else {
			var img = "../images/default-resource.jpg";
		}

		/*判断用户是否认证*/
		var icon = ''
		if(item.professor.authentication == true) {
			icon = '<em class="mui-icon iconfont icon-vip authicon"></em>';
		} else {
			icon = '<em class="mui-icon iconfont icon-vip unauthicon"></em>';
		}

		var title = item.professor.title || "";
		var office = item.professor.office || "";
		var orgName = item.professor.orgName || "";
		var address = item.professor.address || "";

		if(title != "") {
			title = title + " , ";
		}
		if(office != "") {
			office = office + " , ";
		}
		if(orgName != "") {
			orgName = orgName;
		}
		if(address != "") {
			address = " | " + address;
		}

		var li = document.createElement('li');
		li.className = 'mui-table-view-cell mui-media';

		li.innerHTML = '<a class="proinfor" data-id="'+item.resourceId+'"' +
			'<p><img class="mui-media-object mui-pull-left resimg" src="' + img + '"></p>' +
			'<div class="mui-media-body">' +
			'<span class="listtit">' + item.resourceName + '</span>' +
			'<p class="mui-ellipsis listtit2">' + item.supportedServices + '</p>' +
			'<span class="listtit">' + item.professor.name + icon + '</span>' +
			'<p class="listtit3"><span>' + title + '</span><span>' + office + '</span><span>' + orgName + '</span><span>' + address + '</span></p>' +
			'</div></a></li>';

		table.appendChild(li, table.firstChild);
	});
}

//省
mui.ajax(baseUrl + '/ajax/dataDict/qaCity', {
	data: {
		"dictCode": "PROVINCE"
	},
	dataType: 'json', //数据格式类型
	type: 'GET', //http请求类型
	timeout: 10000,
	success: function(data) {
		var finallist = '<li class="mui-table-view-cell"><a class="active">全国</a></li>';
		console.log(data.success)
		console.log(JSON.stringify(data.data))
		if(data.success && data.data != "") {
			mui.each(data.data, function(i, n) {
				finallist += '<li class="mui-table-view-cell"><a >' + n.caption + '</a></li>';
			});
			provinceVal.innerHTML = finallist;
		}

	},
	error: function() {
		plus.nativeUI.toast("服务器链接超时", toastStyle);
	}
});
//应用行业
mui.ajax(baseUrl + '/ajax/dataDict/qa/INDUSTRY', {
	dataType: 'json', //数据格式类型
	type: 'GET', //http请求类型
	timeout: 10000,
	success: function(data) {
		var finallist = '<li class="mui-table-view-cell mui-col-xs-5"><a class="active">不限</a></li>';
		console.log(data.success)
		console.log(JSON.stringify(data.data))
		if(data.success && data.data != "") {
			mui.each(data.data, function(i, n) {
				finallist += '<li class="mui-table-view-cell mui-col-xs-5"><a >' + n.caption + '</a></li>';
			});
			yyhy.innerHTML = finallist;
		}

	},
	error: function() {
		plus.nativeUI.toast("服务器链接超时", toastStyle);
	}
});
//学术领域
mui.ajax(baseUrl + '/ajax/dataDict/qa/SUBJECT', {
	dataType: 'json', //数据格式类型
	type: 'GET', //http请求类型
	timeout: 10000,
	success: function(data) {
		var finallist = '<li class="mui-table-view-cell mui-col-xs-5"><a class="active" >不限</a></li>';
		//console.log(data.success)
		//console.log(JSON.stringify(data.data))
		if(data.success && data.data != "") {
			mui.each(data.data, function(i, n) {
				finallist += '<li class="mui-table-view-cell mui-col-xs-5"><a >' + n.caption + '</a></li>';
			});
			xsly.innerHTML = finallist;
		}

	},
	error: function() {
		plus.nativeUI.toast("服务器链接超时", toastStyle);
	}
});