| | |
| | | <!-- |
| | | * @Date: 2024-04-09 22:11:21 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-10-06 22:31:43 |
| | | * @LastEditTime: 2024-10-07 00:51:38 |
| | | * @FilePath: /mdc/Users/mache/Documents/demo/cps-web/src/views/mdc/realtime-status/index.vue |
| | | 实时看板 |
| | | --> |
| | |
| | | this.$HTTP.post(`/api/blade-cps/workstation/real-time-status?current=${this.current || 0}&size=${this.size || 6}`, obj).then(res => { |
| | | if (res.code == 200) { |
| | | var ids = []; |
| | | console.log(this.allwcs, res.data) |
| | | res.data.records.forEach(item => { |
| | | ids.push(item.id); |
| | | if (item.properties != null && item.properties.length != 0) { |
| | |
| | | that.$TOOL.socket.sendDataToWebSocket(obj); //发送 |
| | | } |
| | | }, 500); |
| | | var num = 0; |
| | | //var num = 0; |
| | | var intervalId; |
| | | this.$TOOL.socket.websocket.onmessage = function (event) { |
| | | num++; |
| | | //num++; |
| | | var eventData = JSON.parse(event.data); |
| | | if(Object.keys(eventData.data).length == 0) return; |
| | | if (that.timestatus.length == 0) return; //没值不用循环 |
| | | that.timestatus.forEach((item, index) => { //第一步把v放到code里 |
| | | if (eventData.id == item.id) { |
| | |
| | | } |
| | | item.properties.forEach((item1, index1) => { |
| | | if (item1.key == "DeviceStatus") { //机器状态 |
| | | if (item1.value == "2") { |
| | | that.allwcs.forEach(item2 => { |
| | | if (item2.code == item1.value) { |
| | | item1.color = item2.color; |
| | | item1.code = item2.name; |
| | | } |
| | | }) |
| | | } else { |
| | | item1.color = "#75C0C0"; |
| | | } |
| | | that.allwcs.forEach(item2 => { |
| | | if (item2.code == item1.value) { |
| | | item1.color = item2.color; |
| | | item1.code = item2.name; |
| | | } |
| | | }) |
| | | } else { |
| | | if (item1.key == 'Alarm') { //报警 |
| | | if (eventData.data[item1.key]) { |
| | |
| | | } else { |
| | | item1.name = v[0].code; |
| | | item1.code = v[0].msg; |
| | | that.allwcs.forEach(item2 => { |
| | | if (item2.name == "报警") { |
| | | item1.color = item2.color; |
| | | } |
| | | }) |
| | | } |
| | | } else { |
| | | item1.name = v.code; |
| | | item1.code = v.msg; |
| | | that.allwcs.forEach(item2 => { |
| | | if (item2.name == "报警") { |
| | | item1.color = item2.color; |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | } else { |
| | | if (eventData.data[item1.key]) { |
| | | item1.code = eventData.data[item1.key].v; |
| | | item1.color = "#75C0C0"; |
| | | } |
| | | } |
| | | that.allwcs.forEach(item2 => { |
| | | if (item2.name == "报警") { |
| | | item1.color = item2.color; |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | }); |
| | | }; |
| | | console.log(this.timestatus,214) |
| | | // var len = res.data.records.length; |
| | | // intervalId = setInterval(function() { |
| | | // if (num === len) { |
| | |
| | | font-weight: 700; |
| | | font-size: 16px; |
| | | color: #333; |
| | | width: 33%; |
| | | width: 26%; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |