<!--
|
功能描述：资源目录-图文列表
|
-->
|
|
<style type="text/css">
|
.div_img:hover {
|
box-shadow: 0px 0px 1px 1px #0094ff;
|
-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
|
}
|
}
|
|
/*当鼠标悬浮到div上方是，给div添加阴影*/
|
.jieguo {
|
font-size: 20px !important;
|
color: #004bb0 !important;
|
margin-bottom: 15px !important;
|
width: 90%;
|
cursor: pointer;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
font-weight: normal;
|
line-height: normal;
|
|
text-decoration: none;
|
transition: 0.3s;
|
-moz-transition: 0.3s; /* Firefox 4 */
|
-webkit-transition: 0.3s; /* Safari 和 Chrome */
|
-o-transition: 0.3s; /* Opera */
|
float:left;
|
}
|
|
.jieguo > hover {
|
transform: scale(1.1);
|
-webkit-transform: scale(1.1);
|
-moz-transform: scale(1.1);
|
-o-transform: scale(1.1);
|
transform: translateX(4px);
|
}
|
|
.div_zy {
|
float: left;
|
width: 50%;
|
height: 185px;
|
padding: 20px 0 0 0px;
|
background-color: white;
|
}
|
|
.div_img {
|
float: left;
|
width: 192px;
|
height: 107px;
|
}
|
|
.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;*/
|
/*cursor: pointer;*/
|
/*overflow: hidden;*/
|
/*text-overflow: ellipsis;*/
|
/*font-size: 16px;*/
|
/*color: #0259FF;*/
|
/*font-weight: bold;*/
|
/*white-space: nowrap;*/
|
/*}*/
|
|
.div_info div {
|
width: 100%;
|
float: left;
|
font-size: 15px;
|
/*font-family: "Roboto", sans-serif;*/
|
color: #8e8e8e;
|
line-height: 23px;
|
}
|
|
.div_info div span {
|
width: 100%;
|
display: inline-block;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
.ShuJuGuanJianZi {
|
font-size: 12px;
|
background-color: #B6DAFA;
|
padding: 3px 8px;
|
border-radius: 4px;
|
}
|
|
.pagination {
|
float: right;
|
margin: 13px 15px;
|
}
|
.error_btn
|
{
|
float: left;
|
width: 46px;
|
height: 26px;
|
padding-left: 8px;
|
padding-top: 2px;
|
background-color: #1bd402;
|
border:0;
|
}
|
.jieguo{
|
width:84%;
|
}
|
</style>
|
<div width="100%" style="display: flex;flex-wrap: wrap;" xmlns:th="http://www.w3.org/1999/xhtml">
|
<div th:each="Ziyuan,ZiyuanStat:${ZyList}" class="div_zy">
|
<div>
|
<div class="jieguo" th:onclick="'javascript:OpenZiYuan('+${Ziyuan.resourceid}+')'" th:title="${Ziyuan.title}" th:text="${Ziyuan.title}"></div>
|
<button type="button" class="btn btn-primary error_btn" th:value="${Ziyuan.resourceid}" >正常</button>
|
</div>
|
<div class="div_img" th:onclick="'javascript:OpenZiYuan('+${Ziyuan.resourceid}+')'">
|
<img th:src="${Ziyuan.imgurl}"/>
|
</div>
|
<div class="div_info">
|
<div><span th:text="'资源类型：'+${Ziyuan.resourceclass}"></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><span th:text="'发布时间：'+${Ziyuan.pubdate}"></span></div>
|
<div><span th:text="'发布单位：'+${Ziyuan.pubunitname}"></span></div>
|
<div><span th:text="'发布人：'+${Ziyuan.createusername}"></span></div>
|
<!--<div>-->
|
<!--<!–<span th:text="'关键字：'+${Ziyuan.Keywords}"></span>–>-->
|
<!--<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="border-radius: 10px; height: 60px; line-height: 60px; box-shadow: 0px 0px 1px 1px #bfbfbf; background-color: white;margin-top: 30px;">
|
<span style="color: grey; font-size: 16px; margin-left: 25px;">搜索到<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 th:inline="javascript">
|
/*<![CDATA[*/
|
$(function () {
|
var count = [[${pageSize}]];
|
if(count%2 == 0) {
|
$(".div_zy:not(:last-child):not(:nth-last-child(2))").css("border-bottom", "1px #c6c6c6 solid");
|
}
|
else {
|
$(".div_zy:not(:last-child)").css("border-bottom", "1px #c6c6c6 solid");
|
}
|
})
|
/*]]>*/
|
</script>
|
<script>
|
$(document).ready(function(){
|
$(".error_btn").on("mouseover",function()
|
{
|
if ($(this).css("background-color")!= "rgb(255, 0, 0)")
|
{
|
$(this).css("background-color","#1bd402");
|
}
|
|
});
|
$.ajax({
|
url:lanCatalog+'/monitor/jitmonitor/warningIdList',
|
dataType:"json",
|
type:"get",
|
success:function(response){
|
//获取异常请求列表判断接口状态
|
$("button").each(function(){
|
|
if ($.inArray(Number($(this).attr("value")),response.data)>=0)
|
{
|
$(this).css("background-color","red");
|
$(this).text("异常");
|
}
|
});
|
}
|
|
});
|
});
|
</script>
|
