<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>
    <v-alarm-bar></v-alarm-bar>
    <div class="seePart">
        <v-sub-title title="监测信息"></v-sub-title>
        <PullToRefresh [direction]="state.direction"
                       [(ngModel)]="state.refreshState"
                       [endReachedRefresh]="state.endReachedRefresh"
                       (onRefresh)="pullToRefresh($event)"
        >
            <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>

            <!--counts: 1-->
            <!--factoryName: "一厂"-->
            <!--factoryNo: "FN108050436279648256"-->
            <!--fieldRegionDataVos: Array(1)-->
            <!--0:-->
            <!--fieldRegionName: "test"-->
            <!--fieldRegionNo: "123"-->
            <!--liquidLevel: "6.2"-->
            <!--state: 1-->
            <!--temp: "26.5"-->
            <Accordion [accordion]="true" [defaultActiveKey]="'0'">
                <AccordionPanel *ngFor="let one of data; let i = index;"
                                [key]="i" [header]="one.factoryName">
                    <List className="my-list">
                        <ListItem *ngFor="let two of one.fieldRegionDataVos">
                            {{two.fieldRegionName}}
                        </ListItem>
                    </List>
                </AccordionPanel>
            </Accordion>
        </PullToRefresh>
    </div>
</div>
