fix🐛 修改长时间运行网页崩溃问题

package.json

@@ -20,6 +20,7 @@
     "ol": "^6.1.1",
     "particles.js": "^2.0.0",
     "rimraf": "^3.0.2",
+    "svg.js": "^2.7.1",
     "vue": "^2.6.10",
     "vue-router": "^3.1.3",
     "vuex": "^3.0.1"

src/views/Layout/index.vue

@@ -245,6 +245,9 @@ export default {
   margin-left 25px;
   margin-top:20px;
 }
+.headRight img {
+  cursor pointer
+}
 .logotitle{
   overflow: hidden;
   font-size: 20px;

src/views/ops/equipment_manage.vue

@@ -159,7 +159,7 @@
 </template>
 
 <script>
-import { SVG } from "@svgdotjs/svg.js";
+var SVG = require("svg.js");
 var draw = null;
 var childgroup = null;
 var levalgroup = null;
@@ -209,8 +209,7 @@ export default {
   mounted() {
     this.styleheight = 55 * 6;
     this.subDevData = 0;
-    draw = SVG()
-      .addTo("#drawing")
+    draw = SVG("drawing")
       .size(10000, 10000);
   },
   created() {
@@ -282,6 +281,7 @@ export default {
           .fill({ color: "#fff" }),
           add.tspan(`${data.in_ip}`).newLine();
       });
+      text.dy(-6);
       nested.click(function() {
         let data = this.data("sdv");
         _this.getSubDev(data);
@@ -323,10 +323,11 @@ export default {
         var text = nested.text(function(add) {
           add
             .tspan(`${ele.device_name}`)
-            .newLine()
+            .newLine().dy(120)
             .fill({ color: "#fff" }),
             add.tspan(`${ele.in_ip}`).newLine();
         });
+        text.dy(-6)
         childgroup.add(nested);
         nested.click(function() {
           let data = this.data("childsdv");
@@ -417,6 +418,7 @@ export default {
               .fill({ color: "#fff" }),
               add.tspan(`${ele.in_ip}`).newLine();
           });
+          text.dy(-6);
           levalgroup.add(nested);
           //事件点击
           nested.click(function() {

src/views/sceneManage/eventTab.vue

@@ -20,6 +20,7 @@
   </div>
 </template>
 <script>
+var canvas = document.createElement("canvas");
 // 分类报警
 import Allalarm from "./eventData/allEvent.vue";
 import CarAlarm from "./eventData/carEvent.vue";
@@ -118,7 +119,7 @@ export default {
                   "data:image/jpeg;base64," + data.pics[0].pic_base64;
                 let img = new Image();
                 let picOffset = data.pics[0].object_rect;
-                let canvas = document.createElement("canvas");
+               
                 canvas.width =
                   data.pics[0].width * (picOffset.right - picOffset.left) ||
                   189;