|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>科袖网-搭建企业与专家的桥梁</title>
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/reset.css" />
<link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../css/share.css" />
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="../js/public/baseUtil.js"></script>
<script type="text/javascript" src="../js/public/shareCom.js"></script>
<script type="text/javascript" src="../js/public/openApp.js"></script>
</head>
<body>
<div class="bomb-box" style="top: 15%"></div>
<div class="contentBody2">
<div class="bannerA">
<img class="logoA" src="../images/banner/bglogo.png" />
<img width="100%" src="../images/banner/bg1218.jpg" />
<div class="search-wrap">
<input type="text" placeholder="搜索专家、服务、资源" class="search-input" />
<icon type="search" class="search-icon"></icon>
</div>
</div>
<div class="conblock btnLinkBox clearfix">
<ul class="row clearfix">
<li class="col-xs-6" id="improfessor">
<a href="javascript:;">
<div class="btnLinkIcon proBtn"></div>
<div class="media-body btnLink">
<h4 class='h1Font'>找专家</h4>
<p class='h2Font ellipsisSty'>解决企业研发难题</p>
</div>
</a>
</li>
<li class="col-xs-6" id="demandP">
<a href="javascript:;">
<div class="btnLinkIcon fabuBtn"></div>
<div class="media-body btnLink">
<h4 class='h1Font'>发需求</h4>
<p class='h2Font ellipsisSty'>快速获得专家回复</p>
</div>
</a>
</li>
</ul>
</div>
<div class="mainbox">
<div class="maintitbox">
<div class="maintit">热门领域</div>
</div>
<ul class="row gridbg">
<li class="col-xs-4" data-title="腐蚀与防护">
<a href="#">
<span class="fieldicon fieldicon01"></span>
<div class="media-body">腐蚀与防护</div>
</a>
</li>
<li class="col-xs-4" data-title="材料失效与保护">
<a href="#">
<span class="fieldicon fieldicon02"></span>
<div class="media-body">材料失效与保护</div>
</a>
</li>
<li class="col-xs-4" data-title="材料加工">
<a href="#">
<span class="fieldicon fieldicon03"></span>
<div class="media-body">材料加工</div>
</a>
</li>
<li class="col-xs-4" data-title="复合材料">
<a href="#">
<span class="fieldicon fieldicon04"></span>
<div class="media-body">复合材料</div>
</a>
</li>
<li class="col-xs-4" data-title="金属材料">
<a href="#">
<span class="fieldicon fieldicon05"></span>
<div class="media-body">金属材料</div>
</a>
</li>
<li class="col-xs-4" data-title="">
<a href="#">
<span class="fieldicon fieldicon-more"></span>
<div class="media-body">更多领域</div>
</a>
</li>
</ul>
</div>
<div class="mainbox">
<div class="maintitbox">
<div class="maintit">推荐专家</div>
</div>
<div class="infocon madiaBlock">
<ul class="mui-table-view" id="hotPro">
</ul>
</div>
<div class="seeMore" id="moreHotp"><em>查看更多</em></div>
</div>
<div class="mainbox">
<div class="maintitbox">
<div class="maintit">推荐专家团队</div>
</div>
<div class="infocon madiaBlock">
<ul class="mui-table-view" id="hotTeam">
</ul>
</div>
<div class="seeMore" id="moreTeam"><em>查看更多</em></div>
</div>
<div class="mainbox">
<div class="maintitbox">
<div class="maintit">热门资源</div>
</div>
<div class="infocon madiaBlock">
<ul class="mui-table-view" id="resShare">
</ul>
</div>
<div class="seeMore" id="moreShare"><em>查看更多</em></div>
</div>
<div class="mainbox" style="margin-bottom: 20px;">
<div class="maintitbox">
<div class="maintit">入驻企业</div>
</div>
<div class="infocon madiaBlock">
<ul class="mui-table-view" id="ruZhuCmp">
</ul>
</div>
<div class="seeMore" id="moreRcmp"><em>查看更多</em></div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
proShow()
resShare()
ruZhuCmp()
teamShow() //团队渲染
$("#resShare").on("click", "li", function () {
var OdataId = this.getAttribute("data-id");
location.href = "http://" + window.location.host + "/e/r.html?id=" + OdataId;
})
$("#hotPro").on("click", "li", function () {
var OdataId = this.getAttribute("data-id");
location.href = "http://" + window.location.host + "/e/p.html?id=" + OdataId;
})
$("#ruZhuCmp").on("click", "li", function () {
var OdataId = this.getAttribute("data-id");
location.href = "http://" + window.location.host + "/e/c.html?id=" + OdataId;
})
$("#hotTeam").on("click", "li", function () { //跳转指定团队
var OdataId = this.getAttribute("data-id");
location.href = "http://" + window.location.host + "/e/2.html?id=" + OdataId;
})
$("#moreRcmp").on("click", function () { //查看更多企业
location.href = "http://" + window.location.host + "/e/search.html?flag=6";
})
$("#moreShare").on("click", function () { //查看更多资源
location.href = "http://" + window.location.host + "/e/search.html?flag=2";
})
$("#moreHotp").on("click", function () { //查看更多专家
location.href = "http://" + window.location.host + "/e/search.html?flag=1";
})
$("#moreTeam").on("click", function () { //查看更多团队
location.href = "http://" + window.location.host + "/e/search.html?flag=8";
})
var this_ = "../index.html";
wcFresh(this_);
document.getElementById("demandP").addEventListener("click", function () {
isInstalled(this_, true);
})
document.getElementById("improfessor").addEventListener("click", function () {
location.href = "http://" + window.location.host + "/e/search.html?flag=1";
})
/*点击热门领域*/
$('.gridbg').on('click', 'li', function () {
var subject = this.getAttribute("data-title");
location.href = "http://" + window.location.host + "/e/search.html?flag=1&key=" + subject;
})
$(".search-input").keydown(function (e) { //search Enter
if (e.which == 13) {
var searchContent = $.trim($(".search-input").val());
if (searchContent) {
location.href = "search.html?key=" + encodeURI(searchContent);
} else {
bombox("请输入关键词");
return;
}
}
})
function ruZhuCmp() { //入驻企业
$.ajax({
url: "/ajax/org/index/search",
type: "GET",
timeout: 10000,
dataType: "json",
data: {
"rows": 5
},
success: function (data) {
if (data.success) {
var $info = data.data;
for (var i = 0; i < $info.length; i++) {
var liStr = document.createElement("li");
liStr.className = "mui-table-view-cell";
liStr.setAttribute("data-id", $info[i].id);
document.getElementById("ruZhuCmp").appendChild(liStr);
var cmpname, imgurl = '../images/default-icon.jpg'
if ($info[i].hasOrgLogo) {
imgurl = '/images/org/' + $info[i].id + '.jpg';
}
if ($info[i].forShort) {
cmpname = $info[i].forShort;
} else {
cmpname = $info[i].name;
}
var oSty = {
sty: "",
tit: ""
};
if ($info[i].authStatus == 3) {
oSty.sty = "authicon-com-ok"
oSty.tit = "科袖认证企业"
}
var orgOther = "",
orgType = "";
if ($info[i].industry) {
orgOther = $info[i].industry.replace(/,/gi, " | ");
}
if ($info[i].orgType == "2") {
orgType = orgTypeShow[$info[i].orgType] +
"<span style='margin-right:16px;'></span>";
}
var strCon = '';
strCon += '<div class="flexCenter clearfix">'
strCon += '<div class="madiaHead cmpHead">'
strCon += '<div class="boxBlock"><img class="boxBlockimg" src="' +
imgurl + '"></div></div>'
strCon += '<div class="madiaInfo OmadiaInfo">'
strCon += '<div class="h1Font ellipsisSty">'
strCon += '<span class="qiyego">' + cmpname + '</span>'
strCon += '<span class="authiconNew ' + oSty.sty + '" title="' + oSty
.tit + '"></span>'
strCon += '</div>'
strCon += '<div class="h2Font ellipsisSty">'
strCon += '<span>' + orgType + orgOther + '</span>'
strCon += '</div>'
strCon += '</div></div>'
liStr.innerHTML = strCon;
}
}
},
error: function () {}
})
}
function resShare() { //资源共享
$.ajax({
url: "/ajax/resource/index/search",
type: "GET",
timeout: 10000,
dataType: "json",
data: {
"rows": 5
},
success: function (data) {
if (data.success) {
var $info = data.data;
for (var i = 0; i < $info.length; i++) {
var liStr = document.createElement("li");
liStr.setAttribute("data-id", $info[i].resourceId);
liStr.className = "mui-table-view-cell";
document.getElementById("resShare").appendChild(liStr);
var cmpname, imgurl = '../images/default-resource.jpg'
var oSty = {
sty: "",
tit: ""
};
if ($info[i].images.length > 0) {
imgurl = '/data/resource/' + $info[i].images[0].imageSrc
}
if ($info[i].resourceType == 1) { //个人资源
cmpname = $info[i].editProfessor.name;
oSty = autho($info[i].editProfessor.authType, $info[i].editProfessor
.orgAuth, $info[i].editProfessor.authStatus);
} else if ($info[i].resourceType == 2) { //企业资源
if ($info[i].organization.forShort) {
cmpname = $info[i].organization.forShort;
} else {
cmpname = $info[i].organization.name;
}
if ($info[i].organization.authStatus == 3) {
oSty.sty = "authicon-com-ok"
oSty.tit = "科袖认证企业"
}
}
var strCon = '';
strCon += '<div class="flexCenter clearfix">'
strCon +=
'<div class="madiaHead resouseHead" style="background-image:url(' +
imgurl + ')"></div>'
strCon += '<div class="madiaInfo OmadiaInfo">'
strCon += '<div class="h1Font ellipsisSty-2">' + $info[i].resourceName +
'</div>'
strCon += '<div class="h3Font ellipsisSty">'
strCon += '<span class="qiyego">' + cmpname + '</span>'
strCon += '<span class="authiconNew ' + oSty.sty + '" title="' + oSty
.tit + '"></span>'
strCon += '<div class=" ellipsisSty h2Font">用途：' + $info[i]
.supportedServices + '</div>'
strCon += '</div></div>'
liStr.innerHTML = strCon;
}
}
},
error: function () {}
})
}
function proShow() { //专家
$.ajax({
url: "/ajax/professor/index/search",
type: "GET",
timeout: 10000,
dataType: "json",
data: {
"rows": 5
},
success: function (data) {
if (data.success) {
var $info = data.data;
for (var i = 0; i < $info.length; i++) {
var liStr = document.createElement("li");
liStr.setAttribute("data-id", $info[i].id);
liStr.className = "mui-table-view-cell";
document.getElementById("hotPro").appendChild(liStr);
var cmpname, imgurl = '../images/default-photo.jpg'
var oSty = autho($info[i].authType, $info[i].orgAuth, $info[i]
.authStatus);
cmpname = $info[i].name;
if ($info[i].hasHeadImage) {
imgurl = '/images/head/' + $info[i].id + '_l.jpg';
}
var oTitle = '';
if ($info[i].title) {
oTitle = $info[i].title;
if ($info[i].orgName) {
oTitle = $info[i].title + '，' + $info[i].orgName;
}
} else {
if ($info[i].office) {
oTitle = $info[i].office;
if ($info[i].orgName) {
oTitle = $info[i].office + '，' + $info[i].orgName;
}
}
}
var oResult = ""
if ($info[i].researchAreas.length > 0) {
oResult = '研究方向：';
for (var n = 0; n < $info[i].researchAreas.length; n++) {
oResult += $info[i].researchAreas[n].caption
if (n < $info[i].researchAreas.length - 1) {
oResult += "；"
}
}
}
var strCon = '';
strCon += '<div class="flexCenter clearfix">'
strCon += '<div class="madiaHead useHead" style="background-image:url(' +
imgurl + ')"></div>'
strCon += '<div class="madiaInfo">'
strCon += '<div class="h1Font ellipsisSty">'
strCon += '<span class="qiyego">' + cmpname + '</span>'
strCon += '<span class="authiconNew ' + oSty.sty + '" title="' + oSty
.tit + '"></span>'
strCon += '</div>'
strCon += '<div class="h3Font ellipsisSty" style="margin-top:0;">' +
oTitle + '</div>'
strCon += '<div class="h3Font ellipsisSty">' + oResult + '</div>'
strCon += '</div></div>'
liStr.innerHTML = strCon;
}
}
},
error: function () {}
})
}
function teamShow() { // 团队专家
$.ajax({
url: "/ajax/team/index/search",
type: "GET",
timeout: 10000,
dataType: "json",
data: {
"rows": 5
},
success: function (data) {
if (data.success) {
var $info = data.data;
console.log($info)
for (var i = 0; i < $info.length; i++) {
var liItem = document.createElement("li");
liItem.setAttribute("data-id", $info[i].id);
liItem.className = "mui-table-view-cell";
document.getElementById("hotTeam").appendChild(liItem);
var oResult = ""
if ($info[i].industry == undefined || $info[i].industry == null) {
oResult = '无'
}else{
oResult = $info[i].industry
}
console.log(i)
var liItem = document.createElement("li");
liItem.setAttribute("data-id", $info[i].id);
liItem.className = "mui-table-view-cell"
var itemlist = '<div class="flexCenter OflexCenter clearfix">';
itemlist += '<div class="madiaInfo OmadiaInfo teamStyle">'; //重置样式
itemlist += '<p class="ellipsisSty-2 h1Font">' + $info[i].name + '</p>';
itemlist += '<div class="h2Font">'
itemlist += '<span class="nameSpan ownerName" ></span>'
itemlist += '<span class="time">' + $info[i].orgName +
" " + '</span><span>' + $info[i].city + '</span>'
//研究领域
itemlist += '<p class="time">行业领域: ' + oResult + '</p>'
itemlist += '</div>'
itemlist += '</div>';
liItem.innerHTML = itemlist;
document.getElementById('hotTeam').appendChild(liItem)
}
}
},
error: function () {}
})
}
})
</script>
</body>
</html>
|
