| | |
| | | <!-- |
| | | * @Date: 2024-04-09 22:11:21 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-04-09 22:12:14 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-06-18 18:14:08 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/realtime-status/index.vue |
| | | 实时看板 |
| | | --> |
| | |
| | | mounted() { |
| | | this.getstationlabelList(); //获取标签视图下的list |
| | | this.setIntervalTime(); //十秒增加时间 |
| | | this.getSetting(); //设置几行几列 |
| | | this.getSetting(); //设置几行几列 ==》获取顶部title |
| | | //this.getprocess(); //获取颜色,获取机器 |
| | | this.gettimestatus(); //ws |
| | | }, |
| | | methods: { |
| | | getSetting() { |
| | |
| | | function addTime(timeStr) { |
| | | var increaseByMilliseconds = 10 * 1000; // 10秒转换为毫秒 |
| | | // 解析时间字符串为天数、小时、分钟和秒 |
| | | if(timeStr != undefined) { |
| | | if(timeStr != undefined && timeStr != "--") { |
| | | var parts = timeStr.match(/(\d+)天(\d+)时(\d+)分(\d+)秒/); |
| | | var days = parseInt(parts[1], 10) * 24 * 60 * 60 * 1000; // 天数转换为毫秒 |
| | | var hours = parseInt(parts[2], 10) * 60 * 60 * 1000; // 小时转换为毫秒 |
| | |
| | | this.$HTTP.get(`/api/blade-cps/global_wcs/wcs-achievements`).then(res=> { |
| | | if(res.code == 200) { |
| | | this.allwcs = res.data; |
| | | this.gettimestatus(); |
| | | } |
| | | }) |
| | | }, |
| | |
| | | this.timestatus = []; |
| | | this.$HTTP.post(`/api/blade-cps/workstation/real-time-status?current=${this.current}&size=${this.size}`,obj).then(res=> { |
| | | if(res.code == 200) { |
| | | this.timestatus = res.data.records; |
| | | var ids = []; |
| | | res.data.records.forEach(item=> { |
| | | item.statusName = "未知"; |
| | |
| | | ids.push(item.id); |
| | | if(item.properties != null) { |
| | | item.properties.forEach(item1=> { |
| | | this.devicestatus.forEach(item2=> { |
| | | if(item2.status == item1.value) { |
| | | item.statusName = item2.statusName; |
| | | item1.statusName = item2.statusName; |
| | | item.statusStyle = item2.color; |
| | | } |
| | | }) |
| | | // this.devicestatus.forEach(item2=> { |
| | | // if(item2.status == item1.value) { |
| | | // item.statusName = item2.statusName; |
| | | // item1.statusName = item2.statusName; |
| | | // item.statusStyle = item2.color; |
| | | // } |
| | | // }) |
| | | if(item1.value == 1) { |
| | | item.statusName = '报警'; |
| | | item1.statusName = '报警'; |
| | | item.statusStyle = "#370C0D"; |
| | | } |
| | | if(item1.value == 2) { |
| | | item.statusName = '运行'; |
| | | item1.statusName = '运行'; |
| | | item.statusStyle = "#73D13D"; |
| | | } |
| | | if(item1.value == 3) { |
| | | item.statusName = "待机"; |
| | | item1.statusName = "待机"; |
| | | item.statusStyle = "#FFC53D"; |
| | | } |
| | | if(item1.value == 4) { |
| | | item.statusName = "离线"; |
| | | item1.statusName = "离线"; |
| | | item.statusStyle = "#595959"; |
| | | } |
| | | if(item1.value == 5) { |
| | | item.statusName = "调试"; |
| | | item1.statusName = "调试"; |
| | | item.statusStyle = "#40A9FF"; |
| | | } |
| | | }) |
| | | } |
| | | |
| | | }) |
| | | this.total = res.data.total; |
| | | //发送websocket |
| | |
| | | }else { |
| | | var diffTime = "--"; |
| | | } |
| | | if(res.data.records.length == 0) return; //没值不用循环 |
| | | res.data.records.forEach(item=> { //第一步把v放到code里 |
| | | if(that.timestatus.length == 0) return; //没值不用循环 |
| | | that.timestatus.forEach((item,index)=> { //第一步把v放到code里 |
| | | if(eventData.id == item.id) { |
| | | if(item.properties == null) { |
| | | item.properties = []; |
| | | return; |
| | | } |
| | | item.time = diffTime; |
| | | item.properties.forEach(item1=> { |
| | | item.properties.forEach((item1,index1)=> { |
| | | if(item1.key == "DeviceStatus") { //机器状态 |
| | | //item1.code = eventData.data[item1.key].v; |
| | | if(item1.value == "2") { |
| | |
| | | } |
| | | }else { |
| | | if(item1.key == 'Alarm') { //报警 |
| | | var v = JSON.parse(eventData.data[item1.key].v); |
| | | item1.name = v.code; |
| | | item1.code = v.msg; |
| | | item1.color = "#370C0D"; |
| | | if(eventData.data[item1.key]) { |
| | | var v = JSON.parse(eventData.data[item1.key].v); |
| | | if(Array.isArray(v)) { //如果是数组,不赋值 |
| | | if(v.length == 0) { |
| | | res.data.records[index].properties.splice(index1,1); |
| | | }else { |
| | | item1.name = v[0].code; |
| | | item1.code = v[0].msg; |
| | | item1.color = "#370C0D"; |
| | | } |
| | | }else { |
| | | item1.name = v.code; |
| | | item1.code = v.msg; |
| | | item1.color = "#370C0D"; |
| | | } |
| | | } |
| | | }else { |
| | | item1.code = eventData.data[item1.key].v; |
| | | item1.color = "#75C0C0"; |
| | | if(eventData.data[item1.key]) { |
| | | item1.code = eventData.data[item1.key].v; |
| | | item1.color = "#75C0C0"; |
| | | } |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | }); |
| | | }; |
| | | var len = res.data.records.length; |
| | | intervalId = setInterval(function() { |
| | | if (num === len) { |
| | | clearInterval(intervalId); |
| | | that.timestatus = res.data.records; //等所有socket回来以后赋值 |
| | | } |
| | | }, 500); |
| | | // var len = res.data.records.length; |
| | | // intervalId = setInterval(function() { |
| | | // if (num === len) { |
| | | // clearInterval(intervalId); |
| | | // that.timestatus = res.data.records; //等所有socket回来以后赋值 |
| | | // } |
| | | // }, 500); |
| | | } |
| | | }) |
| | | }, |
| | |
| | | res.data.forEach(item=> { |
| | | item.active = false; |
| | | }) |
| | | res.data[0].color = "#73D13D"; |
| | | res.data[1].color = "#370C0D"; |
| | | res.data[0].color = "#370C0D"; |
| | | res.data[1].color = "#73D13D"; |
| | | res.data[2].color = "#FFC53D"; |
| | | res.data[3].color = "#595959"; |
| | | res.data[4].color = "#40A9FF"; |
| | |
| | | res.data[3].icon = "Warning"; |
| | | res.data[4].icon = "Odometer"; |
| | | this.devicestatus = res.data; |
| | | this.getprocess(); //获取颜色,获取机器 |
| | | } |
| | | }) |
| | | } |