ytj

src/pages/system/newOrder/newOrderList/index.vue

       business: false,
       caseid: '',
       websockets: {},
-      interval: () => { }
+      interval: () => { },
+      needReload: true
     }
   },
   computed: {
     })
   },
   mounted () {
-    setTimeout(window.location.reload, 600 * 1000)
+    // setTimeout(window.location.reload, 600 * 1000)
   },
   beforeRouteLeave (to, from, next) {
     // 导航离开该组件的对应路由时调用
     // 可以访问组件实例 `this`
     console.log(this.websockets)
+    this.needReload = false
     Object.keys(this.websockets).forEach((key) => {
       console.log(key, this.websockets[key])
       this.websockets[key].close()
   },
   methods: {
     init () {
+      this.needReload = false
       Object.keys(this.websockets).forEach((key) => {
         console.log(key, this.websockets[key])
         this.websockets[key].close()
       })
       this.websockets = {}
+      this.needReload = true
       // console.log('init')
       var param = []
       if (!this.CaseId) {
         this.websockets[wsRealPath] = new WebSocket(url)
         this.websockets[wsRealPath].onopen = console.log
         this.websockets[wsRealPath].onmessage = this.websocketonmessage
-        this.websockets[wsRealPath].onclose = console.log
+        this.websockets[wsRealPath].onclose = this.reloadWebSocket
         setInterval(() => this.websockets[wsRealPath].send(10), 120000)
       }
     },
+    reloadWebSocket (e) {
+      console.log(e.currentTarget.url)
+      if (this.needReload) { // 此变量判断是否需要重连
+        this.websockets = {}
+        this.initWebSocket()
+      }
+    },
     open () {
       if (!this.CaseId) {
         this.$message({