Explorar el Código

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

xiaoai_123 %!s(int64=8) %!d(string=hace) años
padre
commit
b401fb96f1
Se han modificado 5 ficheros con 37 adiciones y 108 borrados
  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,6 +312,17 @@
312 312
 			.mui-popover #arrow {
313 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 327
 		</style>
317 328
 	</head>
@ -358,8 +369,17 @@
358 369
				<div class="mui-popover-arrow" id="arrow"></div>
359 370
				<div class="mui-scroll-wrapper">
360 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 383
						</ul>
364 384
					</div>
365 385
				</div>
@ -448,31 +468,6 @@
448 468
 			</div>
449 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 471
 		<footer class="" id="chatFooter">
477 472
 			<div class="footer-left">
478 473
 				<i id='msg-image' class="mui-icon mui-icon-camera" style="font-size: 28px;"></i>

+ 1 - 1
app/html/resinforbrow.html

@ -50,7 +50,7 @@
50 50
					<img src="../images/default-resource.jpg"/ id="ziyuanimg">
51 51
				</div>
52 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 54
                    <p class="listtit" id="proname"><em class="mui-icon iconfont icon-vip " style="font-size:16px;" id="promodify"></em></p>	
55 55
                    <p class="listtit2" id="protitle"><span></span><span id="prooffice"></span></p>
56 56
                    <p class="listtit3"><span id="proorgName"></span></p>

+ 10 - 66
app/js/chats.js

@ -88,19 +88,10 @@ mui.ready(function() {
88 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 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,30 +139,13 @@ mui.ready(function() {
148 139
				  				starlist[i].classList.add('icon-favorfill');
149 140
							}
150 141
							
151
							
152 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 149
					plus.nativeUI.closeWaiting();
176 150
					plus.webview.currentWebview().show("slide-in-right",150);
177 151
					
@ -225,50 +199,20 @@ mui.ready(function() {
225 199
	    myWindow=window.open('','','width=200,height=100');
226 200
	    myWindow.document.write("<p>这是我的窗口</p>");
227 201
	}
202
	
228 203
	function showAssessText(starContainer) {
229
		
230 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 208
			starlist[i].classList.remove('icon-favor');
234 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 212
		var all_h = document.body.clientHeight;//屏幕高
245 213
		omiddlePopover.style.height = '200px';
246 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,7 +302,8 @@ function eachData(userid,datalist) {
302 302
		(!item["professor"]["office"])? zhiwei  = ''  : zhiwei = item["professor"]["office"] + ',';
303 303
		(!item["professor"]["address"])? address = '' : address = '|'+ item["professor"]["address"];
304 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 309
		if(item["consultType"]) {

+ 2 - 13
app/js/resinforbrow.js

@ -39,21 +39,10 @@ function ziyuaninfo(resourceId) {
39 39
					console.log(data);
40 40
					
41 41
					var mydata = data.data;
42
					for (var key in mydata['professor']){
43
						console.log('专家信息key==='+key);
44
						
45
					}
42
					
46 43
					//专家信息
47 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 46
					(mydata['resourceName']) ? oresorcename.innerHTML = mydata['resourceName']: oresorcename.innerHTML = ''; //资源名称
58 47
					(mydata['resourceName']) ? oresourceName.innerHTML = mydata['resourceName']: oresourceName.innerHTML = ''; //资源名称
59 48
					(mydata['professor']['name']) ? oproname.innerHTML = mydata['professor']['name']: oproname.innerHTML = ''; //专家姓名
@ -62,7 +51,7 @@ function ziyuaninfo(resourceId) {
62 51
					(mydata['professor']['orgName'] != ''&&mydata['professor']['orgName'] != undefined) ? oproorgName.innerHTML = mydata['professor']['orgName']: oproorgName.innerHTML = ''; //专家所属机构
63 52
					(mydata['professor']['address']) ? oproadress.innerHTML = mydata['professor']['address']: oproadress.innerHTML = ''; //专家所在地
64 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 57
					(mydata['images']['imageSrc']) ? oziyuanimg.setAttribute('src', mydata['images']['imageSrc']): oziyuanimg.setAttribute('src', '../images/default-resource.jpg'); //资源图片