Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d12f32c5 by 任超
Options

style:公告详情

1 parent 54e021dc
Inline Side-by-side
Showing 7 changed files with 102 additions and 26 deletions
......@@ -227,7 +227,7 @@ div.subject {
.right-body {
display: inline-block;
margin-bottom: 20px;
margin-bottom: 30px;
}
......@@ -262,6 +262,7 @@ div.subject {
.right-bottom {
border-top: 1px solid #DEDEDE;
padding-top: 10px;
}
.right-bottom-top {
......
......@@ -626,7 +626,7 @@ div.navigation {
.right-body {
display: inline-block;
margin-bottom: 20px;
margin-bottom: 30px;
}
/* .tj {
......@@ -641,8 +641,10 @@ div.navigation {
}
.tj img, .tj span {
float: left;
color: #4A4A4A;
display: block;
width: 100%;
margin-top: 7px;
}
.tj-title {
......@@ -658,13 +660,13 @@ div.navigation {
height: 14px;
font-size: 14px;
font-weight: 400;
color: #9B9B9B;
color: #9B9B9B!important;
line-height: 16px;
}
.right-bottom {
border-top-style: inset;
border-top: 1px solid #DEDEDE;
padding-top: 10px;
}
.right-bottom-top {
......@@ -692,7 +694,7 @@ div.navigation {
font-size: 14px;
font-weight: bold;
color: #4A4A4A;
line-height: 14px;
line-height: 20px;
}
.zcfg-body {
......@@ -705,12 +707,12 @@ div.navigation {
}
.zcfg-bottom {
width: 90px;
width: 100%;
height: 12px;
font-size: 12px;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
margin-top: 10px;
}
/* -----------------底部start----------------------------- */
......
......@@ -18,14 +18,30 @@ $(function () {
PolicyHotArticle()
})
// 选项卡切换数据
layui.use('element', function(){
var element = layui.element;
//监听Tab切换，以改变地址hash值
element.on('tab(tabNav)', function(){
data.noticeType = this.getAttribute('lay-id')
if(this.getAttribute('lay-id') ==0 ) {
data.noticeType = undefined
}
initData()
});
});
//门户公示公告列表
function initData(currentPage=1) {
function initData() {
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/MhNotice/getNoticeList",//路径
data: {
"currentPage": currentPage,
"pageSize": data.limit
"currentPage": data.currentPage,
"pageSize": data.limit,
"noticeType": data.noticeType
},
dataType: "json",
async: false,
......@@ -60,7 +76,6 @@ function HotArticle() {
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
console.log(result.data)
for (var i = 0; i < result.data.length; i++) {
li = '<li class="tj">';
li += '<img src="' + result.data[i].cover + '">';
......@@ -110,7 +125,8 @@ layui.use('laypage', function () {
, next: '>'
, theme: '#0091FF'
, jump: function (obj, first) {
initData(obj.curr);
data.currentPage = obj.curr
initData();
}
});
});
......@@ -118,5 +134,7 @@ layui.use('laypage', function () {
var data = { //数据
"list": [],
limit: 10,
total: undefined
total: undefined,
currentPage: 1,
noticeType: undefined
};
\ No newline at end of file
......
......@@ -9,6 +9,8 @@ $(function () {
$('.date div:nth-child(2)').text(month + 1 + "/" + date)
$('.date div:last-child').text(hour + ":" + minutes)
LawsData()
HotArticle();
PolicyHotArticle();
})
// 新闻详情数据
function LawsData() {
......@@ -32,6 +34,60 @@ function LawsData() {
}
});
}
// 获取新闻动态的推荐数据
function HotArticle() {
var recommend = $("#news_recommendation");
recommend.empty();
var li = '';
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/MhNews/getNewsHotArticleList",//路径
dataType: "json",
async: false,
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
console.log(result.data)
for (var i = 0; i < result.data.length; i++) {
li = '<li class="tj">';
li += '<img src="' + result.data[i].cover + '">';
li += '<span class="tj-title">'+result.data[i].headline+'</span>';
li += '<span class="tj-date">'+result.data[i].deadtime+'</span>';
li += '</li>';
recommend.append(li);
}
}
}
})
}
// 政策法规推荐
function PolicyHotArticle() {
var regulation = $("#regulation");
regulation.empty();
var li = '';
$.ajax({
type: "get", //提交方式
url: portal.api_url + "/hlwj/MhPolicy/getPolicyHotArticleList",//路径
dataType: "json",
async: false,
//数据，这里使用的是Json格式进行传输
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data != null) {
console.log(result.data)
for (var i = 0; i < result.data.length; i++) {
li = '<li class="zcfg">'
li += '<div class="zcfg-top">'+result.data[i].headline+'</div>'
li += '<p class="zcfg-body">'+result.data[i].summary+'</p>'
li += '<div class="zcfg-bottom">'+result.data[i].deadtime+'</div>'
li += '</li>'
regulation.append(li);
}
}
}
})
}
$(window).scroll(function () {
let juli = $(document).scrollTop();
if (juli > 360) {
......
......@@ -33,11 +33,11 @@
</button>
</div>
</div>
<div class="layui-tab layui-tab-brief" lay-filter="">
<div class="layui-tab layui-tab-brief" lay-filter="tabNav">
<ul class="layui-tab-title">
<li class="layui-this">全部</li>
<li>公示</li>
<li>公告</li>
<li class="layui-this" lay-id="0">全部</li>
<li lay-id="1">公示</li>
<li lay-id="2">公告</li>
</ul>
</div>
<!-- 列表区域 -->
......
......@@ -9,7 +9,6 @@
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/xwdt.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
......@@ -36,8 +35,7 @@
<div class="right-bottom-top">
<span>政策法规推荐</span>
</div>
<div id="regulation">
</div>
<div id="regulation"></div>
</ul>
</div>
</div>
......
......@@ -203,8 +203,8 @@
<div class="right-top">
<h2 class="xwtjtitle">新闻推荐</h2>
</div>
<div class="right-body">
<div class="tj">
<div class="right-body" id="news_recommendation">
<!-- <div class="tj">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<span class="tj-title">
......@@ -223,13 +223,14 @@
<span class="tj-date">
2020-12-12
</span>
</div>
</div> -->
</div>
<div class="right-bottom">
<div class="right-bottom-top">
<span>政策法规推荐</span>
</div>
<div class="zcfg">
<div id="regulation"></div>
<!-- <div class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
</div>
......@@ -250,7 +251,7 @@
<div class="zcfg-bottom">
<span>2020-10-28</span>
</div>
</div>
</div> -->
</div>
</div>
</div>
......