From 4c75d3f7678238a61f7c644f2a673896b454525a Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Fri, 20 Jul 2018 13:47:59 +0800 Subject: [PATCH] 添加两个页面 --- src/app/routes/operation/device-status/device-status.component.html | 74 +++++++++++++++++++++++++++++++++++- 1 files changed, 71 insertions(+), 3 deletions(-) diff --git a/src/app/routes/operation/device-status/device-status.component.html b/src/app/routes/operation/device-status/device-status.component.html index d775f47..18ebd9e 100644 --- a/src/app/routes/operation/device-status/device-status.component.html +++ b/src/app/routes/operation/device-status/device-status.component.html @@ -1,4 +1,72 @@ <div class="content__title"> - <h1>Page Name</h1> -</div> -<pro-header [title]="'Page Name'"></pro-header> + <h1> + ������������ + <small>������������������������������������</small> + </h1> + </div> + <nz-card [nzBordered]="false"> + <div nz-row class="mb-sm"> + <div nz-col [nzSpan]="4"> + <button nz-button (click)="addOrModify($event)" [nzType]="'primary'" [nzSize]="'large'"> + <i class="anticon anticon-plus"></i><span>������</span> + </button> + <ng-container *ngIf="selectedRows.length > 0"> + <button nz-button [nzSize]="'large'" (click)="deleteSelected()">������������</button> + </ng-container> + </div> + <div nz-col [nzSpan]="7"> + <span style="padding: 5px 10px;"> + ������: + </span> + <nz-select style="width: 79%;" [(ngModel)]="queryMap.orgId" (ngModelChange)="setOrgId($event)" [nzPlaceHolder]="'������ ������(������������������)'" + nzAllowClear [nzFilter]="false" nzShowSearch (nzSearchChange)="orgSelectChange($event)" [nzNotFoundContent]="'������������'" > + <nz-option *ngFor="let option of orgOptions" [nzLabel]="option.name" [nzValue]="option.id" [nzDisabled]="option.disabled"> + </nz-option> + </nz-select> + </div> + <div nz-col [nzSpan]="7"> + <span style="padding: 5px 10px;"> + ���������: + </span> + <nz-select style="width: 75%;" [(ngModel)]="queryMap.mpointId" (ngModelChange)="setMpointId($event)" [nzPlaceHolder]="'������ ���������������(������������������)'" + nzAllowClear [nzFilter]="false" nzShowSearch (nzSearchChange)="monitorPointChange($event)" [nzNotFoundContent]="'������������'" > + <nz-option *ngFor="let option of monitorPoints" [nzLabel]="option.name" [nzValue]="option.id" [nzDisabled]="option.disabled"> + </nz-option> + </nz-select> + </div> + <div nz-col [nzSpan]="6"> + <nz-input [ngStyle]="{'width': '240px','float':'right'}" [(ngModel)]="queryText" name="" [nzPlaceHolder]="'������������������������������mac'" + (keyup)="queryTextChanged($event)" (change)="queryTextChanged($event)" ></nz-input> + </div> + </div> + <div class="mb-md"> + <nz-alert *ngIf="selectedRows.length > 0" [nzType]="'info'" [nzShowIcon]="true"> + <span alert-body> + ���������<strong class="text-primary">{{selectedRows.length}}</strong>��� + </span> + </nz-alert> + </div> + <simple-table #simpleTable [data]="listUrl" [extraParams]="extraParams" [columns]="columns" [showTotal]="true" + [reqReName]="{pi: 'pageIndex',ps: 'pageSize'}" (checkboxChange)="checkboxChange($event)" [ps]="10" [resReName]="{list: 'data',total: 'total'}"> + <ng-template st-row="state-badge" let-item let-index="index"> + <ng-container [ngSwitch]="item.state"> + <span *ngSwitchCase="'0'"> + <nz-badge [nzStatus]="'success'" [nzText]="'������'"></nz-badge> + </span> + <span *ngSwitchCase="'1'"> + <nz-badge [nzStatus]="'processing'" [nzText]="'������'"></nz-badge> + </span> + <span *ngSwitchCase="'2'"> + <nz-badge [nzStatus]="'warning'" [nzText]="'������'"></nz-badge> + </span> + <span *ngSwitchCase="'3'"> + <nz-badge [nzStatus]="'error'" [nzText]="'������'"></nz-badge> + </span> + <span *ngSwitchDefault> + <nz-badge [nzStatus]="'default'" [nzText]="'������'"></nz-badge> + </span> + </ng-container> + </ng-template> + </simple-table> + </nz-card> + -- Gitblit v1.8.0