| | |
| | | ></wrapper-title> --> |
| | | <div class="table-content" ref="tabContent"> |
| | | <div class="table-wrapper"> |
| | | <el-table |
| | | :data="tableData" |
| | | border |
| | | :height="tableHeight" |
| | | :max-height="tableHeight" |
| | | class="rank-table" |
| | | > |
| | | <el-table :data="tableData" border :height="tableHeight" :max-height="tableHeight" class="rank-table"> |
| | | <el-table-column prop="area" label="地区" align="center" width="100"> |
| | | </el-table-column> |
| | | |
| | |
| | | </div> |
| | | </div> |
| | | <div class="tip-num"> |
| | | {{ |
| | | scope.row.faceRate?( |
| | | (scope.row.faceNormalNum / scope.row.faceRate) * |
| | | 100 |
| | | ).toFixed(0)+'%':'--' |
| | | }} |
| | | {{ scope.row.faceRate ? scope.row.faceRate + '%' : '--' }} |
| | | </div> |
| | | </el-tooltip> |
| | | </template> |
| | |
| | | <div class="tip-item"> |
| | | <div class="tip-label">设备异常数:</div> |
| | | <div class="tip-info tip-danger"> |
| | | {{ scope.row.carNormalNum }} |
| | | {{ scope.row.carErrorNum }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="tip-num"> |
| | | {{ |
| | | scope.row.carRate?( |
| | | (scope.row.carNormalNum / scope.row.carRate) * |
| | | 100 |
| | | ).toFixed(0)+'%':'--' |
| | | }} |
| | | {{ scope.row.carRate ? scope.row.carRate + '%' : '--' }} |
| | | </div> |
| | | </el-tooltip> |
| | | </template> |
| | |
| | | <div class="tip-item"> |
| | | <div class="tip-label">设备异常数:</div> |
| | | <div class="tip-info tip-danger"> |
| | | {{ scope.row.videoNormalNum }} |
| | | {{ scope.row.videoErrorNum }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="tip-num"> |
| | | {{ |
| | | scope.row.videoRate?( |
| | | (scope.row.videoNormalNum / scope.row.videoRate) * |
| | | 100 |
| | | ).toFixed(0)+'%':'--' |
| | | }} |
| | | {{ scope.row.videoRate ? scope.row.videoRate + '%' : '--' }} |
| | | </div> |
| | | </el-tooltip> |
| | | </template> |
| | |
| | | border-color: #56739e99 !important; |
| | | } |
| | | |
| | | ::v-deep .el-table th.el-table__cell > .cell { |
| | | ::v-deep .el-table th.el-table__cell>.cell { |
| | | color: #447ed6; |
| | | } |
| | | |
| | |
| | | background-color: transparent !important; |
| | | } |
| | | |
| | | ::v-deep |
| | | .el-table--enable-row-hover |
| | | .el-table__body |
| | | tr:hover |
| | | > td.el-table__cell { |
| | | ::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { |
| | | background-color: #447ed648; |
| | | } |
| | | |