修改文件上传

src/views/privateOrder/security/components/Earth.vue

@@ -24,11 +24,12 @@
         >
           <ul class="attack-wrap" :class="{ marquee_top: animateFlag }">
             <li
-              v-for="item in attackItem"
+              v-for="item in newAttackItem"
               :key="item.country"
               class="attack-item"
             >
-              <img :src="item.url" alt="" @click="btn1(item)" />
+              <img :src="item.url" alt="" />
+              <!-- <img :src="item.url" alt="" @click="btn1(item)" /> -->
               <div class="attack-info">
                 <span class="attack-num">
                   {{ item.attackNum | commaFilter }} <span>次 </span>
@@ -53,7 +54,7 @@
         >
           <ul class="attack-wrap" :class="{ marquee_top: animateFlagTwo }">
             <li
-              v-for="item in attackItemTwo"
+              v-for="item in newAttackItemTwo"
               :key="item.country"
               class="attack-item"
             >
@@ -63,7 +64,8 @@
                 </span>
                 <span class="attack-country">{{ item.country }}攻击次数</span>
               </div>
-              <img :src="item.url" alt="" @click="btn1(item)" />
+              <img :src="item.url" alt="" />
+              <!-- <img :src="item.url" alt="" @click="btn1(item)" /> -->
             </li>
           </ul>
         </div>
@@ -372,6 +374,7 @@ export default {
           url: require("@/assets/privateOrder/general/爱尔兰.png"),
         },
       ],
+      newAttackItem: [],
       attackItemTwo: [
         {
           country: "浙江省",
@@ -524,6 +527,7 @@ export default {
           url: require("@/assets/privateOrder/general/江西省.png"),
         },
       ],
+      newAttackItemTwo: [],
       animateFlag: false,
       animateFlagTwo: false,
       timer: null,
@@ -563,23 +567,45 @@ export default {
   methods: {
     //地图受攻击
     mapList() {
-      listMap({ pageSize: 20, pageNum: 1 }).then((res) => {
+      let a1 = new Promise((resolve, reject) => {
-        res.rows.forEach((value) => {
+        listMap({ pageSize: 5, pageNum: 1, type: 1 })
-          this.attackItem.forEach((value1, index1) => {
+          .then((res) => {
-            if (value1.country == value.name) {
+            resolve(res.rows);
-              this.attackItem[index1].attackNum = value.count;
+          })
-              return;
+          .catch(() => {
-            }
+            reject("");
           });
-          this.attackItemTwo.forEach((value2, index2) => {
+      });
-            if (value2.country == value.name) {
+      let a2 = new Promise((resolve, reject) => {
-              this.attackItemTwo[index2].attackNum = value.count;
+        listMap({ pageSize: 5, pageNum: 1, type: 2 })
-              return;
+          .then((res) => {
-            }
+            resolve(res.rows);
+          })
+          .catch(() => {
+            reject("");
           });
-        });
-        this.onload();
       });
+      Promise.all([a1, a2])
+        .then((res) => {
+          res[0].forEach((value) => {
+            this.newAttackItem.push({
+              country: value.name,
+              attackNum: value.count,
+              url: require(`@/assets/privateOrder/general/${value.name}.png`),
+            });
+          });
+          res[1].forEach((value) => {
+            this.newAttackItemTwo.push({
+              country: value.name,
+              attackNum: value.count,
+              url: require(`@/assets/privateOrder/general/${value.name}.png`),
+            });
+          });
+          this.onload();
+        })
+        .catch(() => {
+          this.onload();
+        });
     },
     stopAnimate() {
       window.clearInterval(this.timer);

src/views/privateOrder/security/components/componentLeft.vue

@@ -94,11 +94,11 @@
               >
                 <span class="detail-item-title">{{ item.title }}</span>
                 <span class="detail-item-num">{{
-                  item.title == "入侵攻击"
+                  item.title == "挖矿软件"
                     ? monitorForm.rqAttack
-                    : item.title == "恶意扫描"
+                    : item.title == "Web攻击"
                     ? monitorForm.smAttack
-                    : item.title == "僵木蠕病毒"
+                    : item.title == "可疑通信"
                     ? monitorForm.bdAttack
                     : 0
                 }}</span>
@@ -468,20 +468,20 @@ export default {
       ],
       securityMonitor: {
         url: require("@/assets/privateOrder/general/icon-网络攻击.png"),
-        title: "网络攻击(次)",
+        title: "网络攻击(万次)",
         total: 0,
         detail: [
           {
-            title: "入侵攻击",
+            title: "挖矿软件",
-            num: 1455.92,
+            num: 0,
           },
           {
-            title: "恶意扫描",
+            title: "Web攻击",
-            num: 2325.24,
+            num: 0,
           },
           {
-            title: "僵木蠕病毒",
+            title: "可疑通信",
-            num: 796.152,
+            num: 0,
           },
         ],
       },