style:公告详情

任超
Showing 7 changed files with 102 additions and 26 deletions
staticCss/xwdt.css
staticCss/xwxq.css
staticJs/gsgg.js
staticJs/xwxq.js
staticViews/gsgg.html
staticViews/xwdt.html
staticViews/xwxq.html
--- a/staticCss/xwdt.css
View file @d12f32c
+++ b/staticCss/xwdt.css
View file @d12f32c
@@ -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 {
--- a/staticCss/xwxq.css
View file @d12f32c
+++ b/staticCss/xwxq.css
View file @d12f32c
@@ -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----------------------------- */
--- a/staticJs/gsgg.js
View file @d12f32c
+++ b/staticJs/gsgg.js
View file @d12f32c
@@ -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,
+      "currentPage": data.currentPage,
-      "pageSize": data.limit
+      "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
--- a/staticJs/xwxq.js
View file @d12f32c
+++ b/staticJs/xwxq.js
View file @d12f32c
@@ -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) {
--- a/staticViews/gsgg.html
View file @d12f32c
+++ b/staticViews/gsgg.html
View file @d12f32c
@@ -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 class="layui-this" lay-id="0">全部</li>
-        <li>公示</li>
+        <li lay-id="1">公示</li>
-        <li>公告</li>
+        <li lay-id="2">公告</li>
      </ul>
    </div>
    <!-- 列表区域 -->
--- a/staticViews/xwdt.html
View file @d12f32c
+++ b/staticViews/xwdt.html
View file @d12f32c
@@ -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 id="regulation"></div>
-                    </div>
                </ul>
            </div>
        </div>
--- a/staticViews/xwxq.html
View file @d12f32c
+++ b/staticViews/xwxq.html
View file @d12f32c
@@ -203,8 +203,8 @@
                    <div class="right-top">
                        <h2 class="xwtjtitle">新闻推荐</h2>
                    </div>
-                    <div class="right-body">
+                    <div class="right-body" id="news_recommendation">
-                        <div class="tj">
+                        <!-- <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>