cbsy/blxc-admin/target/classes/templates/portal/list.html

203 lines
8.4 KiB
HTML

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>若依系统首页</title>
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="../../static/portal/css/swiper.min.css" th:href="@{/portal/css/swiper.min.css}" rel="stylesheet" />
<link href="../../static/portal/css/style.css" th:href="@{/portal/css/style.css}" rel="stylesheet"/>
<link href="../../static/portal/css/index.css" th:href="@{/portal/css/index.css}" rel="stylesheet"/>
<link href="../../static/portal/css/text.css" th:href="@{/portal/css/text.css}" rel="stylesheet" />
<link href="../../static/portal/css/_sitegray_d.css" th:href="@{/portal/css/_sitegray_d.css}" rel="stylesheet" />
<!-- <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900" rel="stylesheet" >-->
<script src="static/portal/js/jquer3y6.min.js" th:src="@{/portal/js/jquer3y6.min.js}"></script>
<!-- [if lte IE 9]>
<script src="../../static/portal/js/jquery_ie8.js" th:src="@{/portal/js/jquery_ie8.js}"></script>
<![endif] -->
<!-- <link rel="stylesheet" type="text/css" href="static/css/swiper.css" /> -->
<script src="../../static/portal/js/_sitegray.js" th:src="@{/portal/js/_sitegray.js}"></script>
<script src="../../static/portal/js/flexible.js" th:src="@{/portal/js/flexible.js}"></script>
<script src="../../static/portal/js/detectZoom.js" th:src="@{/portal/js/detectZoom.js}"></script>
<script src="../../static/portal/js/counter.js" th:src="@{/portal/js/counter.js}"></script>
</head>
<body>
<div class="swiper-container">
<div class="main-wrapper">
<div class="full_width homea">
<div class="container">
<th:block th:include="portal/headerAndFooter :: header" />
</div>
<div class="listacon portal_list">
<div class="main_left">
<p>[[${twoName}]]</p>
<ul>
<li th:class="${item.id+''==threeCode?'active':item.id}" th:each="item : ${menuList}" th:if="${item.id!=13}"><a th:href="'/portal/list?newType='+${item.id}">·&nbsp;[[${item.name}]]</a></li>
</ul>
</div>
<div class="listaright">
<div class="crumbs">
<img src="../../static/portal/images/shouye.png" th:src="@{/portal/images/shouye.png}" alt="" />
<a href="/">首页 > </a>
<a th:href="'/portal/list?newType='+${twoCode}" th:if="${twoCode!='-1'}">[[${twoName}]] > </a>
<a th:href="'/portal/list?newType='+${threeCode}">[[${threeName}]]</a>
</div>
<div class="con">
<script src="../../static/portal/js/centercutimg.js" th:src="@{/portal/js/centercutimg.js}"></script>
<script src="../../static/portal/js/ajax.js" th:src="@{/portal/js/ajax.js}"></script>
<ul class="dataSource" style="min-height:600px">
</ul>
<link href="../../static/portal/css/sys.css" th:href="@{/portal/css/sys.css}" rel="stylesheet"/>
<div class="page_list">
</div>
<!-- <div class="pb_sys_common pb_sys_normal pb_sys_style1" style="margin-top: 10px; text-align: center; padding-bottom: 15px">-->
<!-- <span class="p_t">共25条</span>-->
<!-- <span class="p_pages"><span class="p_first_d p_fun_d">首页</span><span-->
<!-- class="p_prev_d p_fun_d">上页</span><span class="p_no_d">1</span><span class="p_no"><a-->
<!-- href="details.html">2</a></span><span class="p_no"><a href="details.html">3</a></span><span-->
<!-- class="p_no"><a href="details.html">4</a></span><span class="p_no"><a-->
<!-- href="details.html">5</a></span><span class="p_next p_fun"><a-->
<!-- href="details.html">下页</a></span><span class="p_last p_fun"><a-->
<!-- href="details.html">尾页</a></span></span>-->
<!-- </div>-->
</div>
</div>
</div>
</div>
</div>
<th:block th:include="portal/headerAndFooter :: footer" />
</div>
<th:block th:include="portal/headerAndFooter :: search" />
<script src="../../static/js/public.js" th:src="@{/portal/js/public.js}"></script>
<script th:inline="javascript">
var newType = [[${threeCode}]]
var url = "/portal/dataList";
var div = document.getElementById("dataSource");
var dataParam = {newType:newType}
$.post(url, dataParam, function(result) {
let str = result.rows.reduce(function (prve, item) {
// <a href="/portal/details?id=${item.id}" target="_blank" title="${item.title}" class="clearfix">
var url = "";
if(item.type=='2'){
url = item.linkUrl;
}else{
url= '/portal/details?id='+item.id
}
prve += `
<li class="clearfix">
<a href="${url}" target="_blank" title="${item.title}" class="clearfix">
<div class="left txt">
<div class="fnt_22 title">${item.title}</div>`
if(item.abstracts){
prve +=`<div class="des">${item.abstracts}</div>`
}else{
prve +=`<div class="des"> </div>`
}
prve +=`</div>
<div class="right time">
<div class="ta">${item.publishTime}</div>
<div>发布时间</div>
</div>
</a>
</li>
`
return prve
}, '')
if(str){
document.querySelector('.dataSource').innerHTML = str;
}else{
document.querySelector('.dataSource').innerHTML = `<div style="width:100%;margin-top:200px;font-size:18px;font-weight:blod;text-align:center;">暂无数据</div>`;
}
//翻页
if(result.total>0){
generPage(result.total, 'page_list')
}
});
async function mainListChange(page) {
var url = "/portal/dataList";
var div = document.getElementById("dataSource");
var dataParam = {newType:newType,pageNum: page, pageSize: 10}
$.post(url, dataParam, function(result) {
let str = result.rows.reduce(function (prve, item) {
prve += `
<li class="clearfix">
<a href="/portal/details?id=${item.id}" target="_blank" title="2023-2024秋 本科生第二次游泳集中测试通知" class="clearfix">
<div class="left txt">
<div class="fnt_22 title">${item.title}</div>
<div class="des">${item.abstracts}</div>
</div>
<div class="right time">
<div class="ta">${item.publishTime}</div>
<div>发布时间</div>
</div>
</a>
</li>
`
return prve
}, '')
document.querySelector('.dataSource').innerHTML = str;
//翻页
generPage(result.total, 'page_list')
});
}
//if($(window).width()<1024){
//判断手机横竖屏状态:
if (window.orientation == 180 || window.orientation == 0) {
//alert("竖屏状态!")
$(".stips").hide();
}
if (window.orientation == 90 || window.orientation == -90) {
//alert("横屏状态!")
$(".stips").css({
display: "flex"
});
}
function hengshuping() {
if (window.orientation == 180 || window.orientation == 0) {
//alert("竖屏状态!")
$(".stips").hide();
}
if (window.orientation == 90 || window.orientation == -90) {
//alert("横屏状态!")
$(".stips").css({
display: "flex"
});
}
}
//}
window.addEventListener(
"onorientationchange" in window ? "orientationchange" : "resize",
hengshuping,
false
);
</script>
<script th:src="@{/portal/js/page.js}"></script>
</body>
</html>