<!--
|
功能描述：资源目录-图文列表
|
-->
|
<style type="text/css">
|
.div_zy{
|
float: left;
|
width: 50%;
|
height: 162px;
|
padding: 15px 0 0 15px;
|
background-color:white;
|
border-bottom:1px solid #E0DEDB;
|
}
|
.div_img{
|
float: left;
|
width: 195px;
|
height: 130px;
|
}
|
.div_img img {
|
width: 100%;
|
height: 100%;
|
cursor: pointer;
|
}
|
.div_info{
|
width: 56%;
|
height: 100%;
|
float: left;
|
margin-left:20px;
|
}
|
.div_info div:first-child{
|
/*width:100%;*/
|
float: left;
|
font-size: 16px;color:#0B92D4;cursor: pointer;
|
overflow: hidden;
|
text-overflow:ellipsis;
|
}
|
.div_info div:not(:first-child){
|
/*width:100%;*/
|
float: left;
|
}
|
.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
|
}
|
}
|
</style>
|
<div width="100%" style="border-top:1px solid #E0DEDB;" xmlns:th="http://www.w3.org/1999/xhtml">
|
<div th:each="Ziyuan,ZiyuanStat:${ZyList}" class="div_zy">
|
<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>
|
<div style="text-overflow:ellipsis;">
|
<div class="divtitle" style='white-space: nowrap;' th:onclick="'javascript:showMap('+${Ziyuan.resourceid}+',\''+${Ziyuan.resourcetype}+'\','+${Ziyuan.isquanxian}+',\''+${Ziyuan.firstmapurl}+'\')'" th:title="${Ziyuan.title}" th:text="${Ziyuan.title}"></div>
|
<div th:onclick="'javascript:OpenZiYuan('+${Ziyuan.resourceid}+')'"> 详细信息</div>
|
</div>
|
</div>
|
<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;text-align: center;width: 100%;">
|
<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_info").width()-76+"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>
|
