From 9200567a17b5a567ed14529fa0208618b4867938 Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Thu, 05 Jul 2018 16:03:25 +0800 Subject: [PATCH] 设备型号配置优化 --- src/app/routes/devices/version/version-sensor-config/version-sensor-config.component.html | 86 +++++++++++++++++++++++++----------------- 1 files changed, 51 insertions(+), 35 deletions(-) diff --git a/src/app/routes/devices/version/version-sensor-config/version-sensor-config.component.html b/src/app/routes/devices/version/version-sensor-config/version-sensor-config.component.html index b12c73c..39170e9 100644 --- a/src/app/routes/devices/version/version-sensor-config/version-sensor-config.component.html +++ b/src/app/routes/devices/version/version-sensor-config/version-sensor-config.component.html @@ -1,39 +1,55 @@ <div class="modal-header"> - <div class="modal-title">���������������</div> + <div class="modal-title">���������������</div> </div> -<nz-table #nzTable [nzDataSource]="grid.data" [nzPageSize]="8" - [nzLoading]="grid.loading" [nzShowTotal]="true"> - <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> - <nz-table-sort *ngIf="col.isSort" [(nzValue)]="col.sort" (nzValueChange)="sort(col.name,$event)"></nz-table-sort> - </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:row }} </span> - <!-- ������������������������������������ --> - </span> - </td> - </tr> - </tbody> -</nz-table> +<nz-row nzGutter="0"> + <nz-col nzSpan="24" style="height: 520px;"> + <nz-table #nzTable [nzDataSource]="gridDataImage" [nzPageSize]="8" [nzLoading]="grid.loading" [nzShowTotal]="true"> + <thead nz-thead> + <tr> + <th nz-th> + </th> + <th nz-th *ngFor="let col of grid.columns;let i = index;" [ngStyle]="{'width':col.width,'text-align':col['align'] === undefined?'left':col.align}"> + <span>{{ col.text }}</span> + <ng-container *ngIf="i === 0"> + <span> + {{ '('+selectedCount+'/'+grid.data.length+')' }} + </span> + <nz-table-sort [(nzValue)]="col.sort" (nzValueChange)="sort(col.name,$event)"></nz-table-sort> + <nz-dropdown [nzTrigger]="'click'" [nzClickHide]="false"> + <i class="anticon anticon-search ant-table-filter-icon" nz-dropdown></i> + <div nz-dropdown-custom class="custom-filter-dropdown"> + <nz-input [nzPlaceHolder]="'������������'" [ngModel]="searchValue" (ngModelChange)="setSearchValue($event)"></nz-input> + </div> + </nz-dropdown> + </ng-container> + </th> + </tr> + </thead> + <tbody nz-tbody> + <ng-container *ngFor="let row of nzTable.data"> + <tr nz-tbody-tr> + <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:row }} </span> + <!-- ������������������������������������ --> + </span> + </td> + </tr> + </ng-container> + </tbody> + </nz-table> + </nz-col> +</nz-row> <div class="modal-footer"> - <button nz-button type="button" (click)="close()">������</button> - <button nz-button [nzType]="'primary'" (click)="save($event,null,null)" [nzLoading]="isSaving"> - <span > - ������<span *ngIf="isSaving" >���</span> - </span> - </button> + <button nz-button type="button" (click)="close()">������</button> + <button nz-button [nzType]="'primary'" (click)="save($event,null,null)" [nzLoading]="isSaving"> + <span> + ������ + <span *ngIf="isSaving">���</span> + </span> + </button> </div> -- Gitblit v1.8.0