Browse Source

咨询列表接口修改和完善;
聊天咨询内容展开和收起

xiaoai_123 8 years ago
parent
commit
8b760ec136
4 changed files with 191 additions and 262 deletions
  1. 77 42
      app/html/chats.html
  2. 23 98
      app/html/consultlist.html
  3. 40 23
      app/js/chats.js
  4. 51 99
      app/js/consultlist.js

+ 77 - 42
app/html/chats.html

@ -292,10 +292,16 @@
292 292
 			.cancel {
293 293
 				background-color: darkred;
294 294
 			}
295
 			
295 296
 			.displayNone {
296 297
 				display: none;
297 298
 			}
298
 			
299
 			#consultCon {
300
 				margin: -11px 15px -11px;
301
 			}
302
 			#lookConBtn {
303
 				text-align: center;
304
 			}
299 305
 			 
300 306
 		</style>
301 307
 	</head>
@ -336,54 +342,83 @@
336 342
 		<div class="mui-content">
337 343
 			<div class="operatebox">
338 344
 				<div class="themespan mui-pull-left">
339
 					<span class="" id="consultTitle"></span>
345
 					<span class="" id="consultTitle">
346
 						上面的例子用了很多属性来设置边框。
347
 					</span>
340 348
 				</div>
349
 				
341 350
 				<!--我的需求,进行中-->
342
 				<div class="operatebtnbox mui-pull-right displayNone" id="confirmBtn">
343
 					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" >点击确认完成咨询</button>
344
 				</div>
345
 				<!--我的需求,未评价-->
346
 				<div class="operatebtnbox mui-pull-right displayNone" id="assessBtn">
347
 					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn"  style="width:80px;">去评价</button>
348
 				</div>
349
 				<!--我的需求,已评价-->
350
 				<div class="operatebtnbox mui-pull-right operated displayNone" id="assessed">
351
 					<div class="evabox" >
352
 						<span>对方已评价</span>
353
 						<div class="levelbox" id="my_starContainer">
354
				        	<span class="mui-icon iconfont icon-favorfill star"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
355
			        		<span class="mui-icon iconfont icon-favorfill star"></span>
356
			        		<span class="mui-icon iconfont icon-favorfill star"></span>
357
			        		<span class="mui-icon iconfont icon-favor star"></span>
358
			        		<span class="mui-icon iconfont icon-favor star"></span>
351
				<div class="operatebtnbox mui-pull-right displayNone" id="confirmBtn">
352
					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn" >点击确认完成咨询</button>
353
				</div>
354
				<!--我的需求,未评价-->
355
				<div class="operatebtnbox mui-pull-right displayNone" id="assessBtn">
356
					<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn operatebtn"  style="width:80px;">去评价</button>
357
				</div>
358
				<!--我的需求,已评价-->
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>
359 368
			        	</div>
360
 					</div>
361
 				</div>
362
 				
363
 				<!--收到咨询,对方未评价-->
364
 				<div class="operatebtnbox mui-pull-right displayNone" style="width:30%;" id="that_weiassess">
365
 					<div class="evabox"><span>对方还未评价</span></div>
366
 				</div>
367
 				<!--收到咨询,进行中-->
368
 				<div class="operatebtnbox mui-pull-right displayNone" id="waying" style="width:30%;">
369
 					<div class="evabox"><span>进行中</span></div>
370
 				</div>
371
 				<!--收到咨询,对方已评价-->
372
 				<div class="operatebtnbox mui-pull-right operated displayNone" id="that_assessed">
373
 					<div class="evabox" >
374
 						<span>对方已评价</span>
375
 						<div class="levelbox" id="consult_starContainer">
376
				        	<span class="mui-icon iconfont icon-favor star"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
377
			        		<span class="mui-icon iconfont icon-favor star"></span>
378
			        		<span class="mui-icon iconfont icon-favor star"></span>
379
			        		<span class="mui-icon iconfont icon-favor star"></span>
380
			        		<span class="mui-icon iconfont icon-favor star"></span>
369
					</div>
370
				</div>
371
				
372
				<!--收到咨询,对方未评价-->
373
				<div class="operatebtnbox mui-pull-right displayNone" style="width:30%;" id="that_weiassess">
374
					<div class="evabox"><span>对方还未评价</span></div>
375
				</div>
376
				<!--收到咨询,进行中-->
377
				<div class="operatebtnbox mui-pull-right displayNone" id="waying" style="width:30%;">
378
					<div class="evabox"><span>进行中</span></div>
379
				</div>
380
				<!--收到咨询,对方已评价-->
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>
381 390
			        	</div>
382
 					</div>
383
 				</div>
391
					</div>
392
				</div>
393
 				
394
 				
395
 				
396
 				
397
 				
398
 				
399
 				
400
 				
401
 				
384 402
 				
385 403
 				
386 404
 			</div>
405
 			
406
 			
407
 			<div class="consult_content">
408
 				<ul class="mui-table-view" >
409
	 				<li class="mui-table-view-cell mui-collapse" id="mui-active" style="background-color:#fff;">
410
	 					<div class="mui-collapse-content" id="consultCon">
411
							可以在折叠面板中放置任何内容;折叠面板默认收缩,若希望某个面板默认展开,
412
							只需要在包含.mui-collapse类的li节点上,增加.mui-active类即可;mui官网中的方法说明,
413
							使用的就是折叠面板控件。
414
						</div>
415
						<a class="mui-navigate-right" href="#" id="lookConBtn">查看咨询内容</a>
416
					</li>
417
 				</ul>
418
 				
419
 			</div>
420
 			
421
 			
387 422
 			<div id='msg-list'>
388 423
 				
389 424
 			</div>

+ 23 - 98
app/html/consultlist.html

@ -21,16 +21,16 @@
21 21
    	<div class="filterbox2">
22 22
			<ul class="filterblock2">
23 23
				<li style="width:22%;">
24
					<a href="#middlePopover1" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span>全部</span><em class="mui-icon mui-icon-arrowdown"></em></a>
24
					<a href="#middlePopover1"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck1" headck='0'>全部</span><em class="mui-icon mui-icon-arrowdown"></em></a>
25 25
				</li>
26 26
				<li style="width:22%;">
27
					<a href="#middlePopover2" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span>咨询方向</span><em class="mui-icon mui-icon-arrowdown"></em></a>
27
					<a href="#middlePopover2"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck2" headck='0'>咨询方向</span><em class="mui-icon mui-icon-arrowdown"></em></a>
28 28
				</li>
29 29
				<li style="width:22%;">
30
					<a href="#middlePopover3" class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span>咨询状态</span><em class="mui-icon mui-icon-arrowdown"></em></a>
30
					<a href="#middlePopover3"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2"><span id="headck3" headck='0'>咨询状态</span><em class="mui-icon mui-icon-arrowdown"></em></a>
31 31
				</li>
32 32
				<li style="width:34%;">
33
					<a href="#middlePopover4" class="mui-btn mui-btn-block mui-btn-outlined filterlist2" ><span>按最后回复排序</span><em class="mui-icon mui-icon-arrowdown"></em></a>
33
					<a href="#middlePopover4"  class="mui-btn mui-btn-block mui-btn-outlined filterlist2" ><span id="headck4" headck='0'>按最后回复排序</span><em class="mui-icon mui-icon-arrowdown"></em></a>
34 34
				</li>
35 35
			</ul>
36 36
		</div>
@ -38,14 +38,13 @@
38 38
        <div class="mui-card-content conblock" style="margin-top:0 ;">
39 39
        	
40 40
	        <ul class="mui-table-view protable" id="listContainer">
41
	            <!--<li class="mui-table-view-cell mui-media">
41
	           <!--<li class="mui-table-view-cell mui-media">
42 42
	            	<div class="coutopicbox">
43 43
	            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
44 44
	            		<div class="coustatus mui-pull-right">
45 45
	            			<span class="aimlabel">技术</span>
46
	            			<span class="status-1">进行中</span>-->
47
	            			<!--进行中"status-1"  待评价"status-2"  已完成"status-3"-->
48
	            		<!--</div>
46
	            			<span class="status-1">进行中</span>
47
	            		</div>
49 48
	            		
50 49
	            	</div>
51 50
	                <a class="proinfor" href="chats.html">
@ -57,81 +56,7 @@
57 56
	                    	<p class="listtit3">专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名</p>
58 57
	                    </div>
59 58
	                </a>
60
	            </li>
61
	            <li class="mui-table-view-cell mui-media">
62
	            	<div class="coutopicbox">
63
	            		<span class="coutheme mui-ellipsis mui-pull-left"><span>回复:</span>关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
64
	            		<div class="coustatus mui-pull-right">
65
	            			<span class="aimlabel">其它</span>
66
	            			<span class="status-2">待评价</span>
67
	            		</div>
68
	            		
69
	            	</div>
70
	                <a class="proinfor" href="chats.html">
71
	                	<span class="mui-badge mui-badge-danger">1</span>
72
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
73
	                    <div class="mui-media-body">
74
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/><span class="thistime">今天 10:20</span></span>	
75
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
76
	                    	<p class="listtit3">专家姓名专家姓名专家姓名专家</p>
77
	                    </div>
78
	                </a>
79
	            </li>
80
				<li class="mui-table-view-cell mui-media">
81
	            	<div class="coutopicbox">
82
	            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
83
	            		<div class="coustatus mui-pull-right">
84
	            			<span class="aimlabel">资源</span>
85
	            			<span class="status-3">已完成</span>
86
	            		</div>
87
	            		
88
	            	</div>
89
	                <a class="proinfor" href="chats.html">
90
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
91
	                    <div class="mui-media-body">
92
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/><span class="thistime">今天 10:20</span></span>	
93
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
94
	                    	<p class="listtit3">专家姓名专姓名专家姓名专家姓名专姓名专家姓名专家姓名</p>
95
	                    </div>
96
	                </a>
97
	            </li>
98
	            <li class="mui-table-view-cell mui-media">
99
	            	<div class="coutopicbox">
100
	            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
101
	            		<div class="coustatus mui-pull-right">
102
	            			<span class="aimlabel">资源</span>
103
	            			<span class="status-3">已完成</span>
104
	            		</div>
105
	            		
106
	            	</div>
107
	                <a class="proinfor" href="chats.html">
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">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/><span class="thistime">今天 10:20</span></span>	
111
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
112
	                    	<p class="listtit3">专家姓名专姓名专家姓名专家姓名专姓名专家姓名专家姓名</p>
113
	                    </div>
114
	                </a>
115
	            </li>
116
	            <li class="mui-table-view-cell mui-media">
117
	            	<div class="coutopicbox">
118
	            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
119
	            		<div class="coustatus mui-pull-right">
120
	            			<span class="aimlabel">资源</span>
121
	            			<span class="status-3">已完成</span>
122
	            		</div>
123
	            		
124
	            	</div>
125
	                <a class="proinfor" href="chats.html">
126
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
127
	                    <div class="mui-media-body">
128
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/><span class="thistime">今天 10:20</span></span>	
129
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
130
	                    	<p class="listtit3">专家姓名专姓名专家姓名专家姓名专姓名专家姓名专家姓名</p>
131
	                    </div>
132
	                </a>
133
	            </li>-->
134
	            
59
	            </li>-->
135 60
	        </ul>
136 61
		</div>
137 62
		
@ -140,9 +65,9 @@
140 65
			<div class="mui-scroll-wrapper">
141 66
				<div class="mui-scroll">
142 67
					<ul class="mui-table-view mui-table-view-radio">
143
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">全部</a></li>
144
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">我的需求</a></li>
145
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">收到咨询</a></li>
68
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck1="0">全部</a></li>
69
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck1="1">我的需求</a></li>
70
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck1="2">收到咨询</a></li>
146 71
					</ul>
147 72
				</div>
148 73
			</div>
@ -152,9 +77,10 @@
152 77
			<div class="mui-scroll-wrapper">
153 78
				<div class="mui-scroll">
154 79
					<ul class="mui-table-view mui-table-view-radio">
155
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">技术咨询</a></li>
156
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">资源咨询</a></li>
157
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">其它事务</a></li>
80
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="0">不限</a></li>
81
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="1">技术咨询</a></li>
82
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="2">资源咨询</a></li>
83
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck2="3">其它事务</a></li>
158 84
					</ul>
159 85
				</div>
160 86
			</div>
@ -164,9 +90,10 @@
164 90
			<div class="mui-scroll-wrapper">
165 91
				<div class="mui-scroll">
166 92
					<ul class="mui-table-view mui-table-view-radio">
167
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">进行中</a></li>
168
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">待评价</a></li>
169
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">已完成</a></li>
93
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="0">不限</a></li>
94
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="1">进行中</a></li>
95
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="2">待评价</a></li>
96
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck3="3">已完成</a></li>
170 97
					</ul>
171 98
				</div>
172 99
			</div>
@ -176,9 +103,9 @@
176 103
			<div class="mui-scroll-wrapper">
177 104
				<div class="mui-scroll">
178 105
					<ul class="mui-table-view mui-table-view-radio">
179
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">按最后回复排序</a></li>
180
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">按发起时间排序</a></li>
181
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">按完成时间排序</a></li>
106
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="0">按最后回复排序</a></li>
107
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="1">按发起时间排序</a></li>
108
						<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#" ck4="2">按完成时间排序</a></li>
182 109
					</ul>
183 110
				</div>
184 111
			</div>
@ -189,9 +116,7 @@
189 116
	
190 117
	<script src="../js/public/mui.min.js"></script>
191 118
	<script src="../js/public/base.js"></script>
192
	<script src="../js/consultlist.js">
193
		
194
	</script>
119
	<script src="../js/consultlist.js"></script>
195 120
    <script type="text/javascript" charset="utf-8">
196 121
      	mui.init({
197 122
				swipeBack: true //启用右滑关闭功能

+ 40 - 23
app/js/chats.js

@ -2,6 +2,8 @@ mui.ready(function() {
2 2
	 
3 3
	var oconsultTitle = document.getElementById("consultTitle");//咨询标题
4 4
	var ochatName = document.getElementById("chatName");//与。。聊天
5
	var oconsultCon = document.getElementById("consultCon");//咨询内容
6
	var olookConBtn = document.getElementById("lookConBtn");//查看按钮
5 7
	
6 8
	var oconfirmBtn = document.getElementById("confirmBtn");//我的需求,确认完成按钮
7 9
	var oassessBtn = document.getElementById("assessBtn");//我的需求,去评价按钮
@ -19,6 +21,20 @@ mui.ready(function() {
19 21
	var omsg_type = document.getElementById("msg-type");
20 22
	var ochatFooter = document.getElementById("chatFooter");
21 23
	
24
	//查看咨询内容
25
	(function lookContultCon(){
26
		var flag = true;
27
		olookConBtn.addEventListener('tap',function(){
28
			if(flag){
29
				this.innerHTML = '收起';
30
				flag = false;
31
			}else {
32
				this.innerHTML = '查看咨询内容';
33
				flag = true;
34
			}
35
		});
36
	})();
37
	
22 38
	function getHeadInfo(manFlag,consultId){
23 39
		var myData;
24 40
		if(manFlag == 'myNeed'){//我的需求
@ -32,23 +48,27 @@ mui.ready(function() {
32 48
					ochatName.innerHTML = myData["professor"]["name"];
33 49
					var consultTitle = '关于'+myData["consultTitle"]+"的咨询";
34 50
					oconsultTitle.innerHTML = consultTitle;
51
					oconsultCon.innerHTML = myData['consultContant'];
35 52
					//我的需求进行中
36 53
					if(myData["consultStatus"] == 0){
37
						oconfirmBtn.style.display = 'block';//我的需求,进行中
38
						ochatFooter.style.display = 'block';
54
						oconfirmBtn.classList.remove('displayNone');//我的需求,进行中
55
						ochatFooter.classList.remove('displayNone');
39 56
					}else {
40 57
						if(myData["assessStatus"] == 0){
41
							oassessBtn.style.display = 'block';//我的需求,未评价
58
							oassessBtn.classList.remove('displayNone');//我的需求,未评价
42 59
						}else {
43
							oassessed.style.display = 'block';//我的需求,已评价
60
							
61
							oassessed.classList.remove('displayNone');//我的需求,已评价
62
							
44 63
							//评价星级
45 64
							console.log("我的需求已评价")
46 65
							var starCount = myData["assessStar"];
47
							for(var i=0;i<starCount;i++){
66
							console.log(starCount);
67
							for(var i=0;i < starCount;i++){
48 68
								if(i < starCount){
49
									nth(omy_starContainer,'.star',i+1)
50
									.removeClass('icon-favor')
51
									.addClass("icon-favorfill");
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)
52 72
								}
53 73
							}
54 74
							
@ -71,29 +91,26 @@ mui.ready(function() {
71 91
					ochatName.innerHTML = myData["professor"]["name"];
72 92
					var consultTitle = '回复:关于'+myData["consultTitle"]+"的咨询";
73 93
					oconsultTitle.innerHTML = consultTitle;
94
					oconsultCon.innerHTML = myData['consultContant'];
74 95
					//收到咨询进行中
75 96
					if(myData["consultStatus"] == 0){
76
						owaying.style.display = 'block';
77
						ochatFooter.style.display = 'block';
97
						owaying.classList.remove('displayNone');
98
						ochatFooter.classList.remove('displayNone');
78 99
					}else {//收到咨询已完成
79 100
						if(myData["assessStatus"] == 0){//收到咨询未评价
80
							othat_weiassess.style.display = 'block';
101
							othat_weiassess.classList.remove('displayNone');
81 102
						}else{//收到咨询已评价(评价星级和评价内容)
82
							othat_assessed.style.display = 'block';
103
							
104
							othat_assessed.classList.remove('displayNone');
105
							
83 106
							//评价星级
84
							var starItem = [];
85 107
							var starCount = myData["assessStar"];
108
							console.log(starCount);
86 109
							for(var i = 0;i < starCount;i++){
87
								if(i < starCount){
88
//									console.log("收到咨询已评价");
89
									/*starItem[i] = oconstarContainer.childNodes[i];
90
									starItem[i].setAttribute('class','icon-favorfill');
91
									oconstarContainer.childNodes[i].className = 'icon-favorfill';
92
									oconstarContainer.childNodes[i].removeClassName = 'mui-icon iconfont icon-favor star';
93
									console.log(oconstarContainer.childNodes[i].className)*/
94
									
95
									
96
								}
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
								
97 114
							}
98 115
						}
99 116
					}

+ 51 - 99
app/js/consultlist.js

@ -1,88 +1,60 @@
1 1
//咨询
2 2
mui.ready(function() {
3 3
	
4
	 
5 4
	mui.plusReady(function(){
6 5
		var userid = plus.storage.getItem('userid');
7
		var listContainer = document.getElementById("listContainer");//
6
		var listContainer = document.getElementById("listContainer");//咨询列表容器
8 7
		
9
		var consultStr = getConsultData(userid,0,0,0);
8
		/*var consultStr = getConsultData(userid,0,0,0);
10 9
		var myNeedStr = getMyNeedData(userid,0,0,0);
11 10
		var allStr = allData(userid,0,0,1);
12 11
		listContainer.innerHTML = consultStr + myNeedStr;
13
//		listContainer.innerHTML = allStr;
12
		listContainer.innerHTML = allStr;*/
14 13
		
15
		/*收到咨询*/
16
		function getConsultData(userid,status,timeType,sortType){
17
			var consultStr;
18
			var params = {
19
			    "professorId":userid, //专家ID
20
			    "status":status, //查询状态 0-全部,1-进行中,2-未感谢,3-未评价,4-已完成, 可以不传,默认为0
21
			    "timeType":timeType, //排序类型 0-按发起时间,1-按最后回复时间,2-按完成时间 默认为0
22
			    "sortType":sortType
23
			};
24
			mui.ajax(baseUrl +"/ajax/consult/pqPro",{
25
				data:params,
26
				dataType:'json',//服务器返回json格式数据
27
				async:false,
28
				type:'get',//HTTP请求类型
29
				success:function(data){
30
					
31
					if(!data.data.data){
32
						return false;
33
					}else{
34
						var myData = data.data.data;
35
						consultStr = handleData(userid,myData,'consult');
36
					}
37
					
38
				},
39
				error:function(xhr,type,errorThrown){
40
					
41
				}
42
			});
43
			return consultStr;
44
			
45
		};
46
		
47
		/*我的需求*/
48
		function getMyNeedData(userid,status,timeType,sortType){
49
			var myNeedStr;
50
			var params = {
51
			    "consultantId":userid, //专家ID
52
			    "status":status, //查询状态 0-全部,1-进行中,2-未感谢,3-未评价,4-已完成, 可以不传,默认为0
53
			    "timeType":timeType, //排序类型 0-按发起时间,1-按最后回复时间,2-按完成时间 默认为0
54
			    "sortType":sortType
55
			};
56
			mui.ajax(baseUrl +"/ajax/consult/pqCon",{
57
				data:params,
58
				dataType:'json',//服务器返回json格式数据
59
				async:false,
60
				type:'get',//HTTP请求类型
61
				success:function(data){
62
//					console.log(data);
63
					if(!data.data){
64
						return false;
65
					}else{
66
						var myData = data.data.data;
67
						myNeedStr = handleData(userid,myData,'myNeed');
14
		var list = allData(userid,0,0,0,0);
15
		listContainer.innerHTML = list;
68 16

69
					}
70
					
71
				},
72
				error:function(xhr,type,errorThrown){
73
					
74
				}
17
		//点击选择
18
		function checkedFun(i){
19
			mui("#middlePopover"+i).on('tap','.mui-navigate-right',function(e){
20
				document.getElementById("headck"+i).innerHTML = e.target.innerHTML;
21
				var value = e.target.getAttribute("ck"+i);
22
				document.getElementById("headck"+i).setAttribute('headck',value);
23
				document.querySelector('.mui-backdrop').style.display = 'none';
24
				document.getElementById("middlePopover"+i).style.display = 'none';
25
				//去掉样式类mui-active,要不然会多点击一次
26
				var oheadVal = {
27
					val1:document.getElementById("headck1").getAttribute('headck'),
28
					val2:document.getElementById("headck2").getAttribute('headck'),
29
					val3:document.getElementById("headck3").getAttribute('headck'),
30
					val4:document.getElementById("headck4").getAttribute('headck')
31
				};
32
				console.log(oheadVal.val1+oheadVal.val2+oheadVal.val3+oheadVal.val4)
33
				
34
				/*allData(userid,consultOrNeed,consultType,status,timeType)
35
				 * userid:专家id
36
				 * consultOrNeed:接受咨询或咨询别人的状态值,0-全部,1-别人咨询我的,2-我咨询别人的 默认为0
37
				 * consultType:咨询类型(技术咨询、资源咨询、其他事务)
38
				 * status:查询状态 0-全部,1-进行中,2-未感谢,3-未评价,4-已完成, 可以不传,默认为0
39
				 * timeType:排序类型 0-按发起时间正序,1-按最后回复时间倒序,2-按完成时间倒序 默认为1
40
				 */
41
				var listdata = allData(userid,oheadVal.val1,oheadVal.val2,oheadVal.val3,oheadVal.val4);
42
				listContainer.innerHTML = listdata;
75 43
			});
76 44
			
77
			return myNeedStr;
78 45
		};
46
		checkedFun(1);
47
		checkedFun(2);
48
		checkedFun(3);
49
		checkedFun(4);
79 50
		
80
		//全部
81
		function allData(userid,consultOrNeed,status,timeType) {
51
		/*全部的咨询列表*/
52
		function allData(userid,consultOrNeed,consultType,status,timeType) {
82 53
			var allStr;
83 54
			var params = {
84 55
					"professorId":userid, //专家ID
85 56
				    "consultOrNeed":consultOrNeed, //接受咨询或咨询别人的状态值,0-全部,1-别人咨询我的,2-我咨询别人的 默认为0
57
				    "consultType":consultType, //咨询类型(技术咨询、资源咨询、其他事务)
86 58
				    "status":status, //查询状态 0-全部,1-进行中,2-未感谢,3-未评价,4-已完成, 可以不传,默认为0
87 59
				    "timeType":timeType, //排序类型 0-按发起时间正序,1-按最后回复时间倒序,2-按完成时间倒序 默认为1
88 60
				    "pageSize":"", //每页记录数 默认为5
@ -124,16 +96,17 @@ mui.ready(function() {
124 96
					lastReplyCon,
125 97
					unreadCount,
126 98
					unreadStyle,
127
					proModify;
99
					proModify,
100
					photoUrl;
128 101
				//咨询类型和状态
129
				if(manFlag == "consult") {
102
				if(data[i]['consultantId'] != userid){//收到咨询
130 103
					title = "回复:关于" + data[i]["consultTitle"] + "的咨询";
131 104
					if(data[i]["consultStatus"] == 0){
132 105
						status = "进行中";
133 106
					}else if(data[i]["consultStatus"] == 1){
134 107
						status = "已完成";
135 108
					}
136
				}else if(manFlag == "myNeed"){
109
				}else if(data[i]['consultantId'] == userid){//我的需求
137 110
					title = "关于" + data[i]["consultTitle"] + "的咨询";
138 111
					if(data[i]["consultStatus"] == 0){
139 112
						status = "进行中";
@ -142,29 +115,8 @@ mui.ready(function() {
142 115
							status = '待评价';
143 116
						}
144 117
					}
145
				}else if(manFlag == "all"){
146
					
147
					if(data[i]['professorId'] == userid){//收到咨询
148
						title = "回复:关于" + data[i]["consultTitle"] + "的咨询";
149
						if(data[i]["consultStatus"] == 0){
150
							status = "进行中";
151
						}else if(data[i]["consultStatus"] == 1){
152
							status = "已完成";
153
						}
154
					}else if(data[i]['consultantId'] == userid){//我的需求
155
						title = "关于" + data[i]["consultTitle"] + "的咨询";
156
						if(data[i]["consultStatus"] == 0){
157
							status = "进行中";
158
						}else if(data[i]["consultStatus"] == 1){
159
							if(data[i]["assessStatus"] == 0){
160
								status = '待评价';
161
							}
162
						}
163
					}
164 118
				}
165 119
				
166
				
167
				
168 120
				//专家职称
169 121
				if(!data[i]["professor"]["title"]){
170 122
					zhicehng = '';
@ -189,6 +141,14 @@ mui.ready(function() {
189 141
				}else {
190 142
					proModify = 'unauthicon';
191 143
				}
144
				//专家头像
145
				if(data[i]["professor"]["hasHeadImage"] == 0){
146
					photoUrl = "../images/default-photo.jpg";
147
					
148
				}else{
149
					photoUrl = "../images/head/"+data[i]["professor"]["id"]+"_m.jpg";
150
					
151
				};
192 152
				
193 153
				
194 154
				//最后回复
@ -212,7 +172,7 @@ mui.ready(function() {
212 172
	            htmlStr += '<span class="status-1">'+status+'</span></div></div>';
213 173
	            htmlStr += '<a class="proinfor itemBtn" consultId="'+data[i]["consultId"]+'" consultantId="'+data[i]["consultantId"]+'"  manFlag="'+manFlag+'">';
214 174
				htmlStr += '<span class="mui-badge mui-badge-danger" style="'+unreadStyle+'">'+unreadCount+'</span>';
215
		        htmlStr += '<img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">';
175
		        htmlStr += '<img class="mui-media-object mui-pull-left headimg" src="'+photoUrl+'">';
216 176
	            htmlStr += '<div class="mui-media-body">';
217 177
	            htmlStr += '<span class="listtit">'+data[i]["professor"]["name"]+'<em class="mui-icon iconfont icon-vip '+proModify+'"></em><span class="thistime">'+lastReplyTime+'</span></span>';	
218 178
	            htmlStr += '<p class="listtit2"><span>'+zhicehng+'</span><span>'+zhiwei+'</span><span>'+data[i]["professor"]["orgName"]+'</span><span>'+address+'</span></p>';
@ -302,13 +262,5 @@ mui.ready(function() {
302 262
			}
303 263
		};
304 264
		
305
		
306
		
307
		
308
		
309
		
310
		
311
		
312
		
313 265
	});	
314 266
});