| | |
| | | <el-table-column width="150" property="name" label="名称"> <template slot-scope="scope"> |
| | | {{ scope.row.anchorname }} |
| | | </template></el-table-column> |
| | | <el-table-column width="80" property="address" label="状态"> <template slot-scope="scope"> |
| | | <span v-if="scope.row.onlie == '1'"><img src="../../assets/images/online.png"></span> |
| | | <el-table-column width="120" property="address" label="状态"> <template slot-scope="scope"> |
| | | <!-- <span v-if="scope.row.onlie == '1'"><img src="../../assets/images/online.png"></span> |
| | | <span v-else-if="scope.row.onlie == '0'"><img |
| | | src="../../assets/images/offline.png"></span> |
| | | src="../../assets/images/offline.png"></span> --> |
| | | <span v-if="scope.row.onlie == '1'">在线</span> |
| | | <span v-else-if="scope.row.onlie == '0'">离线</span> |
| | | <span v-else-if="scope.row.onlie == '4'">高精度</span> |
| | | <span v-else-if="scope.row.onlie == '6'">超阈值告警</span> |
| | | <span v-else-if="scope.row.onlie == '7'">非高精度告警</span> |
| | | </template></el-table-column> |
| | | <el-table-column width="150" property="address" label="时间"> <template slot-scope="scope"> |
| | | <span>{{ scope.row.addtime }}</span> |
| | |
| | | <el-table-column width="150" property="name" label="名称"> <template slot-scope="scope"> |
| | | {{ scope.row.anchorname }} |
| | | </template></el-table-column> |
| | | <el-table-column width="80" property="address" label="状态"> <template slot-scope="scope"> |
| | | <span v-if="scope.row.onlie == '1'"><img src="../../assets/images/online.png"></span> |
| | | <el-table-column width="120" property="address" label="状态"> <template slot-scope="scope"> |
| | | <!-- <span v-if="scope.row.onlie == '1'"><img src="../../assets/images/online.png"></span> |
| | | <span v-else-if="scope.row.onlie == '0'"><img |
| | | src="../../assets/images/offline.png"></span> |
| | | src="../../assets/images/offline.png"></span> --> |
| | | <span v-if="scope.row.onlie == '1'">在线</span> |
| | | <span v-else-if="scope.row.onlie == '0'">离线</span> |
| | | <span v-else-if="scope.row.onlie == '4'">高精度</span> |
| | | <span v-else-if="scope.row.onlie == '6'">超阈值告警</span> |
| | | <span v-else-if="scope.row.onlie == '7'">非高精度告警</span> |
| | | </template></el-table-column> |
| | | <el-table-column width="150" property="address" label="时间"> <template slot-scope="scope"> |
| | | <span>{{ scope.row.addtime }}</span> |
| | |
| | | <el-table-column width="150" property="name" label="名称"> <template slot-scope="scope"> |
| | | {{ scope.row.anchorname }} |
| | | </template></el-table-column> |
| | | <el-table-column width="80" property="address" label="状态"> <template slot-scope="scope"> |
| | | <span v-if="scope.row.onlie == '1'"><img src="../../assets/images/online.png"></span> |
| | | <el-table-column width="120" property="address" label="状态"> <template slot-scope="scope"> |
| | | <!-- <span v-if="scope.row.onlie == '1'"><img src="../../assets/images/online.png"></span> |
| | | <span v-else-if="scope.row.onlie == '0'"><img |
| | | src="../../assets/images/offline.png"></span> |
| | | src="../../assets/images/offline.png"></span> --> |
| | | |
| | | <span v-if="scope.row.onlie == '1'">在线</span> |
| | | <span v-else-if="scope.row.onlie == '0'">离线</span> |
| | | <span v-else-if="scope.row.onlie == '4'">高精度</span> |
| | | <span v-else-if="scope.row.onlie == '6'">超阈值告警</span> |
| | | <span v-else-if="scope.row.onlie == '7'">非高精度告警</span> |
| | | </template></el-table-column> |
| | | <el-table-column width="150" property="address" label="离线时间"> <template slot-scope="scope"> |
| | | <span>{{ scope.row.addtime }}</span> |
| | |
| | | </el-table-column> --> |
| | | <el-table-column label="设备状态" width="160" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.onlie == '1'"><img src="../../assets/images/online.png"></span> |
| | | <span v-else-if="scope.row.onlie == '0'"><img src="../../assets/images/offline.png"></span> |
| | | <!-- <span v-if="scope.row.onlie == '1'"><img src="../../assets/images/online.png"></span> |
| | | <span v-else-if="scope.row.onlie == '0'"><img src="../../assets/images/offline.png"></span> --> |
| | | <span v-if="scope.row.onlie == '1'">在线</span> |
| | | <span v-else-if="scope.row.onlie == '0'">离线</span> |
| | | <span v-else-if="scope.row.onlie == '4'">高精度</span> |
| | | <span v-else-if="scope.row.onlie == '6'">超阈值告警</span> |
| | | <span v-else-if="scope.row.onlie == '7'">非高精度告警</span> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="卫星数" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.gpsnum }}</span> |
| | | <span>{{ scope.row.gpsnum+"/"+scope.row.gpsstate }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="分析时间" align="center"> |
| | |
| | | </el-form> --> |
| | | |
| | | <div class="lineChart" v-if="dialogVisible" style="background-color:rgb(8, 17, 56) ;"> |
| | | <span style=" display: flex;justify-content: center;align-items: center;font-size: 25px;margin-top: 20px;"> {{ temp.anchorname+"-" +temp.tagid+"变化趋势图"}}</span> |
| | | <span |
| | | style=" display: flex;justify-content: center;align-items: center;font-size: 25px;margin-top: 20px;"> |
| | | {{ |
| | | temp.anchorname + "-" + temp.tagid+"变化趋势图"}}</span> |
| | | |
| | | <el-button type="text" class="monitor_left_bnt" |
| | | style="position: absolute;right: 20px;top: 0;font-size: 25px;" |
| | |
| | | // this.total = response.data.total |
| | | // this.listLoading = false |
| | | // }) |
| | | setTimeout(() => { |
| | | this.fetchData() |
| | | }, 10000); |
| | | }, |
| | | //右侧数据 |
| | | monitordata() { |
| | |
| | | }) |
| | | setTimeout(() => { |
| | | this.monitordata() |
| | | }, 15000); |
| | | }, 10000); |
| | | }, |
| | | resetTemp() { |
| | | this.temp = Object.assign({}, _temp) |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | |
| | | #index { |
| | | color: #d3d6dd; |
| | | // width: 118%; |
| | |
| | | height: 80px; |
| | | background: url(../../assets/images/topright.png) no-repeat; |
| | | } |
| | | |
| | | .right { |
| | | position: absolute; |
| | | top: 100px; |
| | |
| | | margin-top: 69px; |
| | | margin-left: 68px; |
| | | } |
| | | |
| | | .el-radio__input { |
| | | white-space: nowrap; |
| | | cursor: pointer; |
| | |
| | | background-color: rgb(8, 17, 56); |
| | | color: #fff; |
| | | } |
| | | .dpradio::v-deep.el-radio__input, .el-radio__input { |
| | | |
| | | .dpradio::v-deep.el-radio__input, |
| | | .el-radio__input { |
| | | white-space: nowrap; |
| | | cursor: pointer; |
| | | outline: none; |
| | |
| | | position: relative; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | // 表头边框 |
| | | ::v-deep .el-table tr { |
| | | background-color: transparent !important; |
| | |
| | | |
| | | |
| | | } |
| | | |
| | | .dpradio.el-radio__input { |
| | | white-space: nowrap; |
| | | cursor: pointer; |
| | |
| | | position: relative; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | .page { |
| | | // width: 100%; |
| | | height: 20%; |