<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="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>
</ion-content>
