| | |
| | | style=" |
| | | margin-top: 10px; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | justify-content: left; |
| | | flex-wrap: wrap; |
| | | " |
| | | > |
| | |
| | | " |
| | | > |
| | | <div>{{ item.deviceName }}</div> |
| | | <div>{{ item.street }}</div> |
| | | <div style="width: 80%">{{ item.street }}</div> |
| | | |
| | | <div class="cet"> |
| | | {{ |
| | |
| | | ? "设备预警" |
| | | : item.state == "" |
| | | ? item.onlineStatus == 1 |
| | | ? "设备在线" |
| | | ? "设备正常" |
| | | : "设备掉线" |
| | | : "设备故障" |
| | | }} |
| | |
| | | this.loading = false; |
| | | }, 2000); |
| | | }, |
| | | siteStatus(value, e) { |
| | | console.log(this.radio, value); |
| | | }, |
| | | |
| | | inputSearchBtn() { |
| | | this.getEquipmentLists(); |
| | | }, |
| | |
| | | }); |
| | | } else if (this.radio == "仅显示设备掉线") { |
| | | res.data.data.forEach((item) => { |
| | | if (item.jtype == 1 && item.onlineStatus != 1) { |
| | | f.push(item); |
| | | } else { |
| | | if (item.onlineStatus != 1) b.push(item); |
| | | } |
| | | if (item.onlineStatus != 1) b.push(item); |
| | | }); |
| | | } else if (this.radio == "仅显示设备故障") { |
| | | res.data.data.forEach((item) => { |
| | |
| | | height: 172px !important; |
| | | box-sizing: border-box; |
| | | margin-bottom: 20px !important; |
| | | min-width: 368px; |
| | | max-width: 370px; |
| | | width: 20% !important; |
| | | a { |
| | | width: 100%; |
| | | height: 100%; |