|
@@ -5,8 +5,8 @@
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>吉林市政府网站可用性实时监测</title>
|
|
|
- <link rel="stylesheet" type="text/css" href="/style/html.css" />
|
|
|
- <link rel="stylesheet" type="text/css" href="/style/base.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" th:href="@{/style/html.css}" />
|
|
|
+ <link rel="stylesheet" type="text/css" th:href="@{/style/base.css}" />
|
|
|
</head>
|
|
|
<body class="black-bg">
|
|
|
<!-- 头部 Start -->
|
|
@@ -35,7 +35,7 @@
|
|
|
|
|
|
<!-- 正文 Start -->
|
|
|
<div class="content">
|
|
|
- <img class="x-line" src="img/bg-line.png" alt="">
|
|
|
+ <img class="x-line" th:src="@{img/bg-line.png}" alt="">
|
|
|
<div class="content-list flex-row">
|
|
|
<div class="content-list-left flex-col">
|
|
|
<h4>可用性实时监测情况</h4>
|
|
@@ -50,8 +50,8 @@
|
|
|
<div class="w50"><span class="h-span" th:text="${item.siteName}"></span></div>
|
|
|
<div class="w25"><span class="h-span" th:text="${item.monitorTime}"></span></div>
|
|
|
<div class="w25"><span class="h-span" th:text="${item.status}"></span></div>
|
|
|
- <img class="table-triangle-top" src="img/triangle.png">
|
|
|
- <img class="table-triangle-btm" src="img/triangle.png">
|
|
|
+ <img class="table-triangle-top" th:src="@{img/triangle.png}">
|
|
|
+ <img class="table-triangle-btm" th:src="@{img/triangle.png}">
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
@@ -69,8 +69,8 @@
|
|
|
<div class="w50"><span class="h-span" th:text="${item.siteName}"></span></div>
|
|
|
<div class="w25"><span class="h-span" th:text="${item.lastMonitorTime}"></span></div>
|
|
|
<div class="w25"><span class="h-span" th:text="${item.accessCountFail}"></span></div>
|
|
|
- <img class="table-triangle-top" src="img/triangle.png">
|
|
|
- <img class="table-triangle-btm" src="img/triangle.png">
|
|
|
+ <img class="table-triangle-top" th:src="@{img/triangle.png}">
|
|
|
+ <img class="table-triangle-btm" th:src="@{img/triangle.png}">
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
@@ -81,7 +81,7 @@
|
|
|
<!-- 正文 End -->
|
|
|
</div>
|
|
|
<!-- 内容End -->
|
|
|
- <script type="text/javascript" src="/js/socket.js"></script>
|
|
|
+ <script type="text/javascript" th:src="@{/js/socket.js}"></script>
|
|
|
<script>
|
|
|
socket.onMessage = function (res) {
|
|
|
let message = []
|
|
@@ -98,8 +98,8 @@
|
|
|
` <div class="w50"><span>${message[i].siteName}</span></div>\n` +
|
|
|
` <div class="w15"><span>${message[i].monitorTime}</span></div>\n` +
|
|
|
` <div class="w15"><span>${message[i].status}</span></div>\n` +
|
|
|
- ` <img class="table-triangle-top" src="img/triangle.png"/>\n` +
|
|
|
- ` <img class="table-triangle-btm" src="img/triangle.png"/>\n` +
|
|
|
+ ` <img class="table-triangle-top" th:src="@{img/triangle.png}"/>\n` +
|
|
|
+ ` <img class="table-triangle-btm" th:src="@{img/triangle.png}"/>\n` +
|
|
|
` </li>`
|
|
|
}
|
|
|
}
|
|
@@ -116,8 +116,8 @@
|
|
|
` <div class=\"w20\"><span>${message[i].siteName}</span></div>\n` +
|
|
|
` <div class=\"w10\"><span>${message[i].lastMonitorTime}</span></div>\n` +
|
|
|
` <div class=\"w10 j-left\"><span>${message[i].accessCountFail}</span></div>\n` +
|
|
|
- ` <img class="table-triangle-top" src="img/triangle.png">\n` +
|
|
|
- ` <img class="table-triangle-btm" src="img/triangle.png">\n` +
|
|
|
+ ` <img class="table-triangle-top" th:src="@{img/triangle.png}">\n` +
|
|
|
+ ` <img class="table-triangle-btm" th:src="@{img/triangle.png}">\n` +
|
|
|
` </li>`
|
|
|
}
|
|
|
}
|