首页热门领域，搜索页面修改

app/html/index_home.html

        		<div class="maintit">热门领域</div>
        	</div>
	        <ul class="mui-table-view mui-grid-view mui-grid-9 gridbg">
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
		            <a href="#">
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料失效与保护">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field05.png"/>
		                </div>
		                <div class="mui-media-body">材料失效与保护</div>
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
		            <a href="#">
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料表面与界面">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field02.png"/>
		                </div>
		                <div class="mui-media-body">材料表面与界面</div>
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
		            <a href="#">
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="黑色金属及其合金">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field07.png"/>
		                </div>
		                <div class="mui-media-body">黑色金属及其合金</div>
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
		            <a href="#">
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="金属材料">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field18.png"/>
		                </div>
		                <div class="mui-media-body">有色金属及其合金</div>
		                <div class="mui-media-body">金属材料</div>
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
		            <a href="#">
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="有色金属及其合金">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field04.png"/>
		                </div>
		                <div class="mui-media-body">材料检测与分析技术</div>
		                <div class="mui-media-body">有色金属及其合金</div>
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
		            <a href="#">
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料检测与分析技术">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field16.png"/>
		                </div>
		                <div class="mui-media-body">非晶、微晶金属材料</div>
		                <div class="mui-media-body">材料检测与分析技术</div>
		            </a>
		        </li>
            </ul>

app/html/search-home.html

			<div class="hotsearchbox">
				<div>热门搜索</div>
				<ul class="hotsearch">
		       		<li>11</li>
		       		<li>领域领域领域2</li>
		       		<li>领域领域领域领域3</li>
		       		<li>领域4</li>
		       		<li>领域领1</li>
		       		<li>领域1</li>
		       		<li>领域1</li>
		       		<li>材料检测</li>
		       		<li>防腐蚀</li>
		       		<li>材料表面与界面</li>
		       		<li>微晶金属材料</li>
		       		<li>黑色金属</li>
		       		<li>金属基复合材料</li>
		       	</ul>
			</div>
		</div>  

app/js/index.js

var table = document.body.querySelector('.list');
var search = document.getElementById("search");
mui.plusReady(function(){
	plus.nativeUI.showWaiting();
})
mui('.list').on('tap','a',function(){
	var id=this.getAttribute("data-id");
	console.log(id);
	var nwaiting = plus.nativeUI.showWaiting();//显示原生等待框
	plus.nativeUI.showWaiting();//显示原生等待框
    webviewShow = plus.webview.create("../html/proinforbrow.html",'proinforbrow.html',{},{proid:id});//后台创建webview并打开show.html
    webviewShow.addEventListener("loaded", function() {
        nwaiting.close(); //新webview的载入完毕后关闭等待框
        webviewShow.show("slide-in-right",150); //把新webview窗体显示出来，显示动画效果为速度150毫秒的右侧移入动画
    }, false);
})
    }, false);
});
/*点击热门领域*/
mui('.gridbg').on('tap','li',function(){
	var subject = this.getAttribute("data-title");
	plus.nativeUI.showWaiting();//显示原生等待框
    webviewShow = plus.webview.create("../html/search.html",'search.html',{},{subject:subject,bigClass:1});//后台创建webview并打开show.html
})
/*页面数据初始化*/
getOnePase();
			async:false,
			success: function(data) {
				if(data.success) {
			
					//console.log("成功");
					var dice1 = data.data.total; //总条数
					var dice2 = data.data.pageSize; //每页条数
			timeout: 10000,
			success: function(data) {
				if(data.success) {
					plus.nativeUI.closeWaiting();
					var datalist = data.data.data;
					datalistEach(datalist);
				}

app/js/searchhome.js

var xsly = document.getElementById("xsly");
var provinceVal = document.getElementById("provinceval");
var addressVal = document.getElementById("addressval");
var subjectid = document.getElementById("subjectid");
var industryid = document.getElementById("industryid");
mui.init({
mui.plusReady(function(){
	
	/*点击专家和资源列表*/
	mui('.list').on('tap','a',function(){
		var id=this.getAttribute("data-id");
		//console.log(id);
		var nwaiting = plus.nativeUI.showWaiting();//显示原生等待框
		plus.nativeUI.showWaiting();//显示原生等待框
		if(bigClass==1){
			webviewShow = plus.webview.create("../html/proinforbrow.html",'proinforbrow.html',{},{proid:id});
			plus.webview.create("../html/proinforbrow.html",'proinforbrow.html',{},{proid:id});
		}else{
			webviewShow = plus.webview.create("../html/resinforbrow.html",'resinforbrow.html',{},{resourceId:id});	
			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;
	if(self.key==undefined){
		self.key="";
	}else{
		key=self.key;
		searchVal.value=key;
	}
	if(self.subject==undefined){
		self.subject="学术领域";
		
	}else{
		subject=self.subject;
		subjectid.innerText = self.subject;
	}
	
    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);	
})
	if(e.keyCode == 13) {
		pageNo = 1
		key = searchVal.value;
		console.log(key);
	/*	console.log(key);
	console.log(subject);
	console.log(industry);
	console.log(address);
	console.log(province);
	console.log(authentication);
	console.log(authentication);*/
		plus.nativeUI.showWaiting();
		expert(key, subject, industry, province, address, authentication, 10, 1);
	if(address == "全省") {
		address = "";
	}
	console.log(province);
	console.log(address);
	//console.log(province);
	//console.log(address);
	plus.nativeUI.showWaiting();
	mui('.mui-popover').popover('hide');
	expert(key, subject, industry, province, address, authentication, 10, 1);
	pageNo = 1
	key = searchVal.value;
	industry = this.innerText;
	document.getElementById("industryid").innerText = industry;
	industryid.innerText = industry;
	document.querySelector('#yyhy li a.active').classList.remove('active');
	this.classList.add("active");
	if(industry == "不限") {
		industry = "";
		industryid.innerText ="应用行业";
	}
	plus.nativeUI.showWaiting();
	mui('.mui-popover').popover('hide');
	pageNo = 1
	key = searchVal.value;
	subject = this.innerText;
	document.getElementById("subjectid").innerText = subject;
	subjectid.innerText = subject;
	document.querySelector('#xsly li a.active').classList.remove('active');
	this.classList.add("active");
	if(subject == "不限") {
		subject = "";
		subjectid.innerText="学术领域";
	}
	/*	console.log(key);
		console.log(subject);