Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 929 Releases 0 Wiki
Browse Source

首页内容改版

luyanan 7 years ago
parent
f509ad7843
commit
5c94b2abc1
3 changed files with 486 additions and 255 deletions
Split View Show Diff Stats
  1. 72 69
      app/html/index_centen.html
  2. 2 2
      app/index.html
  3. 412 184
      app/js/index.js

+ 72 - 69
app/html/index_centen.html
View File 

@ -14,11 +14,8 @@
14 14 
	</head>
15 15
16 16 
	<body>
17
18 17 
		<!-- 主页面内容容器 -->
19 
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh" >
20 
			<div class="mui-scroll">
21 
				<!-- 主界面具体展示内容 -->
18 
		<div class="mui-content" >
22 19 
				<div class="bannerA">
23 20 
					<img src="../images/banner/banner0307.png" width="100%"/>
24 21 
				</div>
 
@ -82,99 +79,105 @@
82 79 
					<!--</div>
83 80 
				</div>-->
84 81 
				<!--按钮-->
85 
				<div class="conblock btnLinkBox">
86 
					<ul class="mui-table-view">
87 
						<li class="mui-table-view-cell mui-media" id="demandP">
82 
				<div class="conblock btnLinkBox mui-clearfix">
83 
					<ul class="mui-table-view mui-row mui-clearfix">
84 
						<li class="mui-table-view-cell mui-media mui-col-xs-6" id="improfessor">
88 85 
							<a href="javascript:;">
89 
								<div class="mui-media-object mui-pull-left btnLinkIcon fabuBtn">
90 
									<em class="mui-icon iconfont icon-fabu"></em>
91 
								</div>
86 
								<div class="mui-media-object mui-pull-left btnLinkIcon proBtn"></div>
92 87 
								<div class="mui-media-body btnLink">
93 
									<h4 class='h1Font'>发布需求</h4>
94 
									<p class='h2Font mui-ellipsis'>获得专家回复，专业快速便捷，解决研发问题</p>
88 
									<h4 class='h1Font'>找专家</h4>
89 
									<p class='h2Font mui-ellipsis'>快速获得专家回复</p>
95 90 
								</div>
96 91 
							</a>
97 92 
						</li>
98 
						<li class="mui-table-view-cell mui-media" id="improfessor">
93 
						<li class="mui-table-view-cell mui-media mui-col-xs-6" id="demandP">
99 94 
							<a href="javascript:;">
100 
								<div class="mui-media-object mui-pull-left btnLinkIcon proBtn">
101 
									<em class="mui-icon iconfont icon-profilefill"></em>
102 
								</div>
95 
								<div class="mui-media-object mui-pull-left btnLinkIcon fabuBtn"></div>
103 96 
								<div class="mui-media-body btnLink">
104 
									<h4 class='h1Font'>我是专家</h4>
105 
									<p class='h2Font mui-ellipsis'>提升学术声誉，寻找企业合作，科研价值变现</p>
97 
									<h4 class='h1Font'>发需求</h4>
98 
									<p class='h2Font mui-ellipsis'>解决企业研发难题</p>
106 99 
								</div>
107 100 
							</a>
108 101 
						</li>
109 102 
					</ul>
110 103 
				</div>
111 
				<!-- 九宫格排版-->
112 
				<div class="mui-card-content conblock">
104 
				<div class="mui-input-group mainbox">
113 105 
					<div class="maintitbox">
114 106 
						<div class="maintit">热门领域</div>
115 107 
					</div>
116 108 
					<ul class="mui-table-view mui-grid-view mui-grid-9 gridbg">
109 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="腐蚀与防护">
110 
						    <a href="#">
111 
						        <span class="fieldicon fieldicon01"></span>
112 
						        <div class="mui-media-body">腐蚀与防护</div>
113 
						    </a>
114 
						</li>
117 115 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料失效与保护">
118 
							<a>
119 
								<div class="fieldicon">
120 
									<img src="../images/field_icon/field05.png" />
121 
								</div>
122 
								<div class="mui-media-body">材料失效与保护</div>
123 
							</a>
116 
						    <a href="#">
117 
						        <span class="fieldicon fieldicon02"></span>
118 
						        <div class="mui-media-body">材料失效与保护</div>
119 
						    </a>
124 120 
						</li>
125 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料表面与界面">
126 
							<a>
127 
								<div class="fieldicon">
128 
									<img src="../images/field_icon/field02.png" />
129 
								</div>
130 
								<div class="mui-media-body">材料表面与界面</div>
131 
							</a>
121 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料加工">
122 
						    <a href="#">
123 
						        <span class="fieldicon fieldicon03"></span>
124 
						        <div class="mui-media-body">材料加工</div>
125 
						    </a>
132 126 
						</li>
133 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="黑色金属及其合金">
134 
							<a>
135 
								<div class="fieldicon">
136 
									<img src="../images/field_icon/field07.png" />
137 
								</div>
138 
								<div class="mui-media-body">黑色金属及其合金</div>
139 
							</a>
127 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="复合材料">
128 
						    <a href="#">
129 
						        <span class="fieldicon fieldicon04"></span>
130 
						        <div class="mui-media-body">复合材料</div>
131 
						    </a>
140 132 
						</li>
141 133 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="金属材料">
142 
							<a>
143 
								<div class="fieldicon">
144 
									<img src="../images/field_icon/field18.png" />
145 
								</div>
146 
								<div class="mui-media-body">金属材料</div>
147 
							</a>
148 
						</li>
149 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="有色金属及其合金">
150 
							<a>
151 
								<div class="fieldicon">
152 
									<img src="../images/field_icon/field04.png" />
153 
								</div>
154 
								<div class="mui-media-body">有色金属及其合金</div>
155 
							</a>
134 
						    <a href="#">
135 
						        <span class="fieldicon fieldicon05"></span>
136 
						        <div class="mui-media-body">金属材料</div>
137 
						    </a>
156 138 
						</li>
157 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料检测与分析技术">
158 
							<a>
159 
								<div class="fieldicon">
160 
									<img src="../images/field_icon/field16.png" />
161 
								</div>
162 
								<div class="mui-media-body">材料检测与分析技术</div>
163 
							</a>
139 
						<li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="">
140 
						    <a href="#">
141 
						        <span class="fieldicon fieldicon-more"></span>
142 
						        <div class="mui-media-body">更多领域</div>
143 
						    </a>
164 144 
						</li>
165 145 
					</ul>
146
166 147 
				</div>
167 
				<!--图文列表-->
168 
				<div class="mui-card-content searchTab">
148 
				<div class="mui-input-group mainbox">
169 149 
					<div class="maintitbox">
170 
						<div class="maintit">热门专家</div>
150 
						<div class="maintit">推荐专家</div>
171 151 
					</div>
172 
					<!--数据列表-->
173 
					<ul class="mui-table-view mui-table-view-chevron list">
174
175 
					</ul>
152 
					<div class="infocon madiaBlock">
153 
						<ul class="mui-table-view" id="hotPro">
154
155 
					    </ul>
156 
					</div>
157 
					<div class="seeMore" id="moreHotp"><em>查看全部</em></div>
158 
				</div>
159 
				<div class="mui-input-group mainbox">
160 
					<div class="maintitbox">
161 
						<div class="maintit">热门资源</div>
162 
					</div>
163 
					<div class="infocon madiaBlock">
164 
						<ul class="mui-table-view" id="resShare">
165
166 
					    </ul>
167 
					</div>
168 
					<div class="seeMore" id="moreShare"><em>查看全部</em></div>
169 
				</div>
170 
				<div class="mui-input-group mainbox" style="margin-bottom: 20px;">
171 
					<div class="maintitbox">
172 
						<div class="maintit">入驻企业</div>
173 
					</div>
174 
					<div class="infocon madiaBlock">
175 
						<ul class="mui-table-view" id="ruZhuCmp">
176
177 
					    </ul>
178 
					</div>
179 
					<div class="seeMore" id="moreRcmp"><em>查看全部</em></div>
176 180 
				</div>
177 
			</div>
178 181 
		</div>
179 182 
		<script src="../js/public/mui.min.js"></script>
180 183 
		<script src="../js/public/base.js"></script>

+ 2 - 2
app/index.html
View File 

@ -21,8 +21,8 @@
21 21 
	         <span class="mui-tab-label">发现</span>
22 22 
	    </a>
23 23 
	    <a class="mui-tab-item" href="html/consult_home.html" dataid="2">
24 
	        <span class="mui-icon iconfontnew icon-messagenew"></span>
25 
	         <span class="mui-tab-label">咨询</span>
24 
	        <span class="mui-icon iconfontnew icon-messagenew"><span class="mui-badge">56</span></span>
25 
	         <span class="mui-tab-label">消息</span>
26 26 
	    </a>
27 27 
	    <a class="mui-tab-item" id="isLogin" href="html/myaccount.html" dataid="3">
28 28 
	        <span class="mui-icon iconfontnew icon-wonew"></span>

+ 412 - 184
app/js/index.js
View File 

@ -5,7 +5,7 @@ var table = document.body.querySelector('.list');
5 5 
var search = document.getElementById("search");
6 6
7 7 
mui.plusReady(function() {
8 
	plus.nativeUI.showWaiting();
8 
	//plus.nativeUI.showWaiting();
9 9 
	checkVersion();
10 10 
})
11 11 
document.addEventListener("resume", function() {

@ -159,26 +159,64 @@ document.getElementById("improfessor").addEventListener("tap", function() {
159 159 
		}
160 160 
	});
161 161 
})
162 
mui('.list').on('tap', 'li', function() {
162
163 
proShow()
164 
resShare()
165 
ruZhuCmp()
166
167 
mui('#hotPro').on('tap', 'li', function() {
163 168 
	var id = this.getAttribute("data-id");
164 
	var userid = plus.storage.getItem('userid');
165 
	console.log(id);
166 169 
	plus.nativeUI.showWaiting(); //显示原生等待框
167 170 
	webviewShow = plus.webview.create("../html/userInforShow.html", 'userInforShow.html', {}, {
168 171 
		proid: id
169 
	}); //后台创建webview并打开show.html
172 
	});
170 173 
})
171 
/*点击轮播图*/
172 
mui('.artical-scroll').on('tap', 'a', function() {
173 
	var articalNum = this.getAttribute("data-title");
174 
	mui.openWindow({
175 
		url: '../html/artical_' + articalNum + '.html',
176 
		id: '../html/artical_' + articalNum + '.html',
177 
		show: {
178 
			aniShow: "slide-in-right",
179 
		}
180 
	});
174 
mui('#resShare').on('tap', 'li', function() {
175 
	var id = this.getAttribute("data-id");
176 
	plus.nativeUI.showWaiting(); //显示原生等待框
177 
	webviewShow = plus.webview.create("../html/resourceShow.html", 'resourceShow.html', {}, {
178 
		resourceId: id
179 
	});
180 
})
181 
mui('#ruZhuCmp').on('tap', 'li', function() {
182 
	var id = this.getAttribute("data-id");
183 
	plus.nativeUI.showWaiting(); //显示原生等待框
184 
	webviewShow = plus.webview.create("../html/cmpInforShow.html", 'cmpInforShow.html', {}, {
185 
		cmpId: id
186 
	});
187 
})
188 
document.getElementById("moreRcmp").addEventListener("tap",function(){//查看更多企业
189 
	 plus.nativeUI.showWaiting();
190 
	var web = plus.webview.create("../html/searchListNew2.html?content=2", "../html/searchListNew2.html", {}, {
191 
		key:"",
192 
		qiFlag:6
193 
	});
181 194 
})
195 
document.getElementById("moreShare").addEventListener("tap",function(){//查看更多资源
196 
	 plus.nativeUI.showWaiting();
197 
	var web = plus.webview.create("../html/searchListNew2.html?content=3", "../html/searchListNew2.html", {}, {
198 
		key:"",
199 
		qiFlag:2
200 
	});
201 
})
202 
document.getElementById("moreHotp").addEventListener("tap",function(){//查看更多专家
203 
	 plus.nativeUI.showWaiting();
204 
	var web = plus.webview.create("../html/searchListNew2.html?content=1", "../html/searchListNew2.html", {}, {
205 
		key:"",
206 
		qiFlag:1
207 
	});
208 
})
209 
///*点击轮播图*/
210 
//mui('.artical-scroll').on('tap', 'a', function() {
211 
//	var articalNum = this.getAttribute("data-title");
212 
//	mui.openWindow({
213 
//		url: '../html/artical_' + articalNum + '.html',
214 
//		id: '../html/artical_' + articalNum + '.html',
215 
//		show: {
216 
//			aniShow: "slide-in-right",
217 
//		}
218 
//	});
219 
//})
182 220
183 221 
/*点击热门领域*/
184 222 
mui('.gridbg').on('tap', 'li', function() {

@ -200,190 +238,380 @@ mui('.gridbg').on('tap', 'li', function() {
200 238 
})
201 239
202 240 
/*页面数据初始化*/
203 
getOnePase();
241 
//getOnePase();
204 242
205 
mui.init({
206 
	pullRefresh: {
207 
		container: '#pullrefresh',
208 
		down: {
209 
			callback: pulldownRefresh
210 
		},
211 
		up: {
212 
			contentrefresh: '正在加载...',
213 
			//auto:true,
214 
			//height:100,
215 
			callback: pullupRefresh
216 
		}
217 
	}
218 
});
243 
//mui.init({
244 
//	pullRefresh: {
245 
//		container: '#pullrefresh',
246 
//		down: {
247 
//			callback: pulldownRefresh
248 
//		},
249 
//		up: {
250 
//			contentrefresh: '正在加载...',
251 
//			//auto:true,
252 
//			//height:100,
253 
//			callback: pullupRefresh
254 
//		}
255 
//	}
256 
//});
257 
//
258 
//function pullupRefresh() {
259 
//	pageIndex = ++pageIndex;
260 
//	setTimeout(function() {
261 
//		getaData()
262 
//	}, 1000);
263 
//}
264 
//
265 
//function pulldownRefresh() {
266 
//	setTimeout(function() {
267 
//		getOnePase();
268 
//		mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
269 
//	}, 1000);
270 
//}
271 
//
272 
//if(mui.os.plus) {
273 
//	mui.plusReady(function() {
274 
//		setTimeout(function() {
275 
//			mui('#pullrefresh').pullRefresh().pulldownLoading();
276 
//		}, 500);
277 
//	});
278 
//} else {
279 
//	mui.ready(function() {
280 
//		mui('#pullrefresh').pullRefresh().pulldownLoading();
281 
//	});
282 
//}
219 283
220 
function pullupRefresh() {
221 
	pageIndex = ++pageIndex;
222 
	setTimeout(function() {
223 
		getaData()
224 
	}, 1000);
225 
}
226
227 
function pulldownRefresh() {
228 
	setTimeout(function() {
229 
		getOnePase();
230 
		mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
231 
	}, 1000);
232 
}
284 
/*获取上拉加载更多数据*/
285 
//function getaData() {
286 
//	mui.plusReady(function() {
287 
//		mui.ajax(baseUrl + '/ajax/professor/pqHot', {
288 
//			data: {
289 
//				"pageNo": pageIndex,
290 
//				"pageSize": 10,
291 
//			},
292 
//			dataType: 'json', //数据格式类型
293 
//			type: 'GET', //http请求类型
294 
//			timeout: 10000,
295 
//			async: false,
296 
//			success: function(data) {
297 
//				if(data.success) {
298 
//					//console.log("成功");
299 
//					var dice1 = data.data.total; //总条数
300 
//					var dice2 = data.data.pageSize; //每页条数
301 
//					var result = '';
302 
//					if(pageIndex == 1) { //下拉刷新需要先清空数据
303 
//						table.innerHTML = ''; // 在这里清空可以防止刷新时白屏
304 
//					}
305 
//					allPages = dice1 / dice2;
306 
//					var datalist = data.data.data;
307 
//					datalistEach(datalist);
308 
//					if(pageIndex < allPages) {
309 
//						mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); /*能上拉*/
310 
//					} else {
311 
//						mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); /*不能上拉*/
312 
//					}
313 
//				}
314 
//			},
315 
//			error: function() {
316 
//				plus.nativeUI.toast("服务器链接超时", toastStyle);
317 
//				mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
318 
//			}
319 
//		});
320 
//	});
321 
//}
233 322
234 
if(mui.os.plus) {
235 
	mui.plusReady(function() {
236 
		setTimeout(function() {
237 
			mui('#pullrefresh').pullRefresh().pulldownLoading();
238 
		}, 500);
239 
	});
240 
} else {
241 
	mui.ready(function() {
242 
		mui('#pullrefresh').pullRefresh().pulldownLoading();
243 
	});
244 
}
323 
/*获取第一页数据*/
324 
//function getOnePase() {
325 
//	mui.plusReady(function() {
326 
//		mui.ajax(baseUrl + '/ajax/professor/pqHot', {
327 
//			data: {
328 
//				"pageNo": 1,
329 
//				"pageSize": 10,
330 
//			},
331 
//			dataType: 'json', //数据格式类型
332 
//			type: 'GET', //http请求类型
333 
//			timeout: 10000,
334 
//			async: false,
335 
//			success: function(data) {
336 
//				table.innerHTML = "";
337 
//				if(data.success) {
338 
//					plus.nativeUI.closeWaiting();
339 
//					var datalist = data.data.data;
340 
//					datalistEach(datalist);
341 
//				}
342 
//			},
343 
//			error: function() {
344 
//				plus.nativeUI.toast("服务器链接超时", {
345 
//					'verticalAlign': 'center'
346 
//				});
347 
//			}
348 
//		});
349 
//	});
350 
//}
351 
//
352 
///*数据遍历*/
353 
//function datalistEach(datalist) {
354 
//	mui.each(datalist, function(index, item) {
355 
//
356 
//		/*获取头像*/
357 
//		if(item.hasHeadImage == 1) {
358 
//			var img = baseUrl + "/images/head/" + item.id + "_l.jpg";
359 
//		} else {
360 
//			var img = "../images/default-photo.jpg";
361 
//		}
362 
//
363 
//		/*获取研究方向信息*/
364 
//		var researchAreas = item.researchAreas;
365 
//		var rlist = '';
366 
//		for(var n = 0; n < researchAreas.length; n++) {
367 
//			//console.log(researchAreas[n].caption);
368 
//			rlist += '<span>研究方向：' + researchAreas[n].caption
369 
//			if(n < researchAreas.length - 1) {
370 
//				rlist += " , "
371 
//			}
372 
//			rlist += '</span>';
373 
//		}
374 
//
375 
//		/*获取资源信息*/
376 
//		var resources = item.resources;
377 
//		var zlist = '';
378 
//		for(var m = 0; m < resources.length; m++) {
379 
//			//console.log(resources[m].caption);
380 
//			zlist += '<span>' + resources[m].resourceName
381 
//			if(m < resources.length - 1) {
382 
//				zlist += " , "
383 
//			}
384 
//			zlist += '</span>';
385 
//		}
386 
//
387 
//		var otherIn = "";
388 
//		if(item.title) {
389 
//			if(item.orgName) {
390 
//				otherIn = item.title + "，" + item.orgName;
391 
//			} else {
392 
//				otherIn = item.title;
393 
//			}
394 
//		} else {
395 
//			if(item.office) {
396 
//				if(item.orgName) {
397 
//					otherIn = item.office + "，" + item.orgName;
398 
//				} else {
399 
//					otherIn = item.office;
400 
//				}
401 
//			} else {
402 
//				if(item.orgName) {
403 
//					otherIn = item.orgName;
404 
//				}
405 
//			}
406 
//		}
407 
//
408 
//		var typeTname = '';
409 
//		var oSty = autho(item.authType, item.orgAuth, item.authStatus);
410 
//		typeTname = '<em class="authicon ' + oSty.sty + '"></em>'
411 
//
412 
//		var li = document.createElement('li');
413 
//		li.className = 'mui-table-view-cell flexCenter OflexCenter';
414 
//		li.setAttribute("data-id", item.id);
415 
//		li.innerHTML =
416 
//			'<div class="madiaHead useHead" style="background-image:url(' + img + ')"></div>' +
417 
//			'<div class="madiaInfo">' +
418 
//			'<p><span class="h1Font">' + item.name + typeTname + '</p>' +
419 
//			'<p class="mui-ellipsis h2Font">' + otherIn + '</p>' +
420 
//			'<p class="mui-ellipsis h2Font">' + rlist + '</p>' +
421 
//			//						'<p class="mui-ellipsis h3Font">' + zlist + '</p>' +
422 
//			'</div>';
423 
//
424 
//		table.appendChild(li, table.firstChild);
425 
//
426 
//	});
427 
//}
245 428
246 
/*获取上拉加载更多数据*/
247 
function getaData() {
248 
	mui.plusReady(function() {
249 
		mui.ajax(baseUrl + '/ajax/professor/pqHot', {
250 
			data: {
251 
				"pageNo": pageIndex,
252 
				"pageSize": 10,
253 
			},
254 
			dataType: 'json', //数据格式类型
255 
			type: 'GET', //http请求类型
256 
			timeout: 10000,
257 
			async: false,
258 
			success: function(data) {
259 
				if(data.success) {
260 
					//console.log("成功");
261 
					var dice1 = data.data.total; //总条数
262 
					var dice2 = data.data.pageSize; //每页条数
263 
					var result = '';
264 
					if(pageIndex == 1) { //下拉刷新需要先清空数据
265 
						table.innerHTML = ''; // 在这里清空可以防止刷新时白屏
429 
function ruZhuCmp(){//入驻企业
430 
	mui.ajax(baseUrl+"/ajax/org/find/pq",{
431 
		type: "GET",
432 
		timeout: 10000,
433 
		dataType: "json",
434 
		data:{
435 
			"pageSize": 5,
436 
			"pageNo": 1
437 
		},
438 
		success: function(data) {
439 
			if(data.success) {
440 
				var $info = data.data.data;
441 
				for(var i = 0; i < $info.length; i++) {
442 
					var liStr=document.createElement("li");
443 
					liStr.className="mui-table-view-cell";
444 
					liStr.setAttribute("data-id", $info[i].id);
445 
					document.getElementById("ruZhuCmp").appendChild(liStr);
446 
					var cmpname,imgurl='../images/default-icon.jpg'
447 
					if($info[i].hasOrgLogo) {
448 
						imgurl=baseUrl+'/images/org/' + $info[i].id + '.jpg';
266 449 
					}
267 
					allPages = dice1 / dice2;
268 
					var datalist = data.data.data;
269 
					datalistEach(datalist);
270 
					if(pageIndex < allPages) {
271 
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); /*能上拉*/
272 
					} else {
273 
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); /*不能上拉*/
450 
					if($info[i].forShort){
451 
						cmpname = $info[i].forShort;
452 
					}else{
453 
						cmpname = $info[i].name;
454 
					}
455 
					var oSty={sty:"",tit:""};
456 
					if($info[i].authStatus == 3) {
457 
						oSty.sty="authicon-com-ok"
458 
						oSty.tit="科袖认证企业"
274 459 
					}
460 
					var orgOther = "",orgType="";
461 
					if($info[i].industry) {
462 
						orgOther = $info[i].industry.replace(/,/gi, " | ");
463 
					}
464 
					if($info[i].orgType == "2") {
465 
						orgType = orgTypeShow[$info[i].orgType] + "<span style='margin-right:16px;'></span>";
466 
					}
467 
					var strCon='';
468 
					strCon += '<div class="flexCenter mui-clearfix">'
469 
					strCon += '<div class="madiaHead cmpHead">'
470 
					strCon += '<div class="boxBlock"><img class="boxBlockimg" src="'+imgurl+'"></div></div>'
471 
					strCon += '<div class="madiaInfo OmadiaInfo">'
472 
					strCon += '<div class="h1Font mui-ellipsis">'
473 
					strCon += 	'<span class="qiyego">'+cmpname+'</span>'
474 
					strCon += 	'<span class="authicon '+oSty.sty+'" title="'+oSty.tit+'"></span>'
475 
					strCon += '</div>'
476 
					strCon += '<div class="h2Font mui-ellipsis">'
477 
					strCon += 	'<span>'+orgType+orgOther+'</span>'
478 
					strCon += '</div>'
479 
					strCon += '</div></div>'
480 
					liStr.innerHTML = strCon;
275 481 
				}
276 
			},
277 
			error: function() {
278 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
279 
				mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
280 482 
			}
281 
		});
282 
			});
483 
		},
484 
		error: function() {
485 
			plus.nativeUI.toast("服务器链接超时", toastStyle);
486 
			return;
487 
		}
488 
	})
283 489 
}
490 
function resShare(){//资源共享
491 
	mui.ajax(baseUrl+"/ajax/resource/firstpq",{
492 
		type: "GET",
493 
		timeout: 10000,
494 
		dataType: "json",
495 
		data:{
496 
			"pageSize":5,
497 
			"pageNo": 1
498 
		},
499 
		success: function(data) {
500 
			if(data.success) {
501 
				var $info = data.data.data;
502 
				for(var i = 0; i < $info.length; i++) {
503 
					var liStr = document.createElement("li");
504 
					liStr.setAttribute("data-id", $info[i].resourceId);
505 
					liStr.className = "mui-table-view-cell";
506 
					document.getElementById("resShare").appendChild(liStr);
284 507
285 
/*获取第一页数据*/
286 
function getOnePase() {
287 
	mui.plusReady(function() {
288 
		mui.ajax(baseUrl + '/ajax/professor/pqHot', {
289 
			data: {
290 
				"pageNo": 1,
291 
				"pageSize": 10,
292 
			},
293 
			dataType: 'json', //数据格式类型
294 
			type: 'GET', //http请求类型
295 
			timeout: 10000,
296 
			async: false,
297 
			success: function(data) {
298 
				table.innerHTML = "";
299 
				if(data.success) {
300 
					plus.nativeUI.closeWaiting();
301 
					var datalist = data.data.data;
302 
					datalistEach(datalist);
508 
					var cmpname,imgurl='../images/default-resource.jpg'
509 
					var oSty={sty:"",tit:""};
510 
					if($info[i].images.length > 0) {
511 
						imgurl=baseUrl+'/data/resource/' + $info[i].images[0].imageSrc
512 
					}
513 
					if($info[i].resourceType == 1) { //个人资源
514 
						cmpname = $info[i].editProfessor.name;
515 
						oSty = autho($info[i].editProfessor.authType, $info[i].editProfessor.orgAuth, $info[i].editProfessor.authStatus);
516 
					} else if($info[i].resourceType == 2) { //企业资源
517 
						if($info[i].organization.forShort) {
518 
							cmpname = $info[i].organization.forShort;
519 
						}else{
520 
							cmpname = $info[i].organization.name;
521 
						}
522 
						if($info[i].organization.authStatus==3){
523 
							oSty.sty="authicon-com-ok"
524 
							oSty.tit="科袖认证企业"
525 
						}
526 
					}
527
528 
					var strCon='';
529 
					strCon += '<div class="flexCenter mui-clearfix">'
530 
					strCon += '<div class="madiaHead resouseHead" style="background-image:url('+imgurl+')"></div>'
531 
					strCon += '<div class="madiaInfo OmadiaInfo">'
532 
					strCon += '<div class="h1Font mui-ellipsis-2">'+$info[i].resourceName+'</div>'
533 
					strCon += '<div class="h3Font mui-ellipsis">'
534 
					strCon += 	'<span class="qiyego">'+cmpname+'</span>'
535 
					strCon += 	'<span class="authicon '+oSty.sty+'" title="'+oSty.tit+'"></span>'
536 
					strCon += '<div class="mui-ellipsis h2Font">用途：' + $info[i].supportedServices + '</div>'
537 
					strCon += '</div></div>'
538 
					liStr.innerHTML = strCon;
303 539 
				}
304 
			},
305 
			error: function() {
306 
				plus.nativeUI.toast("服务器链接超时", {
307 
					'verticalAlign': 'center'
308 
				});
309 
			}
310 
		});
311 
				});
312 
}
313
314 
/*数据遍历*/
315 
function datalistEach(datalist) {
316 
	mui.each(datalist, function(index, item) {
317
318 
		/*获取头像*/
319 
		if(item.hasHeadImage == 1) {
320 
			var img = baseUrl + "/images/head/" + item.id + "_l.jpg";
321 
		} else {
322 
			var img = "../images/default-photo.jpg";
323 
		}
324
325 
		/*获取研究方向信息*/
326 
		var researchAreas = item.researchAreas;
327 
		var rlist = '';
328 
		for(var n = 0; n < researchAreas.length; n++) {
329 
			//console.log(researchAreas[n].caption);
330 
			rlist += '<span>研究方向：' + researchAreas[n].caption
331 
			if(n < researchAreas.length - 1) {
332 
				rlist += " , "
333 
			}
334 
			rlist += '</span>';
335 
		}
336
337 
		/*获取资源信息*/
338 
		var resources = item.resources;
339 
		var zlist = '';
340 
		for(var m = 0; m < resources.length; m++) {
341 
			//console.log(resources[m].caption);
342 
			zlist += '<span>' + resources[m].resourceName
343 
			if(m < resources.length - 1) {
344 
				zlist += " , "
345 540 
			}
346 
			zlist += '</span>';
541 
		},
542 
		error: function() {
543 
			plus.nativeUI.toast("服务器链接超时", toastStyle);
544 
			return;
347 545 
		}
546 
	})
547 
}
548 
function proShow(){//专家
549 
	mui.ajax(baseUrl+"/ajax/professor/pqBaseInfo",{
550 
		type: "GET",
551 
		timeout: 10000,
552 
		dataType: "json",
553 
		data:{
554 
			"pageSize":5,
555 
			"pageNo": 1
556 
		},
557 
		success: function(data) {
558 
			if(data.success) {
559 
				var $info = data.data.data;
560 
				for(var i = 0; i < $info.length; i++) {
561 
					var liStr = document.createElement("li");
562 
					liStr.setAttribute("data-id", $info[i].id);
563 
					liStr.className = "mui-table-view-cell";
564 
					document.getElementById("hotPro").appendChild(liStr);
348 565
349 
		var otherIn = "";
350 
		if(item.title) {
351 
			if(item.orgName) {
352 
				otherIn = item.title + "，" + item.orgName;
353 
			} else {
354 
				otherIn = item.title;
355 
			}
356 
		} else {
357 
			if(item.office) {
358 
				if(item.orgName) {
359 
					otherIn = item.office + "，" + item.orgName;
360 
				} else {
361 
					otherIn = item.office;
362 
				}
363 
			} else {
364 
				if(item.orgName) {
365 
					otherIn = item.orgName;
566 
					var cmpname,imgurl='../images/default-photo.jpg'
567 
					var oSty=autho($info[i].authType, $info[i].orgAuth, $info[i].authStatus);
568 
					cmpname = $info[i].name;
569 
					if($info[i].hasHeadImage) {
570 
						imgurl=baseUrl+'/images/head/' + $info[i].id + '_l.jpg';
571 
					}
572 
					var oTitle='';
573 
					if($info[i].title) {
574 
						oTitle = $info[i].title;
575 
						if($info[i].orgName){
576 
							oTitle = $info[i].title +'，'+ $info[i].orgName;
577 
						}
578 
					} else {
579 
						if($info[i].office) {
580 
							oTitle = $info[i].office;
581 
							if($info[i].orgName){
582 
								oTitle = $info[i].office +'，'+ $info[i].orgName;
583 
							}
584 
						}
585 
					}
586 
					var oResult=""
587 
					if($info[i].researchAreas.length > 0){
588 
						oResult = '研究方向：';
589 
						for(var n = 0; n < $info[i].researchAreas.length; n++) {
590 
							oResult += $info[i].researchAreas[n].caption
591 
							if(n < $info[i].researchAreas.length - 1) {
592 
								oResult += "；"
593 
							}
594 
						}
595 
					}
596
597 
					var strCon='';
598 
					strCon += '<div class="flexCenter mui-clearfix">'
599 
					strCon += '<div class="madiaHead useHead" style="background-image:url('+imgurl+')"></div>'
600 
					strCon += '<div class="madiaInfo">'
601 
					strCon += '<div class="h1Font mui-ellipsis">'
602 
					strCon += 	'<span class="qiyego">'+cmpname+'</span>'
603 
					strCon += 	'<span class="authicon '+oSty.sty+'" title="'+oSty.tit+'"></span>'
604 
					strCon += '</div>'
605 
					strCon += '<div class="h3Font mui-ellipsis" style="margin-top:0;">'+oTitle+'</div>'
606 
					strCon += '<div class="h3Font mui-ellipsis">'+oResult+'</div>'
607 
					strCon += '</div></div>'
608 
					liStr.innerHTML = strCon;
366 609 
				}
367 610 
			}
611 
		},
612 
		error: function() {
613 
			plus.nativeUI.toast("服务器链接超时", toastStyle);
614 
			return;
368 615 
		}
369
370 
		var typeTname = '';
371 
		var oSty = autho(item.authType, item.orgAuth, item.authStatus);
372 
		typeTname = '<em class="authicon ' + oSty.sty + '"></em>'
373
374 
		var li = document.createElement('li');
375 
		li.className = 'mui-table-view-cell flexCenter OflexCenter';
376 
		li.setAttribute("data-id", item.id);
377 
		li.innerHTML =
378 
			'<div class="madiaHead useHead" style="background-image:url(' + img + ')"></div>' +
379 
			'<div class="madiaInfo">' +
380 
			'<p><span class="h1Font">' + item.name + typeTname + '</p>' +
381 
			'<p class="mui-ellipsis h2Font">' + otherIn + '</p>' +
382 
			'<p class="mui-ellipsis h2Font">' + rlist + '</p>' +
383 
			//						'<p class="mui-ellipsis h3Font">' + zlist + '</p>' +
384 
			'</div>';
385
386 
		table.appendChild(li, table.firstChild);
387
388 
	});
616 
	})
389 617 
}