样式修改

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

@@ -125,7 +125,7 @@ const test33 = (function() {
                             unit = data[i].unit;
                         }
                     }
-                    return `{a| ${name}}{b|${target}}`;
+                    return `{a| ${name}}\n{b|${target}}`;
                 },
             },
             series: [{

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

@@ -8,7 +8,6 @@ const test36 = (function() {
         move3(".test36 .test-box");
         move2(".test36 .containerTool");
 
-        let timer = null;
 
         $(".test36 .close").click(function() {
             $(".test36 .box").remove();
@@ -28,7 +27,7 @@ const test36 = (function() {
                 riskClassify: 2
             },
             success: function(res) {
-                console.log(res);
+                console.log('WEB漏洞类型',res);
                 let result = res.result;
                 const dists = document.querySelectorAll(".test36 .floor-dist");
                 const testDoms = document.querySelectorAll(".test36 .box");
@@ -38,22 +37,10 @@ const test36 = (function() {
                 }
             },
             error: function(err) {
-                console.log("------------------------超时");
+                console.log("----------WEB漏洞类型--------------超时");
             },
         });
 
-        // let myChart = echarts.init(dists[0]);
-
-        window.addEventListener("resize", function() {
-            if (timer) {
-                clearTimeout(timer);
-                timer = null;
-            }
-            timer = setTimeout(() => {
-                // move('.test36 .box')
-                // myChart.resize();
-            }, 500);
-        });
     }
 
     function setCharts(echartDom, testDom, result) {

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

@@ -214,19 +214,19 @@
 
 /* 弹窗样式 */
 .box61 .tablebox{
-  margin-top: 11%;
+  margin-top: 13%;
   height: 60%;
   overflow: auto;
 }
 .Popup {
   width: 35%;
-  height: 39%;
+  height: 42%;
   position: absolute;
   top: 41%;
   left: 34%;
   transform: scale(1.5);
   background: url("../../css/modules/layer/default/色相饱和度1854.png") no-repeat;
-  background-size: 100% 105%;
+  background-size: 100% 103%;
   z-index: 99;
 }
 
@@ -249,9 +249,25 @@
 
 .number-box {
   color: #fff;
-  position: relative;
-  top: 70%;
-  left: 37.5%;
+  text-align: center;
+}
+
+.number-box::after{
+  content: "";
+    width: 0;
+    height: 0;
+    border-top: 50px solid transparent;
+    border-right: 100px solid red;
+    border-bottom: 50px solid transparent;
+}
+
+.number-box::before{
+    content: "";
+    width: 0;
+    height: 0;
+    border-top: 50px solid transparent;
+    border-left: 100px solid red;
+    border-bottom: 50px solid transparent;
 }
 
 .Popup-name {
@@ -263,7 +279,7 @@
 }
 
 .box61 .Tr-td {
-  height: 20% !important;
+  /* height: 20% !important; */
 }
 
 .box61 .Tr-td:nth-child(1) {
@@ -288,6 +304,7 @@
   width: 90%;
   height: 8%;
   display: flex;
+  line-height: 0.3rem;
 }
 
 .box61 #stuTable thead tr th:nth-child(1){
@@ -307,4 +324,5 @@
 
 .box61 #stuTable th,.box61 #stuTable td{
   width: 13%;
+  font-size: 0.12rem !important;
 }

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

@@ -39,14 +39,13 @@
       <div class="bg-botton-two">
         <div class="bg-left-box">
         <div class="left-box">
-          <div class="left-box-one left-box-three">
+          <div class="left-box-one left-box-three" data-id='0'>
             <div class="left-box-one-title">市环卫中心</div>
           </div>
-
-          <div class="left-box-one left-box-three">
+          <div class="left-box-one left-box-three" data-id='1'>
             <div class="left-box-one-title">后勤中心</div>
           </div>
-          <div class="left-box-one left-box-three">
+          <div class="left-box-one left-box-three" data-id='2'>
             <div class="left-box-one-title">市市政环卫检测中心</div>
           </div>
         </div>
@@ -54,13 +53,13 @@
 
 <div class="bg-right-box">
         <div class="right-box">
-          <div class="left-box-two left-box-three">
+          <div class="left-box-two left-box-three" data-id='3'>
             <div class="left-box-one-title">市城市管理执法总队</div>
           </div>
-          <div class="left-box-two left-box-three">
+          <div class="left-box-two left-box-three" data-id='4'>
             <div class="left-box-one-title">市设施运行中心</div>
           </div>
-          <div class="left-box-two left-box-three">
+          <div class="left-box-two left-box-three" data-id='5'>
             <div class="left-box-one-title">市动物园管理中心</div>
           </div>
         </div>

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

@@ -71,10 +71,15 @@ const test61 = (function() {
         const domPop = $('.Popup .tablebox');
         let popFlag = false;
         $(".test61 .left-box-three").click(function() {
+          const tit = $(this).find('.left-box-one-title').html();
+          $('.Popup-name').text(tit);
+          const id = +$(this).attr('data-id');
           $.ajax({
             url: basicUrl +
                 "/SystemRisk/GetSystemRiskList",
-            data: {},
+            data: {
+              officeId:id
+            },
             success: function(res) {
                 console.log('安全等级弹框', res);
                 const {result} = res;

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

@@ -84,95 +84,3 @@
   right: 11%;
   top: 15%;
 }
-
-/* svg */
-.svg-item {
-  position: relative;
-  z-index: 66;
-}
-
-svg {
-  width: 1540px;
-  height: 650px;
-}
-
-svg path {
-	stroke: red;
-	fill: none;
-	stroke-width: 5;
-}
-
-.rect {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 10px;
-	height: 10px;
-	background: transparent;
-}
-.rect::after {
-		height: 0px;
-		width: 0px;
-		/* background-color: aqua; */
-		position: absolute;
-		right: 0px;
-		top: -5px;
-		content: "";
-		border-top: 10px solid transparent;
-		border-right: 10px solid aqua;
-		border-bottom: 10px solid transparent;
-		transform: rotate(180deg);
-}
-
-
-.qxRect {
-	offset-path: path("M800 260, L 860 300, L 900 250,L 1000 300");
-	offset-distance: 0%;
-	animation: svg-path-animation 5s ease-in-out 0s infinite normal;
-}
-
-.qxRect2 {
-	offset-path: path("M780 320, L 820 340, L 760 400");
-	offset-distance: 0%;
-	animation: svg-path-animation 5s ease-in-out 0s infinite normal;
-}
-
-.qxRect3 {
-	offset-path: path("M700 240, L 600 280, L 630 305, L 530 350");
-	offset-distance: 0%;
-	animation: svg-path-animation 5s ease-in-out 0s infinite normal;
-}
-
-.qxRect4 {
-	offset-path: path("M700 220, L 660 195, L 740 155");
-	offset-distance: 0%;
-	animation: svg-path-animation 5s ease-in-out 0s infinite normal;
-}
-
-.qxRect5 {
-	offset-path: path("M750 220, L 900 220");
-	offset-distance: 0%;
-	animation: svg-path-animation 5s ease-in-out 0s infinite normal;
-}
-
-.qxRect6 {
-	offset-path: path("M400 260, L 320 220, L 400 190, L 320 140");
-	offset-distance: 0%;
-	animation: svg-path-animation 5s ease-in-out 0s infinite normal;
-}
-
-.qxRect7 {
-	offset-path: path("M280 60, L 600 60, L 630 30, L 900 30, L 930 60, L 1180 60");
-	offset-distance: 0%;
-	animation: svg-path-animation 5s ease-in-out 0s infinite normal;
-}
-
-@keyframes svg-path-animation {
-	from {
-		offset-distance: 0%;
-	}
-
-	to {
-		offset-distance: 100%;
-	}
-}

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

@@ -3,27 +3,6 @@
     <span class="fit"></span>
     <span class="close"></span>
   </div>
-  <div class="svg-contanier">
-    <div class="svg-item">
-      <svg>
-        <path d="M800 260, L 860 300, L 900 250,L 1000 300" />
-        <path d="M780 320, L 820 340, L 760 400" />
-        <path d="M700 240, L 600 280, L 630 305, L 530 350" />
-        <path d="M700 220, L 660 195, L 740 155" />
-        <path d="M750 220, L 900 220" />
-        <path d="M400 260, L 320 220, L 400 190, L 320 140" />
-        <path d="M280 60, L 600 60, L 630 30, L 900 30, L 930 60, L 1180 60" />
-        <path d="M1120 140, L 1060 190, L 1130 220" />
-      </svg>
-      <div class="rect qxRect"></div>
-      <div class="rect qxRect2"></div>
-      <div class="rect qxRect3"></div>
-      <div class="rect qxRect4"></div>
-      <div class="rect qxRect5"></div>
-      <div class="rect qxRect6"></div>
-      <div class="rect qxRect7"></div>
-    </div>
-  </div>
   <div class="test-box">
     <div class="concent">
 
@@ -39,27 +18,27 @@
         <p>郊区区县</p>
       </div>
       <div class="c-center1">
-        <img src="../images/zybz/组240拷贝.png" alt="" style="width: 150px" />
+        <img src="../images/zybz/组240拷贝.png" alt="" style="width: 1666px" />
         <p style="font-family: '庞门正道标题体'">指挥大厅</p>
       </div>
       <div class="c-center2">
-        <img src="../images/zybz/icon_jifang拷贝3.png" alt="" style="width: 100px">
+        <img src="../images/zybz/icon_jifang拷贝3.png" alt="">
         <p>1号配线间机房</p>
       </div>
       <div class="c-center3">
-        <img src="../images/zybz/icon_jifang拷贝3.png" alt="" style="width: 100px">
+        <img src="../images/zybz/icon_jifang拷贝3.png" alt="">
         <p>城管局UPS主供电房</p>
       </div>
       <div class="c-center4">
-        <img src="../images/zybz/icon_jifang拷贝3.png" alt="" style="width: 100px">
+        <img src="../images/zybz/icon_jifang拷贝3.png" alt="">
         <p>2号楼中心机房</p>
       </div>
       <div class="c-center5">
-        <img src="../images/zybz/icon_jifang拷贝3.png" alt="" style="width: 100px">
+        <img src="../images/zybz/icon_jifang拷贝3.png" alt="">
         <p>档案室库房</p>
       </div>
       <div class="c-center6">
-        <img style="width: 49%;" src="../images/zybz/icon_jifang拷贝3.png" alt="" style="width: 100px">
+        <img style="width: 49%;" src="../images/zybz/icon_jifang拷贝3.png" alt="">
         <p>城管局网络核心机房</p>
       </div>