|
|
@@ -1,6 +1,6 @@
|
|
|
<!-- 错链 -->
|
|
|
<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
+<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
@@ -28,30 +28,14 @@
|
|
|
<div class="w15"><h5>挂马数量</h5></div>
|
|
|
<div class="w15"><h5>商业赌博网站链接数量</h5></div>
|
|
|
</li>
|
|
|
- <li>
|
|
|
- <div class="w50"><span>市住建局</span></div>
|
|
|
- <div class="w15"><span>0</span></div>
|
|
|
- <div class="w15"><span>0</span></div>
|
|
|
- <div class="w15"><span>0</span></div>
|
|
|
- <img class="table-triangle-top" src="img/triangle.png">
|
|
|
- <img class="table-triangle-btm" src="img/triangle.png">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="w50"><span>市住建局</span></div>
|
|
|
- <div class="w15"><span>0</span></div>
|
|
|
- <div class="w15"><span>0</span></div>
|
|
|
- <div class="w15"><span>0</span></div>
|
|
|
- <img class="table-triangle-top" src="img/triangle.png">
|
|
|
- <img class="table-triangle-btm" src="img/triangle.png">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="w50"><span>市住建局</span></div>
|
|
|
- <div class="w15"><span>0</span></div>
|
|
|
- <div class="w15"><span>0</span></div>
|
|
|
- <div class="w15"><span>0</span></div>
|
|
|
- <img class="table-triangle-top" src="img/triangle.png">
|
|
|
- <img class="table-triangle-btm" src="img/triangle.png">
|
|
|
- </li>
|
|
|
+ <li th:each="item : ${dataSource}">
|
|
|
+ <div class="w50"><span th:text="${item.siteName}"></span></div>
|
|
|
+ <div class="w15"><span th:text="${item.errorCount}"></span></div>
|
|
|
+ <div class="w15"><span th:text="${item.maliciousCount}"></span></div>
|
|
|
+ <div class="w15"><span th:text="${item.gambleCount}"></span></div>
|
|
|
+ <img class="table-triangle-top" src="img/triangle.png">
|
|
|
+ <img class="table-triangle-btm" src="img/triangle.png">
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -60,5 +44,42 @@
|
|
|
<!-- 正文 End -->
|
|
|
</div>
|
|
|
<!-- 内容End -->
|
|
|
+ <script type="text/javascript" src="/js/socket.js"></script>
|
|
|
+ <script>
|
|
|
+ $(".tab-title h4").click(function () {
|
|
|
+ // 获得点击li的索引号
|
|
|
+ var index = $(this).index();
|
|
|
+ // 给当前选中的tab加上current类名，其他兄弟的类名去掉
|
|
|
+ $(this).addClass("current").siblings().removeClass("current");
|
|
|
+ // 第index位的div显示，其他div隐藏
|
|
|
+ $(".tab_con .dis-none").eq(index).show().siblings().hide();
|
|
|
+ });
|
|
|
+
|
|
|
+ socket.onMessage = function (res) {
|
|
|
+ let message = []
|
|
|
+ if (10013 == JSON.parse(res).code) {
|
|
|
+ message = JSON.parse(res).data
|
|
|
+ // 处理接收到的消息
|
|
|
+ document.getElementById("dataSource").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>";
|
|
|
+ for (let i = 0; i < message.length; i++) {
|
|
|
+ document.getElementById("dataSource").innerHTML += "<li>\n" +
|
|
|
+ ` <div class="w50"><span>${message[i].siteName}</span></div>\n` +
|
|
|
+ ` <div class="w15"><span>${message[i].errorCount}</span></div>\n` +
|
|
|
+ ` <div class="w15"><span>${message[i].maliciousCount}</span></div>\n` +
|
|
|
+ ` <div class="w15"><span>${message[i].gambleCount}</span></div>\n` +
|
|
|
+ ` <img class="table-triangle-top" src="img/triangle.png"/>\n` +
|
|
|
+ ` <img class="table-triangle-btm" src="img/triangle.png"/>\n` +
|
|
|
+ ` </li>`
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ </script>
|
|
|
</body>
|
|
|
+
|
|
|
</html>
|
conghelong