<ion-toolbar mode="ios" style="--color: #1890ff;padding: 0 15px;border-bottom: 2px solid #1890ff;">
    <ion-buttons slot="start">
        <i class="icofo iofanhui" style="font-size: 22px" (click)="toList()"></i>
    </ion-buttons>
    <ion-title>
        {{item.name}} - 详情
    </ion-title>
</ion-toolbar>
<ion-content style="font-size: 14px">
    <div class="header">
        <div class="card">
            <div class="middle">
                <i class="icofo ioxihuan icon"></i>
                <div class="left">
                    <img src="../../../assets/icon/favicon.png">
                </div>
                <div class="right">
                    <div class="item">
                        设备名称: {{item.x}}
                    </div>
                    <div class="item">
                        设备编号: {{item.y}}
                    </div>
                    <div class="item">
                        报警次数: {{item.z}}
                    </div>
                </div>
                <div class="rightBtn">
                    <div [class]="item.online === 1 ? 'tag online' : 'tag offline'">
                        {{item.online === 1 ? '在线' : '离线'}}
                    </div>
                    <div class="tag error" *ngIf="item.error === 1" style="margin-top: 5px">
                        故障
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="divideDiv"></div>
    <div class="pieCharts">
        <div echarts [options]="pie1" class="pieChart"></div>
        <div echarts [options]="pie2" class="pieChart"></div>
        <div echarts [options]="pie3" class="pieChart"></div>
    </div>
    <div class="divideDiv"></div>
    <div class="lineCharts">
        <div echarts [options]="line1" class="lineChart"></div>
        <div echarts [options]="line2" class="lineChart"></div>
        <div echarts [options]="line3" class="lineChart"></div>
    </div>
</ion-content>
