样式修改

spring-cloud/server-page/src/main/resources/static/testEcharts/test/components/test19/test19.css

@@ -66,3 +66,9 @@
 .box19 #stuTable .delBtn {
   background-color: #d9534f;
 }
+
+
+.box19 .tbody{
+  animation: run2 linear 4s infinite;
+}
+

spring-cloud/server-page/src/main/resources/static/testEcharts/test/components/test21/test21.css

@@ -37,6 +37,11 @@
 }
 .box21 .left {
   justify-content: space-around;
+
+  background: url(../../images/networkSecurity/zu.png) no-repeat;
+  background-size: 100% 110%;
+  position: relative;
+  padding: 0.05rem 0;
 }
 .box21 .one {
   display: flex;
@@ -45,7 +50,7 @@
   align-items: center;
 }
 .box21 .one span {
-  background-image: linear-gradient(90deg, transparent, #2dced9a1, transparent);
+  /* background-image: linear-gradient(90deg, transparent, #2dced9a1, transparent); */
 }
 .box21 .tow span {
   margin-right: 8px;

spring-cloud/server-page/src/main/resources/static/testEcharts/test/components/test22/test22.css

@@ -18,3 +18,7 @@
 .box22 .content ul li img {
   width: 6%;
 }
+
+.box22 ul{
+  animation: run2 linear 4s infinite;
+}

spring-cloud/server-page/src/main/resources/static/testEcharts/test/components/test26/test26.css

@@ -85,3 +85,7 @@
   background-color: #1c538c;
 }
 
+
+.box26 tbody{
+  animation: run2 linear 4s infinite;
+}

spring-cloud/server-page/src/main/resources/static/testEcharts/test/components/test28/test28.css

@@ -48,6 +48,10 @@
 }
 .box28 .left {
   justify-content: space-around;
+  background: url(../../images/networkSecurity/zu.png) no-repeat;
+  background-size: 100% 110%;
+  position: relative;
+  padding: 0.05rem 0;
 }
 .box28 .one {
   display: flex;

spring-cloud/server-page/src/main/resources/static/testEcharts/test/components/test41/test41.css

@@ -72,11 +72,11 @@
   padding: 0 0.1rem;
 }
 /* 偶 */
-.box41 tbody tr:nth-child(2n){  
+tbody tr:nth-child(2n){  
   background-color: #1c538ce6;
 }
 /* 奇 */
-.box41 tbody tr:nth-child(2n+1){
+tbody tr:nth-child(2n+1){
   background-color: #1c538c63;
 }
 .box41 thead tr{

spring-cloud/server-page/src/main/resources/static/testEcharts/test/components/test50/test50.js

@@ -1,5 +1,5 @@
 const test50 = (function () {
-  function test50(id, domTitle) {
+  function test50 (id, domTitle) {
     if (domTitle) {
       $(".test50 .title h2").text(domTitle);
     }
@@ -35,158 +35,178 @@ const test50 = (function () {
     // slide.onmouseout = function () {
     //   MyMar = setInterval(Marquee, speed);
     // };
+
     // 二号楼中心机房
-    $.ajax({
-      url: ROOM + "/api/devicesignaltable/listByName",
-      data: {
-        deviceName: "八楼",
-      },
-      success: function ({ data }) {
-        // 温度
-        let temperature = data.filter((item) => {
-          return item.signalname === "温度";
-        })[0].signalvalue;
-        // 湿度
-        let humidity = data.filter((item) => {
-          return item.signalname === "湿度";
-        })[0].signalvalue;
-
-        $(".test50 .box50 .item")
-          .eq(1)
-          .find(".temp")
-          .find("span")
-          .eq(0)
-          .html(temperature + "℃");
-        $(".test50 .box50 .item")
-          .eq(1)
-          .find(".temp")
-          .find("span")
-          .eq(1)
-          .html(humidity + "℃");
-      },
-      error: function (err) {
-        console.log("--机房接口八楼，二号楼-------------超时");
-      },
-    });
+    function roomAjax1 () {
+      $.ajax({
+        url: ROOM + "/api/devicesignaltable/listByName",
+        data: {
+          deviceName: "八楼",
+        },
+        success: function ({ data }) {
+          // 温度
+          let temperature = data.filter((item) => {
+            return item.signalname === "温度";
+          })[0].signalvalue;
+          // 湿度
+          let humidity = data.filter((item) => {
+            return item.signalname === "湿度";
+          })[0].signalvalue;
+
+          $(".test50 .box50 .item")
+            .eq(1)
+            .find(".temp")
+            .find("span")
+            .eq(0)
+            .html(temperature + "℃");
+          $(".test50 .box50 .item")
+            .eq(1)
+            .find(".temp")
+            .find("span")
+            .eq(1)
+            .html(humidity + "℃");
+        },
+        error: function (err) {
+          console.log("--机房接口八楼，二号楼-------------超时");
+        },
+      });
+    }
+
     // 网络核心机房
-    $.ajax({
-      url: ROOM + "/api/devicesignaltable/listByName",
-      data: {
-        deviceName: "四楼",
-      },
-      success: function ({ data }) {
-        console.log('网络核心机房',data);
-        // 温度
-        let temperature = data.filter((item) => {
-          return item.signalname === "温度";
-        })[0].signalvalue;
-        // 湿度
-        let humidity = data.filter((item) => {
-          return item.signalname === "湿度";
-        })[0].signalvalue;
-
-        $(".test50 .box50 .item")
-          .eq(0)
-          .find(".temp")
-          .find("span")
-          .eq(0)
-          .html(temperature + "℃");
-        $(".test50 .box50 .item")
-          .eq(0)
-          .find(".temp")
-          .find("span")
-          .eq(1)
-          .html(humidity + "℃");
-      },
-      error: function (err) {
-        console.log("--网络核心机房-------------超时");
-      },
-    });
+    function roomAjax2 () {
+      $.ajax({
+        url: ROOM + "/api/devicesignaltable/listByName",
+        data: {
+          deviceName: "四楼",
+        },
+        success: function ({ data }) {
+          console.log('网络核心机房', data);
+          // 温度
+          let temperature = data.filter((item) => {
+            return item.signalname === "温度";
+          })[0].signalvalue;
+          // 湿度
+          let humidity = data.filter((item) => {
+            return item.signalname === "湿度";
+          })[0].signalvalue;
+
+          $(".test50 .box50 .item")
+            .eq(0)
+            .find(".temp")
+            .find("span")
+            .eq(0)
+            .html(temperature + "℃");
+          $(".test50 .box50 .item")
+            .eq(0)
+            .find(".temp")
+            .find("span")
+            .eq(1)
+            .html(humidity + "℃");
+        },
+        error: function (err) {
+          console.log("--网络核心机房-------------超时");
+        },
+      });
+    }
 
     // 配线间机房
-    $.ajax({
-      url: ROOM + "/api/devicesignaltable/listByName",
-      data: {
-        deviceName: "九楼",
-      },
-      success: function ({ data }) {
-        // 温度
-        let temperature = data.filter((item) => {
-          return item.signalname === "温度";
-        })[0].signalvalue;
-        // 湿度
-        let humidity = data.filter((item) => {
-          return item.signalname === "湿度";
-        })[0].signalvalue;
-        $(".test50 .box50 .item")
-          .eq(2)
-          .find(".temp")
-          .find("span")
-          .eq(0)
-          .html(temperature + "℃");
-        $(".test50 .box50 .item")
-          .eq(2)
-          .find(".temp")
-          .find("span")
-          .eq(1)
-          .html(humidity + "℃");
-      },
-      error: function (err) {
-        console.log("--配线间机房-------------超时");
-      },
-    });
+    function roomAjax3 () {
+      $.ajax({
+        url: ROOM + "/api/devicesignaltable/listByName",
+        data: {
+          deviceName: "九楼",
+        },
+        success: function ({ data }) {
+          // 温度
+          let temperature = data.filter((item) => {
+            return item.signalname === "温度";
+          })[0].signalvalue;
+          // 湿度
+          let humidity = data.filter((item) => {
+            return item.signalname === "湿度";
+          })[0].signalvalue;
+          $(".test50 .box50 .item")
+            .eq(2)
+            .find(".temp")
+            .find("span")
+            .eq(0)
+            .html(temperature + "℃");
+          $(".test50 .box50 .item")
+            .eq(2)
+            .find(".temp")
+            .find("span")
+            .eq(1)
+            .html(humidity + "℃");
+        },
+        error: function (err) {
+          console.log("--配线间机房-------------超时");
+        },
+      });
+    }
 
     // 档案室库房
-    $.ajax({
-      /** url，data参数，
-       * type请求类型，响应体结果，超时时间
-       * 成功的回调，失败回调 */
-      url: DH + "queryData/queryDeviceParam",
-      data: {
-        urlCode: "DH_002",
-      },
-      type: "GET",
-      dataType: "JSON",
-      success: function ({ data }) {
-        console.log("档案室库房", data);
-        // 温度
-        let temperature = data
-          .filter((item) => {
-            if (item.sname === "环境温度") {
-              return true;
-            }
-          })
-          .reduce((cur, item) => {
-            return cur + parseFloat(item.value);
-          }, 0);
-        // 湿度
-        let humidity = data
-          .filter((item) => {
-            if (item.sname === "环境湿度") {
-              return true;
-            }
-          })
-          .reduce((cur, item) => {
-            return cur + parseFloat(item.value);
-          }, 0);
-        $(".test50 .box50 .item")
-          .eq(3)
-          .find(".temp")
-          .find("span")
-          .eq(0)
-          .html(temperature + "℃");
-        $(".test50 .box50 .item")
-          .eq(3)
-          .find(".temp")
-          .find("span")
-          .eq(1)
-          .html(humidity + "℃");
-      },
-      timeout: 6000,
-      error: function () {
-        console.log("档案室库房超时了");
-      },
-    });
+    function roomAjax4 () {
+      $.ajax({
+        /** url，data参数，
+         * type请求类型，响应体结果，超时时间
+         * 成功的回调，失败回调 */
+        url: DH + "queryData/queryDeviceParam",
+        data: {
+          urlCode: "DH_002",
+        },
+        type: "GET",
+        dataType: "JSON",
+        success: function ({ data }) {
+          console.log("档案室库房", data);
+          // 温度
+          let temperature = data
+            .filter((item) => {
+              if (item.sname === "环境温度") {
+                return true;
+              }
+            })
+            .reduce((cur, item) => {
+              return cur + parseFloat(item.value);
+            }, 0);
+          // 湿度
+          let humidity = data
+            .filter((item) => {
+              if (item.sname === "环境湿度") {
+                return true;
+              }
+            })
+            .reduce((cur, item) => {
+              return cur + parseFloat(item.value);
+            }, 0);
+          $(".test50 .box50 .item")
+            .eq(3)
+            .find(".temp")
+            .find("span")
+            .eq(0)
+            .html(temperature + "℃");
+          $(".test50 .box50 .item")
+            .eq(3)
+            .find(".temp")
+            .find("span")
+            .eq(1)
+            .html(humidity + "℃");
+        },
+        timeout: 6000,
+        error: function () {
+          console.log("档案室库房超时了");
+        },
+      });
+    }
+
+    function roomAjaxInit () {
+      roomAjax1()
+      roomAjax2()
+      roomAjax3()
+      roomAjax4()
+    }
+
+    roomAjaxInit();
+    setInterval(roomAjaxInit, 60 * 1000);
 
     $(".test50 .box50 .item").click(function () {
       const typeId = $(this).attr("data-id");
@@ -223,7 +243,7 @@ const test50 = (function () {
       }
 
       // 二号楼中心机房
-      function eighthFloor() {
+      function eighthFloor () {
         $.ajax({
           url: ROOM + "/api/devicesignaltable/listByName",
           data: {
@@ -287,7 +307,7 @@ const test50 = (function () {
       }
 
       // 网络核心机房
-      function fourthFloor() {
+      function fourthFloor () {
         $.ajax({
           url: ROOM + "/api/devicesignaltable/listByName",
           data: {
@@ -379,7 +399,7 @@ const test50 = (function () {
       }
 
       // 配线间机房
-      function ninthFloor() {
+      function ninthFloor () {
         $.ajax({
           url: ROOM + "/api/devicesignaltable/listByName",
           data: {
@@ -442,7 +462,7 @@ const test50 = (function () {
       }
 
       // 档案室库房
-      function dasRoom() {
+      function dasRoom () {
         $.ajax({
           /** url，data参数，
            * type请求类型，响应体结果，超时时间
@@ -513,7 +533,7 @@ const test50 = (function () {
       }
 
       // UPS供电机房
-      function upsOf() {
+      function upsOf () {
         $.ajax({
           url: ROOM + "/api/devicesignaltable/listByName",
           data: {
@@ -528,7 +548,7 @@ const test50 = (function () {
         });
       }
 
-      function setValue(
+      function setValue (
         temperature,
         humidity,
         water,

spring-cloud/server-page/src/main/resources/static/testEcharts/test/components/test61/test61.css

@@ -160,7 +160,7 @@
   text-align: center;
 }
 .bg-left-box,.bg-right-box{
-  margin-top: -18%;
+  margin-top: -17%;
   overflow: hidden;
   position: relative;
   transform: scale(0.8);

spring-cloud/server-page/src/main/resources/static/testEcharts/test/css/coom.css

@@ -448,13 +448,7 @@ th {
 
 
 
-
-
-
-
-
-
-.newTable#stuTable td,.box51 #stuTable th{
+.newTable#stuTable td,.newTable#stuTable th,.box51 #stuTable th{
   white-space: nowrap;
   flex: 1;
   width: 600px;

spring-cloud/server-page/src/main/resources/static/testEcharts/test/main/css/main.css

@@ -62,6 +62,23 @@ html {
     }
 }
 
+@keyframes run2 {
+  0% {
+      transform: translateY(0%);
+  }
+  100% {
+      transform: translateY(-100%);
+  }
+}
+
+.box19 #stuTable ,.box23 #stuTable,.box26 #stuTable{
+  overflow: hidden;
+}
+.box19 #stuTable thead,.box23 #stuTable thead,.box26 #stuTable thead{
+  background: #205dcf !important;
+  position: relative;
+  z-index: 9;
+}
 .wrapper {
     overflow: hidden;
     flex-direction: column;

spring-cloud/server-page/src/main/resources/static/testEcharts/test/main/springFrame3.html

@@ -410,6 +410,7 @@ function sp3Ajax19() {
                 return riskList;
             });
             var tbody = document.querySelector(".springFrame3 .box19 .tbody");
+            tbody.innerHTML = ''
             for (var i = 0; i < riskList.length; i++) {
                 //创建行
                 var tr = document.createElement("tr");
@@ -422,12 +423,13 @@ function sp3Ajax19() {
                     tr.appendChild(td);
                 }
             }
+            // tbody = $(tbody)
+            // tbody.append(tbody.clone(true))
             
             const dom = $('.springFrame3 .box19 .content');
           setTimeout(() => {
-            scroll(dom,0,flag19)
+            // scroll(dom,0,flag19)
             flag19 = true;
-
           }, 1500);
         },
         error: function(err) {
@@ -508,7 +510,8 @@ function sp3Ajax21() {
             $('.springFrame3 .box22 .content ul').html(data)
             const dom = $('.springFrame3 .box22 .content');
           setTimeout(() => {
-            scroll(dom,0,flag22)
+            // scroll(dom,0,flag22)
+
             flag22 = true;
           }, 1500);
 

spring-cloud/server-page/src/main/resources/static/testEcharts/test/main/springFrame4.html

@@ -324,7 +324,7 @@
             $('.springFrame4 .box26 .table tbody').html(trs);
             const dom = $('.springFrame4 .box26 .content');
           setTimeout(() => {
-            scroll(dom,0,flag26)
+            // scroll(dom,0,flag26)
             flag26 = true;
           }, 1500);
         },
@@ -501,7 +501,6 @@
             console.log("受攻击最严重业务统计-超时111111");
         },
     });
-
     }