<!--
|
功能描述：资源目录-图文列表
|
-->
|
<style type="text/css">
|
.div_zy{
|
float: left;
|
width: 523px;
|
height: 215px;
|
/*padding: 7px 0 0 15px;*/
|
background-color: white;
|
border-radius: 10px;
|
box-shadow: 0px 0px 1px 1px #bfbfbf;
|
margin-bottom: 12px;
|
}
|
|
.div_zy:nth-child(2n) {
|
margin-left: 7px;
|
}
|
|
.div_img{
|
float: left;
|
width: 180px;
|
height: 110px;
|
position: relative;
|
top: 50%;
|
margin-top: -93px;
|
margin-left: 15px;
|
}
|
.div_img img {
|
width: 100%;
|
height: 100%;
|
cursor: pointer;
|
}
|
.div_info{
|
width: 56%;
|
/*height: 100%;*/
|
float: left;
|
margin-left:20px;
|
/*margin-top: 10px;*/
|
font-size: 16px;
|
line-height: 28px;
|
}
|
.ShuJuGuanJianZi{
|
font-size: 12px;
|
background-color: #B6DAFA;
|
padding: 3px 8px;
|
border-radius: 4px;
|
}
|
.div_zy:hover {
|
background-color: #ebf8fe;
|
}
|
|
.div_zy:hover .div_img{
|
-webkit-animation:blink 1s;
|
animation:blink 1s;
|
}
|
|
@-webkit-keyframes blink {
|
0% {
|
opacity: 1
|
}
|
|
50% {
|
opacity: .7
|
}
|
|
100% {
|
opacity: 1
|
}
|
}
|
|
@keyframes blink {
|
0% {
|
opacity: 1
|
}
|
|
50% {
|
opacity: .7
|
}
|
|
100% {
|
opacity: 1
|
}
|
}
|
|
.pagination {
|
margin: 13px 15px;
|
float: right;
|
}
|
|
#div_title {
|
font-size: 20px;
|
color: #2B56BF;
|
cursor: pointer;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
#div_title div {
|
display: inline-block;
|
}
|
</style>
|
<div width="100%" xmlns:th="http://www.w3.org/1999/xhtml">
|
<div th:each="Ziyuan,ZiyuanStat:${ZyList}" class="div_zy">
|
<div id="div_title">
|
<div style='margin-top:20px;margin-left: 15px;'>
|
<!--th:onclick="'javascript:showMap('+${Ziyuan.resourceid}+',\''+${Ziyuan.resourcetype}+'\','+${Ziyuan.isquanxian}+',\''+${Ziyuan.firstmapurl}+'\')'"-->
|
<div class="divtitle" style='float: left; display: inline-block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;' th:onclick="'javascript:OpenZiYuan('+${Ziyuan.resourceid}+')'" th:title="${Ziyuan.title}" th:text="${Ziyuan.title}"></div>
|
<div style="float: left;" th:if="${Ziyuan.status == 1}"><span style="font-size: 16px;color: #f01c00;">【异常】</span></div>
|
<div style="float: left;" th:if="${Ziyuan.status == 3}"><span style="font-size: 16px;color: #f01c00;">【注销】</span></div>
|
</div>
|
</div>
|
|
|
<div class="div_img" th:onclick="'javascript:showMap('+${Ziyuan.resourceid}+',\''+${Ziyuan.resourcetype}+'\','+${Ziyuan.isquanxian}+',\''+${Ziyuan.firstmapurl}+'\')'">
|
<img th:src="${Ziyuan.imgurl}" />
|
</div>
|
<div class="div_info">
|
<div style="width:100%;"><span th:text="'审核状态：'+${Ziyuan.auditstatusname}"></span><span th:text="' | '+'资源类型：'+${Ziyuan.resourceclass}"></span></div>
|
<div style="width:100%;"><span th:text="'发布时间：'+${Ziyuan.pubdate}"></span>
|
<!--<span th:if="${Ziyuan.status == 1}">| 资源状态：<span style="color: #f01c00;">【异常】</span></span>-->
|
<!--<span th:if="${Ziyuan.status == 3}">| 资源状态：<span style="color: #f01c00;">【注销】</span></span>-->
|
</div>
|
<div style="width:100%;">发布单位：<span th:text="${Ziyuan.pubunitname} == null?'':${Ziyuan.pubunitname}"></span></div>
|
<div style="width:100%;"><span th:text="'发布人：'+${Ziyuan.createusername}"></span></div>
|
<div style="width:100%;"><span class="td-title">关键字：</span>
|
<span class="ShuJuGuanJianZi" th:each="item:${Ziyuan.list}" th:if="${Ziyuan.Keywords!=''}" th:text="${item}"></span></div>
|
</div>
|
</div>
|
</div>
|
<div class="row-fluid" style="float:left;height: 60px;width: 100%;margin-bottom: 50px; box-shadow: 0px 0px 1px 1px #bfbfbf;border-radius: 10px;background-color: white;line-height: 60px;">
|
<span style="font-size: 16px;margin-left: 25px;color: grey;">搜索到<span th:text="${Count}"></span>笔资源</span>
|
<input th:value="${Page}" type="hidden" id="curren"/>
|
<input th:value="${Count}" type="hidden" id="total"/>
|
<div id="Paginator" class="pagination">
|
</div>
|
</div>
|
<script type="text/javascript" th:inline="javascript">
|
var gisPortal = [[${gisPortal}]];
|
var userId = [[${userid}]];
|
$(function () {
|
var count = [[${Count}]];
|
$("#countNum").text(count);
|
$(".divtitle").each(function(){
|
$(this).css("max-width",$(".div_zy").width()-150+"px");
|
})
|
})
|
function showMap(resourceid,resourcetype,isquanxian,firsturl) {
|
if (isquanxian == 1 && (resourcetype == "KJ_JCDT" || resourcetype == "KJ_YWTC" || resourcetype == "KJ_ZTDT")) {
|
var url = "";
|
if(firsturl != null && firsturl != ""){
|
url = firsturl;
|
}else{
|
url = gisPortal + "leafportal.html?resourceid=" + resourceid + "&uid=" + userId;
|
}
|
window.open(url);
|
}
|
else{
|
OpenZiYuan(resourceid);
|
}
|
}
|
</script>
|
