Browse Source

1.咨询列表头像完善
2.资源详情,专家头像完善
3.咨询聊天页,点击评价,显示评价内容和星级

xiaoai_123 8 years ago
parent
commit
b401fb96f1
5 changed files with 37 additions and 108 deletions
  1. 22 27
      app/html/chats.html
  2. 1 1
      app/html/resinforbrow.html
  3. 10 66
      app/js/chats.js
  4. 2 1
      app/js/consult.js
  5. 2 13
      app/js/resinforbrow.js

+ 22 - 27
app/html/chats.html

312
 			.mui-popover #arrow {
312
 			.mui-popover #arrow {
313
 				background: none;
313
 				background: none;
314
 			}
314
 			}
315
 			.assessAtarStyle {
316
 				padding-bottom: 10px;
317
 				left: 0;
318
 				z-index: 999;
319
 			}
320
 			#assessText {
321
 				
322
 			}
323
 			.showCon {
324
 				padding: 10px 20px;
325
 			}
315
 			 
326
 			 
316
 		</style>
327
 		</style>
317
 	</head>
328
 	</head>
358
				<div class="mui-popover-arrow" id="arrow"></div>
369
				<div class="mui-popover-arrow" id="arrow"></div>
359
				<div class="mui-scroll-wrapper">
370
				<div class="mui-scroll-wrapper">
360
					<div class="mui-scroll">
371
					<div class="mui-scroll">
361
						<ul class="mui-table-view" id="assessText">
362
							地方牛
372
						<ul class="mui-table-view showCon" >
373
							<div class="assessAtarStyle">
374
								<div class="levelbox" id="showStar">
375
						        	<span class="mui-icon iconfont icon-favor"></span>
376
					        		<span class="mui-icon iconfont icon-favor"></span>
377
					        		<span class="mui-icon iconfont icon-favor"></span>
378
					        		<span class="mui-icon iconfont icon-favor"></span>
379
					        		<span class="mui-icon iconfont icon-favor"></span>
380
					        	</div>
381
					       </div>
382
					       <div id="assessText"></div>
363
						</ul>
383
						</ul>
364
					</div>
384
					</div>
365
				</div>
385
				</div>
448
 			</div>
468
 			</div>
449
 		</div>
469
 		</div>
450
 		
470
 		
451
 		
452
 		<div id="showAssess" class="evabox">
453
 			afjhreijnfg
454
 			<div class="levelbox" id="showStar">
455
	        	<span class="mui-icon iconfont icon-favor"></span>
456
        		<span class="mui-icon iconfont icon-favor"></span>
457
        		<span class="mui-icon iconfont icon-favor"></span>
458
        		<span class="mui-icon iconfont icon-favor"></span>
459
        		<span class="mui-icon iconfont icon-favor"></span>
460
        	</div>
461
 			<div id="showAssessText"></div>
462
 		</div>
463
 		
464
 		
465
 		
466
 		
467
 		
468
 		
469
 		
470
 		
471
 		
472
 		
473
 		
474
 		
475
 		
476
 		<footer class="" id="chatFooter">
471
 		<footer class="" id="chatFooter">
477
 			<div class="footer-left">
472
 			<div class="footer-left">
478
 				<i id='msg-image' class="mui-icon mui-icon-camera" style="font-size: 28px;"></i>
473
 				<i id='msg-image' class="mui-icon mui-icon-camera" style="font-size: 28px;"></i>

+ 1 - 1
app/html/resinforbrow.html

50
					<img src="../images/default-resource.jpg"/ id="ziyuanimg">
50
					<img src="../images/default-resource.jpg"/ id="ziyuanimg">
51
				</div>
51
				</div>
52
				<div class="personblock mui-pull-left">
52
				<div class="personblock mui-pull-left">
53
                    <img class="headimg" src="../images/default-photo.jpg" id="proimg">
53
                    <img class="headimg" src="" id="proimg">
54
                    <p class="listtit" id="proname"><em class="mui-icon iconfont icon-vip " style="font-size:16px;" id="promodify"></em></p>	
54
                    <p class="listtit" id="proname"><em class="mui-icon iconfont icon-vip " style="font-size:16px;" id="promodify"></em></p>	
55
                    <p class="listtit2" id="protitle"><span></span><span id="prooffice"></span></p>
55
                    <p class="listtit2" id="protitle"><span></span><span id="prooffice"></span></p>
56
                    <p class="listtit3"><span id="proorgName"></span></p>
56
                    <p class="listtit3"><span id="proorgName"></span></p>

+ 10 - 66
app/js/chats.js

88
				  				starlist[i].classList.add('icon-favorfill');
88
				  				starlist[i].classList.add('icon-favorfill');
89
							};
89
							};
90
							/*===========评价内容没做=========*/
90
							/*===========评价内容没做=========*/
91
//							oassessText.innerHTML = myData["assessContant"];//评价内容
92
							/*oshowAssessText.innerHTML = myData["assessContant"];//评价内容
93
							console.log('评价内容是:' +oshowAssessText.innerHTML);*/
91
							oassessText.innerHTML = myData["assessContant"];//评价内容
92
							
94
							oassessed.addEventListener('tap',function() {
93
							oassessed.addEventListener('tap',function() {
95
								
96
								var mask = mui.createMask(showAssessText(omy_starContainer));//callback为用户点击蒙版时自动执行的回调;
97
								mask.show();//显示遮罩
98
								mask.close();//关闭遮罩
99
								
100
								
101
								
102
								
103
								
94
								showAssessText(omy_starContainer);
104
							});
95
							});
105
							
96
							
106
							
97
							
148
				  				starlist[i].classList.add('icon-favorfill');
139
				  				starlist[i].classList.add('icon-favorfill');
149
							}
140
							}
150
							
141
							
151
							
152
							othat_assessed.addEventListener('tap',function() {
142
							othat_assessed.addEventListener('tap',function() {
153
								
143
								
154
								var mask = mui.createMask(showAssessText(ozixunstarContainer));//callback为用户点击蒙版时自动执行的回调;
155
								mask.show();//显示遮罩
156
								mask.close();//关闭遮罩
157
								
158
								
159
								
160
								
161
								/*showAssessText();*/
144
								showAssessText(ozixunstarContainer);
162
							});
145
							});
163
							
164
							
165
							
166
							
167
							
168
							
169
							
170
							
146
171
						}
147
						}
172
					}
148
					}
173
					
174
					console.log("关闭等待狂")
175
					plus.nativeUI.closeWaiting();
149
					plus.nativeUI.closeWaiting();
176
					plus.webview.currentWebview().show("slide-in-right",150);
150
					plus.webview.currentWebview().show("slide-in-right",150);
177
					
151
					
225
	    myWindow=window.open('','','width=200,height=100');
199
	    myWindow=window.open('','','width=200,height=100');
226
	    myWindow.document.write("<p>这是我的窗口</p>");
200
	    myWindow.document.write("<p>这是我的窗口</p>");
227
	}
201
	}
202
	
228
	function showAssessText(starContainer) {
203
	function showAssessText(starContainer) {
229
		
230
		var starlist = oshowStar.children;
204
		var starlist = oshowStar.children;
231
		var starNum = starContainer.querySelectorAll('.icon-favorfill');//星星数量
232
		for(var i = 0; i < starNum; i++) {   
205
		var starNum = starContainer.querySelectorAll('.icon-favorfill').length;//星星数量
206
		
207
		for(var i = 0; i < starNum; i++) { 
233
			starlist[i].classList.remove('icon-favor');
208
			starlist[i].classList.remove('icon-favor');
234
			starlist[i].classList.add('icon-favorfill');
209
			starlist[i].classList.add('icon-favorfill');
235
		}
210
		}
236
		
237
		/*omiddlePopover,oassessText*/
238
		/*先获得评价内容实际的宽高,再加padding,*/
239
		
240
		/*先获得屏幕宽度和高度,固定设置div宽:屏幕80%,高:200px;
241
		 *然后定位,div,top:(屏幕高-div高)/2,left:屏幕宽的10%;
242
		*/
243
		/*var all_w = document.body.clientWidth;//屏幕宽
211
		var all_w = document.body.clientWidth;//屏幕宽
244
		var all_h = document.body.clientHeight;//屏幕高
212
		var all_h = document.body.clientHeight;//屏幕高
245
		omiddlePopover.style.height = '200px';
213
		omiddlePopover.style.height = '200px';
246
		omiddlePopover.style.width = (all_w* 0.8)+'px';
214
		omiddlePopover.style.width = (all_w* 0.8)+'px';
247
		
215
		
248
		omiddlePopover.style.top = (all_h-200)/2+500+'px';
249
		omiddlePopover.style.left = (all_w * 0.1)+300+'px';
250
		omiddlePopover.style.zIndex = '999';
251
		
252
		console.log('宽:'+omiddlePopover.style.width);
253
		console.log('高:'+omiddlePopover.style.height);
254
		
255
		console.log('top:'+omiddlePopover.style.top);
256
		console.log('left:'+omiddlePopover.style.left);
257
		console.log(omiddlePopover.classList);*/
258
		
259
		/*var real_width = oassessText.offsetWidth;
260
		var real_height = oassessText.offsetHeight;
261
		console.log('实际宽:'+real_width+'高:'+real_height);
262
		
263
		var padding_w = 10;
264
		var padding_h = 10;
265
		
266
		var cur_width = real_width + padding_w;
267
		var cur_height = real_height + padding_h;
268
		console.log("要求显示宽:"+cur_width+"高:"+cur_height);
269
		omiddlePopover.style.width = cur_width+'px';
270
		omiddlePopover.style.height = cur_height+'px';*/
271
		
272
	};
216
	};
273
	
217
	
274
	
218
	

+ 2 - 1
app/js/consult.js

302
		(!item["professor"]["office"])? zhiwei  = ''  : zhiwei = item["professor"]["office"] + ',';
302
		(!item["professor"]["office"])? zhiwei  = ''  : zhiwei = item["professor"]["office"] + ',';
303
		(!item["professor"]["address"])? address = '' : address = '|'+ item["professor"]["address"];
303
		(!item["professor"]["address"])? address = '' : address = '|'+ item["professor"]["address"];
304
		(item["professor"]["authentication"] == true)? proModify = 'authicon' : proModify = 'unauthicon';
304
		(item["professor"]["authentication"] == true)? proModify = 'authicon' : proModify = 'unauthicon';
305
		(item["professor"]["hasHeadImage"] == 0) ? photoUrl = "../images/default-photo.jpg" :photoUrl = "../images/head/"+item["professor"]["id"]+"_m.jpg";
305
		(item["professor"]["hasHeadImage"] == 0) ? photoUrl = "../images/default-photo.jpg":photoUrl = baseUrl + "/images/head/" + item["professor"].id + "_m.jpg";
306
		
306
		
307
		
307
		//咨询类型,只取两个字
308
		//咨询类型,只取两个字
308
		if(item["consultType"]) {
309
		if(item["consultType"]) {

+ 2 - 13
app/js/resinforbrow.js

39
					console.log(data);
39
					console.log(data);
40
					
40
					
41
					var mydata = data.data;
41
					var mydata = data.data;
42
					for (var key in mydata['professor']){
43
						console.log('专家信息key==='+key);
44
						
45
					}
42
					
46
					//专家信息
43
					//专家信息
47
					proId = mydata['professor']['id']; //专家id
44
					proId = mydata['professor']['id']; //专家id
48
					
45
					
49
					/*if(mydata['resourceName']){
50
						oresorcename.innerHTML = mydata['resourceName']
51
					}else{
52
						oresorcename.innerHTML = '';
53
					}*/
54
					
55
					
56
					
57
					(mydata['resourceName']) ? oresorcename.innerHTML = mydata['resourceName']: oresorcename.innerHTML = ''; //资源名称
46
					(mydata['resourceName']) ? oresorcename.innerHTML = mydata['resourceName']: oresorcename.innerHTML = ''; //资源名称
58
					(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = ''; //资源名称
47
					(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = ''; //资源名称
59
					(mydata['professor']['name']) ? oproname.innerHTML = mydata['professor']['name']: oproname.innerHTML = ''; //专家姓名
48
					(mydata['professor']['name']) ? oproname.innerHTML = mydata['professor']['name']: oproname.innerHTML = ''; //专家姓名
62
					(mydata['professor']['orgName'] != ''&&mydata['professor']['orgName'] != undefined) ? oproorgName.innerHTML = mydata['professor']['orgName']: oproorgName.innerHTML = ''; //专家所属机构
51
					(mydata['professor']['orgName'] != ''&&mydata['professor']['orgName'] != undefined) ? oproorgName.innerHTML = mydata['professor']['orgName']: oproorgName.innerHTML = ''; //专家所属机构
63
					(mydata['professor']['address']) ? oproadress.innerHTML = mydata['professor']['address']: oproadress.innerHTML = ''; //专家所在地
52
					(mydata['professor']['address']) ? oproadress.innerHTML = mydata['professor']['address']: oproadress.innerHTML = ''; //专家所在地
64
					(mydata['professor']['authentication']) ? opromodify.classList.add('authicon'): opromodify.classList.add('unauthicon'); //专家认证
53
					(mydata['professor']['authentication']) ? opromodify.classList.add('authicon'): opromodify.classList.add('unauthicon'); //专家认证
65
					(mydata['professor']['hasHeadImage']) ? oproimg.setAttribute('src', '../images/head/' + mydata['professor']['id'] + '_m.jpg'): oproimg.setAttribute('src', '../images/default-photo.jpg'); //专家头像
54
					(mydata['professor']['hasHeadImage'] == 1) ? oproimg.setAttribute('src', baseUrl +'/images/head/' + mydata['professor']['id'] + '_m.jpg'): oproimg.setAttribute('src', '../images/default-photo.jpg'); //专家头像
66
	
55
	
67
					//资源基本信息
56
					//资源基本信息
68
					(mydata['images']['imageSrc']) ? oziyuanimg.setAttribute('src', mydata['images']['imageSrc']): oziyuanimg.setAttribute('src', '../images/default-resource.jpg'); //资源图片
57
					(mydata['images']['imageSrc']) ? oziyuanimg.setAttribute('src', mydata['images']['imageSrc']): oziyuanimg.setAttribute('src', '../images/default-resource.jpg'); //资源图片