| | |
| | | <div class="app-container"> |
| | | <el-card class="box-card" v-show="index !== 'image_resource_security'"> |
| | | <el-row style="display: flex; flex-direction: row; align-items: center" justify="space-between"> |
| | | <div style="margin-right: 20px;font-size: 18px">{{ruleName}}</div> |
| | | <div v-if="cardList && cardList.length > 0" v-for="card in cardList" style="display: flex;flex-direction: row; margin-right: 50px;align-items: center" :key="card.label"> |
| | | <div style="font-size: 18px;min-width: 200px">{{ruleName}}</div> |
| | | <div v-if="cardList && cardList.length > 0" v-for="card in cardList" style="display: flex;flex-direction: row; margin-right: 50px;margin-left: 20px;align-items: center" :key="card.label"> |
| | | <div> |
| | | <div class="icon-container"> |
| | | <i :class="card.icon"></i> |
| | | </div> |
| | | </div> |
| | | <div v-if="card.dataList && card.dataList.length > 0"> |
| | | <div v-if="card.dataList && card.dataList.length > 0" style="display: flex; flex-direction: row"> |
| | | <div v-if="data" v-for="(data, index) in card.dataList" class="dashboard-item" :key="data.label"> |
| | | <div style="color: #5C9BF8;margin-bottom: 20px;font-size: 20px">{{ tableData.count[index] }}</div> |
| | | <div>{{ data.label }}</div> |
| | |
| | | justify-content: center; |
| | | align-items: center; |
| | | width: 150px; |
| | | margin: 0 30px; |
| | | } |
| | | </style> |
| | |
| | | { |
| | | icon: 'el-icon-wind-power', |
| | | dataList: [ |
| | | { |
| | | label: "平台数" |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | |
| | | { |
| | | icon: 'el-icon-wind-power', |
| | | dataList: [ |
| | | { |
| | | label: 'IP异常数' |
| | | }, |
| | | { |
| | | label: 'MAC地址异常数' |
| | | }, |
| | | { |
| | | label: '经度异常数' |
| | | }, |
| | | { |
| | | label: '纬度异常数' |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | icon: 'el-icon-wind-power', |
| | | dataList: [ |
| | | { |
| | | label: '已联网' |
| | | label: 'IP异常数' |
| | | }, |
| | | { |
| | | label: '未联网' |
| | | label: 'MAC地址异常数' |
| | | }, |
| | | { |
| | | label: '视频监控' |
| | | label: '经度异常数' |
| | | }, |
| | | { |
| | | label: '车辆识别' |
| | | }, |
| | | { |
| | | label: '人员识别' |
| | | label: '纬度异常数' |
| | | }, |
| | | ] |
| | | } |
| | |
| | | icon: 'el-icon-wind-power', |
| | | dataList: [ |
| | | { |
| | | label: '已联网' |
| | | label: 'IP异常数' |
| | | }, |
| | | { |
| | | label: '未联网' |
| | | label: 'MAC地址异常数' |
| | | }, |
| | | { |
| | | label: '视频监控' |
| | | label: '经度异常数' |
| | | }, |
| | | { |
| | | label: '车辆识别' |
| | | label: '纬度异常数' |
| | | }, |
| | | { |
| | | label: '人员识别' |
| | | }, |
| | | |
| | | ] |
| | | } |
| | | ], |
| | |
| | | icon: 'el-icon-wind-power', |
| | | dataList: [ |
| | | { |
| | | label: '已联网' |
| | | label: '设备总数' |
| | | }, |
| | | { |
| | | label: '未联网' |
| | | }, |
| | | { |
| | | label: '视频监控' |
| | | }, |
| | | { |
| | | label: '车辆识别' |
| | | }, |
| | | { |
| | | label: '人员识别' |
| | | }, |
| | | // { |
| | | // label: '已联网' |
| | | // }, |
| | | // { |
| | | // label: '未联网' |
| | | // }, |
| | | // { |
| | | // label: '视频监控' |
| | | // }, |
| | | // { |
| | | // label: '车辆识别' |
| | | // }, |
| | | // { |
| | | // label: '人脸识别' |
| | | // }, |
| | | ] |
| | | } |
| | | ], |
| | |
| | | icon: 'el-icon-wind-power', |
| | | dataList: [ |
| | | { |
| | | label: '已联网' |
| | | label: '点位名称标注正确数' |
| | | }, |
| | | { |
| | | label: '未联网' |
| | | label: '点位名称标注错误数' |
| | | }, |
| | | { |
| | | label: '视频监控' |
| | | label: 'osd时间标注正确数' |
| | | }, |
| | | { |
| | | label: '车辆识别' |
| | | }, |
| | | { |
| | | label: '人员识别' |
| | | }, |
| | | |
| | | label: 'osd时间标注错误数' |
| | | } |
| | | ] |
| | | } |
| | | ], |
| | |
| | | icon: 'el-icon-wind-power', |
| | | dataList: [ |
| | | { |
| | | label: '已联网' |
| | | label: 'osd时间标注正确数' |
| | | }, |
| | | { |
| | | label: '未联网' |
| | | }, |
| | | { |
| | | label: '视频监控' |
| | | }, |
| | | { |
| | | label: '车辆识别' |
| | | }, |
| | | { |
| | | label: '人员识别' |
| | | }, |
| | | |
| | | label: 'osd时间标注错误数' |
| | | } |
| | | ] |
| | | } |
| | | ], |
| | |
| | | { |
| | | icon: 'el-icon-wind-power', |
| | | dataList: [ |
| | | { |
| | | label: '设备总数' |
| | | }, |
| | | // { |
| | | // label: '已联网' |
| | | // }, |
| | |
| | | icon: 'el-icon-truck', |
| | | dataList: [ |
| | | { |
| | | label: '正常' |
| | | }, |
| | | { |
| | | label: '无数据' |
| | | }, |
| | | { |
| | | label: '数据突降' |
| | | }, |
| | | { |
| | | label: '数据量少' |
| | | label: '设备总数' |
| | | }, |
| | | ] |
| | | } |
| | |
| | | ], |
| | | card: [ |
| | | { |
| | | icon: 'el-icon-truck', |
| | | icon: 'el-icon-wind-power', |
| | | dataList: [ |
| | | |
| | | { |
| | | label: 'IP异常数' |
| | | }, |
| | | { |
| | | label: 'MAC地址异常数' |
| | | }, |
| | | { |
| | | label: '经度异常数' |
| | | }, |
| | | { |
| | | label: '纬度异常数' |
| | | }, |
| | | ] |
| | | } |
| | | ], |