<!--<page-header>-->
  <!--<nz-alert *ngIf="base.locker === '1.0' && base.tiltWarn" nzType="success" nzBanner="true" nzMessage="铁塔运行正常,未发生异常报警!" nzShowIcon></nz-alert>-->
  <!--<nz-alert *ngIf="base.locker !== '1.0'" nzType="error" nzBanner="true" nzMessage="铁塔门未正常关闭,请及时查看!" nzShowIcon></nz-alert>-->
  <!--<nz-alert *ngIf="!base.tiltWarn" nzType="error" nzBanner="true" nzMessage="铁塔倾斜异常,请及时查看!" nzShowIcon></nz-alert>-->
  <!--<sv-container size="small" col="2">-->
    <!--<sv label="名称">{{base.towerName}}</sv>-->
    <!--<sv label="搭建时间">{{base.createTime}}</sv>-->
    <!--<sv label="倾斜角度" [type]="base.tiltWarn ? 'success' : 'danger'"><span style="font-weight: 600;font-size: 18px;">{{base.tilt}}(°)</span></sv>-->
    <!--<sv label="门状态" [type]="base.locker === '1.0' ? 'success' : 'danger'"><span style="font-weight: 600;font-size: 18px;">{{base.locker === '1.0' ? '正常-关' : '异常-开'}}</span></sv>-->
    <!--<sv label="温度">{{base.temp}}(℃)</sv>-->
    <!--<sv label="湿度">{{base.humid}}(%rH)</sv>-->
    <!--<sv label="网关剩余电量">{{base.bat}}(%)</sv>-->
    <!--<sv label="数据最后更新时间">{{base.lastTime | date: 'yyyy-MM-dd HH:mm:ss'}}</sv>-->
  <!--</sv-container>-->
<!--</page-header>-->
<div class="topDetailHeader">
  <div class="leftPart">
    <div class="oneLine" *ngFor="let one of leftItems">
      <img class="oneIcon" [src]="'../../../../../assets/img/' + one.icon + '.png' ">
      <div class="oneLabel">{{one.label}}</div>
      <div class="oneValue">{{base[one.value]}}{{one.per ? '(' + one.per + ')' : ''}}</div>
    </div>
  </div>
  <div class="rightPart">
    <div class="rightLine per100">
      <img class="rightIcon" [src]="!base.tiltWarn || !base.locker || base.locker !== '1.0' ? '../../../../../assets/img/8.png' : '../../../../../assets/img/5.png'">
      <div [class]="!base.tiltWarn || !base.locker || base.locker !== '1.0' ? 'rightLabel danger' : 'rightLabel success'">{{!base.tiltWarn ? '铁塔倾斜异常,请及时查看' : !base.locker || base.locker !== '1.0' ? '铁塔门状态异常,请及时查看' : '铁塔运行正常,未发生异常报警'}}</div>
    </div>
    <div class="rightLine per50">
      <img class="rightIcon" [src]="!base.tiltWarn ? '../../../../../assets/img/9.png' : '../../../../../assets/img/6.png'">
      <span class="descLabel">倾斜角度</span>
      <div [class]="!base.tiltWarn ? 'rightLabel danger' : 'rightLabel success'">{{base.tilt}}(°)</div>
    </div>
    <div class="rightLine per50">
      <img class="rightIcon" [src]="!base.locker || base.locker !== '1.0' ? '../../../../../assets/img/10.png' : '../../../../../assets/img/7.png'">
      <span class="descLabel">门状态</span>
      <div [class]="!base.locker || base.locker !== '1.0' ? 'rightLabel danger' : 'rightLabel success'">{{base.locker === '1.0' ? '正常-关' : '异常-开'}}</div>
    </div>
  </div>
</div>
<nz-card [nzBordered]="false">
  <nz-card-tab>
    <nz-tabset nzSize="large">
      <nz-tab nzTitle="一周内">
        <div class="echartsPart" echarts [options]="weektilt"></div>
        <div class="echartsPart" echarts [options]="weektemp"></div>
        <div class="echartsPart" echarts [options]="weekhumid"></div>
      </nz-tab>
      <nz-tab nzTitle="一月内">
        <div class="echartsPart" echarts [options]="monthtilt"></div>
        <div class="echartsPart" echarts [options]="monthtemp"></div>
        <div class="echartsPart" echarts [options]="monthhumid"></div>
      </nz-tab>
    </nz-tabset>
  </nz-card-tab>
</nz-card>
