<div @fade class="tableBar" style="padding: 0 15px;">
  <div class="backBtnOnTabset" style="top: 10px">
    <app-back [isLoading]="isLoading"></app-back>
  </div>
  <!--<nz-tabset>-->
    <!--<nz-tab nzTitle="传感器">-->
      <div class="subTitle" style="padding-top: 10px">
        {{'gateway' | translate}} {{name}} {{'detail' | translate}}
      </div>
        <nz-table #nzTable
                  [nzData]="deviceData"
                  [nzSize]="'middle'"
                  nzShowSizeChanger
                  [nzShowPagination]="true"
                  [nzLoading]="isLoading">
          <thead nz-thead>
          <tr>
            <th nz-th><span>{{'sensorName' | translate}}</span></th>
            <th nz-th><span>{{'sensorSN' | translate}}</span></th>
            <th nz-th><span>{{'sensorType' | translate}}</span></th>
            <th nz-th><span>{{'createTime' | translate}}</span></th>
            <th nz-th><span>{{'oper' | translate}}</span></th>
          </tr>
          </thead>
          <tbody nz-tbody>
          <tr *ngFor="let one of nzTable.data, let i = index">
            <td nz-td class="canClick" (click)="toDetail(one)">{{one.name}}</td>
            <td nz-td>{{one.sn}}</td>
            <td nz-td>{{one.type}}</td>
            <td nz-td>{{one.createTime | date: 'yyyy-MM-dd HH:mm:ss'}}</td>
            <td nz-td>
              <span (click)="unbind(one)" class="deleteFontColor"> {{'unbind' | translate}}</span>
            </td>
          </tr>
          </tbody>
        </nz-table>
    <!--</nz-tab>-->
    <!--<nz-tab nzTitle="通道">-->
      <!--<div class="subTitle">-->
        <!--{{'gateway' | translate}} {{name}} {{'wayDetail' | translate}}-->
      <!--</div>-->
        <!--<nz-table #nzTable2-->
                  <!--[nzData]="wayData"-->
                  <!--[nzSize]="'middle'"-->
                  <!--nzShowSizeChanger-->
                  <!--[nzShowPagination]="true"-->
                  <!--[nzLoading]="isLoading">-->
          <!--<thead nz-thead>-->
          <!--<tr>-->
            <!--<th nz-th><span>{{'sensorSN' | translate}}</span></th>-->
            <!--<th nz-th><span>{{'wayName' | translate}}</span></th>-->
            <!--<th nz-th><span>{{'wayAlias' | translate}}</span></th>-->
            <!--<th nz-th><span>{{'per' | translate}}</span></th>-->
            <!--<th nz-th><span>{{'wayType' | translate}}</span></th>-->
            <!--<th nz-th><span>{{'max' | translate}}</span></th>-->
            <!--<th nz-th><span>{{'min' | translate}}</span></th>-->
            <!--<th nz-th><span>{{'alarmMax' | translate}}</span></th>-->
            <!--<th nz-th><span>{{'alarmMaxMax' | translate}}</span></th>-->
            <!--<th nz-th><span>{{'alarmMin' | translate}}</span></th>-->
            <!--<th nz-th><span>{{'alarmMinMin' | translate}}</span></th>-->
          <!--</tr>-->
          <!--</thead>-->
          <!--<tbody nz-tbody>-->
          <!--<tr *ngFor="let one of nzTable2.data, let i = index">-->
            <!--<td nz-td>{{one.sn}}</td>-->
            <!--<td nz-td>{{one.name}}</td>-->
            <!--<td nz-td>{{one.alias}}</td>-->
            <!--<td nz-td>{{one.unit}}</td>-->
            <!--<td nz-td>{{one.type}}</td>-->
            <!--<td nz-td>{{one.rangeMax}}</td>-->
            <!--<td nz-td>{{one.rangeMin}}</td>-->
            <!--<td nz-td>{{one.alarmUp}}</td>-->
            <!--<td nz-td>{{one.alarmDown}}</td>-->
            <!--<td nz-td>{{one.upperAlarmLimit}}</td>-->
            <!--<td nz-td>{{one.lowerAlarmLimit}}</td>-->
          <!--</tr>-->
          <!--</tbody>-->
        <!--</nz-table>-->
    <!--</nz-tab>-->
  <!--</nz-tabset>-->
</div>
