Bladeren bron

新新增发现列表页面

xuchunyang 8 jaren geleden
bovenliggende
commit
840f5a7051
3 gewijzigde bestanden met toevoegingen van 180 en 3 verwijderingen
  1. 4 3
      discover.html
  2. 23 0
      js/common.js
  3. 153 0
      js/discover.js

+ 4 - 3
discover.html

@ -9,7 +9,6 @@
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

13 12
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
14 13
<style type="text/css">
15 14
	html,body{background: #f4f6f8;}
@ -24,7 +23,8 @@
24 23
	<div class="containerCon">
25 24
		<div class="contentCon clearfix">
26 25
			<div class="leftconBox floatL">
27
				<ul class="table-item">
26
				<ul class="table-item" id="table-item" style="position: relative;min-height:500px;"></ul>
27
				<ul class="table-item" style="display: none;">
28 28
					<li>
29 29
						<div class="table-item-media">
30 30
							<a href="information-brow.html" class="table-item-logo userhead"></a>
@ -98,6 +98,7 @@
98 98
				        </div>
99 99
					</li>
100 100
				</ul>
101
				
101 102
				<div class="tcdPageCode"></div>
102 103
			</div>
103 104
			<div class="advertBox floatR">
@ -119,13 +120,13 @@
119 120
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
120 121
<script type="text/javascript" src="js/jquery.page.js"></script>
121 122
<script type="text/javascript" src="js/common.js"></script>
123
<script type="text/javascript" src="js/discover.js"></script>
122 124

123 125
<script>
124 126
	$(".tcdPageCode").createPage({
125 127
		pageCount: Math.ceil(1/2),
126 128
		current: 1,
127 129
		backFn: function(p) {
128
			
129 130
		}
130 131
	});
131 132
</script>

+ 23 - 0
js/common.js

@ -497,6 +497,29 @@ function sendConsultHandler(professorId){
497 497
498 498
};
499 499
500
/*标志*/
501
function autho() {
502
	if(arguments[0] == 1) {
503
		return {
504
			"sty": "authicon-pro",
505
			"title": "科袖认证专家"
506
		}
507
	} else {
508
		if(arguments[1] == 1) {
509
			return {
510
				"sty": "authicon-staff-ok",
511
				"title": "企业认证员工"
512
			}
513
		} else {
514
			if(arguments[2] == 3) {
515
				return {
516
					"sty": "authicon-real",
517
					"title": "实名认证用户"
518
				}
519
			}
520
		}
521
	}
522
}
500 523
//获取用户类型
501 524
var ifuser = ifUserType();
502 525
function ifUserType(pa){

+ 153 - 0
js/discover.js

@ -0,0 +1,153 @@
1
//发现模块
2
$(function() {
3

4
	var userid = $.cookie("userid");
5
	discover(10, 1);
6
	/*发现列表显示*/
7
	function discover(pageSize, pageNo) {
8
		$.ajax({
9
			"url": "/ajax/article/pqFind",
10
			"type": "get",
11
			"async": true,
12
			"data": {
13
				"pageSize": pageSize,
14
				"pageNo": pageNo
15
			},
16
			"beforeSend": function() {
17
				$("#table-item").append('<img src="../images/loading.gif" class="loading"  style="position: absolute;left: 50%; top: 50%;" />');
18
			},
19
			"success": function(data) {
20
				console.log(data);
21
				if(data.success && data.data != null) {
22
					var itemlist = '';
23
					$("#table-item").html("");
24
					for(var i = 0; i < data.data.data.length; i++) {
25
						var itemlist = '<li><div class="table-item-media">';
26
						itemlist += '<a href="" class="table-item-logo" id="userimg"></a>';
27
						itemlist += '<div class="table-item-name clearfix">';
28
						itemlist += '<a href="" id="userUrl"><span class="nameSpan" id="nameSpan"></span></a><em class="authiconNew " title=""></em>';
29
						itemlist += '<p><span class="timeLabel" id="time">3月22日 9:00</span></p></div></div>';
30
						itemlist += '<div class="table-item-cell"><a href="" id="newsurl">';
31
						itemlist += '<div class="table-item-img" id="newsimg"></div>';
32
						itemlist += '<div class="table-item-body">';
33
						itemlist += '<p class="ellipsisSty" id="centent"></p>';
34
						itemlist += '<p><em class="cmpLable" id="newstype"></em></p>';
35
						itemlist += '</div></a></div></li>';
36
						$itemlist = $(itemlist);
37
						$("#table-item").append($itemlist);
38
						var datalist = data.data.data[i];
39
						var type = datalist.type;
40
						$itemlist.find("#centent").text(datalist.name);
41
						$itemlist.find("#time").text(Time(datalist.createTime));
42
						if(datalist.image) {
43
							$itemlist.find("#newsimg").attr("style", "background-image: url(/data/article/" + datalist.image + ");");
44
						}
45
						if(type == 1) { //专家文章
46
							$itemlist.find("#newstype").text("文章");
47
							$itemlist.find("#newstype").addClass("articalLabel");
48
							$itemlist.find("#newsimg").addClass("artical-default");
49
							$itemlist.find("#userimg").addClass("userhead");
50
							$itemlist.find("#newsurl").attr("href", "articalInfo.html?articleId=" + datalist.id + "&professorId=" + datalist.owner);
51
							userFun(datalist.owner, $itemlist);
52
						} else if(type == 2) { //企业文章
53
							$itemlist.find("#newstype").text("文章");
54
							$itemlist.find("#newstype").addClass("articalLabel");
55
							$itemlist.find("#newsimg").addClass("artical-default");
56
							$itemlist.find("#userimg").addClass("userhead");
57
							$itemlist.find("#newsurl").attr("href", "articalInfo.html?articleId=" + datalist.id + "&professorId=" + datalist.owner);
58
							cmpFun(datalist.owner, $itemlist)
59
						} else if(type == 3) { //专家资源
60
							$itemlist.find("#newstype").text("资源");
61
							$itemlist.find("#newstype").addClass("resourceLabel");
62
							$itemlist.find("#newsimg").addClass("resource-default");
63
							$itemlist.find("#userimg").addClass("cmplogohead");
64
							$itemlist.find("#newsurl").attr("href", "resourceInfo.html?resourceId=" + datalist.id);
65
							userFun(datalist.owner, $itemlist);
66
						}
67
					}
68
					//分页
69
					$(".tcdPageCode").createPage({
70
						pageCount: Math.ceil(data.data.total / 10),
71
						current: data.data.pageNo,
72
						backFn: function(p) {
73
							$("#table-item").html("");
74
							discover(10, p);
75
							document.body.scrollTop = document.documentElement.scrollTop = 0;
76
						}
77
					});
78
					$(".loading").remove();
79
				}
80

81
			},
82
			"error": function() {
83
				$.MsgBox.Alert('提示', '链接服务器超时')
84
			}
85
		});
86
	}
87

88
	/*用户信息*/
89
	function userFun(id, $itemlist) {
90
		$.ajax({
91
			"url": "/ajax/professor/baseInfo/" + id,
92
			"type": "get",
93
			"async": true,
94
			"success": function(data) {
95
				console.log(data);
96
				if(data.success && data.data) {
97
					$itemlist.find("#nameSpan").text(data.data.name);
98
					if(data.data.hasHeadImage == 1) {
99
						$itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_m.jpg);");
100
					}
101
					$itemlist.find("#userimg").attr("href", "information-brow.html?professorId=" + data.data.id);
102
					$itemlist.find("#userUrl").attr("href", "information-brow.html?professorId=" + data.data.id);
103
					var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
104
					$itemlist.find(".authiconNew").attr("title", userType.title);
105
					$itemlist.find(".authiconNew").addClass(userType.sty);
106

107
				}
108
			},
109
			"error": function() {
110
				$.MsgBox.Alert('提示', '链接服务器超时')
111
			}
112
		});
113
	}
114

115
	/*企业用户信息*/
116
	function cmpFun(id, $itemlist) {
117
		$.ajax({
118
			"url": "/ajax/org/" + id,
119
			"type": "get",
120
			"async": true,
121
			"success": function(data) {
122
				console.log(data);
123
				if(data.success && data.data) {
124
					$itemlist.find("#nameSpan").text(data.data.name);
125
					if(data.data.hasOrgLogo) {
126
						$itemlist.find("#userimg").attr("style", "background-image: url(/images/org/" + data.data.id + ".jpg);");
127
					}
128
					$itemlist.find("#userimg").attr("href", "companybrowinfor.html?orgid=" + data.data.id);
129
					$itemlist.find("#userUrl").attr("href", "companybrowinfor.html?orgid=" + data.data.id);
130
					var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
131
					$itemlist.find(".authiconNew").attr("title", userType.title);
132
					$itemlist.find(".authiconNew").addClass(userType.sty);
133

134
				}
135
			},
136
			"error": function() {
137
				$.MsgBox.Alert('提示', '链接服务器超时')
138
			}
139
		});
140
	}
141

142
	/*时间转换*/
143
	function Time(dealtime) {
144
		var s = dealtime;
145
		var m = s.substr(4, 2);
146
		var d = s.substr(6, 2);
147
		var h = s.substr(8, 2);
148
		var minute = s.substr(10, 2);
149
		var formatTime = m.replace(/\b(0+)/gi, "") + "月" + d + "日" + h + ":" + minute;
150
		return formatTime;
151
	}
152

153
})