From e8c0a91458bf36db6b20bf2abd9a035d8ca466f9 Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Wed, 27 Dec 2017 09:06:24 +0800 Subject: [PATCH] 设备信息 --- src/app/routes/devices/version/version.component.html | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 57 insertions(+), 3 deletions(-) diff --git a/src/app/routes/devices/version/version.component.html b/src/app/routes/devices/version/version.component.html index eca275a..3129a38 100644 --- a/src/app/routes/devices/version/version.component.html +++ b/src/app/routes/devices/version/version.component.html @@ -1,3 +1,57 @@ -<p> - version works1! -</p> +<pro-header [title]="grid.title"></pro-header> +<nz-card [nzBordered]="false"> + <div class="mb-md"> + <button nz-button (click)="add()" [nzType]="'primary'" [nzSize]="'large'"> + <i class="anticon anticon-plus"></i><span>������</span> + </button> + <ng-container *ngIf="grid.selectedIndexs.length > 0"> + <button nz-button [nzSize]="'large'" (click)="remove()">������������</button> + </ng-container> + <nz-input [ngStyle]="{'width': '280px','float':'right'}" [(ngModel)]="queryMap.value" name="" [nzPlaceHolder]="queryMap.text" + (change)="queryTextChanged($event)" ></nz-input> + </div> + <div class="mb-md"> + <nz-alert *ngIf="grid.selectedIndexs.length > 0" [nzType]="'info'" [nzShowIcon]="true"> + <span alert-body> + ���������<strong class="text-primary">{{grid.selectedIndexs.length}}</strong>��� + </span> + </nz-alert> + </div> + <nz-table #nzTable + [nzAjaxData]="grid.data" + [nzTotal]="grid.total" + [(nzPageIndex)]="grid.pageIndex" + [(nzPageSize)]="grid.pageSize" + [nzLoading]="http.loading" + [nzShowTotal]="true" + (nzPageIndexChange)="load()" + (nzDataChange)="dataChange($event)"> + <thead nz-thead> + <tr> + <th nz-th [nzCheckbox]="true"> + <label nz-checkbox [(ngModel)]="grid.allChecked" [nzIndeterminate]="grid.indeterminate" (ngModelChange)="grid.checkAll($event)"></label> + </th> + <th nz-th *ngFor="let col of grid.columns" + [ngStyle]="{'width':col.width,'text-align':col['align'] === undefined?'left':col.align}" > + <span>{{ col.text }}</span> + </th> + </tr> + </thead> + <tbody nz-tbody> + <tr nz-tbody-tr *ngFor="let row of nzTable.data"> + <td nz-td [nzCheckbox]="true"> + <label nz-checkbox [(ngModel)]="row.checked" (ngModelChange)="grid.refreshStatus($event)"></label> + </td> + <td nz-td *ngFor="let col of grid.columns" + [ngStyle]="{'width':col.width,'text-align':col['align'] === undefined?'left':col.align}"> + <span [ngSwitch]="col.type"> + <!-- ������������������������������������ --> + <span *ngSwitchDefault> {{ row[col.name]|tyepHandle:col }} </span> + <!-- ������������������������������������ --> + </span> + </td> + </tr> + </tbody> + </nz-table> + </nz-card> + -- Gitblit v1.8.0