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

咨询评价完善，专家信息中咨询功能

xiaoai_123 8 years ago
parent
c82676775b
commit
841cdf357a
10 changed files with 819 additions and 200 deletions
Split View Show Diff Stats
  1. 5 2
      app/html/chat-assess.html
  2. 85 36
      app/html/chats.html
  3. 23 29
      app/html/consultapply.html
  4. 51 21
      app/html/consultlist.html
  5. 3 6
      app/html/proinforbrow.html
  6. 53 0
      app/js/chat-assess.js
  7. 180 31
      app/js/chats.js
  8. 183 0
      app/js/consultapply.js
  9. 215 75
      app/js/consultlist.js
  10. 21 0
      app/js/proinfobrow.js

+ 5 - 2
app/html/chat-assess.html
View File 

@ -11,6 +11,7 @@
11 11
12 12 
	<body>
13 13 
	    <header class="mui-bar mui-bar-nav toptitbox">
14 
	    	<!--mui-action-back-->
14 15 
			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
15 16 
			<h1 class="mui-title toptit">评价</h1>
16 17 
			<span id="submit" class="mui-pull-right topsave">发送</span>

@ -20,7 +21,7 @@
20 21 
			<div class="assessbox">
21 22 
				<div class="mui-content-padded ">
22 23 
					<div class="mui-inline">整体评价</div>
23 
					<div class="icons mui-inline levelbox" style="margin-left: 6px;">
24 
					<div class="icons mui-inline levelbox" style="margin-left: 6px;" id="starContainer">
24 25 
						<span data-index="1" class="mui-icon iconfont icon-favor"></span>
25 26 
						<span data-index="2" class="mui-icon iconfont icon-favor"></span>
26 27 
						<span data-index="3" class="mui-icon iconfont icon-favor"></span>

@ -32,12 +33,14 @@
32 33 
					<div class="mui-inline">评价留言</div>
33 34 
				</div>
34 35 
				<div class="row mui-input-row">
35 
					<div id='question' class="mui-input-clear question textareabox" contenteditable="true"></div>
36 
					<div id='question' class="mui-input-clear question textareabox" contenteditable="true">好评！</div>
36 37 
				</div>
37 38
38 39 
			</div>
39 40 
		</div>
40 41 
		<script src="../js/public/mui.min.js"></script>
42 
		<script src="../js/public/base.js"></script>
43 
 		<script src="../js/chat-assess.js"></script>
41 44 
		<script type="text/javascript">
42 45 
			mui.init();
43 46 
			mui('.mui-scroll-wrapper').scroll();

+ 85 - 36
app/html/chats.html
View File 

@ -6,6 +6,7 @@
6 6 
		<title></title>
7 7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 8 
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
9 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 10 
		<link href="../css/mui.imageviewer.css" rel="stylesheet" />
10 11 
		<style>
11 12 
			html,

@ -302,12 +303,20 @@
302 303 
 			#lookConBtn {
303 304 
 				text-align: center;
304 305 
 			}
306
307 
 			/*#middlePopover {
308 
 				height: 400px;
309 
 				width:80%;
310 
 				margin: auto;
311 
 			}*/
305 312
306 313 
 		</style>
307 314 
 	</head>
308 315 
  	<body contextmenu="return false;">
309 316 
 		<header class="mui-bar mui-bar-nav toptitbox">
310 
 			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
317 
 			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback" id="backBtn">
318 
 				<a href="consultlist.html"></a>
319 
 			</span>
311 320 
 			<h1 class="mui-title toptit" id="chatName"></h1>
312 321 
 			<span class="mui-icon mui-icon-contact mui-pull-right personhead"></span>
313 322 
 		</header>

@ -340,6 +349,30 @@
340 349 
 			<% } %>
341 350 
 		</script>
342 351 
 		<div class="mui-content">
352
353 
 			<!--评价内容-->
354 
 			<div id="middlePopover" class="mui-popover">
355 
				<div class="mui-popover-arrow"></div>
356 
				<div class="mui-scroll-wrapper">
357 
					<div class="mui-scroll">
358 
						<ul class="mui-table-view" id="assessText">
359 
							地方牛
360
361 
						</ul>
362 
					</div>
363 
				</div>
364
365 
			</div><!--评价内容-->
366
367
368
369
370
371
372
373
374
375
343 376 
 			<div class="operatebox">
344 377 
 				<div class="themespan mui-pull-left">
345 378 
 					<span class="" id="consultTitle">

@ -348,25 +381,27 @@
348 381 
 				</div>
349 382
350 383 
 				<!--我的需求，进行中-->
351 
				<div class="operatebtnbox mui-pull-right displayNone" id="confirmBtn">
352 
					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" >点击确认完成咨询</button>
384 
				<div class="operatebtnbox mui-pull-right displayNone" id="confirm">
385 
					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" id="confirmBtn" >点击确认完成咨询</button>
353 386 
				</div>
354 387 
				<!--我的需求，未评价-->
355 388 
				<div class="operatebtnbox mui-pull-right displayNone" id="assessBtn">
356 389 
					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn"  style="width:80px;">去评价</button>
357 390 
				</div>
358 391 
				<!--我的需求，已评价-->
359 
				<div class="operatebtnbox mui-pull-right operated " id="assessed">
360 
					<div class="evabox" >
361 
						<span>已评价</span>
362 
						<div class="levelbox" id="my_starContainer">
363 
				        	<span class="mui-icon iconfont icon-favor"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
364 
			        		<span class="mui-icon iconfont icon-favor"></span>
365 
			        		<span class="mui-icon iconfont icon-favor"></span>
366 
			        		<span class="mui-icon iconfont icon-favor"></span>
367 
			        		<span class="mui-icon iconfont icon-favor"></span>
368 
			        	</div>
369 
					</div>
392 
				<div class="operatebtnbox mui-pull-right operated displayNone" id="assessed">
393 
					<a href="#middlePopover">
394 
						<div class="evabox" >
395 
							<span>已评价</span>
396 
							<div class="levelbox" id="my_starContainer">
397 
					        	<span class="mui-icon iconfont icon-favor"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
398 
				        		<span class="mui-icon iconfont icon-favor"></span>
399 
				        		<span class="mui-icon iconfont icon-favor"></span>
400 
				        		<span class="mui-icon iconfont icon-favor"></span>
401 
				        		<span class="mui-icon iconfont icon-favor"></span>
402 
				        	</div>
403 
						</div>
404 
					</a>
370 405 
				</div>
371 406
372 407 
				<!--收到咨询，对方未评价-->

@ -378,29 +413,23 @@
378 413 
					<div class="evabox"><span>进行中</span></div>
379 414 
				</div>
380 415 
				<!--收到咨询，对方已评价-->
381 
				<div class="operatebtnbox mui-pull-right operated displayNone" id="that_assessed">
382 
					<div class="evabox" >
383 
						<span>对方已评价</span>
384 
						<div class="levelbox" id="consult_starContainer">
385 
				        	<span class="mui-icon iconfont icon-favor"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
386 
			        		<span class="mui-icon iconfont icon-favor"></span>
387 
			        		<span class="mui-icon iconfont icon-favor"></span>
388 
			        		<span class="mui-icon iconfont icon-favor"></span>
389 
			        		<span class="mui-icon iconfont icon-favor"></span>
390 
			        	</div>
391 
					</div>
416 
				<div class="operatebtnbox mui-pull-right operated displayNone" id="that_assessed" style="cursor: pointer;">
417 
					<a href="#middlePopover">
418 
						<div class="evabox" >
419 
							<span>对方已评价</span>
420 
							<div class="levelbox" id="consult_starContainer">
421 
					        	<span class="mui-icon iconfont icon-favor"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
422 
				        		<span class="mui-icon iconfont icon-favor"></span>
423 
				        		<span class="mui-icon iconfont icon-favor"></span>
424 
				        		<span class="mui-icon iconfont icon-favor"></span>
425 
				        		<span class="mui-icon iconfont icon-favor"></span>
426 
				        	</div>
427 
						</div>
428 
					</a>
429
430
392 431 
				</div>
393 432
394
395
396
397
398
399
400
401
402
403
404 433 
 			</div>
405 434
406 435 
 			

@ -423,7 +452,7 @@
423 452
424 453 
 			</div>
425 454 
 		</div>
426 
 		<footer class="" id="chatFooter">
455 
 		<footer class="displayNone" id="chatFooter">
427 456 
 			<div class="footer-left">
428 457 
 				<i id='msg-image' class="mui-icon mui-icon-camera" style="font-size: 28px;"></i>
429 458 
 			</div>

@ -446,6 +475,26 @@
446 475 
 		<script src="../js/public/arttmpl.js"></script>
447 476 
 		<script type="text/javascript" src="../js/chats.js"></script>
448 477 
 		<script type="text/javascript" charset="utf-8">
478 
 			/*mui.init({
479 
				swipeBack: true //启用右滑关闭功能
480 
			});*/
481 
			/*mui('.mui-scroll-wrapper').scroll();
482 
			mui('body').on('shown', '.mui-popover', function(e) {
483 
				//console.log('shown', e.detail.id);//detail为当前popover元素
484 
				console.log('shown');
485 
			});
486 
			mui('body').on('hidden', '.mui-popover', function(e) {
487 
				//console.log('hidden', e.detail.id);//detail为当前popover元素
488 
			});*/
489
490
491
492
493
494
495
496
497
449 498 
 			/*(function($, doc) {
450 499 
 				var MIN_SOUND_TIME = 800;
451 500 
 				$.init({

+ 23 - 29
app/html/consultapply.html
View File 

@ -1,4 +1,4 @@
1 
<!doctype html>
1 
<!DOCTYPE html>
2 2 
<html>
3 3 
	<head>
4 4 
		<meta charset="UTF-8">
 
@ -20,11 +20,15 @@
20 20 
				<div class="personinfo2">
21 21 
					<div class="headbox2" >
22 22 
					    <a class="proinfor" href="proinforbrow.html">
23 
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg">
23 
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg" id="proimg">
24 24 
		                    <div class="mui-pull-left infobasic">
25 
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon" style="font-size: 16px;"></em></span>
26 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span></p>
27 
		                    	<p class="listtit3"><span>所在部门</span>，<span>所属机构</span> | <span>所在地</span></p>
25 
		                        <span class="listtit" id='proname'>
26
27 
		                        	<!--<em id='promodify' class="mui-icon iconfont icon-vip unauthicon" style="font-size: 16px;">
28 
		                        	</em>-->
29 
		                        </span>
30 
		                        <p class="listtit2"><span id='protitle'></span><span id='prooffice'></span></p>
31 
		                    	<p class="listtit3"><span id='prodepart'></span><span id='proorgName'></span><span id='proadress'></span></p>
28 32 
		                    </div>
29 33 
		                </a>
30 34 
			        </div>
 
@ -33,13 +37,13 @@
33 37 
		        	<div class="mui-pull-left peocountbox">
34 38 
		        		<div class="peocount mui-clearfix">
35 39 
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
36 
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
40 
		        			<span class="mui-pull-left">已完成咨询<em id='consultcount'></em>人次</span>
37 41 
		        		</div>
38 42 
		        	</div>
39 
		        	<div class="mui-pull-right levelbox">
40 
		        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
41 
		        		<span class="mui-icon iconfont icon-favorfill"></span>
42 
		        		<span class="mui-icon iconfont icon-favorfill"></span>
43 
		        	<div class="mui-pull-right levelbox" id='starContainer'>
44 
		        		<span class="mui-icon iconfont icon-favor"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
45 
		        		<span class="mui-icon iconfont icon-favor"></span>
46 
		        		<span class="mui-icon iconfont icon-favor"></span>
43 47 
		        		<span class="mui-icon iconfont icon-favor"></span>
44 48 
		        		<span class="mui-icon iconfont icon-favor"></span>
45 49 
		        	</div>
 
@ -49,7 +53,7 @@
49 53 
			<div class="mui-input-group marginbox consultbox">
50 54 
				<div class="consultaim">
51 55 
					<div>请选择您的咨询类型</div>
52 
					<ul class="aimclass">
56 
					<ul class="aimclass" id="consulttype_ul">
53 57 
						<li class="liactive"><em></em>技术咨询</li>
54 58 
						<li><em></em>资源咨询</li>
55 59 
						<li><em></em>其他事务</li>
 
@ -60,35 +64,25 @@
60 64 
					<div class="maincon">
61 65 
						<ul class="basicinfo" style="padding:0;">
62 66 
							<li><label>咨询主题<em class="requiredcon"></em></label></li>
63 
							<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype"></li>
64 
							<li><label>咨询内容<em class="requiredcon"></em></label></li>
67 
							<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype" id="consulttitle"></li>
68 
							<li><label>咨询内容<em class="requiredcon" ></em></label></li>
65 69 
							<li class="basicfrm">
66 
								<div class="textareabox" contenteditable="true"></div>
70 
								<div class="textareabox" contenteditable="true" id="consultcon">
71 
									hell word!
72 
								</div>
67 73 
							</li>
68 74 
						</ul>
69 75 
			       </div>
70 76 
				</div>
71 77 
				<div class="mui-input-group">
72 
					<button class="mui-btn mui-btn-block frmbtn" style="width: 90%;">发送</button>
78 
					<button class="mui-btn mui-btn-block frmbtn" style="width: 90%;" id="saveconsultBtn">发送</button>
73 79 
			   </div>
74 80 
		    </div>
75 81
76 82 
		</div>
77 83 
		<script src=" ../js/public/mui.min.js"></script>
78 
		<script type="text/javascript">
79 
			mui.init()
80 
			//鼠标点击联系目的li时添加liactive类
81 
			mui(".aimclass").on('tap','li',function(e){
82 
				var aimlist = document.querySelector('.aimclass').querySelectorAll("li");
83 
				for(var i = 0 ; i < aimlist.length;i++){
84 
					aimlist[i].classList.remove('liactive');
85 
				}
86 
				this.classList.add('liactive');
87
88 
			})
89
90
91 
		</script>
84 
		<script src="../js/public/base.js"></script>
85 
		<script src="../js/consultapply.js"></script>
92 86 
	</body>
93 87
94 88 
</html>

+ 51 - 21
app/html/consultlist.html
View File 

@ -4,6 +4,11 @@
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 
    <style type="text/css">
8 
    	.displayNone {
9 
    		display: none;
10 
    	}
11 
    </style>
7 12 
    <link href="../css/mui.min.css" rel="stylesheet"/>
8 13 
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
9 14 
    <link href="../css/app.css" rel="stylesheet"/>

@ -35,28 +40,53 @@
35 40 
			</ul>
36 41 
		</div>
37 42 
        <!--图文列表-->
38 
        <div class="mui-card-content conblock" style="margin-top:20px;">
43
44 
		<!--下拉刷新容器-->
45 
		<!--<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
46 
		  <div class="mui-scroll">
47
48 
		    <div class="mui-card-content conblock" style="margin-top:20px;">
49 
			    <ul class="mui-table-view protable" id="listContainer">
50
51 
			    </ul>
52 
			</div>
53 
		  </div>
54 
		</div>-->
55
56 
        <div class="mui-card-content conblock" style="margin-top:20px;" id="refreshContainer">
57 
        	<div class="displayNone">
58 
        		<!--咨询/需求-->
59 
	        	<input type="text" id="needval" value="0" />
60 
	        	<!--咨询类型-->
61 
	        	<input type="text" id="typeval" value="" />
62 
	        	<!--咨询状态-->
63 
	        	<input type="text" id="stateval" value="0"/>
64 
	        	<!--时间排序-->
65 
	        	<input type="text" id="sortval" value="0" />
66 
        	</div>
39 67
40 
	        <ul class="mui-table-view protable" id="listContainer">
41 
	           <!--<li class="mui-table-view-cell mui-media">
42 
	         	<div class="coutopicbox">
43 
	            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
44 
	            		<div class="coustatus mui-pull-right">
45 
	            			<span class="aimlabel">技术</span>
46 
	            			<span class="status-1">进行中</span>
47 
	            		</div>
48 
	           	</div>
49 
	                <a class="proinfor" href="chats.html">
50 
						<span class="mui-badge mui-badge-danger">45</span>
51 
		                <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
52 
	                    <div class="mui-media-body">
53 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/><span class="thistime">今天 10:20</span></span>
54 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
55 
	                    	<p class="listtit3">专家姓名专家姓</p>
56 
	                    </div>
57 
	                </a>
58 
	            </li>-->
59 
	        </ul>
68 
        	<div class="mui-scroll">
69 
		        <ul class="mui-table-view protable" id="listContainer">
70 
		           <!--<li class="mui-table-view-cell mui-media">
71 
		            	<div class="coutopicbox">
72 
		            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
73 
		            		<div class="coustatus mui-pull-right">
74 
		            			<span class="aimlabel">技术</span>
75 
		            			<span class="status-1">进行中</span>
76 
		            		</div>
77 
		            	</div>
78 
		                <a class="proinfor" href="chats.html">
79 
							<span class="mui-badge mui-badge-danger">45</span>
80 
			                <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
81 
		                    <div class="mui-media-body">
82 
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/><span class="thistime">今天 10:20</span></span>
83 
		                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
84 
		                    	<p class="listtit3">专家姓名专家姓</p>
85 
		                    </div>
86 
		                </a>
87 
		            </li>-->
88 
		        </ul>
89 
		    </div>
60 90 
		</div>
61 91
62 92 
		<div id="middlePopover1" class="mui-popover popoverbox mui-popover1" style="height: 110px;">

+ 3 - 6
app/html/proinforbrow.html
View File 

@ -1,4 +1,4 @@
1 
<!doctype html>
1 
<!DOCTYPE html>
2 2 
<html>
3 3 
	<head>
4 4 
		<meta charset="UTF-8">
 
@ -32,10 +32,10 @@
32 32
33 33 
		<!--主页面底部菜单-->
34 34 
	    <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
35 
		    <div class="dialogbtn mui-pull-left btnactive">
35 
		    <div class="dialogbtn mui-pull-left btnactive" id="zixun">
36 36 
		    	<div>
37 37 
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
38 
					<span class="mui-pull-left">咨询</span>
38 
					<span class="mui-pull-left" id="consultBtn">咨询</span>
39 39 
				</div>
40 40 
			</div>
41 41 
			<div class="attentbtn mui-pull-left">
 
@ -196,9 +196,6 @@
196 196 
		<script src=" ../js/public/mui.min.js"></script>
197 197 
		<script src="../js/public/base.js"></script>
198 198 
		<script src="../js/proinfobrow.js"></script>
199 
		<script type="text/javascript">
200 
			mui.init()
201 
		</script>
202 199 
	</body>
203 200
204 201 
</html>

+ 53 - 0
app/js/chat-assess.js
View File 

@ -0,0 +1,53 @@
1 
mui.ready(function(){
2
3 
	var osendBtn = document.getElementById("submit");//发送按扭；
4 
	var oassesscontent = document.getElementById("question");//评价内容
5 
	var ostarContainer = document.getElementById("starContainer");//星星容器
6
7 
	/*保存评价评价*/
8 
	function saveassess(consultId) {
9 
		var assessStar = ostarContainer.querySelectorAll('.icon-favorfill').length;
10 
		var assessContant = oassesscontent.innerHTML;
11 
		var params = {
12 
				"consultId":consultId, //咨询ID
13 
			    "assessStatus":"1", //评价状态 0-未评价，1-已评价
14 
			    "assessStar":assessStar, //评价星级
15 
			    "assessContant":assessContant //评价内容
16 
		};
17
18 
		mui.ajax(baseUrl+'/ajax/consult/assess',{
19 
			data:params,
20 
			dataType:'json',//服务器返回json格式数据
21 
			type:'post',//HTTP请求类型
22 
			success:function(data){
23
24 
				if(data.data == true){
25 
					mui.toast('评价成功');
26 
				}else {
27 
					mui.alert('已经评价');
28 
				}
29 
			},
30 
			error:function(xhr,type,errorThrown){
31
32 
			}
33 
		});
34 
	};
35
36
37 
	mui.plusReady(function(){
38 
		var userid = plus.storage.getItem('userid');
39 
		var self = plus.webview.currentWebview();
40 
		var consultId = self.consultId;
41 
		console.log(consultId);
42 
		/*发送评价,返回聊天*/
43 
		osendBtn.addEventListener('tap',function() {
44 
			saveassess(consultId);
45 
			/*返回聊天*/
46 
			var chatsList = plus.webview.getWebviewById('chats.html');
47 
			chatsList.show();
48 
			mui.fire(chatsList,'refresh',{'chatsList':chatsList});
49
50 
		});
51
52 
	});
53 
});

+ 180 - 31
app/js/chats.js
View File 

@ -1,11 +1,13 @@
1 1 
mui.ready(function() {
2
2 
	var obackBtn = document.getElementById("backBtn");//返回按钮
3
3 4 
	var oconsultTitle = document.getElementById("consultTitle");//咨询标题
4 5 
	var ochatName = document.getElementById("chatName");//与。。聊天
5 6 
	var oconsultCon = document.getElementById("consultCon");//咨询内容
6 7 
	var olookConBtn = document.getElementById("lookConBtn");//查看按钮
7 8
8 
	var oconfirmBtn = document.getElementById("confirmBtn");//我的需求，确认完成按钮
9 
	var oconfirm = document.getElementById("confirm");//我的需求，确认完成
10 
	var oconfirmBtn = document.getElementById("confirmBtn");//确认完成按钮
9 11 
	var oassessBtn = document.getElementById("assessBtn");//我的需求，去评价按钮
10 12 
	var oassessed = document.getElementById("assessed");//我的需求，已评价(评价星级和评价内容)
11 13 
	var omy_starContainer = document.getElementById("my_starContainer");//我的需求，星级容器

@ -13,7 +15,10 @@ mui.ready(function() {
13 15 
	var othat_weiassess = document.getElementById("that_weiassess");//收到咨询，未评价状态
14 16 
	var owaying = document.getElementById("waying");//收到咨询，进行中状态
15 17 
	var othat_assessed = document.getElementById("that_assessed");//收到咨询，对方已评价
16 
	var oconstarContainer = document.getElementById("consult_starContainer");//收到咨询星级容器
18 
	var ozixunstarContainer = document.getElementById("consult_starContainer");//收到咨询星级容器
19
20 
	var omiddlePopover = document.getElementById("middlePopover");//评价内容容器;
21 
	var oassessText = document.getElementById("assessText");//评价内容
17 22
18 23
19 24 
	var omsg_list = document.getElementById("msg-list");

@ -43,34 +48,44 @@ mui.ready(function() {
43 48 
				data:{"consultId":consultId,"readStatus":"1"},
44 49 
				dataType:'json',//服务器返回json格式数据
45 50 
				type:'get',//HTTP请求类型
51 
				timeout:10000,//超时时间设置为10秒；
46 52 
				success:function(data){
47 53 
					myData = data.data;
48 54 
					ochatName.innerHTML = myData["professor"]["name"];
49 
					var consultTitle = '关于'+myData["consultTitle"]+"的咨询";
55 
					var consultTitle = '回复：关于'+myData["consultTitle"]+"的咨询";
50 56 
					oconsultTitle.innerHTML = consultTitle;
51 57 
					oconsultCon.innerHTML = myData['consultContant'];
52 58 
					//我的需求进行中
53 59 
					if(myData["consultStatus"] == 0){
54 
						oconfirmBtn.classList.remove('displayNone');//我的需求，进行中
60 
						oconfirm.classList.remove('displayNone');//我的需求，进行中
55 61 
						ochatFooter.classList.remove('displayNone');
62
63 
						clickConfirm(consultId);
64
65
56 66 
					}else {
57 67 
						if(myData["assessStatus"] == 0){
58 68 
							oassessBtn.classList.remove('displayNone');//我的需求，未评价
59 
						}else {
60 69
61 
							oassessed.classList.remove('displayNone');//我的需求，已评价
70 
							clickweiassess(consultId);
62 71
72 
						}else {
73 
							oassessed.classList.remove('displayNone');//我的需求，已评价
63 74 
							//评价星级
64 
							console.log("我的需求已评价")
65 75 
							var starCount = myData["assessStar"];
66 
							console.log(starCount);
67 
							for(var i=0;i < starCount;i++){
68 
								if(i < starCount){
69 
									omy_starContainer.querySelectorAll('.iconfont')[i].classList.remove('icon-favor');
70 
									omy_starContainer.querySelectorAll('.iconfont')[i].classList.add('icon-favorfill');
71 
									console.log(omy_starContainer.querySelectorAll('.iconfont')[i].classList)
72 
								}
73 
							}
76 
							console.log("我的需求已评价，星级："+starCount);
77 
							var starlist = omy_starContainer.children;
78 
							for(var i = 0; i < starCount; i++) {
79 
								starlist[i].classList.remove('icon-favor');
80 
				  				starlist[i].classList.add('icon-favorfill');
81 
							};
82 
							/*===========评价内容没做=========*/
83 
							oassessText.innerHTML = myData["assessContant"];//评价内容
84 
							console.log('评价内容是：' +oassessText.innerHTML);
85 
							oassessed.addEventListener('tap',function() {
86 
								showAssessText();
87 
							});
88
74 89
75 90 
						}
76 91 
					} 

@ -86,10 +101,11 @@ mui.ready(function() {
86 101 
				data:{"consultId":consultId,"readStatus":"1"},
87 102 
				dataType:'json',//服务器返回json格式数据
88 103 
				type:'get',//HTTP请求类型
104 
				timeout:10000,//超时时间设置为10秒；
89 105 
				success:function(data){
90 106 
					myData = data.data;
91 107 
					ochatName.innerHTML = myData["professor"]["name"];
92 
					var consultTitle = '回复：关于'+myData["consultTitle"]+"的咨询";
108 
					var consultTitle = '关于'+myData["consultTitle"]+"的咨询";
93 109 
					oconsultTitle.innerHTML = consultTitle;
94 110 
					oconsultCon.innerHTML = myData['consultContant'];
95 111 
					//收到咨询进行中

@ -105,12 +121,11 @@ mui.ready(function() {
105 121
106 122 
							//评价星级
107 123 
							var starCount = myData["assessStar"];
108 
							console.log(starCount);
109 
							for(var i = 0;i < starCount;i++){
110 
								othat_assessed.querySelectorAll('.iconfont')[i].classList.remove('icon-favor');
111 
								othat_assessed.querySelectorAll('.iconfont')[i].classList.add('icon-favorfill');
112 
								console.log(othat_assessed.querySelectorAll('.iconfont')[i].classList);
113
124 
							console.log("收到咨询对方已评价，星级："+starCount);
125 
							var starlist = ozixunstarContainer.children;
126 
							for(var i = 0; i < starCount; i++) {
127 
								starlist[i].classList.remove('icon-favor');
128 
				  				starlist[i].classList.add('icon-favorfill');
114 129 
							}
115 130 
						}
116 131 
					}

@ -135,7 +150,8 @@ mui.ready(function() {
135 150 
				"tidingsContant":tidingsContant
136 151 
			},
137 152 
			dataType:'json',//服务器返回json格式数据
138 
			type:'post',//HTTP请求类型
153 
			type:'post',//HTTP请求类型
154 
			timeout:10000,//超时时间设置为10秒；
139 155 
			success:function(data){
140 156 
				console.log(data);
141 157 
			},
 
@ -143,12 +159,118 @@ mui.ready(function() {
143 159
144 160 
			}
145 161 
		});
146 
	}
162 
	};
147 163
164 
	/*点击确认完成*/
165 
	function clickConfirm(consultId) {
166 
		oconfirmBtn.addEventListener('tap', function() {
167 
			setState(consultId);//点击确认,更新咨询状态
168 
			var btnArray = ['确定','取消'];
169 
			mui.confirm('确认此次咨询已完成？', 'ni', btnArray, function(e) {
170 
				console.log(e.index);
171 
				if (e.index == 0) {//确定
172 
					goassessFun(consultId);//进入评价页面
173 
				} else {//取消
174 
					oconfirm.classList.add('displayNone');
175 
					getHeadInfo('myNeed',consultId);
176 
				}
177 
			})
178 
		});
179 
	};
180
181 
	/*点击未评价,进入评价页面*/
182 
	function clickweiassess(consultId){
183 
		oassessBtn.addEventListener('tap',function(){
184 
			goassessFun(consultId);
185 
		});
186 
	};
187 
	/*打开评价页面*/
188 
	function goassessFun(consultId) {
189 
		mui.openWindow({
190 
			id:'chat-assess.html',
191 
		    url:'chat-assess.html',
192 
		    extras:{'consultId':consultId}//向评价页面传值;咨询id
193 
		});
194 
	};
195
196 
	/*评价内容显示与隐藏*/
197 
	function showAssessText() {
198 
		console.log('显示评价内容');
199 
		/*omiddlePopover,oassessText*/
200 
		/*先获得评价内容实际的宽高,再加padding,*/
201 
		var real_width = oassessText.offsetWidth;
202 
		var real_height = oassessText.offsetHeight;
203 
		console.log('实际宽：'+real_width+'高：'+real_height);
204
205 
		var padding_w = 10;
206 
		var padding_h = 10;
148 207
208 
		var cur_width = real_width + padding_w;
209 
		var cur_height = real_height + padding_h;
210 
		console.log("要求显示宽："+cur_width+"高："+cur_height);
211 
		/*oassessText.css('width',cur_width+'px');
212 
		oassessText.css('height',cur_height+'px');*/
213 
		omiddlePopover.style.width = cur_width+'px';
214 
		omiddlePopover.style.height = cur_height+'px';
215 
		/*omiddlePopover.css('width',);
216 
		omiddlePopover.css('height',cur_height+'px');*/
217
218 
	};
219
220
221
222
223
224
225
226 
	/*更改咨询状态,进行中--完成*/
227 
	function setState(consultId) {
228
229 
		mui.ajax(baseUrl+'/ajax/consult/finishTime',{
230 
			data:{
231 
				"consultId":consultId, //咨询ID
232 
		    	"consultStatus":"1", //咨询状态 0-进行中，1-已完成
233 
			},
234 
			dataType:'json',//服务器返回json格式数据
235 
			type:'post',//HTTP请求类型
236 
			timeout:10000,//超时时间设置为10秒；
237 
			success:function(data){
238 
				console.log("更新咨询状态")
239 
				console.log(data.data)
240 
			},
241 
			error:function(xhr,type,errorThrown){
242
243 
			}
244 
		});
245
246 
	}
247 
	/*返回咨询列表页*/
248 
//	obackBtn.addEventListener('tap',function() {
249 
//		/*返回咨询列表*/
250 
//		var consultList = plus.webview.getWebviewById('consultlist.html');
251 
//		consultList.show();
252 
//		mui.fire(consultList,'refresh',{'consultList':consultList});
253 
//
254 
//	});
255
256
257
258 
	/*评价完成返回 刷新==自定义事件*/
259 
	window.addEventListener('refresh',function(event){
260 
		//通过event.detail可获得传递过来的参数内容
261 
		var self = plus.webview.currentWebview();
262 
		console.log(self);
263 
		var consultId = self.consultId;
264
265 
		oconfirm.classList.add('displayNone');
266 
		ochatFooter.classList.add('displayNone');
267 
		getHeadInfo('myNeed',consultId);
268 
	});
269
270
149 271
150 272 
	var MIN_SOUND_TIME = 800;
151 
	mui.init({
273 
	/*mui.init({
152 274 
		gestureConfig: {
153 275 
			tap: true, //默认为true
154 276 
			doubletap: true, //默认为false

@ -157,8 +279,20 @@ mui.ready(function() {
157 279 
			drag: true, //默认为true
158 280 
			hold: true, //默认为false，不监听
159 281 
			release: true //默认为false，不监听
282 
		},
283 
		keyEventBind: {
284 
			backbutton: false,  //Boolean(默认true)关闭back按键监听
285 
			menubutton: false   //Boolean(默认true)关闭menu按键监听
286 
		},
287 
		beforeback: function(){//返回前刷新咨询列表页
288 
			//获得列表界面的webview
289 
			var list = plus.webview.getWebviewById('consultlist');
290 
			//触发列表界面的自定义事件（refresh）,从而进行数据刷新
291 
//			mui.fire(list,'refresh');
292 
			//返回true，继续页面关闭逻辑
293 
			return true;
160 294 
		}
161 
	});
295 
	});*/
162 296 
	template.config('escape', false);
163 297 
	//mui.plusReady=function(fn){fn();};
164 298 
	mui.plusReady(function() {

@ -166,10 +300,13 @@ mui.ready(function() {
166 300 
		var userid = plus.storage.getItem('userid');
167 301 
		var self = plus.webview.currentWebview();
168 302 
		var consultId = self.consultId;
169 
//		var manFlag = self.manFlag;
170 303 
		var consultantId = self.consultantId;
304
305
306
307
308
171 309 
		console.log(consultId);
172 
//		console.log(manFlag);
173 310 
		console.log('userid'+userid);
174 311 
		console.log('consultantId'+consultantId);
175 312 
		if(userid == consultantId){//我的需求

@ -180,7 +317,17 @@ mui.ready(function() {
180 317 
			//头部信息
181 318 
			var manFlag = 'consult';
182 319 
			getHeadInfo(manFlag,consultId);
183 
		}
320 
		};
321
322
323
324
325
326
327
328
329
330
184 331
185 332
186 333 
		plus.webview.currentWebview().setStyle({

@ -216,6 +363,7 @@ mui.ready(function() {
216 363 
			},
217 364 
			dataType:'json',//服务器返回json格式数据
218 365 
			type:'get',//HTTP请求类型
366 
			timeout:10000,//超时时间设置为10秒；
219 367 
			success:function(data){
220 368 
				var myData = data.data;
221 369 
				for(var i = 0; i < myData.length; i++ ){

@ -316,7 +464,8 @@ mui.ready(function() {
316 464 
				    "consultId":consultId //咨询ID
317 465 
				},
318 466 
				dataType:'json',//服务器返回json格式数据
319 
				type:'post',//HTTP请求类型
467 
				type:'post',//HTTP请求类型
468 
				timeout:10000,//超时时间设置为10秒；
320 469 
				success:function(data){
321 470 
					console.log('消息成功'+data.data);
322 471 
					//alert(JSON.stringify(data));

+ 183 - 0
app/js/consultapply.js
View File 

@ -0,0 +1,183 @@
1 
 mui.ready(function () {
2
3 
 	var oconsulttype_ul = document.getElementById("consulttype_ul");//咨询类型容器
4 
 	var oconsulttitle = document.getElementById("consulttitle");//咨询主题
5 
 	var oconsultcon = document.getElementById("consultcon");//咨询内容
6 
 	/*专家信息*/
7 
 	var oproname = document.getElementById("proname");//专家名字
8 
 	var oprotitle = document.getElementById("protitle");//职称
9 
 	var oprooffice = document.getElementById("prooffice");//职位
10 
 	var oprodepart = document.getElementById("prodepart");//所在部门
11 
 	var oproorgName = document.getElementById("proorgName");//所在机构
12 
 	var oproadress = document.getElementById("proadress");//所在地
13 
 	var opromodify = document.getElementById("promodify");//是否认证
14 
 	var oproimg = document.getElementById("proimg");//专辑头像
15 
 	var oconsultcount = document.getElementById("consultcount");//咨询次数
16 
 	var ostarContainer = document.getElementById("starContainer");//星级容器
17
18 
 	var osaveconsultBtn = document.getElementById("saveconsultBtn");//保存咨询，发送按钮
19
20 
 	/*保存咨询*/
21 
 	function saveconsult(proId,userid) {
22 
 		var consultType = oconsulttype_ul.querySelector('.liactive').innerText;
23 
 		var consultTitle = oconsulttitle.value;
24 
 		var consultcon = oconsultcon.innerText;
25 
 		console.log(consultType);
26 
 		console.log(consultTitle);
27 
 		console.log(consultcon);
28 
 		if(consultType == '' || consultType == null) {
29 
 			mui.alert('请选择咨询类型', '');
30 
 		};
31 
 		if(consultTitle == '' || consultTitle == null) {
32 
 			mui.alert('请填写咨询主题', '');
33 
 		};
34 
 		if(consultcon == '' || consultcon == null) {
35 
 			mui.alert('请填写咨询内容', '');
36 
 		};
37 
 		var params = {
38 
 			"consultType":consultType, //咨询类型
39 
			"consultTitle":consultTitle, //咨询主题
40 
			"consultContant":consultcon, //咨询内容
41 
			"professorId":proId, //专家ID
42 
			"consultantId":userid //咨询者ID
43 
 		}
44 
 		mui.ajax(baseUrl+'/ajax/consult',{
45 
 			data:params,
46 
 			dataType:'json',//服务器返回json格式数据
47 
 			type:'post',//HTTP请求类型
48 
 			timeout:10000,//超时时间设置为10秒；
49 
 			success:function(data){
50 
 				console.log(data.data);
51 
 				if(data.success) {
52 
 					mui.toast('咨询成功');
53 
 				}else {
54 
 					/*mui.alert('咨询失败', '');*/
55 
 				}
56 
 			},
57 
 			error:function(xhr,type,errorThrown){
58
59 
 			}
60 
 		});
61 
 	};
62
63 
 	/*专家信息*/
64 
 	function proinfo(proId) {
65 
 		mui.ajax(baseUrl+'/ajax/professor/editBaseInfo/'+proId,{
66 
 			data:{'id':proId},
67 
 			dataType:'json',//服务器返回json格式数据
68 
 			type:'get',//HTTP请求类型
69 
 			timeout:10000,//超时时间设置为10秒；
70 
 			success:function(data){
71 
 				var myData = data["data"];
72 
 				if(myData["name"] == null || myData["name"] == undefined ) {
73
74 
 				}else {
75 
 					oproname.innerText = myData["name"];//专家名字
76 
 				}
77 
 				if(myData["title"] == null || myData["title"] == undefined ) {
78 
 					oprotitle.innerHTML = '';
79 
 				}else {
80 
 					oprotitle.innerHTML = myData["title"]+'，';//职称
81 
 				};
82 
 				if(myData["office"] == null || myData["office"] == undefined ) {
83 
 					oprooffice.innerHTML = '';
84 
 				}else {
85 
 					oprooffice.innerHTML = myData["office"];//职位
86 
 				};
87 
 				if(myData["department"] == null || myData["department"] == undefined ) {
88 
 					oprodepart.innerHTML = '';
89 
 				}else {
90 
 					oprodepart.innerHTML = myData["department"]+'，';//所在部门
91 
 				}
92 
 				if(myData["orgName"] == null || myData["orgName"] == undefined ) {
93 
 					oproorgName.innerHTML = '';
94 
 				}else {
95 
 					oproorgName.innerHTML = myData["orgName"];//所在机构
96 
 				}
97 
 				if(myData["adress"] == null || myData["adress"] == undefined ) {
98 
 					oproadress.innerHTML = '';
99 
 				}else {
100 
 					oproadress.innerHTML = '|'+myData["adress"];//所在地
101 
 				}
102 
 				if(myData["consultCount"] == null || myData["consultCount"] == undefined ) {
103 
 					myData["consultCount"] = 0;
104 
 				}else {
105 
 					oconsultcount.innerHTML =  myData["consultCount"];//咨询次数
106 
 				};
107
108 
 				var emele = document.createElement("em");
109 
 				emele.setAttribute('class','mui-icon iconfont icon-vip');
110
111 
 				/*是否认证*/
112 
 				if(myData["authentication"] == true){
113 
 					/*opromodify.classList.remove('unauthicon');
114 
					opromodify.classList.add('authicon');*/
115 
					emele.classList.add('authicon');
116
117 
				}else if(myData["authentication"] == false){
118 
					emele.classList.add('unauthicon');
119 
				}
120 
				oproname.appendChild(emele);
121 
				console.log(emele.classList);
122
123 
				/*专家头像*/
124 
				if(myData["hasHeadImage"] == 0) {
125 
					oproimg.setAttribute('src','../images/default-photo.jpg');
126 
				}else {
127 
					oproimg.setAttribute('src','../images/head/'+myData['id']+'_m.jpg');
128 
				}
129
130 
 				/*星级*/
131 
 				var starLevel = myData['starLevel'];
132 
 				var starlist = ostarContainer.children;
133 
 				for(var i = 0; i < starLevel; i++) {
134 
					starlist[i].classList.remove('icon-favor');
135 
	  				starlist[i].classList.add('icon-favorfill');
136 
				}
137
138 
 			},
139 
 			error:function(xhr,type,errorThrown){
140
141 
 			}
142 
 		});
143 
 	}
144
145 
 	/*点击发送后,跳转到专家信息页面*/
146 
 	function backproinfo () {
147
148 
 	};
149
150
151
152
153 
   	mui.plusReady(function () {
154 
   		var userid = plus.storage.getItem('userid');
155 
   	    var self = plus.webview.currentWebview();
156 
   	    var proId = self.proId;
157 
   	    console.log(proId);
158
159 
   	 	/*专家信息数据*/
160 
   	    proinfo(proId);
161
162 
   	    /*发送保存咨询*/
163 
   	   	osaveconsultBtn.addEventListener('tap',function() {
164 
			saveconsult(proId,userid);
165
166 
		});
167
168
169
170 
   	});
171
172
173 
	//鼠标点击联系目的li时添加liactive类
174 
	mui(".aimclass").on('tap','li',function(e){
175 
		var aimlist = document.querySelector('.aimclass').querySelectorAll("li");
176 
		for(var i = 0 ; i < aimlist.length;i++){
177 
			aimlist[i].classList.remove('liactive');
178 
		}
179 
		this.classList.add('liactive');
180
181 
	});
182
183 
})

+ 215 - 75
app/js/consultlist.js
View File 

@ -1,25 +1,149 @@
1 1 
//咨询
2 2 
mui.ready(function() {
3 3
4 
	var pageIndex = 1; // 页数
5 
	var allPages = 1; // 总页数
6 
	var listContainer = document.getElementById("listContainer");//咨询列表容器
7
8 
	var oneedval = document.getElementById("needval");//咨询/需求
9 
	var otypeval = document.getElementById("typeval");//咨询类型
10 
	var ostateval = document.getElementById("stateval");//咨询状态
11 
	var osortval = document.getElementById("sortval");//时间排序
12
13
14
4 15 
	mui.plusReady(function(){
16
5 17 
		var userid = plus.storage.getItem('userid');
6 
		var listContainer = document.getElementById("listContainer");//咨询列表容器
7 
		console.log(userid);
8 
		/*var consultStr = getConsultData(userid,0,0,0);
9 
		var myNeedStr = getMyNeedData(userid,0,0,0);
10 
		var allStr = allData(userid,0,0,1);
11 
		listContainer.innerHTML = consultStr + myNeedStr;
12 
		listContainer.innerHTML = allStr;*/
13
14 
		var list = allData(userid,0,'',0,0);
15 
		console.log(list);
18
19 
		var list = allData(userid,0,'',0,0);//默认加载
20 
//		console.log(list);
16 21 
		listContainer.innerHTML = list;
17
22
23 
		console.log(oneedval.value +otypeval.value +ostateval.value+osortval.value);
24
25 
		/*全部的咨询列表*/
26 
		function allData(userid,consultOrNeed,consultType,status,timeType) {
27 
			var allStr;
28 
			var params = {
29 
					"professorId":userid, //专家ID
30 
				    "consultOrNeed":consultOrNeed, //接受咨询或咨询别人的状态值，0-全部，1-别人咨询我的，2-我咨询别人的 默认为0
31 
				    "consultType":consultType, //咨询类型(技术咨询、资源咨询、其他事务)
32 
				    "status":status, //查询状态 0-全部，1-进行中，2-未感谢，3-未评价，4-已完成， 可以不传，默认为0
33 
				    "timeType":timeType, //排序类型 0-按发起时间正序，1-按最后回复时间倒序，2-按完成时间倒序 默认为1
34 
				    "pageSize":10, //每页记录数 默认为5
35 
				    "pageNo":pageIndex //当前页码 默认为1
36 
			    };
37 
			mui.ajax(baseUrl +'/ajax/consult/pq',{
38 
				data:params,
39 
				dataType:'json',//服务器返回json格式数据
40 
				type:'get',//HTTP请求类型
41 
				async:false,
42 
				timeout:10000,//超时时间设置为10秒；
43 
				success:function(data){
44 
					if(data.success){
45 
						var myData = data.data.data;
46 
						allStr = handleData(userid,myData,'all');
47
48 
					}
49 
				},
50 
				error:function(xhr,type,errorThrown){
51
52 
				}
53 
			});
54
55 
			return allStr;
56 
		};
57
58
59 
		//下拉加载获得更多数据
60 
		function getMoreData() {
61 
			var allstr;
62 
			mui.ajax(baseUrl+'/ajax/consult/pq',{
63 
				data:{
64 
					"professorId":userid, //专家ID
65 
				    "consultOrNeed":consultOrNeed, //接受咨询或咨询别人的状态值，0-全部，1-别人咨询我的，2-我咨询别人的 默认为0
66 
				    "consultType":consultType, //咨询类型(技术咨询、资源咨询、其他事务)
67 
				    "status":status, //查询状态 0-全部，1-进行中，2-未感谢，3-未评价，4-已完成， 可以不传，默认为0
68 
				    "timeType":timeType, //排序类型 0-按发起时间正序，1-按最后回复时间倒序，2-按完成时间倒序 默认为1
69 
				    "pageSize":10, //每页记录数 默认为5
70 
				    "pageNo":pageIndex //当前页码 默认为1
71 
				},
72 
				dataType:'json',//服务器返回json格式数据
73 
				type:'get',//HTTP请求类型
74 
				timeout:10000,//超时时间设置为10秒；
75 
				success:function(data){
76 
					if(data.success) {
77 
						var myData = data.data.data;
78 
						var alltotal = data.data.total;//总条数
79 
						var pagesize = data.data.pageSize; //每页条数
80 
						var allpages = Math.ceil(alltotal / pagesize);//总页数
81 
						allStr = handleData(userid,myData,'all');
82 
						console.log(allpages);
83 
						console.log(alltotal);
84
85 
						if(pageIndex == 1) { //下拉刷新需要先清空数据
86 
							listContainer.innerHTML = ''; // 在这里清空可以防止刷新时白屏
87 
						}
88
89 
						if(pageIndex < allPages) {
90
91 
							mui('#refreshContainer').pullRefresh().endPullupToRefresh(false); /*能上拉*/
92 
						} else {
93
94 
							mui('#refreshContainer').pullRefresh().endPullupToRefresh(true); /*不能上拉*/
95 
						}
96
97
98
99 
					}
100
101 
				},
102 
				error:function(xhr,type,errorThrown){
103 
					plus.nativeUI.toast("服务器链接超时", toastStyle);
104 
					mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
105 
				}
106 
			});
107 
		}
108
109
110
111
112
113
114
115
116 
		/*mui.init({
117 
			pullRefresh : {
118 
			    container:"#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
119 
			    down : {
120 
			      height:50,//可选,默认50.触发下拉刷新拖动距离,
121 
			      auto: true,//可选,默认false.自动下拉刷新一次
122 
			      contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
123 
			      contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
124 
			      contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
125 
			      callback :allData(userid,oneedval.value,otypeval.value,ostateval.value,osortval.value) //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
126 
			    }
127 
			}
128 
		});
129
130 
		function pullupRefresh() {
131 
			pageIndex = ++pageIndex;
132 
			setTimeout(function() {
133 
				allData(userid,oneedval.value,otypeval.value,ostateval.value,osortval.value);
134 
			}, 1000);
135 
		};*/
136
137
138
139
18 140 
		//点击选择
19 141 
		function checkedFun(i){
142
20 143 
			mui("#middlePopover"+i).on('tap','.mui-navigate-right',function(e){
21 
				document.getElementById("headck"+i).innerHTML = e.target.innerHTML;
22 
				var value = e.target.getAttribute("ck"+i);
144
145 
				document.getElementById("headck"+i).innerHTML = this.innerHTML;
146 
				var value = this.getAttribute("ck"+i);
23 147 
				document.getElementById("headck"+i).setAttribute('headck',value);
24 148 
				document.querySelector('.mui-backdrop').style.display = 'none';
25 149 
				document.getElementById("middlePopover"+i).style.display = 'none';

@ -28,16 +152,16 @@ mui.ready(function() {
28 152 
					consultType = '';
29 153 
				}else {
30 154 
					consultType = document.getElementById("headck2").innerHTML;
31 
					console.log(typeof(consultType));
155
32 156 
				}
33 157 
				//去掉样式类mui-active,要不然会多点击一次
34 
				var oheadVal = {
35 
					val1:document.getElementById("headck1").getAttribute('headck'),
36 
					val2:consultType,
37 
					val3:document.getElementById("headck3").getAttribute('headck'),
38 
					val4:document.getElementById("headck4").getAttribute('headck')
39 
				};
40 
				console.log(oheadVal.val1+oheadVal.val2+oheadVal.val3+oheadVal.val4)
158 
				oneedval.value = document.getElementById("headck1").getAttribute('headck');
159 
				otypeval.value = consultType;
160 
				ostateval.value = document.getElementById("headck3").getAttribute('headck');
161 
				osortval.value = document.getElementById("headck4").getAttribute('headck');
162
163
164 
	//				console.log(oneedval.value +otypeval.value +ostateval.value+osortval.value)
41 165
42 166 
				/*allData(userid,consultOrNeed,consultType,status,timeType)
43 167 
				 * userid:专家id

@ -46,7 +170,8 @@ mui.ready(function() {
46 170 
				 * status:查询状态 0-全部，1-进行中，2-未感谢，3-未评价，4-已完成， 可以不传，默认为0
47 171 
				 * timeType:排序类型 0-按发起时间正序，1-按最后回复时间倒序，2-按完成时间倒序 默认为1
48 172 
				 */
49 
				var listdata = allData(userid,oheadVal.val1,oheadVal.val2,oheadVal.val3,oheadVal.val4);
173 
				/*var listdata = allData(userid,oneedval.value,otypeval.value,ostateval.value,osortval.value);*/
174 
				var listdata = allData(userid,oneedval.value,otypeval.value,ostateval.value,osortval.value);
50 175 
				listContainer.innerHTML = '';
51 176 
				listContainer.innerHTML = listdata;
52 177 
			});

@ -57,41 +182,7 @@ mui.ready(function() {
57 182 
		checkedFun(3);
58 183 
		checkedFun(4);
59 184
60 
		/*全部的咨询列表*/
61 
		function allData(userid,consultOrNeed,consultType,status,timeType) {
62 
			var allStr;
63 
			var params = {
64 
					"professorId":userid, //专家ID
65 
				    "consultOrNeed":consultOrNeed, //接受咨询或咨询别人的状态值，0-全部，1-别人咨询我的，2-我咨询别人的 默认为0
66 
				    "consultType":consultType, //咨询类型(技术咨询、资源咨询、其他事务)
67 
				    "status":status, //查询状态 0-全部，1-进行中，2-未感谢，3-未评价，4-已完成， 可以不传，默认为0
68 
				    "timeType":timeType, //排序类型 0-按发起时间正序，1-按最后回复时间倒序，2-按完成时间倒序 默认为1
69 
				    "pageSize":"", //每页记录数 默认为5
70 
				    "pageNo":"" //当前页码 默认为1
71 
			    };
72 
			mui.ajax(baseUrl +'/ajax/consult/pq',{
73 
				data:params,
74 
				dataType:'json',//服务器返回json格式数据
75 
				type:'get',//HTTP请求类型
76 
				async:false,
77 
				success:function(data){
78 
					if(!data.data){
79 
						return false;
80 
					}else{
81 
						var myData = data.data.data;
82 
						console.log(myData.length);
83 
						allStr = handleData(userid,myData,'all');
84 
					}
85 
				},
86 
				error:function(xhr,type,errorThrown){
87
88 
				}
89 
			});
90
91 
			return allStr;
92 
		}
93 185
94
95 186 
		/*咨询数据处理*/
96 187 
		function handleData(userid,data,manFlag) {
97 188 
			var htmlStr = '';

@ -107,7 +198,8 @@ mui.ready(function() {
107 198 
					unreadCount,
108 199 
					unreadStyle,
109 200 
					proModify,
110 
					photoUrl;
201 
					photoUrl,
202 
					consultType;
111 203 
				//咨询类型和状态
112 204 
				if(data[i]['consultantId'] != userid){//收到咨询
113 205 
					title = "回复:关于" + data[i]["consultTitle"] + "的咨询";

@ -148,7 +240,7 @@ mui.ready(function() {
148 240 
					address = '|'+ data[i]["professor"]["address"];
149 241 
				}
150 242 
				//专家认证
151 
				if(data[i]["professor"]["authentication" == true]){
243 
				if(data[i]["professor"]["authentication"] == true){
152 244 
					proModify = 'authicon';
153 245 
				}else {
154 246 
					proModify = 'unauthicon';

@ -161,6 +253,11 @@ mui.ready(function() {
161 253 
					photoUrl = "../images/head/"+data[i]["professor"]["id"]+"_m.jpg";
162 254
163 255 
				};
256 
				//咨询类型，只取两个字
257 
				if(data[i]["consultType"]) {
258 
					consultType = data[i]["consultType"].substr(0,2);
259 
				}
260
164 261
165 262
166 263 
				//最后回复

@ -180,7 +277,7 @@ mui.ready(function() {
180 277
181 278 
				htmlStr += '<li class="mui-table-view-cell mui-media"><div class="coutopicbox">';
182 279 
	            htmlStr += '<span class="coutheme mui-ellipsis mui-pull-left">'+title+'</span>';
183 
	            htmlStr += '<div class="coustatus mui-pull-right"><span class="aimlabel">'+data[i]["consultType"]+'</span>';
280 
	            htmlStr += '<div class="coustatus mui-pull-right"><span class="aimlabel">'+consultType+'</span>';
184 281 
	            htmlStr += '<span class="status-1">'+status+'</span></div></div>';
185 282 
	            htmlStr += '<a class="proinfor itemBtn" consultId="'+data[i]["consultId"]+'" consultantId="'+data[i]["consultantId"]+'"  manFlag="'+manFlag+'">';
186 283 
				htmlStr += '<span class="mui-badge mui-badge-danger" style="'+unreadStyle+'">'+unreadCount+'</span>';

@ -190,26 +287,11 @@ mui.ready(function() {
190 287 
	            htmlStr += '<p class="listtit2"><span>'+zhicehng+'</span><span>'+zhiwei+'</span><span>'+data[i]["professor"]["orgName"]+'</span><span>'+address+'</span></p>';
191 288 
	            htmlStr += '<p class="listtit3">'+lastReplyCon+'</p>';
192 289 
	            htmlStr += '</div></a></li>';
193
194 
	            mui("#listContainer").on('tap','.itemBtn',function(){
195 
//					console.log(this.getAttribute("consultId"));
196 
					 mui.openWindow({
197 
						id:'chats',
198 
					    url:'chats.html',
199 
					    extras:{
200 
					    	'manFlag':this.getAttribute("manFlag"),
201 
					    	'consultId':this.getAttribute("consultId"),//自定义扩展参数，可以用来处理页面间传值
202 
					    	'consultantId':this.getAttribute("consultantId")//咨询者id
203 
					    }
204 
					});
205 
				});
206
207
208 290 
			};
209 291
210 292 
			return htmlStr;
211 293 
		};
212
294
213 295 
		/*最后回复*/
214 296 
		function lastReplyFn(sendId,consultId){
215 297 
			var lastReplyTimeData,lastReplyTime,lastReplyCon;

@ -220,6 +302,7 @@ mui.ready(function() {
220 302 
				},
221 303 
				dataType:'json',//服务器返回json格式数据
222 304 
				type:'get',//HTTP请求类型
305 
				timeout:10000,//超时时间设置为10秒；
223 306 
				async:false,
224 307 
				success:function(data){
225 308 
					/*console.log(data);*/

@ -254,6 +337,7 @@ mui.ready(function() {
254 337 
				},
255 338 
				dataType:'json',//服务器返回json格式数据
256 339 
				type:'get',//HTTP请求类型
340 
				timeout:10000,//超时时间设置为10秒；
257 341 
				async:false,
258 342 
				success:function(data){
259 343 
					unreadCount = data["data"];

@ -274,5 +358,61 @@ mui.ready(function() {
274 358 
			}
275 359 
		};
276 360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388 
		//打开新页面
389 
		mui("#listContainer").on('tap','.itemBtn',function(){
390 
			/*console.log(this.getAttribute("consultId"));
391 
			var nwaiting = plus.nativeUI.showWaiting();
392 
			var consultId = this.getAttribute("consultId");
393 
			var consultantId = this.getAttribute("consultantId");
394 
			console.log(consultId);
395 
			console.log(consultantId);
396 
			webviewShow = plus.webview.create("../html/chats.html",{consultId:consultId,consultantId:consultantId});
397 
			webviewShow.addEventListener("loaded", function() {
398 
		        nwaiting.close(); //新webview的载入完毕后关闭等待框
399 
		        webviewShow.show("slide-in-right",150); //把新webview窗体显示出来，显示动画效果为速度150毫秒的右侧移入动画
400 
		    }, false);*/
401
402 
			mui.openWindow({
403 
				id:'chats.html',
404 
			    url:'chats.html',
405 
			    extras:{
406 
			    	'manFlag':this.getAttribute("manFlag"),
407 
			    	'consultId':this.getAttribute("consultId"),//自定义扩展参数，可以用来处理页面间传值
408 
			    	'consultantId':this.getAttribute("consultantId")//咨询者id
409 
			    }
410 
			});
411 
		});
412
413
414
415
416
277 417 
	});
278 418 
});

+ 21 - 0
app/js/proinfobrow.js
View File 

@ -0,0 +1,21 @@
1 
mui.ready(function() {
2
3 
	var ozixun = document.getElementById("zixun");
4
5 
	mui.plusReady(function(){
6 
		var userid = plus.storage.getItem('userid');
7 
		var self = plus.webview.currentWebview();
8 
		var proId = JSON.parse(self.id).proid;
9
10 
		/*点击咨询*/
11 
		ozixun.addEventListener('tap',function() {
12 
			mui.openWindow({
13 
			    url:'consultapply.html',
14 
			    id:'consultapply.html',
15 
			    extras:{'proId':proId}
16 
			});
17
18 
		});
19
20 
	});
21 
})