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

专家搜索，资源搜索功能

xuchunyang 8 years ago
parent
841cdf357a
commit
ae0326d8f5
7 changed files with 761 additions and 491 deletions
Split View Show Diff Stats
  1. 5 4
      app/css/app.css
  2. 126 0
      app/html/search-home.html
  3. 0 265
      app/html/search-pro.html
  4. 0 177
      app/html/search-res.html
  5. 70 39
      app/html/search.html
  6. 3 2
      app/js/index.js
  7. 557 4
      app/js/searchhome.js

+ 5 - 4
app/css/app.css
View File 

@ -352,7 +352,7 @@ body{ color: #666666; font-size:14px;}
352 352 
.popoverbox2 .mui-table-view .mui-table-view-cell:last-child,.popoverbox2 .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn){border-radius:4px;}
353 353 
.popoverbox2 .mui-table-view .mui-table-view-cell:first-child,.popoverbox2 .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn){border-radius:4px;}
354 354 
.popoverbox2 .mui-table-view .mui-table-view-cell{border-radius:4px; overflow: hidden; }
355 
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn).mui-active{background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
355 
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn).active{background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
356 356 
/*城市选择级联*/
357 357 
.menublock{ position: relative; }
358 358 
.menuposition.mui-popover .mui-scroll-wrapper{ margin: 0;}

@ -363,7 +363,7 @@ body{ color: #666666; font-size:14px;}
363 363 
.menuposition .mui-col-xs-12,.menuposition .mui-control-content {border-radius: 6px;overflow-y: auto;height: 100%;}
364 364 
.menuposition .mui-segmented-control .mui-control-item {line-height: 44px;width: 100%;}
365 365 
.menuposition .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {border-bottom: 1px solid #e8e8e8;}.menuposition .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {background-color: #FFFFFF;color:#FF9900;}
366
366 
.menuposition .mui-table-view-cell>a:not(.mui-btn).active{background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
367 367 
/***********************搜索*******************/
368 368
369 369 
/*********************** 咨询*******************/

@ -410,7 +410,7 @@ body{ color: #666666; font-size:14px;}
410 410
411 411 
.mui-table-view-cell>.proinfor>.mui-badge{top: 20px;left:10px; right:auto;}
412 412 
/*星级评价*/
413 
.evabox{position:absolute;right: 2%;top: -4px; text-align: center;}
413 
.evabox{position:absolute;right: 2%;top: -4px; text-align: center;color: #999;}
414 414 
.evabox span{ font-size: 12px;}
415 415 
.evabox .levelbox{ width:100px;}
416 416 
.evabox .levelbox .mui-icon{ font-size: 12px; }

@ -450,4 +450,5 @@ body{ color: #666666; font-size:14px;}
450 450 
.icons.levelbox .icon-favor{color: #B5B5B5;font-size: 18px;}
451 451 
.icons.levelbox .icon-favorfill{/*color: #FFB400;*/font-size: 18px;}
452 452 
.assessbox{margin:10px 0; background: #FFFFFF; padding:10px;padding-bottom: 30px;}
453 
/***********************评价*******************/
453 
/***********************评价*******************/
454

+ 126 - 0
app/html/search-home.html
View File 

@ -0,0 +1,126 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
    <meta charset="utf-8">
5 
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
    <title></title>
7 
    <link href="../css/mui.min.css" rel="stylesheet"/>
8 
    <link href="../css/app.css" rel="stylesheet"/>
9 
    <link href="../css/iconfont.css" rel="stylesheet" />
10 
</head>
11 
<body>
12
13 
	<!-- 主页面标题 -->
14 
    <header class="mui-bar mui-bar-nav toptitbox">
15 
    	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
16 
        <div class="searchbox2 mui-pull-right">
17 
        	<div class="mui-pull-left searchselect">
18 
	        	<div class="simuselect">
19 
                	<div class="ulbox lookwho" id="div_select">专家</div>
20 
					<ul id="li_show" class="lishow">
21 
					    <li data-num="1">专家</li>
22 
					    <li data-num="0">资源</li>
23 
					</ul>
24 
				</div>
25 
	        	<em class="mui-icon mui-icon-arrowdown"></em>
26 
		    </div>
27 
		    <input type="text" class="mui-input-clear mui-pull-right searchtxt2" placeholder="搜索专家、设备资源" id="searchval">
28 
        </div>
29 
	</header>
30
31 
    <!-- 主页面内容容器 -->
32 
    <div class="mui-content">
33 
    	<!-- 主界面具体展示内容 -->
34 
    	<div class="historybox" style=" position: absolute; top:45px;left:0; z-index:2; " id="historybox">
35 
			<!--<ul class="hisrecord">
36 
				<li>
37 
					<span class="histicon mui-pull-left"></span>
38 
					<span class="mui-pull-left">搜索历史词</span>
39 
					<span class="mui-icon mui-icon-closeempty delrecord"></span>
40 
				</li>
41 
				<li>
42 
					<span class="histicon mui-pull-left"></span>
43 
					<span class="mui-pull-left">搜索历史词</span>
44 
					<span class="mui-icon mui-icon-closeempty delrecord"></span>
45 
				</li>
46 
				<li>
47 
					<span class="histicon mui-pull-left"></span>
48 
					<span class="mui-pull-left">搜索历史词</span>
49 
					<span class="mui-icon mui-icon-closeempty delrecord"></span>
50 
				</li>
51 
				<li class="trashrecord"><em class="mui-icon mui-icon-trash"></em>清除历史记录</li>
52 
			</ul>-->
53 
			<div class="hotsearchbox">
54 
				<div>热门搜索</div>
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>
63 
		       	</ul>
64 
			</div>
65 
		</div>
66
67 
    </div>
68 
   <script src="../js/public/mui.min.js"></script>
69 
   <script src="../js/public/base.js"></script>
70 
   <script type="text/javascript">
71 
		 var showblock = document.getElementById("li_show");
72 
		 var selectblock = document.getElementById("div_select");
73 
		 var searchVal = document.getElementById("searchval");
74 
		 var key,bigClass=1;
75 
	    /*搜专家搜资源的下拉选择框*/
76 
		selectblock.addEventListener('tap', function() {
77 
			showblock.style.display = 'block';
78 
		});
79
80 
		mui("#li_show").on('tap', 'li', function() {
81 
			bigClass = this.getAttribute("data-num");
82 
			selectblock.innerHTML = this.innerHTML;
83 
			showblock.style.display = 'none';
84 
		});
85
86 
		/*点击热门搜索*/
87 
		mui(".hotsearch").on('tap', 'li', function() {
88 
			plus.nativeUI.showWaiting();
89 
			key = this.innerHTML;
90 
			mui.openWindow({
91 
				url: '../html/search.html',
92 
				id: '../html/search.html',
93 
				show:{
94 
			      autoShow:true,
95 
			      aniShow:"fade-in",
96 
			    },
97 
				extras:{
98 
			      key:key,
99 
			      bigClass:bigClass
100 
			    }
101 
			});
102
103 
		});
104 
		/*按键字搜索*/
105 
		searchval.addEventListener("keyup", function() {
106 
			var e = event || window.event || arguments.caller.arguments[0];
107 
			if(e.keyCode == 13) {
108 
				key = searchVal.value;
109 
				plus.nativeUI.showWaiting();
110 
				mui.openWindow({
111 
					url: '../html/search.html',
112 
					id: '../html/search.html',
113 
					show:{
114 
				      autoShow:true,
115 
				      aniShow:"fade-in",
116 
				    },
117 
					extras:{
118 
				      key:key,
119 
				      bigClass:bigClass
120 
				    }
121 
				});
122 
			}
123 
		})
124 
   </script>
125 
</body>
126 
</html>

+ 0 - 265
app/html/search-pro.html
View File 

@ -1,265 +0,0 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
    <meta charset="utf-8">
5 
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
    <title></title>
7
8 
    <link href="../css/mui.min.css" rel="stylesheet"/>
9 
    <link href="../css/iconfont.css" rel="stylesheet" />
10 
    <link href="../css/app.css" rel="stylesheet"/>
11 
	<link href="../css/mui.picker.min.css" rel="stylesheet" />
12 
</head>
13 
<body>
14 
	<!-- 主页面标题 -->
15 
    <header class="mui-bar mui-bar-nav toptitbox">
16 
    	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
17 
        <div class="searchbox2 mui-pull-right">
18 
        	<div class="mui-pull-left searchselect">
19 
	        	<div class="simuselect">
20 
                	<div class="ulbox lookwho" id="div_select">专家</div>
21 
					<ul id="li_show" class="lishow">
22 
					    <li>专家</li>
23 
					    <li>资源</li>
24 
					</ul>
25 
				</div>
26 
	        	<em class="mui-icon mui-icon-arrowdown"></em>
27 
		    </div>
28 
		    <input type="text" class="mui-input-clear mui-pull-right searchtxt2" placeholder="搜索专家、设备资源">
29 
        </div>
30 
	</header>
31
32 
    <!-- 主页面内容容器 -->
33 
    <div class="mui-content menublock">
34 
    	<!-- 主界面具体展示内容 -->
35 
		<div class="filterbox">
36 
			<ul class="filterblock">
37 
				<li style="width:36%;">
38 
					<a href="#middlePopovercity" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span>全国</span><em class="mui-icon mui-icon-arrowdown"></em></a>
39 
				</li>
40 
				<li style="width:25%;">
41 
					<a href="#middlePopoveracad" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span>学术领域</span><em class="mui-icon mui-icon-arrowdown"></em></a>
42 
				</li>
43 
				<li style="width:25%;">
44 
					<a href="#middlePopoveruse" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span>应用行业</span><em class="mui-icon mui-icon-arrowdown"></em></a>
45 
				</li>
46 
			</ul>
47 
		</div>
48 
        <!--图文列表-->
49 
        <div class="mui-card-content conblock">
50 
	        <ul class="mui-table-view protable">
51 
	            <li class="mui-table-view-cell mui-media">
52 
	                <a class="proinfor" href="../html/proinforbrow.html">
53 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
54 
	                    <div class="mui-media-body">
55 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
56 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
57 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
58 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
59 
	                    </div>
60 
	                </a>
61 
	            </li>
62 
	            <li class="mui-table-view-cell mui-media">
63 
	                <a href="javascript:;">
64 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
65 
	                    <div class="mui-media-body">
66 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
67 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
68 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
69 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
70 
	                    </div>
71 
	                </a>
72 
	            </li>
73 
	            <li class="mui-table-view-cell mui-media">
74 
	                <a href="javascript:;">
75 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
76 
	                    <div class="mui-media-body">
77 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
78 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
79 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
80 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
81 
	                    </div>
82 
	                </a>
83 
	            </li>
84 
	            <li class="mui-table-view-cell mui-media">
85 
	                <a href="javascript:;">
86 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
87 
	                    <div class="mui-media-body">
88 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
89 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
90 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
91 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
92 
	                    </div>
93 
	                </a>
94 
	            </li>
95 
	            <li class="mui-table-view-cell mui-media">
96 
	                <a href="javascript:;">
97 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
98 
	                    <div class="mui-media-body">
99 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
100 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
101 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
102 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
103 
	                    </div>
104 
	                </a>
105 
	            </li>
106 
	            <li class="mui-table-view-cell mui-media">
107 
	                <a href="javascript:;">
108 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
109 
	                    <div class="mui-media-body">
110 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
111 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
112 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
113 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
114 
	                    </div>
115 
	                </a>
116 
	            </li>
117 
	            <li class="mui-table-view-cell mui-media">
118 
	                <a href="javascript:;">
119 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
120 
	                    <div class="mui-media-body">
121 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
122 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
123 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
124 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
125 
	                    </div>
126 
	                </a>
127 
	            </li>
128 
	            <li class="mui-table-view-cell mui-media">
129 
	                <a href="javascript:;">
130 
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
131 
	                    <div class="mui-media-body">
132 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
133 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>， <span>所属机构</span> | <span>所在地</span></p>
134 
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
135 
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
136 
	                    </div>
137 
	                </a>
138 
	            </li>
139 
	        </ul>
140 
		</div>
141 
		<div class="mui-popover mui-fullscreen menuposition" id="middlePopovercity">
142 
			<div class="mui-scroll-wrapper" style="width:40%;left:0;">
143 
				<div class="mui-scroll">
144 
					<div class="mui-col-xs-12">
145 
						<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
146 
						</div>
147 
					</div>
148 
				</div>
149 
			</div>
150 
			<div class="mui-scroll-wrapper" style="width: 60%;left:40%;">
151 
				<div class="mui-scroll">
152 
					<div id="segmentedControlContents" class="mui-col-xs-12" style="border-left: 1px solid #d6d6d6; background-color: #FFFFFF;">
153 
						<div id="item1" class="mui-control-content mui-active">
154 
						</div>
155 
						<div id="item2" class="mui-control-content">
156 
						</div>
157 
						<div id="item3" class="mui-control-content">
158 
						</div>
159 
					</div>
160 
				</div>
161 
			</div>
162 
		</div>
163
164 
		<div id="middlePopoveracad" class="mui-popover popoverbox2">
165 
			<div class="mui-scroll-wrapper">
166 
				<div class="mui-scroll">
167 
					<ul class="mui-table-view">
168 
						<li class="mui-table-view-cell"><a class="mui-active" href="#">不限</a></li>
169 
						<li class="mui-table-view-cell"><a href="#">材料失效与保护</a></li>
170 
						<li class="mui-table-view-cell"><a href="#">材料表面与界面</a></li>
171 
						<li class="mui-table-view-cell"><a href="#">黑色金属及其合金</a></li>
172 
						<li class="mui-table-view-cell"><a href="#">金属材料</a></li>
173 
						<li class="mui-table-view-cell"><a href="#">有色金属及其合金</a></li>
174 
						<li class="mui-table-view-cell"><a href="#">材料检测与分析技术</a></li>
175 
						<li class="mui-table-view-cell"><a href="#">材料失效与保护</a></li>
176 
						<li class="mui-table-view-cell"><a href="#">材料表面与界面</a></li>
177 
						<li class="mui-table-view-cell"><a href="#">黑色金属及其合金</a></li>
178 
						<li class="mui-table-view-cell"><a href="#">金属材料</a></li>
179 
						<li class="mui-table-view-cell"><a href="#">有色金属及其合金</a></li>
180 
						<li class="mui-table-view-cell"><a href="#">材料检测与分析技术</a></li>
181 
					</ul>
182 
				</div>
183 
			</div>
184 
		</div>
185 
		<div id="middlePopoveruse" class="mui-popover popoverbox2">
186 
			<div class="mui-scroll-wrapper">
187 
				<div class="mui-scroll">
188 
					<ul class="mui-table-view">
189 
						<li class="mui-table-view-cell"><a class="mui-active" href="#">不限</a></li>
190 
						<li class="mui-table-view-cell"><a href="#">我的需求</a></li>
191 
						<li class="mui-table-view-cell"><a href="#">收到咨询</a></li>
192 
					</ul>
193 
				</div>
194 
			</div>
195 
		</div>
196
197 
    </div>
198 
    <script src="../js/public/mui.min.js"></script>
199 
    <script src="../js/public/mui.picker.min.js"></script>
200 
	<script type="text/javascript" charset="utf-8">
201 
			mui.init({
202 
				swipeBack: true //启用右滑关闭功能
203 
			});
204 
//			mui.plusReady(function(){
205 
				//-------------------------------
206 
				//筛选添加弹出菜单
207 
				mui('.mui-scroll-wrapper').scroll();
208 
				mui('body').on('shown', '.mui-popover', function(e) {
209 
					//console.log('shown', e.detail.id);//detail为当前popover元素
210 
				});
211 
				mui('body').on('hidden', '.mui-popover', function(e) {
212 
					//console.log('hidden', e.detail.id);//detail为当前popover元素
213 
				});
214
215
216 
				//搜专家搜资源的下拉选择框
217 
				var showblock = document.getElementById("li_show");
218 
				var selectblock = document.getElementById("div_select");
219 
				selectblock.addEventListener('tap',function(){
220 
					showmenu();
221 
				});
222
223 
				mui("#li_show").on('tap','li',function(){
224 
					//liindex = this.getAttribute("index");
225 
					selectThis(this.innerHTML);
226 
				});
227
228 
				function selectThis(value){
229 
					selectblock.innerHTML=value;
230 
					showblock.style.display = 'none';
231 
					}
232
233 
				function showmenu(){
234 
				   showblock.style.display = 'block';
235 
				}
236
237 
	        	//-----city--------------------------
238 
				var controls = document.getElementById("segmentedControls");
239 
				var contents = document.getElementById("segmentedControlContents");
240 
				var html = [];
241 
				var i = 1,
242 
					j = 1,
243 
					m = 16, //左侧选项卡数量+1
244 
					n = 21; //每个选项卡列表数量+1
245 
				for (; i < m; i++) {
246 
					html.push('<a class="mui-control-item" href="#content' + i + '">选项' + i + '</a>');
247 
				}
248 
				controls.innerHTML = html.join('');
249 
				html = [];
250 
				for (i = 1; i < m; i++) {
251 
					html.push('<div id="content' + i + '" class="mui-control-content"><ul class="mui-table-view">');
252 
					for (j = 1; j < n; j++) {
253 
						html.push('<li class="mui-table-view-cell">第' + i + '个选项卡子项-' + j + '</li>');
254 
					}
255 
					html.push('</ul></div>');
256 
				}
257 
				contents.innerHTML = html.join('');
258 
				 //默认选中第一个
259 
				controls.querySelector('.mui-control-item').classList.add('mui-active');
260 
				contents.querySelector('.mui-control-content').classList.add('mui-active');
261 
//			});
262 
    </script>
263 
	</script>
264 
</body>
265 
</html>

+ 0 - 177
app/html/search-res.html
View File 

@ -1,177 +0,0 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
    <meta charset="utf-8">
5 
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
    <title></title>
7
8 
    <link href="../css/mui.min.css" rel="stylesheet"/>
9 
    <link href="../css/iconfont.css" rel="stylesheet" />
10 
    <link href="../css/app.css" rel="stylesheet"/>
11 
	<link href="../css/mui.picker.min.css" rel="stylesheet" />
12
13 
</head>
14 
<body>
15 
	<!-- 主页面标题 -->
16 
    <header class="mui-bar mui-bar-nav toptitbox">
17 
    	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
18 
        <div class="searchbox2 mui-pull-right">
19 
        	<div class="mui-pull-left searchselect">
20 
	        	<div class="simuselect">
21 
                	<div class="ulbox lookwho" id="div_select">专家</div>
22 
					<ul id="li_show" class="lishow">
23 
					    <li>专家</li>
24 
					    <li>资源</li>
25 
					</ul>
26 
				</div>
27 
	        	<em class="mui-icon mui-icon-arrowdown"></em>
28 
		    </div>
29 
		    <input type="text" class="mui-input-clear mui-pull-right searchtxt2" placeholder="搜索专家、设备资源">
30 
        </div>
31 
	</header>
32
33 
    <!-- 主页面内容容器 -->
34 
    <div class="mui-content">
35 
    	<!-- 主界面具体展示内容 -->
36 
		<div class="filterbox">
37 
			<ul class="filterblock">
38 
				<li>
39 
					<button id='showCityPicker' class="mui-btn mui-btn-block filterlist" type='button'>
40 
						<span id='cityResult' class="ui-alert">河北省</span>
41 
						<em class="mui-icon mui-icon-arrowdown"></em>
42 
					</button>
43
44 
				</li>
45 
				<li style="width:25%;">
46 
					<a href="#middlePopoveracad" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span>学术领域</span><em class="mui-icon mui-icon-arrowdown"></em></a>
47 
				</li>
48 
				<li style="width:25%;">
49 
					<a href="#middlePopoveruse" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span>应用行业</span><em class="mui-icon mui-icon-arrowdown"></em></a>
50 
				</li>
51 
			</ul>
52 
		</div>
53 
        <!--图文列表-->
54 
        <div class="mui-card-content conblock">
55 
	        <ul class="mui-table-view protable">
56 
	            <li class="mui-table-view-cell mui-media">
57 
	                <a class="proinfor" href="resinforbrow.html">
58 
	                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
59 
	                    <div class="mui-media-body">
60 
	                    	<span class="listtit">资源名称</span>
61 
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
62 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
63 
	                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
64 
	                    </div>
65 
	                </a>
66 
	            </li>
67 
	            <li class="mui-table-view-cell mui-media">
68 
	                <a class="proinfor" href="resinforbrow.html">
69 
	                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
70 
	                    <div class="mui-media-body">
71 
	                    	<span class="listtit">资源名称</span>
72 
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
73 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
74 
	                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
75 
	                    </div>
76 
	                </a>
77 
	            </li>
78 
	            <li class="mui-table-view-cell mui-media">
79 
	                <a class="proinfor" href="resinforbrow.html">
80 
	                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
81 
	                    <div class="mui-media-body">
82 
	                    	<span class="listtit">资源名称</span>
83 
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
84 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
85 
	                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
86 
	                    </div>
87 
	                </a>
88 
	            </li>
89 
	            <li class="mui-table-view-cell mui-media">
90 
	                <a class="proinfor" href="resinforbrow.html">
91 
	                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
92 
	                    <div class="mui-media-body">
93 
	                    	<span class="listtit">资源名称</span>
94 
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>，<span>用途B</span></p>
95 
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>
96 
	                        <p class="listtit3"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
97 
	                    </div>
98 
	                </a>
99 
	            </li>
100 
	        </ul>
101 
		</div>
102
103 
		<div id="middlePopoveracad" class="mui-popover popoverbox2">
104 
			<div class="mui-popover-arrow"></div>
105 
			<div class="mui-scroll-wrapper">
106 
				<div class="mui-scroll">
107 
					<ul class="mui-table-view">
108 
						<li class="mui-table-view-cell"><a class="mui-active" href="#">不限</a></li>
109 
						<li class="mui-table-view-cell"><a href="#">我的需求</a></li>
110 
						<li class="mui-table-view-cell"><a href="#">收到咨询</a></li>
111 
						<li class="mui-table-view-cell"><a href="#">全部</a></li>
112 
						<li class="mui-table-view-cell"><a href="#">我的需求</a></li>
113 
						<li class="mui-table-view-cell"><a href="#">收到咨询</a></li>
114 
						<li class="mui-table-view-cell"><a href="#">全部</a></li>
115 
						<li class="mui-table-view-cell"><a href="#">我的需求</a></li>
116 
						<li class="mui-table-view-cell"><a href="#">收到咨询</a></li>
117 
						<li class="mui-table-view-cell"><a href="#">全部</a></li>
118 
						<li class="mui-table-view-cell"><a href="#">我的需求</a></li>
119 
						<li class="mui-table-view-cell"><a href="#">收到咨询</a></li>
120 
					</ul>
121 
				</div>
122 
			</div>
123 
		</div>
124 
		<div id="middlePopoveruse" class="mui-popover popoverbox2">
125 
			<div class="mui-popover-arrow"></div>
126 
			<div class="mui-scroll-wrapper">
127 
				<div class="mui-scroll">
128 
					<ul class="mui-table-view">
129 
						<li class="mui-table-view-cell"><a class="mui-active" href="#">不限</a></li>
130 
						<li class="mui-table-view-cell"><a href="#">我的需求</a></li>
131 
						<li class="mui-table-view-cell"><a href="#">收到咨询</a></li>
132 
					</ul>
133 
				</div>
134 
			</div>
135 
		</div>
136 
    </div>
137 
    <script src="../js/public/mui.min.js"></script>
138 
    <script src="../js/public/mui.picker.min.js"></script>
139 
	<script src="../js/public/city.data.js" type="text/javascript" charset="utf-8"></script>
140 
	<script src="../js/public/city.data-3.js" type="text/javascript" charset="utf-8"></script>
141 
	<script type="text/javascript" charset="utf-8">
142 
		mui.init({
143 
			swipeBack: true //启用右滑关闭功能
144 
		});
145 
		//-------------------------------
146 
		//筛选添加弹出菜单
147 
		mui('.mui-scroll-wrapper').scroll();
148 
		mui('body').on('shown', '.mui-popover', function(e) {
149 
			//console.log('shown', e.detail.id);//detail为当前popover元素
150 
		});
151 
		mui('body').on('hidden', '.mui-popover', function(e) {
152 
			//console.log('hidden', e.detail.id);//detail为当前popover元素
153 
		});
154 
		//-------------------------------------------
155 
		//搜专家搜资源的下拉选择框
156 
		var showblock = document.getElementById("li_show");
157 
		var selectblock = document.getElementById("div_select");
158 
		selectblock.addEventListener('tap',function(){
159 
			showmenu();
160 
		});
161
162 
		mui("#li_show").on('tap','li',function(){
163 
			//liindex = this.getAttribute("index");
164 
			selectThis(this.innerHTML);
165 
		});
166
167 
		function selectThis(value){
168 
			selectblock.innerHTML=value;
169 
			showblock.style.display = 'none';
170 
			}
171
172 
		function showmenu(){
173 
		   showblock.style.display = 'block';
174 
		}
175 
	</script>
176 
</body>
177 
</html>

+ 70 - 39
app/html/search.html
View File 

@ -4,12 +4,12 @@
4 4 
    <meta charset="utf-8">
5 5 
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 6 
    <title></title>
7
8 7 
    <link href="../css/mui.min.css" rel="stylesheet"/>
9 8 
    <link href="../css/app.css" rel="stylesheet"/>
10
9 
    <link href="../css/iconfont.css" rel="stylesheet" />
11 10 
</head>
12 11 
<body>
12
13 13 
	<!-- 主页面标题 -->
14 14 
    <header class="mui-bar mui-bar-nav toptitbox">
15 15 
    	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>

@ -18,55 +18,86 @@
18 18 
	        	<div class="simuselect">
19 19 
                	<div class="ulbox lookwho" id="div_select">专家</div>
20 20 
					<ul id="li_show" class="lishow">
21 
					    <li>专家</li>
22 
					    <li>资源</li>
21 
					    <li data-num="1">专家</li>
22 
					    <li data-num="0">资源</li>
23 23 
					</ul>
24 24 
				</div>
25 25 
	        	<em class="mui-icon mui-icon-arrowdown"></em>
26 26 
		    </div>
27 
		    <input type="text" class="mui-input-clear mui-pull-right searchtxt2" placeholder="搜索专家、设备资源">
27 
		    <input type="text" class="mui-input-clear mui-pull-right searchtxt2" placeholder="搜索专家、设备资源" id="searchval">
28 28 
        </div>
29 29 
	</header>
30 30
31 31 
    <!-- 主页面内容容器 -->
32 32 
    <div class="mui-content">
33 
    	<!-- 主界面具体展示内容 -->
34 
    	<div class="historybox">
35 
			<!--<ul class="hisrecord">
36 
				<li>
37 
					<span class="histicon mui-pull-left"></span>
38 
					<span class="mui-pull-left">搜索历史词</span>
39 
					<span class="mui-icon mui-icon-closeempty delrecord"></span>
33
34 
    	<div class="filterbox" style=" position: fixed; z-index:1; top:45px; width:100%">
35 
			<ul class="filterblock" style="width:100%">
36 
				<li style="width:33.3333%;">
37 
					<a href="#middlePopovercity" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="addressid">全国</span><em class="mui-icon mui-icon-arrowdown"></em></a>
40 38 
				</li>
41 
				<li>
42 
					<span class="histicon mui-pull-left"></span>
43 
					<span class="mui-pull-left">搜索历史词</span>
44 
					<span class="mui-icon mui-icon-closeempty delrecord"></span>
39 
				<li style="width:33.3333%;">
40 
					<a href="#middlePopoveracad" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="subjectid">学术领域</span><em class="mui-icon mui-icon-arrowdown"></em></a>
45 41 
				</li>
46 
				<li>
47 
					<span class="histicon mui-pull-left"></span>
48 
					<span class="mui-pull-left">搜索历史词</span>
49 
					<span class="mui-icon mui-icon-closeempty delrecord"></span>
42 
				<li style="width:33.3333%;">
43 
					<a href="#middlePopoveruse" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="industryid">应用行业</span><em class="mui-icon mui-icon-arrowdown"></em></a>
50 44 
				</li>
51 
				<li class="trashrecord"><em class="mui-icon mui-icon-trash"></em>清除历史记录</li>
52 
			</ul>-->
53 
			<div class="hotsearchbox">
54 
				<div>热门搜索</div>
55 
				<ul class="hotsearch">
56 
		       		<li>领域1</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>
63 
		       	</ul>
64 
			</div>
65 
		</div>
45 
			</ul>
46 
		</div>
47
48 
    	<div id="pullrefresh"  style="margin-top:45px; ">
49 
			<!--数据列表-->
50 
			<ul class="mui-table-view mui-table-view-chevron list">
51
52 
			</ul>
53 
		</div>
54
66 55 
    </div>
67 
    <script src="../js/public/mui.min.js"></script>
68 
	<script type="text/javascript" charset="utf-8">
69 
		mui.init();
70 
	</script>
56
57 
    <!--城市-->
58 
    <div id="middlePopovercity" class="mui-popover menuposition" >
59 
		<div class="mui-scroll-wrapper"  style=" height: 300px; width: 30%; top:0;  bottom:0px;  float: left;">
60 
			<div class="mui-scroll">
61 
				<ul class="mui-table-view provinceval" id="provinceval">
62
63 
				</ul>
64 
			</div>
65 
		</div>
66 
		<div class="mui-scroll-wrapper"  style=" height: 300px;width: 60%; bottom:0px; top:0;float: right;">
67 
			<div class="mui-scroll">
68 
				<ul class="mui-table-view" id="addressval">
69
70 
				</ul>
71 
			</div>
72 
		</div>
73 
	</div>
74
75 
    <!--应用行业-->
76 
	<div id="middlePopoveruse" class="mui-popover popoverbox2" >
77 
		<div class="mui-scroll-wrapper" style="height: 200px; top:0;">
78 
			<div class="mui-scroll">
79 
				<ul class="mui-table-view yyhy"  id="yyhy">
80
81 
				</ul>
82 
			</div>
83 
		</div>
84 
	</div>
85
86 
	<!--学术领域-->
87 
	<div id="middlePopoveracad" class="mui-popover popoverbox2" >
88 
		<div class="mui-scroll-wrapper" style="height: 200px; top:0;">
89 
			<div class="mui-scroll">
90 
				<ul class="mui-table-view xsly"  id="xsly">
91
92 
				</ul>
93 
			</div>
94 
		</div>
95 
	</div>
96 
   <script src="../js/public/mui.min.js"></script>
97 
   <script src="../js/public/base.js"></script>
98 
   <script src="../js/searchhome.js"></script>
99 
   <script type="text/javascript">
100 
	   mui('.mui-scroll-wrapper').scroll();
101 
   </script>
71 102 
</body>
72 103 
</html>

+ 3 - 2
app/js/index.js
View File 

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

+ 557 - 4
app/js/searchhome.js
View File 

@ -1,8 +1,561 @@
1 1 
//搜索首页
2 
mui.ready(function() {
2 
var ifdiv = false;
3 
var bigClass = 1,
4 
	allPages = 1; // 总页数;
5 
var key = "",
6 
	subject = "",
7 
	industry = "",
8 
	province = "",
9 
	address = "",
10 
	authentication = "",
11 
	pageSize = 0,
12 
	pageNo = 1
13 
var showblock = document.getElementById("li_show");
14 
var selectblock = document.getElementById("div_select");
15 
var searchVal = document.getElementById("searchval");
16 
var table = document.body.querySelector('.list');
17 
var yyhy = document.getElementById("yyhy");
18 
var xsly = document.getElementById("xsly");
19 
var provinceVal = document.getElementById("provinceval");
20 
var addressVal = document.getElementById("addressval");
21
22
23 
mui.init({
24 
		pullRefresh: {
25 
			container: '#pullrefresh',
26 
			up: {
27 
				contentrefresh: '正在加载...',
28 
				callback: pullupRefresh
29 
			}
30 
		}
31 
});
32
33 
function pullupRefresh() {
34 
	pageNo = ++pageNo;
35 
	console.log(pageNo)
36 
	key = searchVal.value;
37 
	setTimeout(function() {
38 
		expert2(key, subject, industry, province, address, authentication, 10, pageNo)
39 
	}, 1000);
40 
}
41
42 
if(mui.os.plus) {
43 
	mui.plusReady(function() {
44 
		setTimeout(function() {
45 
			mui('#pullrefresh').pullRefresh().pulldownLoading();
46 
		}, 500);
47 
	});
48 
} else {
49 
	mui.ready(function() {
50 
		mui('#pullrefresh').pullRefresh().pulldownLoading();
51 
	});
52 
}
53
54 
mui.plusReady(function(){
3 55
4 
	mui.plusReady(function(){
5
56 
	mui('.list').on('tap','a',function(){
57 
		var id=this.getAttribute("data-id");
58 
		console.log(id);
59 
		var nwaiting = plus.nativeUI.showWaiting();//显示原生等待框
60 
		if(bigClass==1){
61 
			webviewShow = plus.webview.create("../html/proinforbrow.html",'proinforbrow.html',{},{proid:id});
62 
		}else{
63 
			webviewShow = plus.webview.create("../html/resinforbrow.html",'resinforbrow.html',{},{resourceId:id});
64 
		}
65 
	    webviewShow.addEventListener("loaded", function() {
66 
	        nwaiting.close(); //新webview的载入完毕后关闭等待框
67 
	        webviewShow.show("slide-in-right",150); //把新webview窗体显示出来，显示动画效果为速度150毫秒的右侧移入动画
68 
	    }, false);
6 69 
	})
7 70
8 
})
71 
	var self = plus.webview.currentWebview();
72 
	searchVal.value=self.key;
73 
	key=self.key;
74 
    bigClass=self.bigClass;
75 
    if(bigClass==1){
76 
    	selectblock.innerText='专家';
77 
    }else{
78 
    	selectblock.innerText='资源';
79 
    }
80 
	//var perrid = plus.webview.getWebviewById('../html/search-home.html');
81 
	//perrid.close();
82 
    expert(key, subject, industry, province, address, authentication, 10, 1);
83 
})
84
85 
/*搜专家搜资源的下拉选择框*/
86 
selectblock.addEventListener('tap', function() {
87 
	showblock.style.display = 'block';
88 
});
89
90 
mui("#li_show").on('tap', 'li', function() {
91 
	bigClass = this.getAttribute("data-num");
92 
	selectblock.innerHTML = this.innerHTML;
93 
	showblock.style.display = 'none';
94 
	plus.nativeUI.showWaiting();
95 
	expert(key, subject, industry, province, address, authentication, 10, 1);
96 
});
97
98 
/*按键字搜索*/
99 
searchval.addEventListener("keyup", function() {
100 
	var e = event || window.event || arguments.caller.arguments[0];
101 
	if(e.keyCode == 13) {
102 
		key = searchVal.value;
103 
		plus.nativeUI.showWaiting();
104 
		expert(key, subject, industry, province, address, authentication, 10, 1);
105 
	}
106 
})
107
108 
/*省会*/
109 
mui(".provinceval").on('tap', 'a', function() {
110 
	key = searchVal.value;
111 
	province = this.innerText;
112 
	document.getElementById("addressid").innerText = province;
113 
	document.querySelector('#provinceval li a.active').classList.remove('active');
114 
	this.classList.add("active");
115 
	if(province == "全国") {
116 
		province = "";
117 
		address = "";
118 
		addressVal.innerHTML = "";
119 
		plus.nativeUI.showWaiting();
120 
		mui('.mui-popover').popover('hide');
121 
		expert(key, subject, industry, province, address, authentication, 10, 1);
122 
	} else {
123 
		mui.ajax(baseUrl + '/ajax/dataDict/qaCity', {
124 
			data: {
125 
				"dictCode": "ADDRESS",
126 
				province: province
127 
			},
128 
			dataType: 'json', //数据格式类型
129 
			type: 'GET', //http请求类型
130 
			timeout: 10000,
131 
			success: function(data) {
132 
				var finallist = '<li class="mui-table-view-cell"><a class="active">全省</a></li>';
133 
				console.log(data.success)
134 
				console.log(JSON.stringify(data.data))
135 
				if(data.success && data.data != "") {
136 
					mui.each(data.data, function(i, n) {
137 
						finallist += '<li class="mui-table-view-cell"><a >' + n.caption + '</a></li>';
138 
					});
139 
					addressVal.innerHTML = finallist;
140 
				}
141
142 
			},
143 
			error: function() {
144 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
145 
			}
146 
		});
147 
	}
148 
});
149
150 
/*市检索*/
151 
mui("#addressval").on('tap', 'a', function() {
152 
	key = searchVal.value;
153 
	address = this.innerText;
154 
	document.querySelector('#addressval li a.active').classList.remove('active');
155 
	this.classList.add("active");
156 
	if(address == "全省") {
157 
		address = "";
158 
	}
159 
	console.log(province);
160 
	console.log(address);
161 
	plus.nativeUI.showWaiting();
162 
	mui('.mui-popover').popover('hide');
163 
	expert(key, subject, industry, province, address, authentication, 10, 1);
164 
})
165
166 
/*应用行业*/
167 
mui(".yyhy").on('tap', 'a', function() {
168 
	key = searchVal.value;
169 
	industry = this.innerText;
170 
	document.getElementById("industryid").innerText = industry;
171 
	document.querySelector('#yyhy li a.active').classList.remove('active');
172 
	this.classList.add("active");
173 
	if(industry == "不限") {
174 
		industry = "";
175 
	}
176 
	plus.nativeUI.showWaiting();
177 
	mui('.mui-popover').popover('hide');
178 
	console.log(key);
179 
	console.log(subject);
180 
	console.log(industry);
181 
	console.log(address);
182 
	console.log(province);
183 
	console.log(authentication);
184 
	expert(key, subject, industry, province, address, authentication, 10, 1);
185 
});
186
187 
/*学术领域*/
188 
mui(".xsly").on('tap', 'a', function() {
189 
	key = searchVal.value;
190 
	subject = this.innerText;
191 
	document.getElementById("subjectid").innerText = subject;
192 
	document.querySelector('#xsly li a.active').classList.remove('active');
193 
	this.classList.add("active");
194 
	if(subject == "不限") {
195 
		subject = "";
196 
	}
197 
	/*	console.log(key);
198 
		console.log(subject);
199 
		console.log(industry);
200 
		console.log(address);
201 
		console.log(province);
202 
		console.log(authentication);*/
203 
	plus.nativeUI.showWaiting();
204 
	mui('.mui-popover').popover('hide');
205 
	expert(key, subject, industry, province, address, authentication, 10, 1);
206 
});
207
208 
/*初始化数据*/
209 
function expert(key, subject, industry, province, address, authentication, pageSize, pageNo) {
210 
		console.log(pageNo)
211 
	if(bigClass == 1) {
212 
		mui.ajax(baseUrl + '/ajax/professor/pqAPP', {
213 
			data: {
214 
				"key": key,
215 
				"subject": subject,
216 
				"industry": industry,
217 
				"province": province,
218 
				"address": address,
219 
				"authentication": authentication,
220 
				"pageSize": pageSize,
221 
				"pageNo": pageNo,
222 
			},
223 
			dataType: 'json', //数据格式类型
224 
			type: 'GET', //http请求类型
225 
			timeout: 10000,
226 
			success: function(data) {
227 
				table.innerHTML = '';
228 
				plus.nativeUI.closeWaiting();
229 
				if(data.success && data.data.data != '') {
230 
					var datalist = data.data.data;
231 
					datalistEach(datalist);
232 
				} else {
233 
					plus.nativeUI.toast("抱歉，没有找到对应的搜索", toastStyle);
234 
				}
235 
			},
236 
			error: function() {
237 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
238 
			}
239 
		});
240 
	} else {
241 
		mui.ajax(baseUrl + '/ajax/resource/pqRes', {
242 
			data: {
243 
				"key": key,
244 
				"subject": subject,
245 
				"industry": industry,
246 
				"province": province,
247 
				"address": address,
248 
				"authentication": authentication,
249 
				"pageSize": pageSize,
250 
				"pageNo": pageNo,
251 
			},
252 
			dataType: 'json', //数据格式类型
253 
			type: 'GET', //http请求类型
254 
			timeout: 10000,
255 
			success: function(data) {
256 
				table.innerHTML = '';
257 
				plus.nativeUI.closeWaiting();
258 
				if(data.success && data.data.data != '') {
259 
					var datalist = data.data.data;
260 
					resourcesEach(datalist);
261 
				} else {
262 
					plus.nativeUI.toast("抱歉，没有找到对应的搜索", toastStyle);
263 
				}
264 
			},
265 
			error: function() {
266 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
267 
			}
268 
		});
269 
	}
270
271 
}
272
273 
/*上拉刷新数据*/
274 
function expert2(key, subject, industry, province, address, authentication, pageSize, pageNo) {
275 
	//console.log(pageNo)
276 
	//console.log(bigClass);
277 
	if(bigClass == 1) {
278 
		mui.ajax(baseUrl + '/ajax/professor/pqAPP', {
279 
			data: {
280 
				"key": key,
281 
				"subject": subject,
282 
				"industry": industry,
283 
				"province": province,
284 
				"address": address,
285 
				"authentication": authentication,
286 
				"pageSize": pageSize,
287 
				"pageNo": pageNo,
288 
			},
289 
			dataType: 'json', //数据格式类型
290 
			type: 'GET', //http请求类型
291 
			timeout: 10000,
292 
			async: false,
293 
			success: function(data) {
294 
				plus.nativeUI.closeWaiting();
295 
				if(data.success && data.data.data != '') {
296 
					mui('#pullrefresh').pullRefresh().enablePullupToRefresh(); //启用上拉刷新
297 
					var datalist = data.data.data;
298 
					var dice1 = data.data.total; //总条数
299 
					var dice2 = data.data.pageSize; //每页条数
300 
					if(pageNo == 1) { //下拉刷新需要先清空数据
301 
						table.innerHTML = ''; // 在这里清空可以防止刷新时白屏
302 
					}
303 
					allPages = dice1 / dice2;
304 
					var datalist = data.data.data;
305 
					datalistEach(datalist);
306 
					if(pageNo < allPages) {
307 
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); //能上拉
308 
					} else {
309 
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); //不能上拉
310 
					}
311
312 
				} else {
313 
					mui('#pullrefresh').pullRefresh().disablePullupToRefresh(); //没有数据禁止上拉刷新
314 
					table.innerHTML = '';
315 
					plus.nativeUI.toast("抱歉，没有找到对应的搜索", toastStyle);
316 
				}
317 
			},
318 
			error: function() {
319 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
320 
				mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
321 
			}
322 
		});
323 
	} else {
324 
		mui.ajax(baseUrl + '/ajax/resource/pqRes', {
325 
			data: {
326 
				"key": key,
327 
				"subject": subject,
328 
				"industry": industry,
329 
				"province": province,
330 
				"address": address,
331 
				"authentication": authentication,
332 
				"pageSize": pageSize,
333 
				"pageNo": pageNo,
334 
			},
335 
			dataType: 'json', //数据格式类型
336 
			type: 'GET', //http请求类型
337 
			timeout: 10000,
338 
			async: false,
339 
			success: function(data) {
340 
				plus.nativeUI.closeWaiting();
341 
				if(data.success && data.data.data != '') {
342 
					mui('#pullrefresh').pullRefresh().enablePullupToRefresh(); //启用上拉刷新
343 
					var datalist = data.data.data;
344 
					var dice1 = data.data.total; //总条数
345 
					var dice2 = data.data.pageSize; //每页条数
346 
					if(pageNo == 1) { //下拉刷新需要先清空数据
347 
						table.innerHTML = ''; // 在这里清空可以防止刷新时白屏
348 
					}
349 
					allPages = dice1 / dice2;
350 
					var datalist = data.data.data;
351 
					resourcesEach(datalist);
352 
					if(pageNo < allPages) {
353 
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); //能上拉
354 
					} else {
355 
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); //不能上拉
356 
					}
357
358 
				} else {
359 
					mui('#pullrefresh').pullRefresh().disablePullupToRefresh(); //没有数据禁止上拉刷新
360 
					table.innerHTML = '';
361 
					plus.nativeUI.toast("抱歉，没有找到对应的搜索", toastStyle);
362 
				}
363 
			},
364 
			error: function() {
365 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
366 
				mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
367 
			}
368 
		});
369 
	}
370
371 
}
372
373 
/*专家数据遍历*/
374 
function datalistEach(datalist) {
375 
	mui.each(datalist, function(index, item) {
376 
		/*获取头像*/
377 
		if(item.hasHeadImage == 1) {
378 
			var img = baseUrl + "/images/head/" + item.id + "_m.jpg";
379 
		} else {
380 
			var img = "../images/default-photo.jpg";
381 
		}
382
383 
		/*判断用户是否认证*/
384 
		var icon = ''
385 
		if(item.authentication == 1) {
386 
			icon = '<em class="mui-icon iconfont icon-vip authicon"></em>';
387 
		} else {
388 
			icon = '<em class="mui-icon iconfont icon-vip unauthicon"></em>';
389 
		}
390
391 
		/*获取研究方向信息*/
392 
		var researchAreas = item.researchAreas;
393 
		var rlist = ''
394 
		for(var n = 0; n < researchAreas.length; n++) {
395 
			rlist = '<span>' + researchAreas[n].caption + '</span>、';
396 
		}
397
398 
		/*获取资源信息*/
399 
		var resources = item.resources;
400 
		var zlist = ''
401 
		for(var m = 0; m < resources.length; m++) {
402 
			zlist = '<span>' + resources[m].resourceName + '</span>、';
403 
		}
404
405 
		var title = item.title || "";
406 
		var office = item.office || "";
407 
		var orgName = item.orgName || "";
408 
		var address = item.address || "";
409
410 
		if(title != "") {
411 
			title = title + " , ";
412 
		}
413 
		if(office != "") {
414 
			office = office + " , ";
415 
		}
416 
		if(orgName != "") {
417 
			orgName = orgName;
418 
		}
419 
		if(address != "") {
420 
			address = " | " + address;
421 
		}
422
423 
		var li = document.createElement('li');
424 
		li.className = 'mui-table-view-cell mui-media';
425
426 
		li.innerHTML = '<a class="proinfor" data-id="'+item.id+'"' +
427 
			'<p><img class="mui-media-object mui-pull-left headimg" src="' + img + '"></p>' +
428 
			'<div class="mui-media-body">' +
429 
			'<span class="listtit">' + item.name + icon + '</span>' +
430 
			'<p class="listtit2"><span>' + title + '</span><span>' + office + '</span><span>' + orgName + '</span><span>' + address + '</span></p>' +
431 
			'<p class="mui-ellipsis listtit3">' + rlist + '</p>' +
432 
			'<p class="mui-ellipsis listtit3">' + zlist + '</p>' +
433 
			'</div></a></li>';
434
435 
		table.appendChild(li, table.firstChild);
436 
	});
437 
}
438
439 
/*资源数据遍历*/
440 
function resourcesEach(datalist) {
441 
	mui.each(datalist, function(index, item) {
442
443 
		/*获取头像*/
444 
		if(item.images.length) {
445 
			var img = baseUrl + "/images/resource/" + item.resourceId + ".jpg";
446 
		} else {
447 
			var img = "../images/default-resource.jpg";
448 
		}
449
450 
		/*判断用户是否认证*/
451 
		var icon = ''
452 
		if(item.professor.authentication == true) {
453 
			icon = '<em class="mui-icon iconfont icon-vip authicon"></em>';
454 
		} else {
455 
			icon = '<em class="mui-icon iconfont icon-vip unauthicon"></em>';
456 
		}
457
458 
		var title = item.professor.title || "";
459 
		var office = item.professor.office || "";
460 
		var orgName = item.professor.orgName || "";
461 
		var address = item.professor.address || "";
462
463 
		if(title != "") {
464 
			title = title + " , ";
465 
		}
466 
		if(office != "") {
467 
			office = office + " , ";
468 
		}
469 
		if(orgName != "") {
470 
			orgName = orgName;
471 
		}
472 
		if(address != "") {
473 
			address = " | " + address;
474 
		}
475
476 
		var li = document.createElement('li');
477 
		li.className = 'mui-table-view-cell mui-media';
478
479 
		li.innerHTML = '<a class="proinfor" data-id="'+item.resourceId+'"' +
480 
			'<p><img class="mui-media-object mui-pull-left resimg" src="' + img + '"></p>' +
481 
			'<div class="mui-media-body">' +
482 
			'<span class="listtit">' + item.resourceName + '</span>' +
483 
			'<p class="mui-ellipsis listtit2">' + item.supportedServices + '</p>' +
484 
			'<span class="listtit">' + item.professor.name + icon + '</span>' +
485 
			'<p class="listtit3"><span>' + title + '</span><span>' + office + '</span><span>' + orgName + '</span><span>' + address + '</span></p>' +
486 
			'</div></a></li>';
487
488 
		table.appendChild(li, table.firstChild);
489 
	});
490 
}
491
492 
//省
493 
mui.ajax(baseUrl + '/ajax/dataDict/qaCity', {
494 
	data: {
495 
		"dictCode": "PROVINCE"
496 
	},
497 
	dataType: 'json', //数据格式类型
498 
	type: 'GET', //http请求类型
499 
	timeout: 10000,
500 
	success: function(data) {
501 
		var finallist = '<li class="mui-table-view-cell"><a class="active">全国</a></li>';
502 
		console.log(data.success)
503 
		console.log(JSON.stringify(data.data))
504 
		if(data.success && data.data != "") {
505 
			mui.each(data.data, function(i, n) {
506 
				finallist += '<li class="mui-table-view-cell"><a >' + n.caption + '</a></li>';
507 
			});
508 
			provinceVal.innerHTML = finallist;
509 
		}
510
511 
	},
512 
	error: function() {
513 
		plus.nativeUI.toast("服务器链接超时", toastStyle);
514 
	}
515 
});
516 
//应用行业
517 
mui.ajax(baseUrl + '/ajax/dataDict/qa/INDUSTRY', {
518 
	dataType: 'json', //数据格式类型
519 
	type: 'GET', //http请求类型
520 
	timeout: 10000,
521 
	success: function(data) {
522 
		var finallist = '<li class="mui-table-view-cell mui-col-xs-5"><a class="active">不限</a></li>';
523 
		console.log(data.success)
524 
		console.log(JSON.stringify(data.data))
525 
		if(data.success && data.data != "") {
526 
			mui.each(data.data, function(i, n) {
527 
				finallist += '<li class="mui-table-view-cell mui-col-xs-5"><a >' + n.caption + '</a></li>';
528 
			});
529 
			yyhy.innerHTML = finallist;
530 
		}
531
532 
	},
533 
	error: function() {
534 
		plus.nativeUI.toast("服务器链接超时", toastStyle);
535 
	}
536 
});
537 
//学术领域
538 
mui.ajax(baseUrl + '/ajax/dataDict/qa/SUBJECT', {
539 
	dataType: 'json', //数据格式类型
540 
	type: 'GET', //http请求类型
541 
	timeout: 10000,
542 
	success: function(data) {
543 
		var finallist = '<li class="mui-table-view-cell mui-col-xs-5"><a class="active" >不限</a></li>';
544 
		//console.log(data.success)
545 
		//console.log(JSON.stringify(data.data))
546 
		if(data.success && data.data != "") {
547 
			mui.each(data.data, function(i, n) {
548 
				finallist += '<li class="mui-table-view-cell mui-col-xs-5"><a >' + n.caption + '</a></li>';
549 
			});
550 
			xsly.innerHTML = finallist;
551 
		}
552
553 
	},
554 
	error: function() {
555 
		plus.nativeUI.toast("服务器链接超时", toastStyle);
556 
	}
557 
});
558
559
560
561