瀏覽代碼

表头固定

lchao 1 年之前
父節點
當前提交
1ca4f999c0

+ 4 - 1
ruoyi-admin/src/main/resources/static/style/base.css

@@ -147,7 +147,6 @@
   padding: 25px;
   font-size: 16px;
   height: 68vh;
-  overflow-y: scroll;
 }
 .height-74 {
   height: 74vh !important;
@@ -167,6 +166,10 @@
   position: relative;
 }
 .content-list-body-tit {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  width: 100%;
   height: 65px !important;
   margin-top: 0 !important;
 }

+ 34 - 39
ruoyi-admin/src/main/resources/templates/censusIndicators.html

@@ -1,6 +1,6 @@
 <!-- 网站普查指标监测 -->
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" xmlns:overflow-y="http://www.w3.org/1999/xhtml">
 <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
@@ -22,14 +22,18 @@
             <!-- 网站普查要素 -->
             <div class="content-list-left w100 flex-col">
                 <div class="pc-content-title"><span>网站普查要素</span></div>
-                <div class="content-list-body height-28" style="width: auto">
-                    <ul id="messageUlOne">
-                        <li class="content-list-body-tit">
-                            <div class="w50"><h5>站点名称</h5></div>
-                            <div class="w15"><h5>结果</h5></div>
-                            <div class="w15"><h5>时间</h5></div>
-                            <div class="w15"><h5>备注</h5></div>
-                        </li>
+                <div class="content-list-body" style="width: auto;  overflow-y: scroll; padding: 0 25px; height: auto">
+                <ul>
+                    <li class="content-list-body-tit"  style="position: sticky;">
+                        <div class="w50"><h5>站点名称</h5></div>
+                        <div class="w15"><h5>结果</h5></div>
+                        <div class="w15"><h5>时间</h5></div>
+                        <div class="w15"><h5>备注</h5></div>
+                    </li>
+                </ul>
+                </div>
+                <div class="content-list-body height-28" style="width: auto;  overflow-y: auto; padding-top: 0">
+                    <ul id="messageUlOne" >
                         <li th:each="item : ${dataSourceOne}">
                             <div class="w50"><span th:text="${item.siteName}"></span></div>
                             <div class="w15">
@@ -52,19 +56,24 @@
             <!-- 网站普查单项否信息 -->
             <div class="content-list-left w100 flex-col m-t-20">
                 <div class="pc-content-title"><span>网站普查单项否信息</span></div>
-                <div class="content-list-body height-28" style="width: auto">
-                    <ul id="messageUlTwo">
-                        <li class="content-list-body-tit">
-                            <div class="w20"><h5>站点名称</h5></div>
-                            <div class="w10 j-left"><span>网址</span></div>
-                            <div class="w10"><span>首页类别</span></div>
-                            <div class="w10"><span>要闻动态</span></div>
-                            <div class="w10"><span>空栏目超5个</span></div>
-                            <div class="w10"><span>互动回应</span></div>
-                            <div class="w10"><span>未更新栏目超10个</span></div>
-                            <div class="w10"><span>通知公告/政策文件类</span></div>
-                            <div class="w10"><span>监测时间</span></div>
-                        </li>
+                <div class="content-list-body" style="width: auto;  overflow-y: scroll;  padding: 0 25px; height: auto">
+                    <ul>
+                <li class="content-list-body-tit" style="position: sticky;">
+
+                    <div class="w20"><h5>站点名称</h5></div>
+                    <div class="w10 j-left"><span>网址</span></div>
+                    <div class="w10"><span>首页类别</span></div>
+                    <div class="w10"><span>要闻动态</span></div>
+                    <div class="w10"><span>空栏目超5个</span></div>
+                    <div class="w10"><span>互动回应</span></div>
+                    <div class="w10"><span>未更新栏目超10个</span></div>
+                    <div class="w10"><span>通知公告/政策文件类</span></div>
+                    <div class="w10"><span>监测时间</span></div>
+                </li>
+                    </ul>
+                </div>
+                <div class="content-list-body height-28" style="width: auto;  overflow-y: auto;padding-top: 0">
+                    <ul id="messageUlTwo" >
                         <li th:each="item : ${dataSourceTwo}">
                             <div class="w20"><span th:text="${item.siteName}"></span></div>
                             <div class="w10 j-left"><span th:text="${item.siteUrl}"></span></div>
@@ -91,12 +100,7 @@
         if (10001 == JSON.parse(res).code) {
             message = JSON.parse(res).data
             // 处理接收到的消息
-            document.getElementById("messageUlOne").innerHTML = "<li class=\"content-list-body-tit\">\n" +
-                "                            <div class=\"w50\"><h5>站点名称</h5></div>\n" +
-                "                            <div class=\"w15\"><h5>结果</h5></div>\n" +
-                "                            <div class=\"w15\"><h5>时间</h5></div>\n" +
-                "                            <div class=\"w15\"><h5>备注</h5></div>\n" +
-                "                        </li>";
+            document.getElementById("messageUlOne").innerHTML = "";
             for (let i = 0; i < message.length; i++) {
                 let imgSrc = message[i].result == "1" ? 'img/yes-img.png' : 'img/no-img.png';
                 document.getElementById("messageUlOne").innerHTML += "<li>\n" +
@@ -116,17 +120,7 @@
         if (10002 == JSON.parse(res).code) {
             message = JSON.parse(res).data
             // 处理接收到的消息
-            document.getElementById("messageUlTwo").innerHTML = "<li class=\"content-list-body-tit\">\n" +
-                "              <div class=\"w20\"><h5>站点名称</h5></div>\n" +
-                "              <div class=\"w10 j-left\"><span>网址</span></div>\n" +
-                "              <div class=\"w10\"><span>首页类别</span></div>\n" +
-                "              <div class=\"w10\"><span>要闻动态</span></div>\n" +
-                "              <div class=\"w10\"><span>空栏目超5个</span></div>\n" +
-                "              <div class=\"w10\"><span>互动回应</span></div>\n" +
-                "              <div class=\"w10\"><span>未更新栏目超10个</span></div>\n" +
-                "              <div class=\"w10\"><span>通知公告/政策文件类</span></div>\n" +
-                "              <div class=\"w10\"><span>监测时间</span></div>\n" +
-                "            </li";
+            document.getElementById("messageUlTwo").innerHTML = "";
             for (let i = 0; i < message.length; i++) {
                 document.getElementById("messageUlTwo").innerHTML += "<li>\n" +
                     `                  <div class=\"w20\"><span>${message[i].siteName}</span></div>\n` +
@@ -142,6 +136,7 @@
             }
         }
     };
+
 </script>
 </body>