|
@@ -30,37 +30,23 @@
|
|
|
<div class="tab_con">
|
|
|
<div class="content-list-body m-t-10 height-72 dis-none no-bg" style="width: auto; display: block;">
|
|
|
<div class="bd">
|
|
|
- <ul class="infoList">
|
|
|
- <li><div class="paihang">1</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">2</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">3</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">4</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">5</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">6</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">7</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">8</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">9</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">10</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">11</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">12</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
+ <ul class="infoList" id="messageUlOne">
|
|
|
+ <li th:each="item : ${dataSourceOne}">
|
|
|
+ <div class="paihang" th:text="${item.ranking}"></div>
|
|
|
+ <div class="gov-name" th:text="${item.renewName}"></div>
|
|
|
+ <div class="click-num" th:text="${item.renewCount}"><span class="font-small-size">条</span></div>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="content-list-body m-t-10 height-72 dis-none no-bg" style="width: auto; display: block;">
|
|
|
<div class="bd">
|
|
|
- <ul class="infoList">
|
|
|
- <li><div class="paihang">1</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">2</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">3</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">4</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">5</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">6</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">7</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">8</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">9</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">10</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">11</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
- <li><div class="paihang">12</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">7<span class="font-small-size">条</span></div></li>
|
|
|
+ <ul class="infoList" id="messageUlTwo">
|
|
|
+ <li th:each="item : ${dataSourceTwo}">
|
|
|
+ <div class="paihang" th:text="${item.ranking}"></div>
|
|
|
+ <div class="gov-name" th:text="${item.renewName}"></div>
|
|
|
+ <div class="click-num" th:text="${item.renewCount}"><span class="font-small-size">条</span></div>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -71,6 +57,7 @@
|
|
|
<!-- 正文 End -->
|
|
|
</div>
|
|
|
<!-- 内容End -->
|
|
|
+ <script type="text/javascript" src="/js/socket.js"></script>
|
|
|
<script>
|
|
|
$(".tab-title h4").click(function () {
|
|
|
// 获得点击li的索引号
|
|
@@ -80,6 +67,34 @@
|
|
|
// 第index位的div显示,其他div隐藏
|
|
|
$(".tab_con .dis-none").eq(index).show().siblings().hide();
|
|
|
});
|
|
|
+
|
|
|
+ socket.onMessage = function (res) {
|
|
|
+ let message = []
|
|
|
+ message = JSON.parse(res).data
|
|
|
+ // 处理接收到的消息
|
|
|
+ document.getElementById("messageUlOne").innerHTML = "";
|
|
|
+ for (let i = 0; i < message.length; i++) {
|
|
|
+ document.getElementById("messageUlOne").innerHTML += "<li>\n" +
|
|
|
+ ` <div class="paihang">${message[i].ranking}</div>\n` +
|
|
|
+ ` <div class="gov-name">${message[i].renewName}</div>\n` +
|
|
|
+ ` <div class="click-num">${message[i].renewCount}<span class="font-small-size">条</span></div>\n` +
|
|
|
+ ` </li>`
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ socket.onMessage = function (res) {
|
|
|
+ let message = []
|
|
|
+ message = JSON.parse(res).data
|
|
|
+ // 处理接收到的消息
|
|
|
+ document.getElementById("messageUlTwo").innerHTML = "";
|
|
|
+ for (let i = 0; i < message.length; i++) {
|
|
|
+ document.getElementById("messageUlTwo").innerHTML += "<li>\n" +
|
|
|
+ ` <div class="paihang">${message[i].ranking}</div>\n` +
|
|
|
+ ` <div class="gov-name">${message[i].renewName}</div>\n` +
|
|
|
+ ` <div class="click-num">${message[i].renewCount}<span class="font-small-size">条</span></div>\n` +
|
|
|
+ ` </li>`
|
|
|
+ }
|
|
|
+ };
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|