<div class="mainCon">
    <ion-slides style="width: 100%;height: 200px;" mode="ios"
                [options]="lunbo" #slide (ionSlideTouchEnd)="slideDidChange()">
        <ion-slide class="slideCon" *ngFor="let one of imgs">
            <div class="inBox">
                <img [src]="'../../../assets/lunbo/' + one">
            </div>
        </ion-slide>
    </ion-slides>
    <!--<div class="one" *ngFor="let one of alarms, let i = index">-->
        <!--<NoticeBar [option]="{'content': (i + 1) + '. ' + one, 'font': '14px'}">-->
        <!--</NoticeBar>-->
    <!--</div>-->
    <!--<div class="alarmPart">-->
        <!--<v-sub-title title="消息提醒"></v-sub-title>-->
        <!--<div class="one" *ngFor="let one of alarms, let i = index" [ngClass]="{'redColor': i === 0}">{{i + 1}}-->
            <!--.{{one}}</div>-->
    <!--</div>-->
    <div class="seePart">
        <v-sub-title title="监测信息"></v-sub-title>
        <div class="item" *ngFor="let item of items" (click)="toControl(item.url)">
            <div class="left">{{item.name}}</div>
            <div class="right">
                <div class="block1">液位: {{item.yewei}}m</div>
                <div class="block2 canClick">控制</div>
                <div class="gekai"></div>
                <div class="block3" *ngIf="item.isNB">
                    南水 <span [ngClass]="{'sucCir': item.nan, 'errCir': !item.nan}"></span>&nbsp;&nbsp;
                    北水 <span [ngClass]="{'sucCir': item.bei, 'errCir': !item.bei}"></span>
                    <!--状态: {{item.nan === 1 ? '开' : '关'}}/{{item.bei === 1 ? '开' : '关'}}-->
                </div>
                <!--<div class="block4">设备状态 <span [ngClass]="{'sucCir': item.state, 'errCir': !item.state}"></span></div>-->
            </div>
        </div>
    </div>
</div>
