Browse Source

发现 添加QA beta

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

+ 48 - 42
app/html/discoverNew.html

174
									</div>
174
									</div>
175
								</div>
175
								</div>
176
								<ul class="mui-table-view myAllneeds partLine" id="questionItem">
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
								</ul>
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
							</div>
224
							</div>
218
						</div>
225
						</div>
219
					</div>
226
					</div>
220

221
					<div id="item4mobile" class="mui-slider-item mui-control-content">
227
					<div id="item4mobile" class="mui-slider-item mui-control-content">
222
						<div class="mui-scroll-wrapper">
228
						<div class="mui-scroll-wrapper">
223
							<div class="mui-scroll">
229
							<div class="mui-scroll">
321
						aniShow: "slide-in-right"
327
						aniShow: "slide-in-right"
322
					}
328
					}
323
				});
329
				});
324
			})
330
			})
325
			document.getElementById("goQu").addEventListener("tap",function(){
331
			document.getElementById("goQu").addEventListener("tap",function(){
326
				mui.openWindow({
332
				mui.openWindow({
327
					 url:"../html/qa-going-q-01.html",
333
					 url:"../html/qa-going-q-01.html",
349
						aniShow: "slide-in-right"
355
						aniShow: "slide-in-right"
350
					}
356
					}
351
				});
357
				});
352
			})
358
			})
353
		</script>
359
		</script>
354
	</body>
360
	</body>
355

361


+ 67 - 46
app/js/discoverNew.js

27
		"4": 0,
27
		"4": 0,
28
		"5": 0,
28
		"5": 0,
29
		"6": 0,
29
		"6": 0,
30
        "7": 0
30
        "7": 0,
31
		"8":0
31
	}
32
	}
32
	var QAtime,QAid,QArows = 20;
33
	var QAtime,QAid,QArows = 20;
33
	$.ready(function() {
34
	$.ready(function() {
100
					"4": 1,
101
					"4": 1,
101
					"5": 1,
102
					"5": 1,
102
					"6": 1,
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
				constructor: Discover,
117
				constructor: Discover,
115
				Init: function(obj) {
118
				Init: function(obj) {
116
					if(obj) {
119
					if(obj) {
208
                                                    data: {
211
                                                    data: {
209
                                                        rows:QArows
212
                                                        rows:QArows
210
                                                    },
213
                                                    },
211
                                                    url: "/ajax/article/find"
214
                                                    url: "/ajax/question/answer/byTime"
212
                                                });
215
                                                });
213
                                            }else{
216
                                            }else{
214
                                                $D({
217
                                                $D({
249
                                                    id:QAid,
252
                                                    id:QAid,
250
                                                    rows:QArows
253
                                                    rows:QArows
251
                                                },
254
                                                },
252
                                                url: "/ajax/article/find"
255
                                                url: "/ajax/question/answer/byTime"
253
                                            });
256
                                            });
254
                                        }else {
257
                                        }else {
255
                                            $D({
258
                                            $D({
311
                },
314
                },
312
                leaveMsgCount:function (data) {
315
                leaveMsgCount:function (data) {
313
                    if (data.success){
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
				createFragment: function(data) {
322
				createFragment: function(data) {
434
				},
438
				},
435
                QA:function (data) {
439
                QA:function (data) {
436
                    if(data.success) {
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
                        if (arguments[1]){
446
                        if (arguments[1]){
441
                            if($data.length>1) {
447
                            if($data.length>1) {
442
                                $data.length = 1;
448
                                $data.length = 1;
447
                                qid = $data[i].qid,//问题ID
453
                                qid = $data[i].qid,//问题ID
448
                                uid = $data[i].uid,//回答人ID
454
                                uid = $data[i].uid,//回答人ID
449
                                agree=$data[i].agree,//点赞数量
455
                                agree=$data[i].agree,//点赞数量
450
                                cnt = $data[i].cnt;//回答内容
456
                                cnt = $data[i].cnt,//回答内容
457
								Qtitle,Uname,Uinfo;
451
                            if(pullObj[m] == 1) {
458
                            if(pullObj[m] == 1) {
452
                                key1[m].endPullDownToRefresh();
459
                                key1[m].endPullDownToRefresh();
453
                                pullObj[m] = 0;
460
                                pullObj[m] = 0;
454
                            }
461
                            }
455
                            var li = document.createElement("li");
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
                            //     '<span class="nameSpan" style="margin-right:10px"></span>' +
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
                            //     '</p>' +
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
                            $D({
488
                            $D({
479
                                data: {},
489
                                data: {},
480
                                fun: ob.proName,
490
                                fun: ob.proName,
483
                            });
493
                            });
484
                            $D({
494
                            $D({
485
                                data:{sid:id,stype:"4"},
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
                                //todo 留言数量的this
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
					m = 7;
538
					m = 7;
518
				} else if($this.innerHTML == "推荐") {
539
				} else if($this.innerHTML == "推荐") {
519
					m = 0;
540
					m = 0;
520
				} else if($this.innerHtml == "问答"){
541
				} else if($this.innerHTML == "问答"){
521
				    m = 3
542
				    m = 3
522
                }
543
                }
523
				if(!$this.getAttribute("flag")) {
544
				if(!$this.getAttribute("flag")) {
524
545
525
					$this.setAttribute("flag", 1);
546
					$this.setAttribute("flag", 1);
526
						console.log(colum[m+2] +" 99999")
547
						console.log(colum[m+2] +" 99999")
527
                    if (m = 3){
548
                    if (m == 3){
528
                        $D({
549
                        $D({
529
                            "fun": ob.QA,
550
                            "fun": ob.QA,
530
                            data: {
551
                            data: {