| | |
| | | :key="index" |
| | | > |
| | | <a href="javascript:void(0);" @click.stop="goToDetails(item)"> |
| | | <el-card |
| | | <!-- <el-card |
| | | :style=" |
| | | item.jtype == 1 |
| | | ? 'background: #F34A4Ae6' |
| | |
| | | : 'background: #C9C9C9e6' |
| | | : 'background: #F48F57e6' |
| | | " |
| | | > --> |
| | | <el-card |
| | | :style=" |
| | | item.dtype == 0 |
| | | ? 'background: #C9C9C9e6' |
| | | : item.dtype == 1 |
| | | ? 'background: #1DBB99e6' |
| | | : item.dtype == 2 |
| | | ? 'background: #F34A4Ae6' |
| | | : item.dtype == 3 |
| | | ? 'background: #F48F57e6' |
| | | : '' |
| | | " |
| | | > |
| | | <div>{{ item.deviceName }}</div> |
| | | <div style="width: 80%">{{ item.street }}</div> |
| | | |
| | | <div class="cet"> |
| | | <!-- <div class="cet"> |
| | | {{ |
| | | item.jtype == 1 |
| | | ? "设备预警" |
| | |
| | | ? "设备正常" |
| | | : "设备掉线" |
| | | : "设备故障" |
| | | }} |
| | | </div> --> |
| | | |
| | | <div class="cet"> |
| | | {{ |
| | | item.dtype == 0 |
| | | ? "设备掉线" |
| | | : item.dtype == 1 |
| | | ? "设备正常" |
| | | : item.dtype == 2 |
| | | ? "设备预警" |
| | | : item.dtype == 3 |
| | | ? "设备故障" |
| | | : "" |
| | | }} |
| | | </div> |
| | | |
| | |
| | | f = []; |
| | | if (this.radio == "全部") { |
| | | res.data.data.forEach((item) => { |
| | | if (item.jtype == 1) { |
| | | if (item.dtype == 1) { |
| | | f.push(item); |
| | | } else { |
| | | if (item.state != "") a.push(item); |
| | | if (item.state == "" && item.onlineStatus == 1) c.push(item); |
| | | if (item.state == "" && item.onlineStatus != 1) b.push(item); |
| | | if (item.dtype == 0) a.push(item); |
| | | if (item.dtype == 2) c.push(item); |
| | | if (item.dtype == 3) b.push(item); |
| | | } |
| | | }); |
| | | } else if (this.radio == "仅显示预警设备") { |
| | | res.data.data.forEach((item) => { |
| | | if (item.jtype == 1) c.push(item); |
| | | if (item.dtype == 2) c.push(item); |
| | | }); |
| | | } else if (this.radio == "仅显示设备掉线") { |
| | | res.data.data.forEach((item) => { |
| | | if (item.onlineStatus != 1) b.push(item); |
| | | if (item.dtype == 0) b.push(item); |
| | | }); |
| | | } else if (this.radio == "仅显示设备故障") { |
| | | res.data.data.forEach((item) => { |
| | | if (item.state != "") a.push(item); |
| | | if (item.dtype == 3) a.push(item); |
| | | }); |
| | | } |
| | | // if (this.radio == "全部") { |
| | | // res.data.data.forEach((item) => { |
| | | // if (item.jtype == 1) { |
| | | // f.push(item); |
| | | // } else { |
| | | // if (item.state != "") a.push(item); |
| | | // if (item.state == "" && item.onlineStatus == 1) c.push(item); |
| | | // if (item.state == "" && item.onlineStatus != 1) b.push(item); |
| | | // } |
| | | // }); |
| | | // } else if (this.radio == "仅显示预警设备") { |
| | | // res.data.data.forEach((item) => { |
| | | // if (item.jtype == 1) c.push(item); |
| | | // }); |
| | | // } else if (this.radio == "仅显示设备掉线") { |
| | | // res.data.data.forEach((item) => { |
| | | // if (item.onlineStatus != 1) b.push(item); |
| | | // }); |
| | | // } else if (this.radio == "仅显示设备故障") { |
| | | // res.data.data.forEach((item) => { |
| | | // if (item.state != "") a.push(item); |
| | | // }); |
| | | // } |
| | | |
| | | var d = f.concat(a.concat(c.concat(b))); |
| | | |