<div class="detailFull">
  <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>
</div>
