新新增发现列表页面

discover.html

<link href="css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/genindex.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<style type="text/css">
	html,body{background: #f4f6f8;}
	<div class="containerCon">
		<div class="contentCon clearfix">
			<div class="leftconBox floatL">
				<ul class="table-item">
				<ul class="table-item" id="table-item" style="position: relative;min-height:500px;"></ul>
				<ul class="table-item" style="display: none;">
					<li>
						<div class="table-item-media">
							<a href="information-brow.html" class="table-item-logo userhead"></a>
				        </div>
					</li>
				</ul>
				
				<div class="tcdPageCode"></div>
			</div>
			<div class="advertBox floatR">
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
<script type="text/javascript" src="js/jquery.page.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/discover.js"></script>
<script>
	$(".tcdPageCode").createPage({
		pageCount: Math.ceil(1/2),
		current: 1,
		backFn: function(p) {
			
		}
	});
</script>

js/common.js

};
/*标志*/
function autho() {
	if(arguments[0] == 1) {
		return {
			"sty": "authicon-pro",
			"title": "科袖认证专家"
		}
	} else {
		if(arguments[1] == 1) {
			return {
				"sty": "authicon-staff-ok",
				"title": "企业认证员工"
			}
		} else {
			if(arguments[2] == 3) {
				return {
					"sty": "authicon-real",
					"title": "实名认证用户"
				}
			}
		}
	}
}
//获取用户类型
var ifuser = ifUserType();
function ifUserType(pa){

js/discover.js

//发现模块
$(function() {
	var userid = $.cookie("userid");
	discover(10, 1);
	/*发现列表显示*/
	function discover(pageSize, pageNo) {
		$.ajax({
			"url": "/ajax/article/pqFind",
			"type": "get",
			"async": true,
			"data": {
				"pageSize": pageSize,
				"pageNo": pageNo
			},
			"beforeSend": function() {
				$("#table-item").append('<img src="../images/loading.gif" class="loading"  style="position: absolute;left: 50%; top: 50%;" />');
			},
			"success": function(data) {
				console.log(data);
				if(data.success && data.data != null) {
					var itemlist = '';
					$("#table-item").html("");
					for(var i = 0; i < data.data.data.length; i++) {
						var itemlist = '<li><div class="table-item-media">';
						itemlist += '<a href="" class="table-item-logo" id="userimg"></a>';
						itemlist += '<div class="table-item-name clearfix">';
						itemlist += '<a href="" id="userUrl"><span class="nameSpan" id="nameSpan"></span></a><em class="authiconNew " title=""></em>';
						itemlist += '<p><span class="timeLabel" id="time">3月22日 9:00</span></p></div></div>';
						itemlist += '<div class="table-item-cell"><a href="" id="newsurl">';
						itemlist += '<div class="table-item-img" id="newsimg"></div>';
						itemlist += '<div class="table-item-body">';
						itemlist += '<p class="ellipsisSty" id="centent"></p>';
						itemlist += '<p><em class="cmpLable" id="newstype"></em></p>';
						itemlist += '</div></a></div></li>';
						$itemlist = $(itemlist);
						$("#table-item").append($itemlist);
						var datalist = data.data.data[i];
						var type = datalist.type;
						$itemlist.find("#centent").text(datalist.name);
						$itemlist.find("#time").text(Time(datalist.createTime));
						if(datalist.image) {
							$itemlist.find("#newsimg").attr("style", "background-image: url(/data/article/" + datalist.image + ");");
						}
						if(type == 1) { //专家文章
							$itemlist.find("#newstype").text("文章");
							$itemlist.find("#newstype").addClass("articalLabel");
							$itemlist.find("#newsimg").addClass("artical-default");
							$itemlist.find("#userimg").addClass("userhead");
							$itemlist.find("#newsurl").attr("href", "articalInfo.html?articleId=" + datalist.id + "&professorId=" + datalist.owner);
							userFun(datalist.owner, $itemlist);
						} else if(type == 2) { //企业文章
							$itemlist.find("#newstype").text("文章");
							$itemlist.find("#newstype").addClass("articalLabel");
							$itemlist.find("#newsimg").addClass("artical-default");
							$itemlist.find("#userimg").addClass("userhead");
							$itemlist.find("#newsurl").attr("href", "articalInfo.html?articleId=" + datalist.id + "&professorId=" + datalist.owner);
							cmpFun(datalist.owner, $itemlist)
						} else if(type == 3) { //专家资源
							$itemlist.find("#newstype").text("资源");
							$itemlist.find("#newstype").addClass("resourceLabel");
							$itemlist.find("#newsimg").addClass("resource-default");
							$itemlist.find("#userimg").addClass("cmplogohead");
							$itemlist.find("#newsurl").attr("href", "resourceInfo.html?resourceId=" + datalist.id);
							userFun(datalist.owner, $itemlist);
						}
					}
					//分页
					$(".tcdPageCode").createPage({
						pageCount: Math.ceil(data.data.total / 10),
						current: data.data.pageNo,
						backFn: function(p) {
							$("#table-item").html("");
							discover(10, p);
							document.body.scrollTop = document.documentElement.scrollTop = 0;
						}
					});
					$(".loading").remove();
				}
			},
			"error": function() {
				$.MsgBox.Alert('提示', '链接服务器超时')
			}
		});
	}
	/*用户信息*/
	function userFun(id, $itemlist) {
		$.ajax({
			"url": "/ajax/professor/baseInfo/" + id,
			"type": "get",
			"async": true,
			"success": function(data) {
				console.log(data);
				if(data.success && data.data) {
					$itemlist.find("#nameSpan").text(data.data.name);
					if(data.data.hasHeadImage == 1) {
						$itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_m.jpg);");
					}
					$itemlist.find("#userimg").attr("href", "information-brow.html?professorId=" + data.data.id);
					$itemlist.find("#userUrl").attr("href", "information-brow.html?professorId=" + data.data.id);
					var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
					$itemlist.find(".authiconNew").attr("title", userType.title);
					$itemlist.find(".authiconNew").addClass(userType.sty);
				}
			},
			"error": function() {
				$.MsgBox.Alert('提示', '链接服务器超时')
			}
		});
	}
	/*企业用户信息*/
	function cmpFun(id, $itemlist) {
		$.ajax({
			"url": "/ajax/org/" + id,
			"type": "get",
			"async": true,
			"success": function(data) {
				console.log(data);
				if(data.success && data.data) {
					$itemlist.find("#nameSpan").text(data.data.name);
					if(data.data.hasOrgLogo) {
						$itemlist.find("#userimg").attr("style", "background-image: url(/images/org/" + data.data.id + ".jpg);");
					}
					$itemlist.find("#userimg").attr("href", "companybrowinfor.html?orgid=" + data.data.id);
					$itemlist.find("#userUrl").attr("href", "companybrowinfor.html?orgid=" + data.data.id);
					var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
					$itemlist.find(".authiconNew").attr("title", userType.title);
					$itemlist.find(".authiconNew").addClass(userType.sty);
				}
			},
			"error": function() {
				$.MsgBox.Alert('提示', '链接服务器超时')
			}
		});
	}
	/*时间转换*/
	function Time(dealtime) {
		var s = dealtime;
		var m = s.substr(4, 2);
		var d = s.substr(6, 2);
		var h = s.substr(8, 2);
		var minute = s.substr(10, 2);
		var formatTime = m.replace(/\b(0+)/gi, "") + "月" + d + "日" + h + ":" + minute;
		return formatTime;
	}
})