Browse Source

问题浏览页面、专家信息页面

luyanan 7 years ago
parent
commit
6996ecf59e
5 changed files with 464 additions and 97 deletions
  1. 5 3
      css/common.css
  2. 20 3
      css/genindex.css
  3. 311 25
      js/qa-show.js
  4. 84 63
      qa-show.html
  5. 44 3
      userInforShow.html

+ 5 - 3
css/common.css

@ -93,9 +93,9 @@ input{ outline:none;}
93 93

94 94
/*------------------------------------------------------------------------------------*/
95 95
/*点击加载更多*/
96
.js-load-more{/*display: none;*/position:relative;border:1px solid #fff;background: #fff;height: 40px;border-radius: 5px;margin: 20px auto;cursor: pointer;}
97
.js-load-more:before{position:absolute;content:"点击加载更多";left:45%;font-size: 16px;line-height: 40px;}
98
.js-load-more.active{border-color:#ff9900;color:#ff9900} 
96
.js-load-more{/*display: none;*/position:relative;outline:0;border:1px solid #fff;background: #fff;height: 40px;border-radius: 5px;width:100%;margin:10px auto;cursor: pointer;}
97
.js-load-more:before{position:absolute;content:"点击加载更多";top:0;left:45%;font-size: 16px;line-height: 40px;}
98
.js-load-more.active{border-color:#ff9900;color:#ff9900;} 
99 99
.js-load-more.active:before{content:"加载中...";}
100 100
/*分页*/
101 101
.tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #333;text-align:center;font-size:14px;line-height:24px; }
@ -125,6 +125,8 @@ input{ outline:none;}
125 125
.nodatabox .txtbox { margin:6px auto;}
126 126
.nodatabox .noContip{font-size:18px;color: #999;line-height:40px;}
127 127
.nodatabox .keyword{font-size:22px; padding:0 6px;color:#555555;}
128
.con-kong{line-height:20px;color: #aaa;font-size: 16px;text-align: center;padding:15% 0;background:#fff;}
129
.nowAn{color:#ff9900;cursor: pointer;}
128 130
/***********************缺省页面*******************/
129 131

130 132
/*.ResImgBox{display: inline-block;text-align: center;max-width:100px;width:100px;height:100px;background:#FAFAFA;border:1px solid #F8F8F8;overflow: hidden;padding:2px;border-radius:4px;}

+ 20 - 3
css/genindex.css

@ -912,7 +912,7 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
912 912
.list_hander .goSpan span.answered{background:none;border:1px solid #ff9900;color:#ff9900}
913 913
.list_hander .goSpan span.answerDel{background:none;border:1px solid #FF0000;color:#FF0000}
914 914
.list_hander .operateBlock{margin:10px 0 0 10px;}
915
.list_hander .tip-offs{cursor: pointer;}
915
.list_hander .tip-offs>span{cursor: pointer;margin-left: 10px;}
916 916
917 917
.list-hold-count{line-height:36px;overflow: hidden;}
918 918
.list-hold-count>span{float: left;}
@ -926,12 +926,15 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
926 926
.list-hold-list>ul>li{padding:10px 20px;background: #FFFFFF;margin-bottom: 10px;}
927 927
.list-hold .qa-owner{min-height: 50px;margin:6px 0 10px;position: relative;}
928 928
.list-hold .qa-owner .goSpan{position: absolute;right: 0; top:50%;margin-top:-17px;}
929
.list-hold .qa-owner .goSpan>span{margin: 0px;}
929
.list-hold .qa-owner .goSpan>span{margin: 0px;width: 100px;}
930 930
.list-hold .qa-owner .owner-head.useHead{width:50px;height:50px;margin-top:-25px}
931 931
.list-hold .qa-owner .owner-info{padding-left:60px;width: 100%;padding-right:100px;}
932 932
.list-hold .owner-name{float: none;}
933 933
.list-hold .owner-tit{display:block;float:none;color:#888888;max-width:100%;margin-left: 0;line-height: 22px;}
934 934
.list-hold .qa-con{line-height: 24px;}
935
.list-hold .msgContbox textarea{min-height:240px;margin: 0;}
936
.list-hold .buttonbox{text-align: right;margin:14px 0}
937
.list-hold .buttonbox .btnModel{width:84px;}
935 938
936 939
.holdSpan>div{display:inline-block;font-size: 13px;color:#333;padding:6px 12px;margin-right:6px;background:#ffe9c8;border-radius: 4px;cursor:pointer;}
937 940
.hold-icon{position:relative;top:3px;display:inline-block;width:15px;height:15px;background-size: 100% auto;background-repeat: no-repeat;}
@ -940,4 +943,18 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
940 943
.holdSpan .zan>span{margin-left: 6px;}
941 944
.holdSpan>div.active{color: #FFFFFF;background:#ff9900;}
942 945
.holdSpan>div.active .icon-zan{background-image:url(../images/qa-icon-zan.png);background-position:0 0;}
943
.holdSpan>div.active .icon-cai{background-image:url(../images/qa-icon-cai.png);background-position:0 1px;}
946
.holdSpan>div.active .icon-cai{background-image:url(../images/qa-icon-cai.png);background-position:0 1px;}
947
948
.request-qa{padding:0}
949
.searchRw{border-bottom: 1px solid #e5e5e5;padding:10px 10px 10px 20px}
950
.searchRw h4{line-height:38px;font-size: 18px;}
951
.searchA {background: #fff;border: 1px solid #d8d8d8;border-radius: 6px;overflow: hidden;}
952
.requestLc>ul>li{padding:10px 20px;position:relative;}
953
.requestLc>ul>li:after{content:"";background: #E5E5E5;height:1px;position:absolute;left:15px;right:15px;bottom:0;}
954
.requestLc>ul>li:last-child:after{content:none;}
955
.request-qa .yiyaoqing{background: #ccc;}
956
.request-qa .js-load-more{border-color:#E5E5E5;width:98%;margin:10px}
957
.request-qa .js-load-more:before{content:"查看更多用户";}
958
.request-qa .js-load-more.active{border-color:#ff9900;}
959
.request-qa .js-load-more.active:before{content:"加载中...";}
960

+ 311 - 25
js/qa-show.js

@ -12,28 +12,36 @@ $(function() {
12 12
	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
13 13
	 	location.href="http://" + hurl + "/e/wen.html?id="+questionId;
14 14
	}
15
	var rows = 20,
16
		ifAl=1,//是否是首次加载
15
	var rows = 2,
17 16
		dataO = {
18 17
			time: "",
19 18
			id: "",
20 19
			score:""
21 20
		};
21
	var	rowsR = 10,
22
		pageNum=1,
23
		dataC = {
24
			count: "",
25
			pid: ""
26
		}
22 27
		
23
	var oAjax = function(url, dataS, otype, oFun) {
28
	var oAjax = function(url, dataS, otype, oFun,beforeFun,completeFun) {
24 29
			$.ajax({
25 30
				url:url,
26 31
				dataType: 'json',
27 32
				type: otype,
28 33
				data: dataS,
29 34
				traditional: true,
35
				beforeSend: beforeFun,
30 36
				success: function(res) {
31 37
					if(res.success) {
32 38
						oFun(res)
33 39
					}
34
				}
40
				},
41
				complete:completeFun
42
	            
35 43
			});
36
		},		
44
		},	
37 45
		waitingA=function(){
38 46
			oAjax("/ajax/question", {
39 47
				"rows": rows
@ -172,7 +180,7 @@ $(function() {
172 180
				}
173 181
			}
174 182
			oAjax(typeurl,dataStr, "get", function(res){
175
				var aimId="curAnswers",newStr="暂无回答"
183
				var aimId="curAnswers",newStr="还没有人回答该问题,<span class='nowAn'>点击这里马上抢答</span>"
176 184
				var $info = res.data;
177 185
				if($info.length > 0) {
178 186
					if(byway == 1) {
@ -194,6 +202,30 @@ $(function() {
194 202
                if($info.length == 0 && liLen == 0 ){
195 203
                    insertAfter(newStr,aimId);
196 204
                }
205
                
206
                $("#curAnswers").parent().find(".js-load-more").on("click",function(){
207
				 	answerList()
208
				})
209
				if ($info.length < rows) {
210
                    $("#curAnswers").parent().find(".js-load-more").unbind("click");
211
                    $("#curAnswers").parent().find(".js-load-more").hide();
212
                }
213
				//点击马上抢答
214
				 $("#curAnswers").parent().find(".nowAn").on('click', function() {
215
					if(userid && userid != null && userid != "null") {
216
						goAnswerFn($(".answerQu"))
217
					}else{
218
						quickLog();
219
						operatTab();
220
						closeLog();
221
					}
222
				});
223
			},function(){
224
				$("#curAnswers").parent().find(".js-load-more").attr("disabled",true);
225
	       		$("#curAnswers").parent().find(".js-load-more").addClass("active");
226
			},function(){
227
				$("#curAnswers").parent().find(".js-load-more").removeAttr("disabled");
228
	        	$("#curAnswers").parent().find(".js-load-more").removeClass("active");
197 229
			})
198 230
		},
199 231
		insertAfter = function (newStr, targetE) {
@ -217,11 +249,11 @@ $(function() {
217 249
            }
218 250
        },
219 251
		answerModule = function(dataStr, liStr) {
220
			var time=''
221
			if(userid==dataStr.uid){
252
			var time="发布于 "+commenTime(dataStr.createTime)
253
			var opertStr='<span class="jubao">举报</span>'
254
			if(dataStr.uid==userid){
255
				opertStr='<span class="xiugai">修改</span><span class="shanchu">删除</span>'
222 256
				time="修改于 "+commenTime(dataStr.modifyTime)
223
			}else{
224
				time="发布于 "+commenTime(dataStr.createTime)
225 257
			}
226 258
			liStr.className="list-qa"
227 259
			liStr.setAttribute("data-id", dataStr.id);
@ -232,7 +264,7 @@ $(function() {
232 264
					'</div>'+
233 265
					'<div class="operateBlock bottomShow floatL">'+
234 266
	            		'<ul class="clearfix">'+
235
	            			'<li><span>留言</span><span class="leaveMsgCount"></span><em class="operateicon operateicon2 icon-leavemsg"></em></li>'+
267
	            			'<li><span>留言</span><span class="leaveMsgCount"></span><em class="operateicon operateicon2 icon-leavemsg leaveWo"></em></li>'+
236 268
	            			'<li class="attention"><span>收藏</span><em class="operateicon operateicon2 icon-collect collectBtn"></em></li>'+
237 269
							'<li>'+
238 270
								'<span>分享到</span>'+
@ -248,13 +280,14 @@ $(function() {
248 280
							'</li>'+
249 281
	            		'</ul>'+
250 282
	            	'</div>'+
251
	            	'<div class="operateBlock tip-offs floatR"><span>举报</span></div>'+
283
	            	'<div class="operateBlock tip-offs floatR">'+opertStr+'</div>'+
252 284
				'</div>'
253 285
			
254
			liStr.innerHTML = '<div class="madiaInfo">' +
286
			liStr.innerHTML = '<div class="madiaInfo answerInfo">' +
255 287
				'<div class="flexCenter qa-owner"></div>' +
256 288
				'<p class="qa-con ellipsisSty-3">' + (dataStr.cnt).replace(/\n/g,"<br />") + '</p>' +
257
				'<div class="item_info"><span class="time">' + time + '</span></div>'+operatStr+'</div>'
289
				'<div class="item_info"><span class="time">' + time + '</span></div>'+operatStr+'</div>'+
290
				'<div class="answerUpdate"></div>'
258 291
				
259 292
			var $str = $(liStr)
260 293
			proinfo(dataStr.uid, $str);
@ -266,6 +299,77 @@ $(function() {
266 299
			}
267 300
			answerBindE(dataStr.id, $str)
268 301
		},
302
		goAnswerFn=function(objN,anid,text,aflag){
303
			var dataStr={},typeUrl="",tip="";
304
			var str='<div class="madiaInfo"><div class="flexCenter qa-owner"></div></div>'+
305
					'<div class="msgContbox"><textarea class="frmcontype msgCont quCNT" placeholder="请填写回答内容..."></textarea></div>'+
306
					'<div class="buttonbox">'+
307
						'<button type="button" class="frmcontype btnModel fontLink">取消</button>'+
308
						'<button type="button" class="frmcontype btnModel saveGo">保存</button>'+
309
					'</div>'
310
			objN.html(str);
311
			proinfo(userid,objN);
312
			if(aflag){
313
				objN.show();
314
				objN.find(".quCNT").val(text)
315
				objN.parents(".list-qa").find(".answerInfo").hide()
316
			}else{
317
				objN.slideDown(300);
318
			}
319
			objN.find(".buttonbox").on("click",".saveGo",function(){
320
				var conV=objN.find(".quCNT").val();
321
				if(conV.length<10) {
322
					$.MsgBox.Alert("提示", "回答不得少于10个字");
323
					return;
324
				}
325
				if(aflag){
326
					typeUrl='/ajax/question/answer/modify'
327
					dataStr={
328
						"id": anid,
329
						"cnt": conV,
330
						"uid": userid,
331
						"uname": username
332
					}
333
					tip="回答修改成功"
334
				}else{
335
					typeUrl='/ajax/question/answer'
336
					dataStr={
337
						"qid": questionId,
338
						"cnt": conV,
339
						"uid": userid,
340
						"uname": username
341
					}
342
					tip="回答发布成功"
343
				}
344
				oAjax(typeUrl,dataStr, "post", function(res) {
345
					if(aflag){
346
						objN.hide()
347
						objN.parents(".list-qa").find(".answerInfo").show()
348
					}else{
349
						objN.slideUp(300);	
350
					}
351
					objN.html("");
352
					$.MsgBox.Alert("提示", tip);
353
					$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
354
					document.getElementById("curAnswers").innerHTML = "";
355
					$("#curAnswers").parent().find(".js-load-more").unbind("click");
356
					$("#curAnswers").parent().find(".js-load-more").show();
357
					dataO = {time: "",id: "",score:""}
358
					answerList()
359
					getConmain()
360
				})
361
				
362
			})
363
			objN.find(".buttonbox").on("click",".fontLink",function(){
364
				if(aflag){
365
					objN.hide()
366
					objN.parents(".list-qa").find(".answerInfo").show()
367
				}else{
368
					objN.slideUp(300);	
369
				}
370
				objN.html("");
371
			})
372
		},
269 373
		answerAgreeNum=function(anid,$str){
270 374
			oAjax("/ajax/question/answer", {
271 375
				id:anid
@ -292,7 +396,17 @@ $(function() {
292 396
					closeLog();
293 397
				}
294 398
			});
295
			
399
			//留言
400
			$str.find(".leaveWo").on('click', function() {
401
				if(userid && userid != null && userid != "null") {
402
					alert("ppp")
403
					module.lWord(anid,4);
404
				}else{
405
					quickLog();
406
					operatTab();
407
					closeLog();
408
				}
409
			});
296 410
			//点赞回答
297 411
			$str.find(".zan").on("click",function(){
298 412
				if(userid && userid != null && userid != "null") {
@ -350,7 +464,29 @@ $(function() {
350 464
					closeLog();
351 465
				}
352 466
			})
353
			
467
			//删除
468
			$str.find(".tip-offs").on("click",".shanchu",function(){
469
				$.MsgBox.Confirm("提示", "确认删除该回答?",function(){
470
					oAjax('/ajax/question/answer/delete', {
471
						"id":anid,
472
						"qid":questionId,
473
					}, "get", function(res) {
474
						$.MsgBox.Alert("提示", "该回答已删除");
475
						$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
476
						window.location.reload(); 
477
					})
478
				})
479
			})
480
			//修改
481
			$str.find(".tip-offs").on("click",".xiugai",function(){
482
				var objStr=$(this).parents(".list-qa").find(".answerUpdate");
483
				var objTex=$(this).parents(".list-qa").find(".qa-con").html().replace(/<br\s*\/?\s*>/ig, '\n');
484
				goAnswerFn(objStr,anid,objTex,1)
485
			})
486
			//举报
487
			$str.find(".tip-offs").on("click",".jubao",function(){
488
				
489
			})
354 490
			//微信分享
355 491
			$str.find('.shareWeixin').on("mouseenter",function(){
356 492
				$(this).find('.shareCode').stop(true,false).fadeIn();
@ -381,7 +517,7 @@ $(function() {
381 517
				}
382 518
			})
383 519
		},
384
		proinfo = function(pid, $str) {
520
		proinfo = function(pid, $str,Fflag) {
385 521
			oAjax("/ajax/professor/baseInfo/" + pid, {}, "get", function(res) {
386 522
				var dataStr = res.data
387 523
				var baImg = "../images/default-photo.jpg";
@ -390,6 +526,12 @@ $(function() {
390 526
				}
391 527
				var userType = autho(dataStr.authType, dataStr.orgAuth, dataStr.authStatus);
392 528
				var os = "";
529
				var spanStr="";
530
				if(Fflag){
531
					spanStr='<span class="yaoqing">邀请回答</span>'
532
				}else{
533
					spanStr='<span class="attenSpan">关注</span>'
534
				}
393 535
				if(dataStr.title) {
394 536
					if(dataStr.orgName) {
395 537
						os = dataStr.title + "," + dataStr.orgName;
@ -414,7 +556,7 @@ $(function() {
414 556
					'<div class="owner-name">' + dataStr.name + '<em class="authiconNew ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
415 557
					'<div class="owner-tit ellipsisSty h2Font">' + os + '</div>' +
416 558
					'</div>'+
417
					'<div class="goSpan"><span class="attenSpan">关注</span></div>'
559
					'<div class="goSpan">'+spanStr+'</div>'
418 560
419 561
				$str.find(".qa-owner").html(str);
420 562
				if(dataStr.id!=userid){
@ -440,8 +582,117 @@ $(function() {
440 582
					}
441 583
				}
442 584
			})
585
		},
586
		requestA=function(){
587
			oAjax("/ajax/question/commendatoryPro", {
588
				"id": questionId,
589
				"uid": userid,
590
				"rows": rowsR,
591
				"pid": dataC.pid,
592
				"count": dataC.count
593
			}, "get",function(res){
594
				console.log(res)
595
				var aimId="requestA",newStr="抱歉,没有搜到可以邀请的人<br>您可以通过分享该问题的方式获得更多答案"
596
				var $info = res.data;
597
				if($info.length > 0) {
598
					dataC.count = $info[$info.length - 1].kws;
599
					dataC.pid = $info[$info.length - 1].id;
600
	
601
					for(var i = 0; i < $info.length; i++) {
602
						var liStr = document.createElement("li");
603
						liStr.setAttribute("data-id", $info[i].id);
604
						liStr.innerHTML = '<div class="flexCenter qa-owner"></div>'
605
						document.getElementById(aimId).appendChild(liStr);
606
						var $str = $(liStr)
607
						proinfo($info[i].id, $str,1);
608
						inviteStatus($info[i].id, $str);
609
					}
610
				}
611
				var liLen=document.getElementById(aimId).querySelectorAll("li").length;
612
                removeAfter(aimId);
613
                if($info.length == 0 && liLen == 0 ){
614
                    insertAfter(newStr,aimId);
615
                }
616
                $("#requestA").parent().find(".js-load-more").on("click",function(){
617
				 	requestA()
618
				})
619
				if ($info.length < rowsR) {
620
                    $("#requestA").parent().find(".js-load-more").unbind("click");
621
                    $("#requestA").parent().find(".js-load-more").hide();
622
                }
623
				
624
			},function(){
625
				$("#requestA").parent().find(".js-load-more").attr("disabled",true);
626
	       		$("#requestA").parent().find(".js-load-more").addClass("active");
627
			},function(){
628
				$("#requestA").parent().find(".js-load-more").removeAttr("disabled");
629
	        	$("#requestA").parent().find(".js-load-more").removeClass("active");
630
			})
631
		},
632
		inviteStatus = function(id, $str) {
633
			oAjax("/ajax/question/invite", {
634
				"qid": questionId,
635
				"pid": id,
636
				"uid": userid,
637
			}, "get", function(res) {
638
				if(res.data.length>0){
639
					$str.find(".yaoqing").addClass("yiyaoqing");
640
					$str.find(".yaoqing").html("已邀请");
641
					$str.find(".yaoqing").attr("data-type","");
642
				}else{
643
					$str.find(".yaoqing").text("邀请回答")
644
					$str.find(".yaoqing").attr("data-type","1");
645
				}
646
			});
647
		},
648
		searchPage = function(searchval,isbind) {
649
			var aimId="requestA"
650
			oAjax("/ajax/professor/pqBaseInfo", {
651
				"key": searchval,
652
				"pageSize": rowsR,
653
				"pageNo": pageNum++
654
			}, "get", function(res){
655
				console.log(res)
656
				var $info = res.data.data;
657
				if($info.length > 0) {
658
					for(var i = 0; i < $info.length; i++) {
659
						if($info[i].id==userid){
660
							
661
						}else{
662
							var liStr = document.createElement("li");
663
							liStr.innerHTML = '<div class="flexCenter qa-owner"></div>'
664
							liStr.setAttribute("data-id", $info[i].id);
665
							document.getElementById(aimId).appendChild(liStr);
666
							var $str = $(liStr)
667
							proinfo($info[i].id, $str,1);
668
							inviteStatus($info[i].id, $str);
669
						}
670
					}
671
				}
672
				if(isbind){
673
					$("#requestA").parent().find(".js-load-more").on("click", function () {
674
	                    searchPage(searchval);
675
	                });
676
				}
677
				var liLen=document.getElementById(aimId).querySelectorAll("li").length;
678
                removeAfter(aimId);
679
                if($info.length == 0 && liLen == 0 ){
680
                    insertAfter(newStr,aimId);
681
                }
682
				if (pageNum > Math.ceil(res.data.total / rowsR)) {
683
                    $("#requestA").parent().find(".js-load-more").unbind("click");
684
                    $("#requestA").parent().find(".js-load-more").hide();
685
               	}
686
			},function(){
687
				$("#requestA").parent().find(".js-load-more").attr("disabled",true);
688
	       		$("#requestA").parent().find(".js-load-more").addClass("active");
689
			},function(){
690
				$("#requestA").parent().find(".js-load-more").removeAttr("disabled");
691
	        	$("#requestA").parent().find(".js-load-more").removeClass("active");
692
			})
443 693
		}
444 694
		
695
		
445 696
	pageViews();		
446 697
	getConmain();
447 698
	waitingA();
@ -458,6 +709,8 @@ $(function() {
458 709
		this.classList.add('active');
459 710
		byway = this.getAttribute("data-type");
460 711
		document.getElementById("curAnswers").innerHTML = "";
712
		$("#curAnswers").parent().find(".js-load-more").unbind("click");
713
		$("#curAnswers").parent().find(".js-load-more").show();
461 714
		dataO = {time: "",id: "",score:""}
462 715
		answerList()
463 716
	});	
@ -479,7 +732,7 @@ $(function() {
479 732
		var can = this.getAttribute("data-can");
480 733
		if(userid && userid != null && userid != "null") {
481 734
			if(can=="1") {
482
				alert("回答")
735
				goAnswerFn($(".answerQu"))
483 736
			} else if(can=="2") {
484 737
				var anid= this.getAttribute("data-anid");
485 738
				oAjax("/ajax/question/answer/unDel", {
@ -491,6 +744,7 @@ $(function() {
491 744
						oanswer.classList.add("answered");
492 745
						oanswer.innerText = "我已回答"
493 746
					}
747
					window.location.reload(); 
494 748
				})
495 749
			}else{
496 750
				return
@ -503,16 +757,48 @@ $(function() {
503 757
	})
504 758
	$(".invite-answer").on('click', function() {
505 759
		if(userid && userid != null && userid != "null") {
506
			plus.nativeUI.showWaiting();
507
			plus.webview.create("../html/qa-request-da.html", 'qa-request-da.html', {}, {
508
				"quid": questionId
509
			});
760
			var objN=$(".request-qa")
761
			objN.slideToggle(300);
762
			document.getElementById("searchAval").value=""
763
			document.getElementById("requestA").innerHTML = ""
764
			dataC = {count: "",pid: ""}
765
			$("#requestA").parent().find(".js-load-more").unbind("click");
766
			$("#requestA").parent().find(".js-load-more").show();
767
			requestA()
510 768
		} else {
511
			isLogin();
769
			quickLog();
770
			operatTab();
771
			closeLog();
512 772
		}
513 773
	})
774
	$("#requestA").on("click", ".yaoqing", function() {
775
		var id = $(this).parents("li").attr("data-id");
776
		var type = $(this).attr("data-type");
777
		var that=$(this)
778
		if(type) {
779
			oAjax("/ajax/question/invite", {
780
				"qid": questionId,
781
				"pid": id,
782
				"uid": userid,
783
				"uname": username,
784
			}, "post", function(res) {
785
				$(this).attr("data-type", "");
786
				$(this).addClass("yiyaoqing");
787
				$(this).text("已邀请");
788
				$.MsgBox.Alert("提示", "邀请成功");
789
				$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
790
			})
791
		}
792
	})
793
	$("#searchAbtn").on("click", function() {
794
		document.getElementById("requestA").innerHTML = ""
795
		pageNum=1
796
		var searchval = document.getElementById("searchAval").value;
797
		searchPage(searchval,1)
798
		$("#requestA").parent().find(".js-load-more").unbind("click");
799
		$("#requestA").parent().find(".js-load-more").show();
800
	});
514 801
		
515
516 802
	
517 803
	//纠错反馈
518 804
	$(".correctSubmit").on("click",function(){

+ 84 - 63
qa-show.html

@ -9,6 +9,7 @@
9 9
<link href="css/bootstrap.min.css" rel="stylesheet">
10 10
<link type="text/css" href="css/common.css" rel="stylesheet">
11 11
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12
<link type="text/css" href="css/leaveWord.css" rel="stylesheet">
12 13
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 14

14 15
</head>
@ -62,78 +63,97 @@
62 63
							</div>
63 64
						</div>
64 65
					</section>
65
					<section class="listbg answerQu">
66
						<div class="madiaInfo">
67
							<div class="flexCenter qa-owner">
68
								<div class="owner-head useHead"></div>
69
								<div class="owner-info">
70
									<div class="owner-name"><span>张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></div>
71
									<div class="owner-tit ellipsisSty h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>
66
					<section class="listbg list-hold answerQu displayNone"><!--回答框--></section>
67
					<section class="listbg list-hold request-qa displayNone"><!--邀请列表-->
68
						<div class="searchRw clearfix">
69
							<h4 class="floatL">邀请其他用户,获得更多答案</h4>
70
							<div class="searchA floatR">
71
								<input type="text" placeholder="搜索您想邀请的人" class="search-txt floatL" id="searchAval">
72
								<div class="search-btn floatL" id="searchAbtn">
73
									<span class="search-icon"></span>
72 74
								</div>
73 75
							</div>
74 76
						</div>
75
					</section>
76
					<section class="listbg">
77
						<div class="list-hold-count">
78
							<span><em id="replyCount"></em>个回答</span>
79
							<ul>
80
								<li class="active" data-type="1"><span>默认</span></li>
81
								<li data-type="2"><span>最新</span></li>
77
						<div class="requestLc">
78
							<ul id="requestA">
79
								<!--<li>
80
						            <div class="flexCenter qa-owner">
81
						                <div class="owner-head useHead"></div>
82
										<div class="owner-info">
83
											<div class="owner-name"><span>张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></div>
84
											<div class="owner-tit ellipsisSty h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>
85
										</div>
86
										<div class="goSpan"><span class="yaoqing">邀请回答</span></div>
87
						            </div>
88
						            
89
						        </li>-->
82 90
							</ul>
91
							<button class="js-load-more"></button>
83 92
						</div>
84
					</section>	
85
					<section class="list-hold">
86
						<div class="list-hold-list">
87
							<ul class="myAllneeds partLine" id="curAnswers">
88
								<!--<li class="list-qa">
89
									<div class="madiaInfo">
90
										<div class="flexCenter qa-owner">
91
											<div class="owner-head useHead"></div>
92
											<div class="owner-info">
93
												<div class="owner-name"><span>张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></div>
94
												<div class="owner-tit ellipsisSty h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>
93
					</section>
94
					<section class="list-main-group">
95
						<div class="listbg">
96
							<div class="list-hold-count">
97
								<span><em id="replyCount"></em>个回答</span>
98
								<ul>
99
									<li class="active" data-type="1"><span>默认</span></li>
100
									<li data-type="2"><span>最新</span></li>
101
								</ul>
102
							</div>
103
						</div>	
104
						<div class="list-hold">
105
							<div class="list-hold-list">
106
								<ul class="myAllneeds partLine" id="curAnswers">
107
									<!--<li class="list-qa">
108
										<div class="madiaInfo">
109
											<div class="flexCenter qa-owner">
110
												<div class="owner-head useHead"></div>
111
												<div class="owner-info">
112
													<div class="owner-name"><span>张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></div>
113
													<div class="owner-tit ellipsisSty h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>
114
												</div>
115
												<div class="goSpan">
116
								                	<span class="attenSpan">关注</span>
117
												</div>
95 118
											</div>
96
											<div class="goSpan">
97
							                	<span class="attenSpan">关注</span>
119
											<p class="qa-con ellipsisSty-3">我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进, 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出产品的三维模型,用于展示以及为后续生产做准备我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进, 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出
120
											</p>
121
											<div class="item_info">
122
												<span class="time">发布于 20分钟之前</span>
98 123
											</div>
99
										</div>
100
										<p class="qa-con ellipsisSty-3">我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进, 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出产品的三维模型,用于展示以及为后续生产做准备我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进, 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出
101
										</p>
102
										<div class="item_info">
103
											<span class="time">发布于 20分钟之前</span>
104
										</div>
105
										<div class="list_hander clearfix">
106
											<div class="holdSpan floatL">
107
							                	<div class="zan"><em class="hold-icon icon-zan"></em><span>45</span></div>
108
												<div class="cai"><em class="hold-icon icon-cai"></em></div>
109
											</div>
110
											<div class="operateBlock bottomShow floatL">
111
							            		<ul class="clearfix">
112
							            			<li><span>留言</span> <span class="pageview">1000</span></li>
113
							            			<li class="attention"><span>收藏</span> <em class="operateicon operateicon2 icon-collect" id="collectBtn"></em></li>
114
													<li>
115
														<span>分享到</span>
116
														<a class="weiboQA" href="" target="_blank"><em class="operateicon operateicon2 icon-sina"></em></a>
117
														<em class="operateicon operateicon2 icon-wechat shareWeixin">
118
															<div class="shareCode clearfix">
119
																<div class="floatL qrcodeQA"></div>
120
																<div class="shareWord floatR">
121
																	<p>打开微信“扫一扫”,<br/>打开网页后点击屏幕右上角“分享”按钮</p>
124
											<div class="list_hander clearfix">
125
												<div class="holdSpan floatL">
126
								                	<div class="zan"><em class="hold-icon icon-zan"></em><span>45</span></div>
127
													<div class="cai"><em class="hold-icon icon-cai"></em></div>
128
												</div>
129
												<div class="operateBlock bottomShow floatL">
130
								            		<ul class="clearfix">
131
								            			<li><span>留言</span> <span class="pageview">1000</span></li>
132
								            			<li class="attention"><span>收藏</span> <em class="operateicon operateicon2 icon-collect" id="collectBtn"></em></li>
133
														<li>
134
															<span>分享到</span>
135
															<a class="weiboQA" href="" target="_blank"><em class="operateicon operateicon2 icon-sina"></em></a>
136
															<em class="operateicon operateicon2 icon-wechat shareWeixin">
137
																<div class="shareCode clearfix">
138
																	<div class="floatL qrcodeQA"></div>
139
																	<div class="shareWord floatR">
140
																		<p>打开微信“扫一扫”,<br/>打开网页后点击屏幕右上角“分享”按钮</p>
141
																	</div>
122 142
																</div>
123
															</div>
124
														</em>
125
													</li>
126
							            		</ul>
127
							            	</div>
128
							            	<div class="operateBlock tip-offs floatR">
129
							            		<span>举报</span>
130
							            	</div>
143
															</em>
144
														</li>
145
								            		</ul>
146
								            	</div>
147
								            	<div class="operateBlock tip-offs floatR">
148
								            		<span>举报</span>
149
								            	</div>
150
											</div>
131 151
										</div>
132
									</div>
133
								</li>-->
134
							</ul>
135
							<!--加载更多按钮-->
136
    						<div class="js-load-more"></div>
152
									</li>-->
153
								</ul>
154
								<!--加载更多按钮-->
155
	    						<button class="js-load-more"></button>
156
							</div>
137 157
						</div>
138 158
					</section>
139 159
				</div>
@ -166,6 +186,7 @@
166 186
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
167 187
<script type="text/javascript" src="js/jquery.page.js"></script>
168 188
<script type="text/javascript" src="js/common.js"></script>
189
<script type="text/javascript" src="js/leaveWord.js"></script>
169 190
<script type="text/javascript" src="js/qa-show.js"></script>
170 191
<script type="text/javascript" src="js/quickLogin.js"></script>
171 192
<script type="text/javascript">

+ 44 - 3
userInforShow.html

@ -78,12 +78,18 @@
78 78
						<li>文章 <span class="counts" id="artCount"></span></li>
79 79
						<li>专利 <span class="counts" id="patCount"></span></li>
80 80
						<li>论文 <span class="counts" id="parCount"></span></li>
81
						<li>问答 <span class="counts" id="qaCount"></span></li>
81
						<li class="wenda">问答 <span class="counts" id="qaCount"></span></li>
82 82
						<li>资料</li>
83 83
						<li class="rightbtn">更多<em class="foldtr"></em></li>
84 84
					</ul>
85
					<div class="moreNav">
86
						<ul class="moreNavUl clearfix">
85
					<div class="moreNav wendaNav">
86
						<ul class="moreNavUl wendaUl clearfix">
87
							<li data-num="1" class="liNow">我的提问</li>
88
							<li data-num="6" class="">我的回答</li>
89
						</ul>	
90
					</div>
91
					<div class="moreNav moreBu">
92
						<ul class="moreNavUl moreBuUl clearfix">
87 93
							<li data-num="1" class="attentType liNow">我关注的专家</li>
88 94
							<li data-num="6" class="attentType">我关注的企业</li>
89 95
							<li data-num="8" class="attentType">我关注的问题</li>
@ -339,6 +345,41 @@
339 345
								<div class="tcdPageCode"></div>
340 346
							</div>
341 347
						</div>
348
						<div class="coninfobox form-item otherShow">
349
							<div class="coninfocon form-result needList">
350
								<ul id="proQA">
351
									<li class="mui-table-view-cell">
352
										<div class="madiaInfo" style="padding-left:0">
353
											<p class="h1Font ellipsisSty">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>
354
											<div class="flexCenter qa-owner">
355
												<div class="owner-head useHead"></div>
356
												<div class="owner-info">
357
													<div class="owner-name"><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></div>
358
													<div class="owner-tit ellipsisSty h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>
359
												</div>
360
											</div>
361
											<p class="qa-con ellipsisSty-3">需求内容:我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进, 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出产品的三维模型,用于展示以及为后续生产做准备我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进, 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出
362
											</p>
363
											<div class="showspan">
364
												<span>5月8日 18:00</span>
365
												<span>N 赞</span>
366
												<span>N 留言</span>
367
											</div>
368
										</div>
369
									</li>
370
								</ul>
371
								<!--无搜索结果-->
372
								<div class="nodatabox displayNone">
373
							        <div class="nodata">
374
							            <div class="picbox picNull"></div>
375
							            <div class="txtbox">
376
							            	<p class="noContip"></p>
377
							            </div>
378
							        </div>
379
							    </div>
380
								<div class="tcdPageCode"></div>
381
							</div>
382
						</div>
342 383
					</div>
343 384
					<div id="item7user" class="leftconItem">
344 385
						<!--无搜索结果-->