<ion-header>
  <ion-toolbar>
    <ion-title>牛舍环境质量分析</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content  color='light' style="height: 100%">

  <ion-item lines="full">
    <ion-label>请选择牛舍</ion-label>
    <ion-select multiple="false" cancelText="取消" okText="确认" (ionChange)="selFarmEvent()">
      <ion-select-option *ngFor="let a of cowFarm" value="a.value">{{a.name}}</ion-select-option>
    </ion-select>
  </ion-item>
  <h1 style="
            font-size: 16px;
            padding-left: 5px;
            border-left: 5px solid #28c9bd;
            line-height: 25px;
            margin-bottom: 5px;">分析结果</h1> <span [ngClass]="{'perfect': analResult === '优','good': analResult === '良','bad': analResult === '差'}">{{analResult}}</span>

  <h1 style="
            font-size: 16px;
            padding-left: 5px;
            border-left: 5px solid #28c9bd;
            line-height: 25px;
            margin-bottom: 5px;">近8个小时环境参数曲线</h1>

  <h1 style="
            font-size: 16px;
            padding-left: 5px;
            border-left: 5px solid #28c9bd;
            line-height: 25px;
            margin-bottom: 5px;">近8个小时环境参数表</h1>
</ion-content>
