Browse Source

问答浏览详情

luyanan 7 years ago
parent
commit
92bbf4fdb6

+ 5 - 1
css/common.css

@ -92,7 +92,11 @@ input{ outline:none;}
92 92
.contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
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} 
99
.js-load-more.active:before{content:"加载中...";}
96 100
/*分页*/
97 101
.tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #333;text-align:center;font-size:14px;line-height:24px; }
98 102
.tcdPageCode a{display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;border: 1px solid #CCCCCC;margin: 0 8px;color:#333;}

+ 12 - 8
css/genindex.css

@ -433,15 +433,17 @@ ul.tagList>li .h2Font{color:#666;font-size:14px;line-height:30px;}
433 433
.operateicon.icon-qq{background-image:url(../images/g_article_button_liuyan_nor.png);}
434 434
.operateicon.icon-totop{background-image:url(../images/g_article_button_dingbu_nor.png);}
435 435
/*灰色icon*/
436
.operateicon.operateicon2.icon-collect{width:15px;height:15px;background-image:url(../images/g_all_icon_shoucang_nor_2.png);}
437
.operateicon.operateicon2.icon-collected{width:15px;height:15px;background-image:url(../images/g_all_icon_shoucang_hig.png);}
436
.operateicon.operateicon2.icon-collect{width:16px;height:16px;background-image:url(../images/g_all_icon_shoucang_nor_2.png);}
437
.operateicon.operateicon2.icon-collected{width:16px;height:16px;background-image:url(../images/g_all_icon_shoucang_hig.png);}
438 438
.operateicon.operateicon2.icon-wechat{width:19px;height:15px;background-image:url(../images/g_all_icon_weixin_nor_2.png);}
439 439
.operateicon.operateicon2.icon-sina{width:20px;height:15px;background-image:url(../images/g_all_icon_xinlang_nor_2.png);}
440
.operateicon.operateicon2.icon-leavemsg{width:14px;height:14px;background-image:url(../images/g_article_icon_zixun_nor.png);}
440 441
/*悬浮效果*/
441 442
.operateicon.icon-message:hover{background-image:url(../images/g_article_button_liuyan_hig.png);}
442 443
.operateicon.icon-collected{background-image:url(../images/g_all_icon_shoucang_hig.png);}
443 444
.operateicon.icon-wechat:hover{background-image:url(../images/g_all_icon_weixin_hig.png);}
444 445
.operateicon.icon-sina:hover{background-image:url(../images/g_all_icon_xinlang_hig.png);}
446
.operateicon.icon-leavemsg:hover{background-image:url(../images/g_article_icon_zixun_hig.png);}
445 447
.operateicon.icon-qq:hover{background-image:url(../images/g_article_button_liuyan_hig.png);}
446 448
.operateicon.icon-totop:hover{background-image:url(../images/g_article_button_dingbu_hig.png);}
447 449
.shareWeixin{font-style: normal;position: relative;}
@ -698,7 +700,7 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
698 700
.headconBox .goSpan{position: absolute;right: 30px;top:50%;margin-top:-35px;}
699 701
.operateBlock{font-size: 14px;color:#999;}
700 702
.operateBlock>ul>li{float: left;font-size: 14px;color:#999;min-height: 24px;margin-right: 20px;}
701
.operateBlock>ul>li .operateicon{margin-left:10px;cursor: pointer;}
703
.operateBlock>ul>li .operateicon{margin-left:5px;cursor: pointer;}
702 704
.operateBlock>ul>li>span{position: relative;top:-2px;font-size: 14px;}
703 705
.headconBox .operateBlock>ul>li{margin-right:0;}
704 706
@ -907,6 +909,8 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
907 909
908 910
.list_hander{margin:10px 0;position: relative;}
909 911
.list_hander .goSpan span{margin:0 6px 0 0;width: 102px;}
912
.list_hander .goSpan span.answered{background:none;border:1px solid #ff9900;color:#ff9900}
913
.list_hander .goSpan span.answerDel{background:none;border:1px solid #FF0000;color:#FF0000}
910 914
.list_hander .operateBlock{margin:10px 0 0 10px;}
911 915
.list_hander .tip-offs{cursor: pointer;}
912 916
@ -919,7 +923,7 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
919 923
.list-hold-count>ul>li.active>span{background: #ff9900;color:#fff;border-color: #ff9900}
920 924
921 925
.list-hold{}
922
.list-hold-list>ul>li{padding:10px 20px;background: #FFFFFF;}
926
.list-hold-list>ul>li{padding:10px 20px;background: #FFFFFF;margin-bottom: 10px;}
923 927
.list-hold .qa-owner{min-height: 50px;margin:6px 0 10px;position: relative;}
924 928
.list-hold .qa-owner .goSpan{position: absolute;right: 0; top:50%;margin-top:-17px;}
925 929
.list-hold .qa-owner .goSpan>span{margin: 0px;}
@ -930,10 +934,10 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
930 934
.list-hold .qa-con{line-height: 24px;}
931 935
932 936
.holdSpan>div{display:inline-block;font-size: 13px;color:#333;padding:6px 12px;margin-right:6px;background:#ffe9c8;border-radius: 4px;cursor:pointer;}
933
.hold-icon{position:relative;top:3px;display:inline-block;width:16px;height:16px;background-size: 100% auto;background-repeat: no-repeat;}
934
.icon-zan{background-image:url(../images/qa-icon-zan.png);background-position:0 -16px;}
935
.icon-cai{background-image:url(../images/qa-icon-cai.png);background-position:0 -16px;}
937
.hold-icon{position:relative;top:3px;display:inline-block;width:15px;height:15px;background-size: 100% auto;background-repeat: no-repeat;}
938
.icon-zan{background-image:url(../images/qa-icon-zan.png);background-position:0 -14px;}
939
.icon-cai{background-image:url(../images/qa-icon-cai.png);background-position:0 -13px;}
936 940
.holdSpan .zan>span{margin-left: 6px;}
937 941
.holdSpan>div.active{color: #FFFFFF;background:#ff9900;}
938 942
.holdSpan>div.active .icon-zan{background-image:url(../images/qa-icon-zan.png);background-position:0 0;}
939
.holdSpan>div.active .icon-cai{background-image:url(../images/qa-icon-cai.png);background-position:0 0;}
943
.holdSpan>div.active .icon-cai{background-image:url(../images/qa-icon-cai.png);background-position:0 1px;}

+ 5 - 0
discover.html

@ -83,6 +83,11 @@
83 83
								<div class="continue">
84 84
									<button>继续加载</button>
85 85
								</div>
86
					    	</div><div class="table-item-list">
87
					    		<ul class="listitemdiv listmorediv" id="table-item-7"></ul>
88
								<div class="continue">
89
									<button>继续加载</button>
90
								</div>
86 91
					    	</div>
87 92
					    </div>
88 93
					</div>

BIN
images/g_all_icon_shoucang_hig.png


BIN
images/g_all_icon_shoucang_nor_1.png


BIN
images/g_all_icon_shoucang_nor_2.png


+ 503 - 49
js/qa-show.js

@ -1,63 +1,517 @@
1 1
$(function() {
2 2
	loginStatus();//判断个人是否登录
3
	var userid = $.cookie("userid");
4
	var professorId = GetQueryString("professorId");
3
	var userid = $.cookie("userid"),
4
		username = $.cookie("userName")
5
	var questionId = GetQueryString("id");
6
	var hurl = window.location.host,
7
		weibourl = window.location.href
8
		weibopic = "http://" + hurl + "/images/logo180.png",
9
		weibotitle = "";
10
	var oanswer = document.getElementsByClassName("go-answer")[0];
11
	
5 12
	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
6
	 	location.href="http://" + window.location.host + "/e/p.html?id="+professorId;
13
	 	location.href="http://" + hurl + "/e/wen.html?id="+questionId;
7 14
	}
8
	var oArray=[];
9
	var watchType=1;
10
	
11
	
12
		//点击关注按钮
13
		$("#attentBtn").on('click', function() {
14
			if(userid && userid != null && userid != "null") {
15
				if($(this).is('.attenedSpan')){
16
					cancelCollectionAbout(professorId,$(this), 1)
15
	var rows = 20,
16
		ifAl=1,//是否是首次加载
17
		dataO = {
18
			time: "",
19
			id: "",
20
			score:""
21
		};
22
		
23
	var oAjax = function(url, dataS, otype, oFun) {
24
			$.ajax({
25
				url:url,
26
				dataType: 'json',
27
				type: otype,
28
				data: dataS,
29
				traditional: true,
30
				success: function(res) {
31
					if(res.success) {
32
						oFun(res)
33
					}
34
				}
35
			});
36
		},		
37
		waitingA=function(){
38
			oAjax("/ajax/question", {
39
				"rows": rows
40
			},"get", function(res){
41
				var $info = res.data;
42
				if($info.length>0){
43
					$("#waitingA").parents(".conItem").removeClass("displayNone")
44
					var oLeng=$info.length<5?$info.length:5;
45
					for(var i = 0; i < oLeng; i++) {
46
						var itemlist = '<li class="flexCenter"><a class="urlgo" target="_blank" href="qa-show.html?id='+$info[i].id+'">';
47
							itemlist += '<p class="h2Font ellipsisSty-2"><em class="circlePre"></em>'+$info[i].title+'</p>';
48
							itemlist += '</a></li>';
49
							$itemlist = $(itemlist);
50
						$("#waitingA").append($itemlist);
51
					}
52
				}
53
				
54
			})
55
		},
56
		getConmain = function() {
57
			oAjax('/ajax/question/qo', {
58
				"id": questionId
59
			}, "get", function(res) {
60
				var $da = res.data
61
				weibotitle = $da.title;
62
				document.getElementById("questionId").setAttribute("data-id", $da.id);
63
				document.getElementById("questionTit").innerHTML = $da.title;
64
				document.getElementById("pageview").innerHTML = $da.pageViews;
65
				document.getElementById("replyCount").innerHTML = $da.replyCount;
66
				if($da.cnt) {
67
					document.getElementById("questionCnt").innerHTML =($da.cnt).replace(/\n/g,"<br />");
68
				}
69
				attendCount();
70
				if($da.keys != undefined && $da.keys.length != 0) {
71
					var subs = new Array();
72
					if($da.keys.indexOf(',')) {
73
						subs = $da.keys.split(',');
74
					} else {
75
						subs[0] = $da.keys;
76
					}
77
					var pstr = ""
78
					if(subs.length > 0) {
79
						for(var i = 0; i < subs.length; i++) {
80
							pstr += '<li><span class="h2Font">' + subs[i] + '</span></li>'
81
						};
82
						document.getElementsByClassName("tagList")[0].innerHTML = pstr;
83
					} else {
84
						document.getElementsByClassName("tagList")[0].style.display = "none";
85
					}
86
				}
87
				
88
				if($da.img) {
89
					var subs = new Array();
90
					if($da.img.indexOf(',')) {
91
						subs = $da.img.split(',');
92
					} else {
93
						subs[0] = $da.img;
94
					}
95
					weibopic="http://" + hurl + "/data/question"+subs[0].replace(/.jpg/,"_s.jpg")
96
					var pstr = ""
97
					if(subs.length > 0) {
98
						for(var i = 0; i < subs.length; i++) {
99
							var imgu= "/data/question"+subs[i]
100
							pstr += '<li><span class="imgspan" style="background-image: url('+imgu+');"></span></li>'
101
						};
102
						document.getElementsByClassName("list_image")[0].innerHTML = pstr;
103
					} else {
104
						document.getElementsByClassName("list_image")[0].style.display = "none";
105
					}
106
				}
107
				$("#weibo").attr("href","http://service.weibo.com/share/share.php?appkey=3677230589&title="+encodeURIComponent(weibotitle)+"&url="+encodeURIComponent(weibourl)+"&pic="+encodeURIComponent(weibopic)+"&content=utf-8"+"&ralateUid=6242830109&searchPic=false&style=simple");
108
			})
109
		},
110
		attendCount=function() {
111
			oAjax("/ajax/watch/countProfessor", {
112
				id:questionId,
113
				type:"8"
114
			}, "get", function(data) {
115
				if(data.success) {
116
					if(data.data > 0) {
117
						document.getElementById("attenCountQ").innerHTML =data.data;
118
					}else{
119
						document.getElementById("attenCountQ").innerHTML ="";
120
					}
121
				}
122
			})
123
		},
124
		pageViews=function() {
125
			oAjax('/ajax/question/pageViews', {
126
				qid:questionId
127
			}, "POST", function(data) {
128
				if(data.success) {
129
					
130
				}
131
			})
132
		},
133
		anExist = function() {
134
			oAjax("/ajax/question/answer", {
135
				"qid": questionId,
136
				"uid": userid,
137
			}, "get", function(res) {
138
				if(res.data) {
139
					if(res.data.state=="1"){
140
						oanswer.setAttribute("data-can", "0"); //回答过
141
						oanswer.classList.add("answered");
142
						oanswer.innerText = "我已回答"
143
					}else{
144
						oanswer.setAttribute("data-anid",res.data.id);
145
						oanswer.setAttribute("data-can", "2"); //回答过但已删除
146
						oanswer.classList.add("answerDel");
147
						oanswer.innerText = "撤销删除"
148
					}
17 149
				} else {
18
					collectionAbout(professorId,$(this), 1);
150
					oanswer.setAttribute("data-can", "1");
151
				}
152
			})
153
		},
154
		answerList = function() {
155
			var byway = document.querySelector('.list-hold-count>ul').querySelector("li.active").getAttribute("data-type");
156
			var typeurl,dataStr={};
157
			if(byway == 1) {
158
				typeurl = "/ajax/question/answer/qes/byScore"
159
				dataStr={
160
					"qid": questionId,
161
					"score": dataO.score,
162
					"id": dataO.id,
163
					"rows": rows
164
				}
165
			} else if(byway == 2) {
166
				typeurl = "/ajax/question/answer/qes/byTime"
167
				dataStr={
168
					"qid": questionId,
169
					"time": dataO.time,
170
					"id": dataO.id,
171
					"rows": rows
19 172
				}
20
				attentCount();//关注者数量刷新
21
				attentMy();
22
			}else{
23
				quickLog();
24
				operatTab();
25
				closeLog();
26 173
			}
27
		});
28
		
29
		
30
174
			oAjax(typeurl,dataStr, "get", function(res){
175
				var aimId="curAnswers",newStr="暂无回答"
176
				var $info = res.data;
177
				if($info.length > 0) {
178
					if(byway == 1) {
179
						dataO.score = $info[$info.length - 1].score;
180
						dataO.id = $info[$info.length - 1].id;
181
					}else if(byway == 2) {
182
						dataO.time = $info[$info.length - 1].createTime;
183
						dataO.id = $info[$info.length - 1].id;
184
					}
185
			
186
					for(var i = 0; i < $info.length; i++) {
187
						var liStr = document.createElement("li");
188
						document.getElementById(aimId).appendChild(liStr);
189
						answerModule($info[i], liStr);
190
					}
191
				}
192
				var liLen=document.getElementById(aimId).querySelectorAll("li").length;
193
                removeAfter(aimId);
194
                if($info.length == 0 && liLen == 0 ){
195
                    insertAfter(newStr,aimId);
196
                }
197
			})
198
		},
199
		insertAfter = function (newStr, targetE) {
200
            var parent = document.getElementById(targetE).parentNode;
201
            var kong = document.createElement("div");
202
            kong.className = "con-kong";
203
            kong.innerHTML = newStr;
204
            if (parent.firstChild.className == "con-kong") {
205
                return
206
            } else {
207
                parent.insertBefore(kong,parent.firstChild);
208
            }
31 209
32
	//相关文章信息
33
	function relevantarticalList(){
34
		$.ajax({
35
			"url" : "/ajax/article/byAssProfessor",
36
			"type" :  "GET" ,
37
			"dataType" : "json",
38
			"data" :{"id":professorId},
39
			"traditional": true, //传数组必须加这个
40
			"success" : function(data) {
41
				console.log(data);
42
				if (data.success && data.data!=""){
43
					$("#relateArt").parents(".conBlock").removeClass("displayNone");
44
					var itemlist = '';
45
					$("#relateArt").html("");
46
					for(var i = 0; i < data.data.length; i++) {
47
						var itemlist = '<li class="flexCenter"><a  target="_blank" href="/'+ pageUrl('a',data.data[i]) +'" class="urlgo">';
48
							itemlist += '<p class="h2Font ellipsisSty-2"><em class="circlePre"></em>'+data.data[i].articleTitle+'</p>';
49
							itemlist += '</a></li>';
50
							$itemlist = $(itemlist);
51
						$("#relateArt").append($itemlist);
210
        },
211
        removeAfter = function (targetE) {
212
            var parent = document.getElementById(targetE).parentNode;
213
            if (parent.firstChild.className == "con-kong") {
214
                parent.removeChild(parent.firstChild);
215
            } else {
216
                return
217
            }
218
        },
219
		answerModule = function(dataStr, liStr) {
220
			var time=''
221
			if(userid==dataStr.uid){
222
				time="修改于 "+commenTime(dataStr.modifyTime)
223
			}else{
224
				time="发布于 "+commenTime(dataStr.createTime)
225
			}
226
			liStr.className="list-qa"
227
			liStr.setAttribute("data-id", dataStr.id);
228
			var operatStr='<div class="list_hander clearfix">'+
229
					'<div class="holdSpan floatL">'+
230
	                	'<div class="zan"><em class="hold-icon icon-zan"></em><span class="agreeCount"></span></div>'+
231
						'<div class="cai"><em class="hold-icon icon-cai"></em></div>'+
232
					'</div>'+
233
					'<div class="operateBlock bottomShow floatL">'+
234
	            		'<ul class="clearfix">'+
235
	            			'<li><span>留言</span><span class="leaveMsgCount"></span><em class="operateicon operateicon2 icon-leavemsg"></em></li>'+
236
	            			'<li class="attention"><span>收藏</span><em class="operateicon operateicon2 icon-collect collectBtn"></em></li>'+
237
							'<li>'+
238
								'<span>分享到</span>'+
239
								'<a class="weiboA" href="" target="_blank"><em class="operateicon operateicon2 icon-sina"></em></a>'+
240
								'<em class="operateicon operateicon2 icon-wechat shareWeixin">'+
241
									'<div class="shareCode clearfix">'+
242
										'<div class="floatL qrcodeQA"></div>'+
243
										'<div class="shareWord floatR">'+
244
											'<p>打开微信“扫一扫”,<br/>打开网页后点击屏幕右上角“分享”按钮</p>'+
245
										'</div>'+
246
									'</div>'+
247
								'</em>'+
248
							'</li>'+
249
	            		'</ul>'+
250
	            	'</div>'+
251
	            	'<div class="operateBlock tip-offs floatR"><span>举报</span></div>'+
252
				'</div>'
253
			
254
			liStr.innerHTML = '<div class="madiaInfo">' +
255
				'<div class="flexCenter qa-owner"></div>' +
256
				'<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>'
258
				
259
			var $str = $(liStr)
260
			proinfo(dataStr.uid, $str);
261
			leaveMsgCount(dataStr.id, $str);
262
			answerAgreeNum(dataStr.id, $str);
263
			if(userid && userid != null && userid != "null") {
264
				isAgree(dataStr.id, $str)
265
				ifcollectionAbout(dataStr.id,$str.find(".collectBtn"),9);
266
			}
267
			answerBindE(dataStr.id, $str)
268
		},
269
		answerAgreeNum=function(anid,$str){
270
			oAjax("/ajax/question/answer", {
271
				id:anid
272
			}, "get", function(data) {
273
				if(data.success) {
274
					if(data.data.agree > 0) {
275
						$str.find(".agreeCount").html(data.data.agree);
276
					}
277
				}
278
			})
279
		},
280
		answerBindE=function(anid,$str){
281
			//收藏
282
			$str.find(".collectBtn").on('click', function() {
283
				if(userid && userid != null && userid != "null") {
284
					if($(this).is('.icon-collected')){
285
						cancelCollectionAbout(anid,$(this),8)
286
					} else {
287
						collectionAbout(anid,$(this),8);
288
					}
289
				}else{
290
					quickLog();
291
					operatTab();
292
					closeLog();
293
				}
294
			});
295
			
296
			//点赞回答
297
			$str.find(".zan").on("click",function(){
298
				if(userid && userid != null && userid != "null") {
299
					if($(this).is('.active')){
300
						oAjax('/ajax/question/answer/agree/cancle', {
301
							"id": anid,
302
							"uid":userid,
303
							"uname":username
304
						}, "POST", function(res) {
305
							$str.find(".zan").removeClass("active")
306
						})
307
					}else{
308
						oAjax('/ajax/question/answer/agree', {
309
							"id": anid,
310
							"uid":userid,
311
							"uname":username
312
						}, "POST", function(res) {
313
							$str.find(".zan").addClass("active")
314
							$str.find(".cai").removeClass("active")
315
						})
52 316
					}
317
					answerAgreeNum(anid, $(this).parents(".list-qa"));
318
				}else{
319
					quickLog();
320
					operatTab();
321
					closeLog();
53 322
				}
54
			},
55
			"error":function(){
56
				$.MsgBox.Alert('提示','链接服务器超时')
323
			})
324
			//踩回答
325
			$str.find(".cai").on("click",function(){
326
				if(userid && userid != null && userid != "null") {
327
					if($(this).is('.active')){
328
						oAjax('/ajax/question/answer/oppose/cancle', {
329
							"id":anid,
330
							"uid":userid,
331
							"uname":username
332
						}, "POST", function(res) {
333
							$str.find(".cai").removeClass("active")
334
						})
335
						
336
					}else{
337
						oAjax('/ajax/question/answer/oppose', {
338
							"id":anid,
339
							"uid":userid,
340
							"uname":username
341
						}, "POST", function(res) {
342
							$str.find(".cai").addClass("active")
343
							$str.find(".zan").removeClass("active")
344
						})
345
					}
346
					answerAgreeNum(anid, $(this).parents(".list-qa"));
347
				}else{
348
					quickLog();
349
					operatTab();
350
					closeLog();
351
				}
352
			})
353
			
354
			//微信分享
355
			$str.find('.shareWeixin').on("mouseenter",function(){
356
				$(this).find('.shareCode').stop(true,false).fadeIn();
357
			}).on("mouseleave",function(){
358
				$(this).find('.shareCode').stop(true,false).fadeOut();
359
			});
360
			var Qcu=$str.find(".qrcodeQA");
361
			for(var i=0;i<Qcu.length;i++){
362
				var qrcode= new QRCode(Qcu[i], {
363
					width : 100,
364
					height : 100
365
				});
366
				var elurl = "http://" + hurl + "/e/da.html?id="+anid;
367
				qrcode.makeCode(elurl);
57 368
			}
58
		});
59
	}
369
			//微博分享
370
			$str.find(".weiboA").attr("href","http://service.weibo.com/share/share.php?appkey=3677230589&title="+encodeURIComponent(weibotitle)+"&url="+encodeURIComponent(weibourl)+"&pic="+encodeURIComponent(weibopic)+"&content=utf-8"+"&ralateUid=6242830109&searchPic=false&style=simple");
371
		},
372
		leaveMsgCount=function(id, $str) {
373
			oAjax("/ajax/leavemsg/count", {
374
				sid:id,
375
				stype: "4"
376
			}, "get", function(data) {
377
				if(data.success) {
378
					if(data.data > 0) {
379
						$str.find(".leaveMsgCount").html(data.data);
380
					}
381
				}
382
			})
383
		},
384
		proinfo = function(pid, $str) {
385
			oAjax("/ajax/professor/baseInfo/" + pid, {}, "get", function(res) {
386
				var dataStr = res.data
387
				var baImg = "../images/default-photo.jpg";
388
				if(dataStr.hasHeadImage == 1) {
389
					baImg = "/images/head/" + dataStr.id + "_l.jpg";
390
				}
391
				var userType = autho(dataStr.authType, dataStr.orgAuth, dataStr.authStatus);
392
				var os = "";
393
				if(dataStr.title) {
394
					if(dataStr.orgName) {
395
						os = dataStr.title + "," + dataStr.orgName;
396
					} else {
397
						os = dataStr.title;
398
					}
399
				} else {
400
					if(dataStr.office) {
401
						if(dataStr.orgName) {
402
							os = dataStr.office + "," + dataStr.orgName;
403
						} else {
404
							os = dataStr.office;
405
						}
406
					} else {
407
						if(dataStr.orgName) {
408
							os = dataStr.orgName;
409
						}
410
					}
411
				}
412
				var str = '<div class="owner-head useHead" style="background-image:url(' + baImg + ')"></div>' +
413
					'<div class="owner-info">' +
414
					'<div class="owner-name">' + dataStr.name + '<em class="authiconNew ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
415
					'<div class="owner-tit ellipsisSty h2Font">' + os + '</div>' +
416
					'</div>'+
417
					'<div class="goSpan"><span class="attenSpan">关注</span></div>'
60 418
419
				$str.find(".qa-owner").html(str);
420
				if(dataStr.id!=userid){
421
					ifcollectionAbout(dataStr.id,$str.find(".attenSpan"),1);
422
				}else{
423
					$str.find(".attenSpan").hide()
424
				}
425
			});
426
		},
427
		isAgree=function(id,$str){
428
			oAjax('/ajax/question/answer/agree', {
429
				"aid": id,
430
				"uid":userid
431
			}, "get", function(res) {
432
				if(res.success){
433
					console.log(res)
434
					if(res.data==null){
435
						
436
					}else if(res.data.flag){
437
						$str.find(".zan").addClass("active")
438
					}else{
439
						$str.find(".cai").addClass("active")
440
					}
441
				}
442
			})
443
		}
444
		
445
	pageViews();		
446
	getConmain();
447
	waitingA();
448
	answerList();
449
	if(userid && userid != null && userid != "null") {
450
		anExist(); //判断是否回答过该问题
451
		ifcollectionAbout(questionId, $("#attention"), 8);
452
	}	
453
	$(".list-hold-count>ul").on('click', 'li', function(e) {
454
		var sortlist = document.querySelector('.list-hold-count>ul').querySelectorAll("li");
455
		for(var i = 0; i < sortlist.length; i++) {
456
			sortlist[i].classList.remove('active');
457
		}
458
		this.classList.add('active');
459
		byway = this.getAttribute("data-type");
460
		document.getElementById("curAnswers").innerHTML = "";
461
		dataO = {time: "",id: "",score:""}
462
		answerList()
463
	});	
464
	$("#attention").on('click', function() {
465
		if(userid && userid != null && userid != "null") {
466
			if($(this).is('.icon-collected')){
467
				cancelCollectionAbout(questionId,$(this),8)
468
			} else {
469
				collectionAbout(questionId,$(this),8);
470
			}
471
			attendCount()
472
		}else{
473
			quickLog();
474
			operatTab();
475
			closeLog();
476
		}
477
	});
478
	$(".go-answer").on('click', function() {
479
		var can = this.getAttribute("data-can");
480
		if(userid && userid != null && userid != "null") {
481
			if(can=="1") {
482
				alert("回答")
483
			} else if(can=="2") {
484
				var anid= this.getAttribute("data-anid");
485
				oAjax("/ajax/question/answer/unDel", {
486
					"qid": questionId,
487
					"id": anid,
488
				}, "get", function(res) {
489
					if(res.data=="1") {
490
						oanswer.setAttribute("data-can", "0"); //回答过
491
						oanswer.classList.add("answered");
492
						oanswer.innerText = "我已回答"
493
					}
494
				})
495
			}else{
496
				return
497
			}
498
		} else {
499
			quickLog();
500
			operatTab();
501
			closeLog();
502
		}
503
	})
504
	$(".invite-answer").on('click', function() {
505
		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
			});
510
		} else {
511
			isLogin();
512
		}
513
	})
514
		
61 515
62 516
	
63 517
	//纠错反馈
@ -77,7 +531,7 @@ $(function() {
77 531
				"dataType": "json",
78 532
				"async": true,
79 533
				"data": {
80
					"id": professorId,
534
					"id": questionId,
81 535
					"cnt":cntCon,
82 536
					"user":cntUser
83 537
				},

+ 30 - 25
qa-show.html

@ -24,25 +24,24 @@
24 24
				<div class="list-main scroll-view">
25 25
					<section class="listbg list_content">
26 26
						<ul class="tagList">
27
							<li><span class="h2Font">快递分类设计稿既然</span></li>
27
							<!--<li><span class="h2Font">快递分类设计稿既然</span></li>-->
28 28
						</ul>
29 29
						<div class="item_detail" id="questionId">
30
							<h3 class="h1Font hWeight" id="questionTit">打开网页后点击屏幕右上角“分享”按钮打开网页后点击屏幕右上角“分享”按钮打开网页后点击屏幕右上角“分享”按钮?</h3>
31
							<div class="list_con" id="questionCnt">打开网页后点击屏幕右上角“分享”按钮打开网页后点击屏幕右上角“分享”按钮打开网页后点击屏幕右上角“分享”按钮打开网页后点击屏幕右上角“分享”按钮打开网页后点击屏幕右上角“分享”按钮打开网页后点击屏幕右上角“分享”按钮</div>
30
							<h3 class="h1Font hWeight" id="questionTit"></h3>
31
							<div class="list_con" id="questionCnt"></div>
32 32
							<ul class="list_image">
33
								<li><span class="imgspan" style="background-image: url(images/banner/banner0307.png);"></span></li>
34
								<li><span class="imgspan" style="background-image: url(images/banner/banner01.jpg);"></span></li>
35
								<li><span class="imgspan" style="background-image: url(images/banner/banner0307.png);"></span></li>
33
								<!--<li><span class="imgspan" style="background-image: url(images/banner/banner0307.png);"></span></li>
34
								-->
36 35
							</ul>
37 36
							<div class="list_hander clearfix">
38 37
								<div class="goSpan floatL">
39
				                	<span>我来回答</span>
40
									<span>邀请回答</span>
38
				                	<span class="go-answer">我来回答</span>
39
									<span class="invite-answer">邀请回答</span>
41 40
								</div>
42 41
								<div class="operateBlock bottomShow floatL">
43 42
				            		<ul class="clearfix">
44
				            			<li><span>阅读量</span> <span id="pageview">1000</span></li>
45
				            			<li id="attention"><span>收藏</span> <em class="operateicon operateicon2 icon-collect" id="collectBtn"></em></li>
43
				            			<li><span>阅读量</span> <span id="pageview"></span></li>
44
				            			<li><span>关注 </span><span id="attenCountQ"></span><em class="operateicon operateicon2 icon-collect" id="attention"></em></li>
46 45
										<li>
47 46
											<span>分享到</span>
48 47
											<a href="" id="weibo" target="_blank"><em class="operateicon operateicon2 icon-sina"></em></a>
@ -63,9 +62,20 @@
63 62
							</div>
64 63
						</div>
65 64
					</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>
72
								</div>
73
							</div>
74
						</div>
75
					</section>
66 76
					<section class="listbg">
67 77
						<div class="list-hold-count">
68
							<span><em id="replyCount">N</em>个回答</span>
78
							<span><em id="replyCount"></em>个回答</span>
69 79
							<ul>
70 80
								<li class="active" data-type="1"><span>默认</span></li>
71 81
								<li data-type="2"><span>最新</span></li>
@ -75,7 +85,7 @@
75 85
					<section class="list-hold">
76 86
						<div class="list-hold-list">
77 87
							<ul class="myAllneeds partLine" id="curAnswers">
78
								<li>
88
								<!--<li class="list-qa">
79 89
									<div class="madiaInfo">
80 90
										<div class="flexCenter qa-owner">
81 91
											<div class="owner-head useHead"></div>
@ -94,8 +104,8 @@
94 104
										</div>
95 105
										<div class="list_hander clearfix">
96 106
											<div class="holdSpan floatL">
97
							                	<div class="zan active"><em class="hold-icon icon-zan"></em><span>45</span></div>
98
												<div><em class="hold-icon icon-cai"></em></div>
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>
99 109
											</div>
100 110
											<div class="operateBlock bottomShow floatL">
101 111
							            		<ul class="clearfix">
@ -120,10 +130,10 @@
120 130
							            	</div>
121 131
										</div>
122 132
									</div>
123
								</li>
133
								</li>-->
124 134
							</ul>
125 135
							<!--加载更多按钮-->
126
    						<div class="js-load-more">加载更多</div>
136
    						<div class="js-load-more"></div>
127 137
						</div>
128 138
					</section>
129 139
				</div>
@ -132,16 +142,11 @@
132 142
				<div class="conItem advertBox advertItem">
133 143
					<script src="js/adverts/ad_pap.js"></script>
134 144
				</div>
135
				<div class="conBlock conItem">
145
				<div class="conBlock conItem displayNone">
136 146
					<div class="form-item">
137 147
						<div class="aboutTit">等您回答</div>
138 148
						<div class="form-result form-M0 currentArt currentArt2">
139
							<ul id="relateArt">
140
								<li class="flexCenter">
141
									<a target="_blank" href="/'+ pageUrl('a',data.data[i]) +'" class="urlgo">
142
										<p class="h2Font ellipsisSty-2"><em class="circlePre"></em>台北故宫将起诉北京故宫侵权,是“贼喊捉贼”吗?</p>
143
									</a>
144
								</li>
149
							<ul id="waitingA">
145 150
							</ul>
146 151
						</div>
147 152
					</div>	
@ -176,8 +181,8 @@
176 181
	});
177 182
	function makeCode(){
178 183
		var hurl = window.location.host;
179
		var patentId =  GetQueryString("patentId");
180
		var elurl = "http://" + hurl + "/e/z.html?id=" + patentId ; 
184
		var questionId =  GetQueryString("id");
185
		var elurl = "http://" + hurl + "/e/wen.html?id=" + questionId ; 
181 186
		qrcode.makeCode(elurl);
182 187
	}
183 188
	makeCode();

+ 98 - 5
userInforShow.html

@ -74,10 +74,11 @@
74 74
				<div class="navconBox">
75 75
					<ul class="mainNavUl clearfix">
76 76
						<li class="liNow">主页</li>
77
						<li>资源</li>
78
						<li>文章</li>
79
						<li>专利</li>
80
						<li>论文</li>
77
						<li>资源 <span class="counts" id="resCount"></span></li>
78
						<li>文章 <span class="counts" id="artCount"></span></li>
79
						<li>专利 <span class="counts" id="patCount"></span></li>
80
						<li>论文 <span class="counts" id="parCount"></span></li>
81
						<li>问答 <span class="counts" id="qaCount"></span></li>
81 82
						<li>资料</li>
82 83
						<li class="rightbtn">更多<em class="foldtr"></em></li>
83 84
					</ul>
@ -85,6 +86,7 @@
85 86
						<ul class="moreNavUl clearfix">
86 87
							<li data-num="1" class="attentType liNow">我关注的专家</li>
87 88
							<li data-num="6" class="attentType">我关注的企业</li>
89
							<li data-num="8" class="attentType">我关注的问题</li>
88 90
							<li class="rightbtn attentType"><span>我收藏的文章</span><em class="foldtr"></em>
89 91
								<ul class="table-drop">
90 92
									<li data-num="3" class="attentType">我收藏的文章</li>
@ -92,6 +94,7 @@
92 94
									<li data-num="5" class="attentType">我收藏的论文</li>
93 95
									<li data-num="2" class="attentType">我收藏的资源</li>
94 96
									<li data-num="7" class="attentType">我收藏的需求</li>
97
									<li data-num="9" class="attentType">我收藏的回答</li>
95 98
								</ul>
96 99
							</li>
97 100
							<li data-num="0" class="attendMy">关注我的人</li>
@ -282,6 +285,62 @@
282 285
						</div>
283 286
					</div>
284 287
					<div id="item6user" class="leftconItem">
288
						<div class="coninfobox form-item otherShow">
289
							<div class="coninfocon form-result needList">
290
								<ul id="proQA">
291
									<li class="mui-table-view-cell">
292
										<div class="madiaInfo" style="padding-left:0">
293
											<p class="h1Font ellipsisSty">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>
294
											<div class="flexCenter qa-owner">
295
												<div class="owner-head useHead"></div>
296
												<div class="owner-info">
297
													<div class="owner-name"><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></div>
298
													<div class="owner-tit ellipsisSty h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>
299
												</div>
300
											</div>
301
											<p class="qa-con ellipsisSty-3">需求内容:我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进, 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出产品的三维模型,用于展示以及为后续生产做准备我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进, 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出
302
											</p>
303
											<div class="showspan">
304
												<span>5月8日 18:00</span>
305
												<span>N 赞</span>
306
												<span>N 留言</span>
307
											</div>
308
										</div>
309
									</li>
310
									<li class="mui-table-view-cell">
311
										<div class="madiaInfo" style="padding-left:0">
312
											<p class="h1Font ellipsisSty">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>
313
											<div class="flexCenter qa-owner">
314
												<div class="owner-head useHead"></div>
315
												<div class="owner-info">
316
													<div class="owner-name"><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></div>
317
													<div class="owner-tit ellipsisSty h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>
318
												</div>
319
											</div>
320
											<p class="qa-con ellipsisSty-3">需求内容:我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进, 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出产品的三维模型,用于展示以及为后续生产做准备我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进, 想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出
321
											</p>
322
											<div class="showspan">
323
												<span>5月8日 18:00</span>
324
												<span>N 赞</span>
325
												<span>N 留言</span>
326
											</div>
327
										</div>
328
									</li>
329
								</ul>
330
								<!--无搜索结果-->
331
								<div class="nodatabox displayNone">
332
							        <div class="nodata">
333
							            <div class="picbox picNull"></div>
334
							            <div class="txtbox">
335
							            	<p class="noContip"></p>
336
							            </div>
337
							        </div>
338
							    </div>
339
								<div class="tcdPageCode"></div>
340
							</div>
341
						</div>
342
					</div>
343
					<div id="item7user" class="leftconItem">
285 344
						<!--无搜索结果-->
286 345
						<div class="nodatabox displayNone">
287 346
					        <div class="nodata">
@ -324,7 +383,7 @@
324 383
							</div>
325 384
						</div>
326 385
					</div>
327
					<div id="item7user" class="leftconItem">
386
					<div id="item8user" class="leftconItem">
328 387
						<div class="coninfobox form-item">
329 388
							<div class="coninfocon form-result aboutRes">
330 389
								<ul id="attendPro">
@ -358,6 +417,23 @@
358 417
								<div class="tcdPageCode"></div>
359 418
							</div>
360 419
						</div>
420
						<div class="coninfobox form-item otherShow">
421
							<div class="coninfocon form-result aboutRes">
422
								<ul id="attendQuestion">
423
									
424
								</ul>
425
								<!--无搜索结果-->
426
								<div class="nodatabox displayNone">
427
							        <div class="nodata">
428
							            <div class="picbox picNull"></div>
429
							            <div class="txtbox">
430
							            	<p class="noContip">用户还未关注任何问题</p>
431
							            </div>
432
							        </div>
433
							    </div>
434
								<div class="tcdPageCode"></div>
435
							</div>
436
						</div>
361 437
						<div class="coninfobox form-item otherShow">
362 438
							<div class="coninfocon form-result aboutRes">
363 439
								<ul id="attendArt">
@ -443,6 +519,23 @@
443 519
								<div class="tcdPageCode"></div>
444 520
							</div>
445 521
						</div>
522
						<div class="coninfobox form-item otherShow">
523
							<div class="coninfocon form-result aboutRes">
524
								<ul id="attendAnswer">
525
									
526
								</ul>
527
								<!--无搜索结果-->
528
								<div class="nodatabox displayNone">
529
							        <div class="nodata">
530
							            <div class="picbox picNull"></div>
531
							            <div class="txtbox">
532
							            	<p class="noContip">用户还未收藏任何回答</p>
533
							            </div>
534
							        </div>
535
							    </div>
536
								<div class="tcdPageCode"></div>
537
							</div>
538
						</div>
446 539
						<div class="coninfobox form-item">
447 540
							<div class="coninfocon form-result aboutRes">
448 541
								<ul id="attendMy">