
<div class="env-detail-content">
  <h1 class="main-title-detail">状态</h1>
  <div class="card-div" *ngIf="devices.length > 0">
    <ion-card *ngFor="let device of devices" class="card" color="white">
      <ion-card-header class="cardTitle">
        <ion-card-title class="cardHeader">
          <div style="width: 100%">
            <div style="float:left; display: inline-block">
              <img src="../../assets/img/water-channel.png" class="modelState" style="margin-right: 5px !important;"></div>
            <div style="width:88%; float:left; display: inline-block;padding-top: 2px;" class="font-content-title">{{device .fieldDeviceName}}</div>
          </div>
        </ion-card-title>
      </ion-card-header>

      <ion-card-content class="cardContent" style="margin-top:5px;">
        <div style="width:100%; overflow: hidden;">
          <span class="font-content">当前功率 ：      </span> <span class="main-color font-input">      {{device.kw}} KW<br></span>
        </div>
        <div style="width:100%; overflow: hidden;">
          <span class="font-content">估计加热设备台数 ：   </span> <span class="main-color font-input">  {{device.deviceOnlineNum}} 台</span>
        </div>
      </ion-card-content>
    </ion-card>
  </div>
</div>
