| | |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | |
| | | <script> |
| | | import { mapGetters } from "vuex"; |
| | | import axios from "axios"; |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getData(); |
| | | //this.getData(); |
| | | this.websocketStart(); |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["website", "keyCollapse"]), |
| | |
| | | methods: { |
| | | getData() { |
| | | var that = this; |
| | | |
| | | axios({ |
| | | url: "/api/blade-jfpts/alarm/alarm/getLimit", |
| | | method: "get", |
| | |
| | | this.ofX = e.offsetX; |
| | | this.ofY = e.offsetY; |
| | | }, |
| | | |
| | | //启动websocket |
| | | websocketStart(){ |
| | | if (!window.WebSocket) { |
| | | window.WebSocket = window.MozWebSocket; |
| | | } |
| | | if (window.WebSocket) { |
| | | //https |
| | | //window.socket = new WebSocket("wss://web.byisf.com/wss/websocket/"); |
| | | |
| | | //http |
| | | window.socket = new WebSocket("ws://localhost:9034/websocket"); |
| | | |
| | | window.socket.onmessage = function (event) { |
| | | }; |
| | | |
| | | window.socket.onopen = function (event) { |
| | | }; |
| | | |
| | | window.socket.onclose = function (event) { |
| | | }; |
| | | } else { |
| | | console.log("WebSocket连接没有建立成功!!"); |
| | | } |
| | | |
| | | setTimeout(function () { |
| | | |
| | | window.clearTimeout(window.websockPing); |
| | | |
| | | if(!window.WebSocket){ |
| | | return; |
| | | } |
| | | if(window.socket.readyState == WebSocket.OPEN){ |
| | | |
| | | var userId = JSON.parse( |
| | | window.localStorage.getItem("物联网安保云服务平台-userInfo") |
| | | ).content.user_id; |
| | | |
| | | window.socket.send(userId); |
| | | |
| | | //开启心跳传送 |
| | | window.websockPing = setInterval(function () { |
| | | window.socket.send("ping"); |
| | | },20000); |
| | | |
| | | |
| | | }else{ |
| | | console.log("WebSocket连接没有建立成功!!"); |
| | | } |
| | | }, 2000); |
| | | |
| | | |
| | | |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | |
| | | <style lang="scss"> |
| | | .fade-leave-active { |
| | | transition: opacity 0.2s; |
| | |
| | | height: calc(100% - 44px); |
| | | box-sizing: border-box; |
| | | } |
| | | </style> |
| | | </style> |