Browse Source

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

xuchunyang 8 years ago
parent
commit
c7748e4429
4 changed files with 67 additions and 44 deletions
  1. 15 15
      app/html/index_home.html
  2. 6 7
      app/html/search-home.html
  3. 16 5
      app/js/index.js
  4. 30 17
      app/js/searchhome.js

+ 15 - 15
app/html/index_home.html

@ -73,52 +73,52 @@
73 73
        		<div class="maintit">热门领域</div>
74 74
        	</div>
75 75
	        <ul class="mui-table-view mui-grid-view mui-grid-9 gridbg">
76
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
77
		            <a href="#">
76
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料失效与保护">
77
		            <a >
78 78
		                <div class="fieldicon">
79 79
		                	<img src="../images/field05.png"/>
80 80
		                </div>
81 81
		                <div class="mui-media-body">材料失效与保护</div>
82 82
		            </a>
83 83
		        </li>
84
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
85
		            <a href="#">
84
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料表面与界面">
85
		            <a >
86 86
		                <div class="fieldicon">
87 87
		                	<img src="../images/field02.png"/>
88 88
		                </div>
89 89
		                <div class="mui-media-body">材料表面与界面</div>
90 90
		            </a>
91 91
		        </li>
92
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
93
		            <a href="#">
92
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="黑色金属及其合金">
93
		            <a >
94 94
		                <div class="fieldicon">
95 95
		                	<img src="../images/field07.png"/>
96 96
		                </div>
97 97
		                <div class="mui-media-body">黑色金属及其合金</div>
98 98
		            </a>
99 99
		        </li>
100
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
101
		            <a href="#">
100
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="金属材料">
101
		            <a >
102 102
		                <div class="fieldicon">
103 103
		                	<img src="../images/field18.png"/>
104 104
		                </div>
105
		                <div class="mui-media-body">有色金属及其合金</div>
105
		                <div class="mui-media-body">金属材料</div>
106 106
		            </a>
107 107
		        </li>
108
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
109
		            <a href="#">
108
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="有色金属及其合金">
109
		            <a >
110 110
		                <div class="fieldicon">
111 111
		                	<img src="../images/field04.png"/>
112 112
		                </div>
113
		                <div class="mui-media-body">材料检测与分析技术</div>
113
		                <div class="mui-media-body">有色金属及其合金</div>
114 114
		            </a>
115 115
		        </li>
116
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
117
		            <a href="#">
116
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料检测与分析技术">
117
		            <a >
118 118
		                <div class="fieldicon">
119 119
		                	<img src="../images/field16.png"/>
120 120
		                </div>
121
		                <div class="mui-media-body">非晶、微晶金属材料</div>
121
		                <div class="mui-media-body">材料检测与分析技术</div>
122 122
		            </a>
123 123
		        </li>
124 124
            </ul>

+ 6 - 7
app/html/search-home.html

@ -53,13 +53,12 @@
53 53
			<div class="hotsearchbox">
54 54
				<div>热门搜索</div>
55 55
				<ul class="hotsearch">
56
		       		<li>11</li>
57
		       		<li>领域领域领域2</li>
58
		       		<li>领域领域领域领域3</li>
59
		       		<li>领域4</li>
60
		       		<li>领域领1</li>
61
		       		<li>领域1</li>
62
		       		<li>领域1</li>
56
		       		<li>材料检测</li>
57
		       		<li>防腐蚀</li>
58
		       		<li>材料表面与界面</li>
59
		       		<li>微晶金属材料</li>
60
		       		<li>黑色金属</li>
61
		       		<li>金属基复合材料</li>
63 62
		       	</ul>
64 63
			</div>
65 64
		</div>  

+ 16 - 5
app/js/index.js

@ -4,15 +4,16 @@ var allPages = 1; // 总页数
4 4
var table = document.body.querySelector('.list');
5 5
var search = document.getElementById("search");
6 6

7
mui.plusReady(function(){
8
	plus.nativeUI.showWaiting();
9
})
10

11

7 12
mui('.list').on('tap','a',function(){
8 13
	var id=this.getAttribute("data-id");
9 14
	console.log(id);
10
	var nwaiting = plus.nativeUI.showWaiting();//显示原生等待框
15
	plus.nativeUI.showWaiting();//显示原生等待框
11 16
    webviewShow = plus.webview.create("../html/proinforbrow.html",'proinforbrow.html',{},{proid:id});//后台创建webview并打开show.html
12
    webviewShow.addEventListener("loaded", function() {
13
        nwaiting.close(); //新webview的载入完毕后关闭等待框
14
        webviewShow.show("slide-in-right",150); //把新webview窗体显示出来,显示动画效果为速度150毫秒的右侧移入动画
15
    }, false);
16 17
})
17 18

18 19

@ -26,6 +27,14 @@ search.addEventListener('focus', function() {
26 27
    }, false);
27 28
});
28 29

30
/*点击热门领域*/
31
mui('.gridbg').on('tap','li',function(){
32
	var subject = this.getAttribute("data-title");
33
	plus.nativeUI.showWaiting();//显示原生等待框
34
    webviewShow = plus.webview.create("../html/search.html",'search.html',{},{subject:subject,bigClass:1});//后台创建webview并打开show.html
35
})
36

37

29 38
/*页面数据初始化*/
30 39
getOnePase();
31 40

@ -72,6 +81,7 @@ function getaData() {
72 81
			async:false,
73 82
			success: function(data) {
74 83
				if(data.success) {
84
			
75 85
					//console.log("成功");
76 86
					var dice1 = data.data.total; //总条数
77 87
					var dice2 = data.data.pageSize; //每页条数
@ -110,6 +120,7 @@ function getOnePase() {
110 120
			timeout: 10000,
111 121
			success: function(data) {
112 122
				if(data.success) {
123
					plus.nativeUI.closeWaiting();
113 124
					var datalist = data.data.data;
114 125
					datalistEach(datalist);
115 126
				}

+ 30 - 17
app/js/searchhome.js

@ -18,6 +18,8 @@ var yyhy = document.getElementById("yyhy");
18 18
var xsly = document.getElementById("xsly");
19 19
var provinceVal = document.getElementById("provinceval");
20 20
var addressVal = document.getElementById("addressval");
21
var subjectid = document.getElementById("subjectid");
22
var industryid = document.getElementById("industryid");
21 23

22 24

23 25
mui.init({
@ -55,32 +57,41 @@ if(mui.os.plus) {
55 57

56 58
mui.plusReady(function(){
57 59
	
60
	/*点击专家和资源列表*/
58 61
	mui('.list').on('tap','a',function(){
59 62
		var id=this.getAttribute("data-id");
60 63
		//console.log(id);
61
		var nwaiting = plus.nativeUI.showWaiting();//显示原生等待框
64
		plus.nativeUI.showWaiting();//显示原生等待框
62 65
		if(bigClass==1){
63
			webviewShow = plus.webview.create("../html/proinforbrow.html",'proinforbrow.html',{},{proid:id});
66
			plus.webview.create("../html/proinforbrow.html",'proinforbrow.html',{},{proid:id});
64 67
		}else{
65
			webviewShow = plus.webview.create("../html/resinforbrow.html",'resinforbrow.html',{},{resourceId:id});	
68
			plus.webview.create("../html/resinforbrow.html",'resinforbrow.html',{},{resourceId:id});	
66 69
		}
67
	    webviewShow.addEventListener("loaded", function() {
68
	        nwaiting.close(); //新webview的载入完毕后关闭等待框
69
	        webviewShow.show("slide-in-right",150); //把新webview窗体显示出来,显示动画效果为速度150毫秒的右侧移入动画
70
	    }, false);
70
	  
71 71
	})
72 72
	
73 73
	var self = plus.webview.currentWebview();
74
	searchVal.value=self.key;
75
	key=self.key;
74
	if(self.key==undefined){
75
		self.key="";
76
	}else{
77
		key=self.key;
78
		searchVal.value=key;
79
	}
80
	if(self.subject==undefined){
81
		self.subject="学术领域";
82
		
83
	}else{
84
		subject=self.subject;
85
		subjectid.innerText = self.subject;
86
	}
87
	
76 88
    bigClass=self.bigClass;
77 89
    if(bigClass==1){
78 90
    	selectblock.innerText='专家';
79 91
    }else{
80 92
    	selectblock.innerText='资源';
81 93
    }
82
	//var perrid = plus.webview.getWebviewById('../html/search-home.html');
83
	//perrid.close();
94
    
84 95
	
85 96
    expert(key, subject, industry, province, address, authentication, 10, 1);	
86 97
})
@ -105,12 +116,12 @@ searchval.addEventListener("keyup", function() {
105 116
	if(e.keyCode == 13) {
106 117
		pageNo = 1
107 118
		key = searchVal.value;
108
		console.log(key);
119
	/*	console.log(key);
109 120
	console.log(subject);
110 121
	console.log(industry);
111 122
	console.log(address);
112 123
	console.log(province);
113
	console.log(authentication);
124
	console.log(authentication);*/
114 125
		plus.nativeUI.showWaiting();
115 126

116 127
		expert(key, subject, industry, province, address, authentication, 10, 1);
@ -168,8 +179,8 @@ mui("#addressval").on('tap', 'a', function() {
168 179
	if(address == "全省") {
169 180
		address = "";
170 181
	}
171
	console.log(province);
172
	console.log(address);
182
	//console.log(province);
183
	//console.log(address);
173 184
	plus.nativeUI.showWaiting();
174 185
	mui('.mui-popover').popover('hide');
175 186
	expert(key, subject, industry, province, address, authentication, 10, 1);
@ -180,11 +191,12 @@ mui(".yyhy").on('tap', 'a', function() {
180 191
	pageNo = 1
181 192
	key = searchVal.value;
182 193
	industry = this.innerText;
183
	document.getElementById("industryid").innerText = industry;
194
	industryid.innerText = industry;
184 195
	document.querySelector('#yyhy li a.active').classList.remove('active');
185 196
	this.classList.add("active");
186 197
	if(industry == "不限") {
187 198
		industry = "";
199
		industryid.innerText ="应用行业";
188 200
	}
189 201
	plus.nativeUI.showWaiting();
190 202
	mui('.mui-popover').popover('hide');
@ -202,11 +214,12 @@ mui(".xsly").on('tap', 'a', function() {
202 214
	pageNo = 1
203 215
	key = searchVal.value;
204 216
	subject = this.innerText;
205
	document.getElementById("subjectid").innerText = subject;
217
	subjectid.innerText = subject;
206 218
	document.querySelector('#xsly li a.active').classList.remove('active');
207 219
	this.classList.add("active");
208 220
	if(subject == "不限") {
209 221
		subject = "";
222
		subjectid.innerText="学术领域";
210 223
	}
211 224
	/*	console.log(key);
212 225
		console.log(subject);