| | |
| | | <p>8<span> / 24</span></p> |
| | | </div> |
| | | <div> |
| | | <p>监控点</p> |
| | | <p>监控站点</p> |
| | | <p>20</p> |
| | | </div> |
| | | <!-- |
| | |
| | | |
| | | <div nz-row [nzGutter]="24" class="pt-lg" style="margin-top: -24px;"> |
| | | <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6"> |
| | | <chart-card [title]="'监控仪台数'" total="{{totalDeviceCount | number: '1.0'}}" contentHeight="46px" [action]="action1" [footer]="footer1"> |
| | | <chart-card [title]="'监控仪台数'" total="{{totalDeviceCount | number: '1.0'}}" contentHeight="46px" [action]="action1" [footer]="footer1" |
| | | [loading]="deviceCountLoading"> |
| | | <ng-template #action1> |
| | | <nz-tooltip [nzTitle]="'包括最近一年已安装的监控仪设备的总台数'"> |
| | | <nz-icon nz-tooltip nzType="info-circle-o"></nz-icon> |
| | |
| | | </chart-card> |
| | | </div> |
| | | <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6"> |
| | | <chart-card [title]="'正常运行占比'" total="78%" contentHeight="46px" [action]="action2" [footer]="footer2"> |
| | | <chart-card [title]="'正常运行占比'" [total]="operNormalPercent + '%'" contentHeight="46px" [action]="action2" [footer]="footer2" |
| | | [loading] = "operationLoading"> |
| | | <ng-template #action2> |
| | | <nz-tooltip [nzTitle]="'当前处于正常运行状态的监控设备的占比'"> |
| | | <nz-icon nz-tooltip nzType="info-circle-o"></nz-icon> |
| | | </nz-tooltip> |
| | | </ng-template> |
| | | <mini-progress height="46" percent="78" strokeWidth="8" target="80" color="#13C2C2"></mini-progress> |
| | | <mini-progress height="46" [percent]="operNormalPercent" strokeWidth="8" target="80" color="#13C2C2"></mini-progress> |
| | | <ng-template #footer2> |
| | | <div class="d-flex justify-content-between"> |
| | | <trend flag="up">周同比<span class="pl-sm">8%</span></trend> |
| | | <trend flag="down">日环比<span class="pl-sm">2%</span></trend> |
| | | <trend flag="up">维保占比<span class="pl-sm">8%</span></trend> |
| | | <trend flag="down">故障占比<span class="pl-sm">2%</span></trend> |
| | | </div> |
| | | </ng-template> |
| | | </chart-card> |
| | | </div> |
| | | <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6"> |
| | | <chart-card [title]="'报警次数'" total="2,847" contentHeight="46px" [action]="action3" [footer]="footer3"> |
| | | <chart-card [title]="'月度报警总数'" [total]="alarmCountCurrMonth" [loading]="alarmCountLoading" contentHeight="46px" [action]="action3" [footer]="footer3"> |
| | | <ng-template #action3> |
| | | <nz-tooltip [nzTitle]="'最近一年所属设备的报警次数统计'"> |
| | | <nz-icon nz-tooltip nzType="info-circle-o"></nz-icon> |
| | |
| | | <mini-area |
| | | color="#975FE4" |
| | | height="46" |
| | | [data]="data.visitData"></mini-area> |
| | | [data]="alarmCountList"></mini-area> |
| | | <ng-template #footer3> |
| | | <p class="text-truncate">月度报警次数:<span class="ml-sm">1,234</span></p> |
| | | <p class="text-truncate">当天报警总数:<span class="ml-sm">{{ alarmCountCurrDay }}</span></p> |
| | | </ng-template> |
| | | </chart-card> |
| | | </div> |