
<ion-header style="background-color: #F3F4F4;" translucent="false">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title class="title">{{fieldRegionName}}告警详情页</ion-title>
  </ion-toolbar>

</ion-header>

<!--<div class="mainCon">-->

<!--</div>-->

<ion-content color="light" style="background-color: #F3F4F4;">
  <ion-segment scrollable style="position: sticky;" (ionChange)="segmentChanged($event)">
    <ion-segment-button value="trouble">
      <ion-label>故障</ion-label>
    </ion-segment-button>
    <ion-segment-button checked value="alarm">
      <ion-label>预警</ion-label>
    </ion-segment-button>
  </ion-segment>
  <ion-item lines="full">
    <ion-label>预警数量</ion-label> <ion-label>2/3</ion-label>
    <ion-select multiple="false" cancelText="取消" okText="确认" [(ngModel)]="workModeSetting.workMode" [(value)]="workModeSetting.workMode"  (ionChange)="workModeEvent()">
      <ion-select-option value="全部">全部</ion-select-option>
      <ion-select-option value="风机">风机</ion-select-option>
      <ion-select-option value="卷帘">卷帘</ion-select-option>
      <ion-select-option value="照明">照明</ion-select-option>
    </ion-select>
  </ion-item>

  <div class="jazz-timeline-wrapper">
    <div class="jazz-timeline thin-timeline">

      <div class="timeline-post" *ngFor="let a of showAlarmList;">
        <div class="timeline-icon icon-larger iconbg-turqoise icon-color-white">
          <div class="icon-placeholder">Dec <span>25</span></div>
          <div class="timeline-bar"></div>
        </div>
        <div class="timeline-content">
          <h1 class="content-title"> {{a.description}} </h1>
          <div class="content-details">
            <p> {{a.troubleTime}} </p>
            <ion-button color="primary" size="small" style="display: inline-block" *ngIf="a.disposeState === 0"  (click)='onRecvClick(a)'>确认修复</ion-button>
            <i class="vo v-yichuli" *ngIf="a.disposeState === 1"></i>
          </div>
        </div><!-- timeline content -->
      </div><!-- .timeline-post -->
    </div>
  </div>
</ion-content>

