预警平均确认速度排行新增标题,确认时间占比字体修改为红色
| | |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .avue-data-cardText .item-footer span:nth-child(2) { |
| | | color: red; |
| | | } |
| | | |
| | | //预警类型占比 |
| | | .alarmTypePro { |
| | | background-color: #ffffff; |
| | |
| | | top: 24px; |
| | | } |
| | | |
| | | //预警平均速度排行 |
| | | //预警平均确认速度排行 |
| | | .confirmAverageSpeed { |
| | | background-color: #ffffff; |
| | | width: 35%; |
| | |
| | | left: 64.4%; |
| | | } |
| | | |
| | | .confirmAverageSpeedTitle span { |
| | | position: relative; |
| | | left: 5%; |
| | | top: 20px; |
| | | } |
| | | |
| | | .confirmAverageSpeed .avue-crud { |
| | | width: 90%; |
| | | position: relative; |
| | |
| | | </div> |
| | | <!-- 预警平均确认速度排行 --> |
| | | <div class="confirmAverageSpeed"> |
| | | <div class="confirmAverageSpeedTitle"><span>预警平均确认速度排行</span></div> |
| | | <avue-crud :data="confirmAverageSpeedData" :option="confirmAverageSpeedOption"></avue-crud> |
| | | </div> |
| | | <!-- 预警时间分布 --> |
| | |
| | | }) |
| | | }, |
| | | |
| | | //预警平均速度排行(table) |
| | | //预警平均确认速度排行(table) |
| | | confirmAverageSpeedStatis(data){ |
| | | var that = this; |
| | | that.confirmAverageSpeedData=[ |
| | |
| | | } |
| | | ]; |
| | | that.confirmAverageSpeedOption={ |
| | | title:'表格的标题', |
| | | title:'预警平均确认速度排行', |
| | | titleSize:'h3', |
| | | titleStyle:{ |
| | | color:'red' |