<!--
|
功能描述：应用程序-图文列表
|
-->
|
<style type="text/css">
|
.div_zy {
|
float: left;
|
width: 50%;
|
height: 132px;
|
padding: 7px 0 0 15px;
|
background-color: white;
|
border-bottom: 1px solid #E0DEDB;
|
}
|
|
.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
|
}
|
}
|
|
.div_img {
|
float: left;
|
width: 193px;
|
height: 72px;
|
}
|
|
.div_img img {
|
width: 100%;
|
height: 100%;
|
cursor: pointer;
|
margin-top: 11px;
|
}
|
|
.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-x: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
.div_info div:not(:first-child) {
|
width: 100%;
|
float: left;
|
}
|
</style>
|
<div width="100%" style="border-top:1px solid #E0DEDB;" xmlns:th="http://www.w3.org/1999/xhtml">
|
<div th:each="Ziyuan,ZiyuanStat:${SysList}" class="div_zy">
|
<div class="div_img" th:onclick="'javascript:OpenSystem(\''+${Ziyuan.sysaddress}+'\')'" th:title="${Ziyuan.remark}">
|
<img th:if="${not #lists.isEmpty(Ziyuan.sysimgurl)}" th:src="${Ziyuan.sysimgurl}" />
|
</div>
|
<div class="div_info">
|
<div>
|
<!--<div style="display: inline-block;width: auto;margin-top: 3px;" th:text="'【'+${Ziyuan.systype} + '】'"></div>-->
|
<div style='white-space: nowrap;margin-top:3px;display: inline-block;' th:onclick="'javascript:OpenSystem(\''+${Ziyuan.sysaddress}+'\')'" th:title="${Ziyuan.appfullname}" th:text="'【'+${Ziyuan.systype} + '】' + ${Ziyuan.appfullname}"></div>
|
</div>
|
<!--<div><span th:text="'系统分类：'+${Ziyuan.systype}"></span></div>-->
|
<div><span th:text="'单位名称：'+${Ziyuan.unitname}"></span><span th:if="${not #lists.isEmpty(Ziyuan.chinesename)}" th:text="'（'+${Ziyuan.chinesename}+'）'" title="系统负责人"></span></div>
|
<div style="text-overflow: ellipsis;overflow: hidden;white-space: nowrap;"><span>系统地址：<a style="color: grey;" th:href="${Ziyuan.sysaddress}" th:text="${Ziyuan.sysaddress}"></a></span></div>
|
<!--<div><span th:text="'系统负责人：'+${Ziyuan.chinesename}"></span></div>-->
|
<div>
|
<span>系统状态：</span>
|
<span th:if="${Ziyuan.sysstatusname} == '正常'" style="background-color: #5edb73;padding: 0px 12px;color: #FFFFFF;" th:text="${Ziyuan.sysstatusname}"></span>
|
<span th:if="${Ziyuan.sysstatusname} == '暂停'" style="background-color: #fe7966;padding: 0px 12px;color: #FFFFFF;" th:text="${Ziyuan.sysstatusname}"></span>
|
<span th:if="${Ziyuan.iscaslogin} == 1" style="background-color: #1bb99a;padding: 0px 12px;color: #FFFFFF;">集成单点登录</span>
|
|
</div>
|
<div><span th:text="'浏览器推荐：'"></span><span th:if="${not #lists.isEmpty(Ziyuan.browser)}" th:text="${Ziyuan.browser}"></span></div>
|
</div>
|
</div>
|
</div>
|
<div class="row-fluid" style="float:left;text-align: center;margin-left:40.2%;">
|
<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">
|
$(function () {
|
var count = [[${Count}]];
|
$("#countNum").text(count);
|
})
|
</script>
|
