Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 979 Releases 0 Wiki
Browse Source

发现 添加QA beta

XMTT 7 years ago
parent
f3d050f2a7
commit
276301b2ef
2 changed files with 115 additions and 88 deletions
Split View Show Diff Stats
  1. 48 42
      app/html/discoverNew.html
  2. 67 46
      app/js/discoverNew.js

+ 48 - 42
app/html/discoverNew.html
View File 

@ -174,50 +174,56 @@
174 174 
									</div>
175 175 
								</div>
176 176 
								<ul class="mui-table-view myAllneeds partLine" id="questionItem">
177 
									<li class="mui-table-view-cell">
178 
										<div class="madiaInfo">
179 
											<p class="h1Font mui-ellipsis-2">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>
180 
											<div class="flexCenter qa-owner">
181 
												<div class="owner-head useHead"></div>
182 
												<div class="owner-info">
183 
													<div class="owner-name"><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></div>
184 
													<div class="owner-tit mui-ellipsis h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>
185 
												</div>
186 
											</div>
187 
											<p class="qa-con mui-ellipsis-5">需求内容：我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进， 想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出产品的三维模型，用于展示以及为后续生产做准备我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进， 想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出
188 
											</p>
189 
											<div class="showli mui-ellipsis">
190 
												<span>5月8日 18:00</span>
191 
												<span>N 赞</span>
192 
												<span>N 留言</span>
193 
											</div>
194 
										</div>
195 
									</li>
196 
									<li class="mui-table-view-cell">
197 
										<div class="madiaInfo">
198 
											<p class="h1Font mui-ellipsis-2">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>
199 
											<div class="flexCenter qa-owner">
200 
												<div class="owner-head useHead"></div>
201 
												<div class="owner-info">
202 
													<div class="owner-name"><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></div>
203 
													<div class="owner-tit mui-ellipsis h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>
204 
												</div>
205 
											</div>
206 
											<p class="qa-con mui-ellipsis-5">需求内容：我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进， 想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出产品的三维模型，用于展示以及为后续生产做准备我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进， 想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出
207 
											</p>
208 
											<div class="showli mui-ellipsis">
209 
												<span>5月8日 18:00</span>
210 
												<span>N 赞</span>
211 
												<span>N 留言</span>
212 
											</div>
213 
										</div>
214 
									</li>
177 
									<!--<li class="mui-table-view-cell">-->
178 
										<!--<div class="madiaInfo">-->
179 
											<!--<p class="h1Font mui-ellipsis-2">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>-->
180 
											<!--<div class="flexCenter qa-owner">-->
181 
												<!--<div class="owner-head useHead"></div>-->
182 
												<!--<div class="owner-info">-->
183 
													<!--<div class="owner-name"><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></div>-->
184 
													<!--<div class="owner-tit mui-ellipsis h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>-->
185 
												<!--</div>-->
186 
											<!--</div>-->
187 
											<!--<p class="qa-con mui-ellipsis-5">需求内容：我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进， 想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出产品的三维模型，用于展示以及为后续生产做准备我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进， 想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出-->
188 
											<!--</p>-->
189 
											<!--<div class="showli mui-ellipsis">-->
190 
												<!--<span>5月8日 18:00</span>-->
191 
												<!--<span>N 赞</span>-->
192 
												<!--<span>N 留言</span>-->
193 
											<!--</div>-->
194 
										<!--</div>-->
195 
									<!--</li>-->
196 
									<!--<li class="mui-table-view-cell">-->
197 
										<!--<div class="madiaInfo">-->
198 
											<!--<p class="h1Font mui-ellipsis-2">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>-->
199 
											<!--<div class="flexCenter qa-owner">-->
200 
												<!--<div class="owner-head useHead"></div>-->
201 
												<!--<div class="owner-info">-->
202 
													<!--<div class="owner-name"><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></div>-->
203 
													<!--<div class="owner-tit mui-ellipsis h2Font">职称/职位,所在机构职称/职位,所在机构职称/职位,所在机构</div>-->
204 
												<!--</div>-->
205 
											<!--</div>-->
206 
											<!--<p class="qa-con mui-ellipsis-5">需求内容：我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进， 想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出产品的三维模型，用于展示以及为后续生产做准备我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进， 想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出-->
207 
											<!--</p>-->
208 
											<!--<div class="showli mui-ellipsis">-->
209 
												<!--<span>5月8日 18:00</span>-->
210 
												<!--<span>N 赞</span>-->
211 
												<!--<span>N 留言</span>-->
212 
											<!--</div>-->
213 
										<!--</div>-->
214 
									<!--</li>-->
215 215 
								</ul>
216
216 
								<div class="nodatabox displayNone">
217 
									<div class="nodata">
218 
										<div class="picbox picNull"></div>
219 
										<div class="txtbox">
220 
											<p class="noContip">暂时没有内容</p>
221 
										</div>
222 
									</div>
223 
								</div>
217 224 
							</div>
218 225 
						</div>
219 226 
					</div>
220
221 227 
					<div id="item4mobile" class="mui-slider-item mui-control-content">
222 228 
						<div class="mui-scroll-wrapper">
223 229 
							<div class="mui-scroll">

@ -321,7 +327,7 @@
321 327 
						aniShow: "slide-in-right"
322 328 
					}
323 329 
				});
324 
			})
330 
			})
325 331 
			document.getElementById("goQu").addEventListener("tap",function(){
326 332 
				mui.openWindow({
327 333 
					 url:"../html/qa-going-q-01.html",

@ -349,7 +355,7 @@
349 355 
						aniShow: "slide-in-right"
350 356 
					}
351 357 
				});
352 
			})
358 
			})
353 359 
		</script>
354 360 
	</body>
355 361

+ 67 - 46
app/js/discoverNew.js
View File 

@ -27,7 +27,8 @@
27 27 
		"4": 0,
28 28 
		"5": 0,
29 29 
		"6": 0,
30 
        "7": 0
30 
        "7": 0,
31 
		"8":0
31 32 
	}
32 33 
	var QAtime,QAid,QArows = 20;
33 34 
	$.ready(function() {
 
@ -100,17 +101,19 @@
100 101 
					"4": 1,
101 102 
					"5": 1,
102 103 
					"6": 1,
103 
                    "7": 1
104 
                    "7": 1,
105 
					"8":1,
106 
				},
107 
				colum: {
108 
                    "a":"", //最新文章
109 
                    "3": 3, //前沿动态
110 
                    "4": 7, //学术经验
111 
                    "5":10,
112 
                    "6": 4, //检测分析
113 
                    "7": 5, //会议培训
114 
                    "8": 6, //科袖访谈
115 
                    "9": 8 //招聘招生
104 116 
				},
105 
				//				colum: {
106 
				//					"a": "", //最新文章
107 
				//					"3": 3, //前沿动态
108 
				//					"4": 7, //学术经验
109 
				//					"5": 4, //检测分析
110 
				//					"6": 5, //会议培训
111 
				//					"7": 6, //科袖访谈
112 
				//					"8": 8 //招聘招生
113 
				//				},
114 117 
				constructor: Discover,
115 118 
				Init: function(obj) {
116 119 
					if(obj) {
 
@ -208,7 +211,7 @@
208 211 
                                                    data: {
209 212 
                                                        rows:QArows
210 213 
                                                    },
211 
                                                    url: "/ajax/article/find"
214 
                                                    url: "/ajax/question/answer/byTime"
212 215 
                                                });
213 216 
                                            }else{
214 217 
                                                $D({
 
@ -249,7 +252,7 @@
249 252 
                                                    id:QAid,
250 253 
                                                    rows:QArows
251 254 
                                                },
252 
                                                url: "/ajax/article/find"
255 
                                                url: "/ajax/question/answer/byTime"
253 256 
                                            });
254 257 
                                        }else {
255 258 
                                            $D({
 
@ -311,8 +314,9 @@
311 314 
                },
312 315 
                leaveMsgCount:function (data) {
313 316 
                    if (data.success){
314 
                        //todo 填充留言数量
315 
                        this.innerHTML = data.data
317 
                    	if(data.data>0) {
318 
                            this.innerHTML = data.data + "留言"
319 
                        }
316 320 
                    }
317 321 
                },
318 322 
				createFragment: function(data) {
 
@ -434,9 +438,11 @@
434 438 
				},
435 439 
                QA:function (data) {
436 440 
                    if(data.success) {
437 
                        var $data = data.data.data;
438 
                        QAtime = $data[data.length-1].createTime;
439 
                        QAid = $data[data.length-1].id;
441 
                        var $data = data.data;
442 
                        if($data.length>0){
443 
	                        QAtime = $data[$data.length-1].createTime;
444 
	                        QAid = $data[$data.length-1].id;
445 
                        }
440 446 
                        if (arguments[1]){
441 447 
                            if($data.length>1) {
442 448 
                                $data.length = 1;
 
@ -447,34 +453,38 @@
447 453 
                                qid = $data[i].qid,//问题ID
448 454 
                                uid = $data[i].uid,//回答人ID
449 455 
                                agree=$data[i].agree,//点赞数量
450 
                                cnt = $data[i].cnt;//回答内容
456 
                                cnt = $data[i].cnt,//回答内容
457 
								Qtitle,Uname,Uinfo;
451 458 
                            if(pullObj[m] == 1) {
452 459 
                                key1[m].endPullDownToRefresh();
453 460 
                                pullObj[m] = 0;
454 461 
                            }
455 462 
                            var li = document.createElement("li");
456 
                            //回答模块DOM
457 
                            // li.setAttribute("data-id", id);
458 
                            // li.setAttribute("data-flag", 3);
459 
                            // li.className = "mui-table-view-cell flexCenter OflexCenter";
460 
                            // li.innerHTML = '<div class="madiaHead artHead" style="background-image:url(' + arImg + ')"></div>' +
461 
                            //     '<div class="madiaInfo OmadiaInfo">' +
462 
                            //     '<p class="mui-ellipsis-2 h1Font">' + title + '</p>' +
463 
                            //     '<p class="h2Font mui-ellipsis">' + colSpan +
463 
                            li.setAttribute("data-id", id);
464 
                            li.setAttribute("data-flag", 3);
465 
                            li.className = "mui-table-view-cell flexCenter OflexCenter";
466 
                            // li.innerHTML = '<div class="madiaInfo OmadiaInfo">' +
467 
                            //     '<p class="mui-ellipsis-2 h1Font">' + agree + '</p>' +
468 
                            //     '<p class="h2Font mui-ellipsis">' + cnt +
464 469 
                            //     '<span class="nameSpan" style="margin-right:10px"></span>' +
465 
                            //     '<span class="time">' + commenTime($data[i].publishTime) + '</span>' +
470 
                            //     '<span class="time">' + commenTime($data[i].createTime) + '</span>' +
466 471 
                            //     '</p>' +
467 
                            //     '</div>'
468 
                            // if(arguments[1]) {
469 
                            //     if(document.getElementsByTagName("ul")[m].children[0]) {
470 
                            //         document.getElementsByTagName("ul")[m].insertBefore(li, document.getElementsByTagName("ul")[m].children[0])
471 
                            //     } else {
472 
                            //         document.getElementsByTagName("ul")[m].appendChild(li);
473 
                            //     }
474 
                            // } else {
475 
                            //     document.getElementsByTagName("ul")[m].appendChild(li);
476 
                            // }
477 
                            // li.setAttribute("owner-id", uid);
472 
                            //     '</div>';
473 
							li.innerHTML = '<div class="madiaInfo">' +
474 
									'<p class="h1Font mui-ellipsis-2">' + Qtitle + '</p>' +
475 
								'<div class="flexCenter qa-owner">' +
476 
								'<div class="owner-head useHead"></div>' +
477 
								'<div class="owner-info">' +
478 
								'<div class="owner-name"><span class="h1Font">'+ Uname +'</span><em class="authicon authicon-pro" title="科袖认证专家"></em></div>' +
479 
								'<div class="owner-tit mui-ellipsis h2Font"></div></div>' +
480 
								'<p class="qa-con mui-ellipsis-5">'+cnt+'</p>' +
481 
								'<div class="showli mui-ellipsis">' +
482 
								'<span>'+ commenTime($data[i].createTime) +'</span>' +
483 
								'<span>'+ agree +'赞 </span>' +
484 
								'<span class="leaveMsgCount"></span>' +
485 
								'</div>' +
486 
								'</div>'
487 
                            document.getElementsByTagName("ul")[m].appendChild(li);
478 488 
                            $D({
479 489 
                                data: {},
480 490 
                                fun: ob.proName,
 
@ -483,13 +493,24 @@
483 493 
                            });
484 494 
                            $D({
485 495 
                                data:{sid:id,stype:"4"},
486 
                                fun:ob.leaveCount,
487 
                                url:"/ajax/leavemsg/count"
496 
                                fun:ob.leaveMsgCount,
497 
                                url:"/ajax/leavemsg/count",
488 498 
                                //todo 留言数量的this
489 
                                // sele:
499 
                                sele:li.getElementsByClassName("leaveMsgCount")[0]
490 500 
                            })
491
492 
                            //todo 正在加载和加载完毕的显示和隐藏。
501 
                        }
502 
                        //todo 正在加载和加载完毕的显示和隐藏。
503 
                        document.getElementsByClassName("nodatabox")[m].classList.add("displayNone");
504 
                        if($data.length == 0) {
505 
                            document.getElementsByClassName("nodatabox")[m].classList.remove("displayNone");
506 
                            key1[m].endPullUpToRefresh(true);
507 
                            return;
508 
                        }
509 
                        if($data.length < QArows) {
510 
                            key1[m].endPullUpToRefresh(true);
511 
                        } else {
512 
                            key1[m].refresh(true);
513 
                            key1[m].endPullUpToRefresh(false);
493 514 
                        }
494 515 
                    }
495 516 
                }
 
@ -517,14 +538,14 @@
517 538 
					m = 7;
518 539 
				} else if($this.innerHTML == "推荐") {
519 540 
					m = 0;
520 
				} else if($this.innerHtml == "问答"){
541 
				} else if($this.innerHTML == "问答"){
521 542 
				    m = 3
522 543 
                }
523 544 
				if(!$this.getAttribute("flag")) {
524 545
525 546 
					$this.setAttribute("flag", 1);
526 547 
						console.log(colum[m+2] +" 99999")
527 
                    if (m = 3){
548 
                    if (m == 3){
528 549 
                        $D({
529 550 
                            "fun": ob.QA,
530 551 
                            data: {