<ion-header>
</ion-header>

<ion-content color="light" style="height: 100%;">
  <div class="env-detail-content">
    <h1 class="main-title-detail">状态</h1>
    <div class="card-div">
      <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="width:10%; float:left; display: inline-block"><img src="../../assets/img/model-on.png" class="modelState-large"></div>
              <div style="width:88%; float:left; display: inline-block;padding-top: 2px;" class="font-sub-title">{{device .fieldDeviceName}}</div>
            </div>
          </ion-card-title>
        </ion-card-header>

        <ion-card-content class="cardContent font-content" style="margin-top:15px;">
          <span>当前功率 ：      </span> <span style="color:#0bb8cc">      {{device.kw}} KW<br></span>
          <span>估计加热设备台数 ：   </span> <span style="color:#0bb8cc">  {{device.deviceOnlineNum}} 台</span>
        </ion-card-content>
      </ion-card>
    </div>
  </div>
</ion-content>
