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
 			.cancel {
292
 			.cancel {
293
 				background-color: darkred;
293
 				background-color: darkred;
294
 			}
294
 			}
295
 			
295
 			.displayNone {
296
 			.displayNone {
296
 				display: none;
297
 				display: none;
297
 			}
298
 			}
298
 			
299
 			#consultCon {
300
 				margin: -11px 15px -11px;
301
 			}
302
 			#lookConBtn {
303
 				text-align: center;
304
 			}
299
 			 
305
 			 
300
 		</style>
306
 		</style>
301
 	</head>
307
 	</head>
336
 		<div class="mui-content">
342
 		<div class="mui-content">
337
 			<div class="operatebox">
343
 			<div class="operatebox">
338
 				<div class="themespan mui-pull-left">
344
 				<div class="themespan mui-pull-left">
339
 					<span class="" id="consultTitle"></span>
345
 					<span class="" id="consultTitle">
346
 						上面的例子用了很多属性来设置边框。
347
 					</span>
340
 				</div>
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
			        	</div>
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
			        	</div>
390
			        	</div>
382
 					</div>
383
 				</div>
391
					</div>
392
				</div>
393
 				
394
 				
395
 				
396
 				
397
 				
398
 				
399
 				
400
 				
401
 				
384
 				
402
 				
385
 				
403
 				
386
 			</div>
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
 			<div id='msg-list'>
422
 			<div id='msg-list'>
388
 				
423
 				
389
 			</div>
424
 			</div>

+ 23 - 98
app/html/consultlist.html

21
    	<div class="filterbox2">
21
    	<div class="filterbox2">
22
			<ul class="filterblock2">
22
			<ul class="filterblock2">
23
				<li style="width:22%;">
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
				</li>
25
				</li>
26
				<li style="width:22%;">
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
				</li>
28
				</li>
29
				<li style="width:22%;">
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
				</li>
31
				</li>
32
				<li style="width:34%;">
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
				</li>
34
				</li>
35
			</ul>
35
			</ul>
36
		</div>
36
		</div>
38
        <div class="mui-card-content conblock" style="margin-top:0 ;">
38
        <div class="mui-card-content conblock" style="margin-top:0 ;">
39
        	
39
        	
40
	        <ul class="mui-table-view protable" id="listContainer">
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
	            	<div class="coutopicbox">
42
	            	<div class="coutopicbox">
43
	            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
43
	            		<span class="coutheme mui-ellipsis mui-pull-left">关于某某技术的咨询某某技术的咨询某某技术的咨询某某技术的咨询</span>
44
	            		<div class="coustatus mui-pull-right">
44
	            		<div class="coustatus mui-pull-right">
45
	            			<span class="aimlabel">技术</span>
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
	            	</div>
49
	            	</div>
51
	                <a class="proinfor" href="chats.html">
50
	                <a class="proinfor" href="chats.html">
57
	                    	<p class="listtit3">专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名</p>
56
	                    	<p class="listtit3">专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名专家姓名</p>
58
	                    </div>
57
	                    </div>
59
	                </a>
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
	        </ul>
60
	        </ul>
136
		</div>
61
		</div>
137
		
62
		
140
			<div class="mui-scroll-wrapper">
65
			<div class="mui-scroll-wrapper">
141
				<div class="mui-scroll">
66
				<div class="mui-scroll">
142
					<ul class="mui-table-view mui-table-view-radio">
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
					</ul>
71
					</ul>
147
				</div>
72
				</div>
148
			</div>
73
			</div>
152
			<div class="mui-scroll-wrapper">
77
			<div class="mui-scroll-wrapper">
153
				<div class="mui-scroll">
78
				<div class="mui-scroll">
154
					<ul class="mui-table-view mui-table-view-radio">
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
					</ul>
84
					</ul>
159
				</div>
85
				</div>
160
			</div>
86
			</div>
164
			<div class="mui-scroll-wrapper">
90
			<div class="mui-scroll-wrapper">
165
				<div class="mui-scroll">
91
				<div class="mui-scroll">
166
					<ul class="mui-table-view mui-table-view-radio">
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
					</ul>
97
					</ul>
171
				</div>
98
				</div>
172
			</div>
99
			</div>
176
			<div class="mui-scroll-wrapper">
103
			<div class="mui-scroll-wrapper">
177
				<div class="mui-scroll">
104
				<div class="mui-scroll">
178
					<ul class="mui-table-view mui-table-view-radio">
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
					</ul>
109
					</ul>
183
				</div>
110
				</div>
184
			</div>
111
			</div>
189
	
116
	
190
	<script src="../js/public/mui.min.js"></script>
117
	<script src="../js/public/mui.min.js"></script>
191
	<script src="../js/public/base.js"></script>
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
    <script type="text/javascript" charset="utf-8">
120
    <script type="text/javascript" charset="utf-8">
196
      	mui.init({
121
      	mui.init({
197
				swipeBack: true //启用右滑关闭功能
122
				swipeBack: true //启用右滑关闭功能

+ 40 - 23
app/js/chats.js

2
	 
2
	 
3
	var oconsultTitle = document.getElementById("consultTitle");//咨询标题
3
	var oconsultTitle = document.getElementById("consultTitle");//咨询标题
4
	var ochatName = document.getElementById("chatName");//与。。聊天
4
	var ochatName = document.getElementById("chatName");//与。。聊天
5
	var oconsultCon = document.getElementById("consultCon");//咨询内容
6
	var olookConBtn = document.getElementById("lookConBtn");//查看按钮
5
	
7
	
6
	var oconfirmBtn = document.getElementById("confirmBtn");//我的需求,确认完成按钮
8
	var oconfirmBtn = document.getElementById("confirmBtn");//我的需求,确认完成按钮
7
	var oassessBtn = document.getElementById("assessBtn");//我的需求,去评价按钮
9
	var oassessBtn = document.getElementById("assessBtn");//我的需求,去评价按钮
19
	var omsg_type = document.getElementById("msg-type");
21
	var omsg_type = document.getElementById("msg-type");
20
	var ochatFooter = document.getElementById("chatFooter");
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
	function getHeadInfo(manFlag,consultId){
38
	function getHeadInfo(manFlag,consultId){
23
		var myData;
39
		var myData;
24
		if(manFlag == 'myNeed'){//我的需求
40
		if(manFlag == 'myNeed'){//我的需求
32
					ochatName.innerHTML = myData["professor"]["name"];
48
					ochatName.innerHTML = myData["professor"]["name"];
33
					var consultTitle = '关于'+myData["consultTitle"]+"的咨询";
49
					var consultTitle = '关于'+myData["consultTitle"]+"的咨询";
34
					oconsultTitle.innerHTML = consultTitle;
50
					oconsultTitle.innerHTML = consultTitle;
51
					oconsultCon.innerHTML = myData['consultContant'];
35
					//我的需求进行中
52
					//我的需求进行中
36
					if(myData["consultStatus"] == 0){
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
					}else {
56
					}else {
40
						if(myData["assessStatus"] == 0){
57
						if(myData["assessStatus"] == 0){
41
							oassessBtn.style.display = 'block';//我的需求,未评价
58
							oassessBtn.classList.remove('displayNone');//我的需求,未评价
42
						}else {
59
						}else {
43
							oassessed.style.display = 'block';//我的需求,已评价
60
							
61
							oassessed.classList.remove('displayNone');//我的需求,已评价
62
							
44
							//评价星级
63
							//评价星级
45
							console.log("我的需求已评价")
64
							console.log("我的需求已评价")
46
							var starCount = myData["assessStar"];
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
								if(i < starCount){
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
					ochatName.innerHTML = myData["professor"]["name"];
91
					ochatName.innerHTML = myData["professor"]["name"];
72
					var consultTitle = '回复:关于'+myData["consultTitle"]+"的咨询";
92
					var consultTitle = '回复:关于'+myData["consultTitle"]+"的咨询";
73
					oconsultTitle.innerHTML = consultTitle;
93
					oconsultTitle.innerHTML = consultTitle;
94
					oconsultCon.innerHTML = myData['consultContant'];
74
					//收到咨询进行中
95
					//收到咨询进行中
75
					if(myData["consultStatus"] == 0){
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
					}else {//收到咨询已完成
99
					}else {//收到咨询已完成
79
						if(myData["assessStatus"] == 0){//收到咨询未评价
100
						if(myData["assessStatus"] == 0){//收到咨询未评价
80
							othat_weiassess.style.display = 'block';
101
							othat_weiassess.classList.remove('displayNone');
81
						}else{//收到咨询已评价(评价星级和评价内容)
102
						}else{//收到咨询已评价(评价星级和评价内容)
82
							othat_assessed.style.display = 'block';
103
							
104
							othat_assessed.classList.remove('displayNone');
105
							
83
							//评价星级
106
							//评价星级
84
							var starItem = [];
85
							var starCount = myData["assessStar"];
107
							var starCount = myData["assessStar"];
108
							console.log(starCount);
86
							for(var i = 0;i < starCount;i++){
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
//咨询
1
//咨询
2
mui.ready(function() {
2
mui.ready(function() {
3
	
3
	
4
	 
5
	mui.plusReady(function(){
4
	mui.plusReady(function(){
6
		var userid = plus.storage.getItem('userid');
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
		var myNeedStr = getMyNeedData(userid,0,0,0);
9
		var myNeedStr = getMyNeedData(userid,0,0,0);
11
		var allStr = allData(userid,0,0,1);
10
		var allStr = allData(userid,0,0,1);
12
		listContainer.innerHTML = consultStr + myNeedStr;
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
			var allStr;
53
			var allStr;
83
			var params = {
54
			var params = {
84
					"professorId":userid, //专家ID
55
					"professorId":userid, //专家ID
85
				    "consultOrNeed":consultOrNeed, //接受咨询或咨询别人的状态值,0-全部,1-别人咨询我的,2-我咨询别人的 默认为0
56
				    "consultOrNeed":consultOrNeed, //接受咨询或咨询别人的状态值,0-全部,1-别人咨询我的,2-我咨询别人的 默认为0
57
				    "consultType":consultType, //咨询类型(技术咨询、资源咨询、其他事务)
86
				    "status":status, //查询状态 0-全部,1-进行中,2-未感谢,3-未评价,4-已完成, 可以不传,默认为0
58
				    "status":status, //查询状态 0-全部,1-进行中,2-未感谢,3-未评价,4-已完成, 可以不传,默认为0
87
				    "timeType":timeType, //排序类型 0-按发起时间正序,1-按最后回复时间倒序,2-按完成时间倒序 默认为1
59
				    "timeType":timeType, //排序类型 0-按发起时间正序,1-按最后回复时间倒序,2-按完成时间倒序 默认为1
88
				    "pageSize":"", //每页记录数 默认为5
60
				    "pageSize":"", //每页记录数 默认为5
124
					lastReplyCon,
96
					lastReplyCon,
125
					unreadCount,
97
					unreadCount,
126
					unreadStyle,
98
					unreadStyle,
127
					proModify;
99
					proModify,
100
					photoUrl;
128
				//咨询类型和状态
101
				//咨询类型和状态
129
				if(manFlag == "consult") {
102
				if(data[i]['consultantId'] != userid){//收到咨询
130
					title = "回复:关于" + data[i]["consultTitle"] + "的咨询";
103
					title = "回复:关于" + data[i]["consultTitle"] + "的咨询";
131
					if(data[i]["consultStatus"] == 0){
104
					if(data[i]["consultStatus"] == 0){
132
						status = "进行中";
105
						status = "进行中";
133
					}else if(data[i]["consultStatus"] == 1){
106
					}else if(data[i]["consultStatus"] == 1){
134
						status = "已完成";
107
						status = "已完成";
135
					}
108
					}
136
				}else if(manFlag == "myNeed"){
109
				}else if(data[i]['consultantId'] == userid){//我的需求
137
					title = "关于" + data[i]["consultTitle"] + "的咨询";
110
					title = "关于" + data[i]["consultTitle"] + "的咨询";
138
					if(data[i]["consultStatus"] == 0){
111
					if(data[i]["consultStatus"] == 0){
139
						status = "进行中";
112
						status = "进行中";
142
							status = '待评价';
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
				if(!data[i]["professor"]["title"]){
121
				if(!data[i]["professor"]["title"]){
170
					zhicehng = '';
122
					zhicehng = '';
189
				}else {
141
				}else {
190
					proModify = 'unauthicon';
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
	            htmlStr += '<span class="status-1">'+status+'</span></div></div>';
172
	            htmlStr += '<span class="status-1">'+status+'</span></div></div>';
213
	            htmlStr += '<a class="proinfor itemBtn" consultId="'+data[i]["consultId"]+'" consultantId="'+data[i]["consultantId"]+'"  manFlag="'+manFlag+'">';
173
	            htmlStr += '<a class="proinfor itemBtn" consultId="'+data[i]["consultId"]+'" consultantId="'+data[i]["consultantId"]+'"  manFlag="'+manFlag+'">';
214
				htmlStr += '<span class="mui-badge mui-badge-danger" style="'+unreadStyle+'">'+unreadCount+'</span>';
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
	            htmlStr += '<div class="mui-media-body">';
176
	            htmlStr += '<div class="mui-media-body">';
217
	            htmlStr += '<span class="listtit">'+data[i]["professor"]["name"]+'<em class="mui-icon iconfont icon-vip '+proModify+'"></em><span class="thistime">'+lastReplyTime+'</span></span>';	
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
	            htmlStr += '<p class="listtit2"><span>'+zhicehng+'</span><span>'+zhiwei+'</span><span>'+data[i]["professor"]["orgName"]+'</span><span>'+address+'</span></p>';
178
	            htmlStr += '<p class="listtit2"><span>'+zhicehng+'</span><span>'+zhiwei+'</span><span>'+data[i]["professor"]["orgName"]+'</span><span>'+address+'</span></p>';
302
			}
262
			}
303
		};
263
		};
304
		
264
		
305
		
306
		
307
		
308
		
309
		
310
		
311
		
312
		
313
	});	
265
	});	
314
});
266
});