🐞 fix: 修复监视器前端多行高亮bug

backend/view/api.py

@@ -62,6 +62,8 @@ def hello_evm():
             'form': check('form')
         }
     
+    time.sleep(5)
+
     return json.dumps(result)
 
 @api.route("/store", methods=['GET', 'POST'])

frontend/src/App.vue

@@ -8,6 +8,9 @@
 import defaultSetting from './settings'
 export default {
   name: 'App',
+  methods: {
+
+  },
   mounted() {
       let divTemp = document.createElement("title");
       divTemp.innerHTML = defaultSetting.title;

frontend/src/api/index.js

@@ -511,3 +511,10 @@ export function deleteFile(params) {
     data: params,
   });
 }
+
+export function fetchData() {
+  return request({
+    url: "/api/v1/evm_store/evm",
+    method: "get",
+  })
+}

frontend/src/views/system/bytecode-tool.vue

@@ -29,6 +29,7 @@
   </div>
 </template>
 <script>
+import { fetchData } from "@/api/index";
 import { postByteCodeFile } from "@/api/app-store";
 
 export default {
@@ -36,6 +37,7 @@ export default {
   data() {
     return {
       fileList: [],
+      page: "bytecode-tool.vue"
     };
   },
   methods: {
@@ -92,9 +94,36 @@ export default {
           this.$message.error(err.message);
         });
     },
+    fetchData() {
+      console.log("请求已经发送")
+      fetchData()
+        .then((res) => {
+          console.log("打印来自bytecode-tool.vue");
+          console.log(res);
+        })
+        .catch((err) => {
+          console.log(this.page)
+          this.test()
+          console.log("打印来自bytecode-tool.vue");
+          console.log(err);
+        });
+
+      setTimeout(function() {
+        console.log("bytecode-tool timeout")
+      }, 3000)
+
+      setInterval(function() {
+        console.log("bytecode-tool interval") 
+      }, 4000)
+    },
+    test() {
+      console.log("byecode-tool.vue test function")
+    },
   },
   mounted() {},
-  created() {},
+  created() {
+    this.fetchData();
+  },
 };
 </script>
 <style lang="scss" scoped>

frontend/src/views/system/evue.vue

@@ -29,6 +29,7 @@
   </div>
 </template>
 <script>
+import { fetchData } from "@/api/index";
 import { postByteCodeFile } from "@/api/app-store";
 
 export default {
@@ -92,9 +93,21 @@ export default {
           this.$message.error(err.message);
         });
     },
+    fetchData() {
+      fetchData()
+        .then((res) => {
+          console.log("打印来自evue.vue")
+          console.log(res);
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
   },
   mounted() {},
-  created() {},
+  created() {
+    this.fetchData()
+  },
 };
 </script>
 <style lang="scss" scoped>

frontend/src/views/system/monitor.vue

@@ -966,8 +966,8 @@ export default {
         uris.push(item.uri);
       });
       m.image &&
-        m.image.forEach((item) => {
-          if (item.png_uncompressed_size > 0) {
+        m.image.forEach((item, index) => {
+          if (m.image.length - 1 === index) {
             item.highlight = true;
           } else {
             item.highlight = false;
@@ -977,9 +977,9 @@ export default {
           if (target) {
             target.length = item.length;
             target.png_total_count = item.png_total_count;
-            target.highlight = false;
+            target.highlight = item.highlight;
             if (item.png_uncompressed_size) {
-              target.highlight = true;
+              // target.highlight = true;
               if (item.png_uncompressed_size !== target.png_uncompressed_size) {
                 target.png_uncompressed_size = item.png_uncompressed_size;
                 if (this.pngShowMode) this.pngList = item.png_detail || [];

frontend/src/views/system/tool.vue

@@ -46,6 +46,7 @@ export default {
       inputString: null,
       outputString: null,
       filename: "app.js",
+      page: "tools.vue"
     };
   },
   methods: {
@@ -88,6 +89,9 @@ export default {
           this.$message.error(err.message);
         });
     },
+    test() {
+      console.log("tool.vue test function")
+    }
   },
   mounted() {},
   created() {},