<div class="mainContent">
    <ion-slides #slide style="width: 100%;height: 200px;"
                mode="ios" [options]="options" (ionSlideTouchEnd)="slideDidChange()">
        <ion-slide class="slideCon" *ngFor="let one of imgs">
            <div class="inBox">
                <img [src]="'../../../assets/imgs/' + one">
            </div>
        </ion-slide>
    </ion-slides>
    <div class="partCard">
        <div class="partTitle">
            <i class="icofo iostate"></i>
            <label>设备状态</label>
        </div>
        <div class="partCon">
            <div class="item" *ngFor="let one of items">
                <div class="top">
                    {{one.name}}
                </div>
                <div [class]="'bottom ' + one.color">
                    <div class="left">
                        <i [class]="'icofo ' + one.icon"></i>
                    </div>
                    <div class="right">{{one.num}}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="partCard">
        <div class="partTitle">
            <i class="icofo ioxihuan1"></i>
            <label>关注列表</label>
        </div>
        <div class="partCon">
            <div class="list" *ngFor="let one of list" (click)="toDetail(one)">
                <div class="top">
                    <div class="left">
                        <div class="title">
                            设备名称:
                        </div>
                        <div class="name">
                            {{one.name}}
                        </div>
                    </div>
                    <div class="right">
                        {{one.time | date: 'yyyy-MM-dd HH:mm:ss'}}
                    </div>
                </div>
                <div class="middle">
                    <div class="one" *ngFor="let two of params">
                        <div class="label">{{two.label}}</div>
                        <div class="value">{{one[two.value]}}</div>
                    </div>
                </div>
                <div class="bottom">
                    <div [class]="one.online === 1 ? 'tag online' : 'tag offline'">
                        {{one.online === 1 ? '在线' : '离线'}}
                    </div>
                    <div class="tag error" *ngIf="one.error === 1">
                        故障
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
