gaoshp
2024-06-18 179136b6d89e4d24c37fc3981848f62b5673495c
src/views/mdc/realtime-status/index.vue
@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-09 22:11:21
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-06-17 13:46:52
 * @LastEditTime: 2024-06-18 18:14:08
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/realtime-status/index.vue
 实时看板
-->
@@ -115,7 +115,9 @@
        mounted() {
         this.getstationlabelList();  //获取标签视图下的list
         this.setIntervalTime();   //十秒增加时间
         this.getSetting(); //设置几行几列
         this.getSetting(); //设置几行几列 ==》获取顶部title
         //this.getprocess(); //获取颜色,获取机器
         this.gettimestatus();  //ws
      },
        methods: {
           getSetting() {
@@ -134,7 +136,7 @@
              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; // 小时转换为毫秒  
@@ -235,7 +237,6 @@
            this.$HTTP.get(`/api/blade-cps/global_wcs/wcs-achievements`).then(res=> {
               if(res.code == 200) {
                  this.allwcs = res.data;
                  this.gettimestatus();
               }
            })
         },
@@ -264,6 +265,7 @@
              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 = "未知";
@@ -271,13 +273,38 @@
                     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";
                           }
                        })
                     }
                  })
@@ -307,15 +334,15 @@
                     }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") {
@@ -326,10 +353,22 @@
                                   }
                                }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 {
                                    if(eventData.data[item1.key]) {
                                       item1.code = eventData.data[item1.key].v;
@@ -341,13 +380,13 @@
                          }
                     });
                   };
                   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);
               }
            })
           },
@@ -357,8 +396,8 @@
                  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";
@@ -368,7 +407,6 @@
                  res.data[3].icon = "Warning";
                  res.data[4].icon = "Odometer";
                  this.devicestatus = res.data;
                  this.getprocess(); //获取颜色,获取机器
               }
            })
           }