From 43e7ed40c26afa535aba24b1c9ddc1b87b607d8d Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Mon, 05 Mar 2018 09:26:26 +0800 Subject: [PATCH] 报表查看 --- src/app/routes/systems/organization/organization-config/organization-config.component.html | 170 ++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 108 insertions(+), 62 deletions(-) diff --git a/src/app/routes/systems/organization/organization-config/organization-config.component.html b/src/app/routes/systems/organization/organization-config/organization-config.component.html index a4c3222..cf95cce 100644 --- a/src/app/routes/systems/organization/organization-config/organization-config.component.html +++ b/src/app/routes/systems/organization/organization-config/organization-config.component.html @@ -1,67 +1,113 @@ -<form> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <p>111111111111111111111111111<br/> - 222222222222222222222222222<br/> - 333333333333333333333333333<br/> - </p> - <footer-toolbar errorCollect> +<form nz-form [formGroup]="validateForm" (ngSubmit)="save($event,validateForm.value,validateForm.valid)" [nzLayout]="'vertical'" + #f="ngForm"> + <nz-card [nzBordered]="false" nzTitle="��������������������������������������������� ������������ ������������������������)"> + <nz-table #nzTable [nzDataSource]="grid.data" [nzPageSize]="10" [nzLoading]="grid.loading" [nzShowTotal]="true"> + <thead nz-thead> + <tr> + <th nz-th [nzCheckbox]="true"> + <label nz-checkbox formControlName="_allChecked" [nzIndeterminate]="indeterminate" (ngModelChange)="checkAll($event)"></label> + </th> + <th nz-th> + ���������������(������) + </th> + <th nz-th> + ������ + </th> + <th nz-th> + ������ + </th> + <th nz-th> + ������ + </th> + <th nz-th [ngStyle]="{'width': '72px'}"> + ������������ + </th> + <th nz-th> + <span *ngIf="hasDegression">������������</span> + </th> + <th nz-th> + <span *ngIf="hasDegression">������������</span> + </th> + <th nz-th> + <span *ngIf="hasDegression">������������</span> + </th> + </tr> + </thead> + <tbody formGroupName="alarmLevels" nz-tbody> + <tr nz-tbody-tr *ngFor="let row of nzTable.data" formGroupName="{{row.sensorKey}}"> + + <td nz-td [nzCheckbox]="true"> + <label nz-checkbox formControlName="enable"></label> + </td> + <td nz-td> + <span> + {{ row.name }}({{ row.unit }}) + </span> + </td> + <td nz-td formArrayName="increment" *ngFor="let in of validateForm.get('alarmLevels.'+row.sensorKey+'.increment').controls; index as i"> + <div nz-form-item> + <div style="width:100px;" nz-form-control nzHasFeedback> + <nz-input-number style="width: 100%;" [formControlName]="i" maxlength="20" nzDisabled="{{ !f.value['alarmLevels'][row.sensorKey]['enable'] }}"></nz-input-number> + </div> + </div> + </td> + <td nz-td style="padding-top:0px;"> + <div nz-form-control> + <nz-switch formControlName="degressEnable" (click)="refreshHasDegression(f.value['alarmLevels'][row.sensorKey]['degressEnable'])" + nzDisabled="{{ !f.value['alarmLevels'][row.sensorKey]['enable'] }}"></nz-switch> + </div> + </td> + <td nz-td formArrayName="degression" *ngFor="let in of validateForm.get('alarmLevels.'+row.sensorKey+'.degression').controls; index as i"> + <div *ngIf="f.value['alarmLevels'][row.sensorKey]['degressEnable']" nz-form-item> + <div style="width:100px;" nz-form-control nzHasFeedback> + <nz-input-number style="width: 100%;" [formControlName]="i" maxlength="20" nzDisabled="{{ !f.value['alarmLevels'][row.sensorKey]['enable'] }}"></nz-input-number> + </div> + </div> + </td> + </tr> + </tbody> + </nz-table> + </nz-card> + <div [ngStyle]="{'background-color':'#f5f7fa','width':'110%','left':'-5%','height':'20px','position':'relative'}"></div> + <nz-card [nzBordered]="false" nzTitle="������������" formGroupName="alarmMode"> + <label nz-checkbox formControlName="enable"> + <span>������������</span> + </label> + <div [ngStyle]="{'margin-left': '20%'}"> + <br/> + <br/> + <br/> + <div *ngFor="let i of [1,2,3]" nz-form-item nz-row class="mb-sm"> + <div nz-form-label nz-col [nzSm]="3" [nzXs]="24"> + <span [ngSwitch]="i"> + <label *ngSwitchCase="1">������������������:</label> + <label *ngSwitchCase="2">������������������:</label> + <label *ngSwitchCase="3">������������������:</label> + </span> + </div> + <div nz-form-control nz-col [nzSpan]="12" nzHasFeedback> + <nz-select formControlName="{{ 'level'+i }}" [nzMode]="'multiple'" [nzPlaceHolder]="'������ ������������'" [nzNotFoundContent]="'������������'" + nzDisabled="{{ !f.value['alarmMode']['enable'] }}"> + <nz-option *ngFor="let option of alarmModes" [nzLabel]="option.label" [nzValue]="option.value" [nzDisabled]="option.disabled"> + </nz-option> + </nz-select> + </div> + <br/> + <br/> + <br/> + </div> + </div> + </nz-card> + <footer-toolbar errorCollect> + <span [ngStyle]="{'color':'red','width':'300px','margin-right':'40px'}">{{ errorMessage }}</span> + <label>���������������</label> + <span [ngStyle]="{'font-size': '16px','font-weight': 'bold','margin-right':'30px'}">{{ organization.name }}</span> <button nz-button type="button" (click)="backToList()">������</button> <button nz-button [nzType]="'primary'" [nzLoading]="isSaving"> - <span> - ������ - <span *ngIf="isSaving">���</span> - </span> + <span> + ������ + <span *ngIf="isSaving">���</span> + </span> </button> </footer-toolbar> </form> -- Gitblit v1.8.0