1
lzhe
2024-06-19 2af27d3865d6075ae8a22190485e76c97ca8ef9c
1
已修改1个文件
113 ■■■■■ 文件已修改
src/views/mdc/realtime-status/index.vue 113 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
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-19 11:44:55
 * @LastEditTime: 2024-06-19 12:29:46
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/realtime-status/index.vue
 实时看板
-->
@@ -115,9 +115,7 @@
        mounted() {
            this.getstationlabelList();  //获取标签视图下的list
            this.setIntervalTime();   //十秒增加时间
            this.getSetting(); //设置几行几列 ==》获取顶部title
            //this.getprocess(); //获取颜色,获取机器
            this.gettimestatus();  //ws
            this.getprocess(); //获取颜色==》获取顶部title==》设置几行几列==》ws
        },
        methods: {
            getSetting() {
@@ -128,7 +126,7 @@
                        this.column = paramValue.column;
                        this.current = "1";
                        this.size = this.line * this.column;
                        this.getdevicestatus();  //获取顶部title/具体数据
                        this.gettimestatus();  //ws
                    }
                })
            },
@@ -234,9 +232,11 @@
                this.$router.push('/mdc/station-live?code='+item.id);
            },
            getprocess() {  //颜色状态
                this.$HTTP.get(`/api/blade-cps/global_wcs/wcs-achievements`).then(res=> {
                this.$HTTP.get(`/api/blade-cps/global_wcs/list?code=&name=`).then(res=> {
                    if(res.code == 200) {
                        this.allwcs = res.data;
                        this.getdevicestatus();  //获取顶部title/具体数据
                        this.getSetting();   //获取几行几列
                    }
                })
            },
@@ -265,42 +265,26 @@
                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 = [];
                        console.log(this.allwcs,res.data)
                        res.data.records.forEach(item=> {
                            item.statusName = "未知";
                            item.statusStyle = '#ccc';
                            ids.push(item.id);
                            if(item.properties != null) {
                            if(item.properties != null && item.properties.length!=0) {
                                item.properties.forEach(item1=> {
                                    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";
                                    if(item1.key == "DeviceStatus") {
                                        this.allwcs.forEach(item2=> {
                                            if(item2.code == item1.value) {
                                                item1.color = item2.color;
                                            }
                                        })
                                    }
                                })
                            }else {
                                item.statusName = "未知";
                                item.statusStyle = '#ccc';
                            }
                        })
                        this.timestatus = res.data.records;
                        this.total = res.data.total;
                        //发送websocket
                        var obj = {
@@ -332,26 +316,12 @@
                                        var time = moment(eventData.data.DeviceStatus.t).format('YYYY-MM-DD HH:mm:ss');
                                        var diffTime = that.changeTime(time);  //转换成差值(时分秒)
                                        item.time = diffTime;
                                        if(eventData.data.DeviceStatus.v == 1) {
                                            item.statusName = '报警';
                                            item.statusStyle = "#370C0D";
                                        }
                                        if(eventData.data.DeviceStatus.v == 2) {
                                            item.statusName = '运行';
                                            item.statusStyle = "#73D13D";
                                        }
                                        if(eventData.data.DeviceStatus.v == 3) {
                                            item.statusName = "待机";
                                            item.statusStyle = "#FFC53D";
                                        }
                                        if(eventData.data.DeviceStatus.v == 4) {
                                            item.statusName = "离线";
                                            item.statusStyle = "#595959";
                                        }
                                        if(eventData.data.DeviceStatus.v == 5) {
                                            item.statusName = "调试";
                                            item.statusStyle = "#40A9FF";
                                        }
                                        that.allwcs.forEach(item1=> {
                                            if(item1.code == eventData.data.DeviceStatus.v) {
                                                item.statusName = item1.name;
                                                item.statusStyle = item1.color;
                                            }
                                        })
                                    }else{
                                        if(item.time == undefined || item.time == "--") {
                                            var diffTime = "--";
@@ -361,8 +331,12 @@
                                    item.properties.forEach((item1,index1)=> {
                                        if(item1.key == "DeviceStatus") {  //机器状态
                                            if(item1.value == "2") {
                                                item1.color = "#73D13D";
                                                item1.code = "运行";
                                                that.allwcs.forEach(item2=> {
                                                    if(item2.code == item1.value) {
                                                        item1.color = item2.color;
                                                        item1.code = item2.name;
                                                    }
                                                })
                                            }else {
                                                item1.color = "#75C0C0";
                                            }
@@ -376,12 +350,20 @@
                                                        }else {
                                                            item1.name = v[0].code;
                                                            item1.code = v[0].msg;
                                                            item1.color = "#370C0D";
                                                            that.allwcs.forEach(item2=> {
                                                                if(item2.name == "报警") {
                                                                    item1.color = item2.color;
                                                                }
                                                            })
                                                        }
                                                    }else {
                                                        item1.name = v.code;
                                                        item1.code = v.msg;
                                                        item1.color = "#370C0D";
                                                        that.allwcs.forEach(item2=> {
                                                            if(item2.name == "报警") {
                                                                item1.color = item2.color;
                                                            }
                                                        })
                                                    }
                                                }
                                            }else {
@@ -410,17 +392,12 @@
                    if(res.code == 200) {
                        res.data.forEach(item=> {
                            item.active = false;
                            this.allwcs.forEach(item1=> {
                                if(item.status == item1.code) {
                                    item.color = item1.color;
                                }
                            })
                        })
                        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[0].icon = "Position";
                        res.data[1].icon = "Loading";
                        res.data[2].icon = "Clock";
                        res.data[3].icon = "Warning";
                        res.data[4].icon = "Odometer";
                        this.devicestatus = res.data;
                    }
                })