From 39ea49edce74ae063ca0afd9b2966f861e256a3e Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Tue, 17 Apr 2018 13:18:36 +0800 Subject: [PATCH] ts fix,组织报警间隔时间设置 --- src/app/routes/systems/organization/organization-config/organization-config.component.html | 93 +++++++++++++++++++++------------------------- 1 files changed, 43 insertions(+), 50 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 b5a2a48..c86d7d5 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 @@ -8,7 +8,7 @@ <label nz-checkbox formControlName="_allChecked" [nzIndeterminate]="indeterminate" (ngModelChange)="checkAll($event)"></label> </th> <th nz-th> - ��������������� + ���������������(������) </th> <th nz-th> ������ @@ -19,77 +19,58 @@ <th nz-th> ������ </th> - <th nz-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 nz-tbody> - <tr nz-tbody-tr *ngFor="let row of nzTable.data"> + <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="{{row.key}}_enable"></label> + <label nz-checkbox formControlName="enable"></label> </td> - <td> + <td nz-td> <span> - {{ row.name }} + {{ row.name }}({{ row.unit }}) </span> </td> - <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 nz-form-control nzHasFeedback> - <nz-input formControlName="{{row.key}}_level_increment_1" maxlength="20" nzDisabled="{{ !f.value[row.key+'_enable'] }}"></nz-input> + <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> - <div nz-form-item> - <div nz-form-control nzHasFeedback> - <nz-input formControlName="{{row.key}}_level_increment_2" maxlength="20" nzDisabled="{{ !f.value[row.key+'_enable'] }}" - validateGreater></nz-input> - </div> + <td nz-td style="padding-top: 0;"> + <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> - <div nz-form-item> - <div nz-form-control nzHasFeedback> - <nz-input formControlName="{{row.key}}_level_increment_3" maxlength="20" nzDisabled="{{ !f.value[row.key+'_enable'] }}"></nz-input> + <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> - <td> - <div nz-form-item> - <div nz-form-control nzHasFeedback> - <nz-input formControlName="{{row.key}}_level_degression_1" maxlength="20" nzDisabled="{{ !f.value[row.key+'_enable'] }}"></nz-input> - </div> - </div> - </td> - <td> - <div nz-form-item> - <div nz-form-control nzHasFeedback> - <nz-input formControlName="{{row.key}}_level_degression_2" maxlength="20" nzDisabled="{{ !f.value[row.key+'_enable'] }}"></nz-input> - </div> - </div> - </td> - <td> - <div nz-form-item> - <div nz-form-control nzHasFeedback> - <nz-input formControlName="{{row.key}}_level_degression_3" maxlength="20" nzDisabled="{{ !f.value[row.key+'_enable'] }}"></nz-input> - </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="������������"> - <label nz-checkbox formControlName="mode_enable"> + <nz-card [nzBordered]="false" nzTitle="������������" formGroupName="alarmMode"> + <label nz-checkbox formControlName="enable"> <span>������������</span> </label> <div [ngStyle]="{'margin-left': '20%'}"> @@ -97,7 +78,7 @@ <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"> + <div nz-form-label nz-col [nzSm]="4" [nzXs]="24"> <span [ngSwitch]="i"> <label *ngSwitchCase="1">������������������:</label> <label *ngSwitchCase="2">������������������:</label> @@ -105,8 +86,8 @@ </span> </div> <div nz-form-control nz-col [nzSpan]="12" nzHasFeedback> - <nz-select formControlName="mode_level{{i}}" [nzMode]="'multiple'" [nzPlaceHolder]="'������ ������������'" [nzNotFoundContent]="'������������'" - nzDisabled="{{ !f.value['mode_enable'] }}"> + <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> @@ -115,9 +96,21 @@ <br/> <br/> </div> + <br/> + <div nz-form-item nz-row class="mb-sm"> + <div nz-form-label nz-col [nzSm]="5" [nzXs]="24"> + <span [ngSwitch]="i"> + <label>������������������<small>(������������)</small>:</label> + </span> + </div> + <div nz-form-control nz-col [nzSpan]="12"> + <nz-input-number style="width: 200px;" formControlName="interval" [nzParser]="parserInt" nzMin="1" nzStep="1" nzDisabled="{{ !f.value['alarmMode']['enable'] }}"></nz-input-number> + </div> + </div> </div> </nz-card> - <footer-toolbar ng-content = '������������' errorCollect> + <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> -- Gitblit v1.8.0