| <div class="modal-header"> | 
|     <div class="modal-title">配置-传感器单位</div> | 
| </div> | 
| <form [formGroup]="validateForm" (ngSubmit)="save($event,validateForm.value,validateForm.valid)" nz-form [nzType]="'horizontal'"> | 
|     <div nz-form-item nz-row class="mb-sm"> | 
|       <div nz-form-label nz-col [nzSm]="7" [nzXs]="24"> | 
|         <label nz-form-item-required>类别</label> | 
|       </div> | 
|       <div nz-form-control nz-col [nzSpan]="5" nzHasFeedback> | 
|            <label>{{ data.name }}</label> | 
|       </div> | 
|       <div nz-form-label nz-col [nzSm]="2" [nzXs]="24"> | 
|           <label nz-form-item-required>原单位</label> | 
|       </div> | 
|       <div nz-form-control nz-col [nzSpan]="5" nzHasFeedback> | 
|              <label>{{ data.unit }}</label> | 
|       </div> | 
|     </div> | 
|     <div nz-form-item nz-row class="mb-sm"> | 
|       <div nz-form-label nz-col [nzSm]="7" [nzXs]="24"> | 
|         <label nz-form-item-required>单位名称</label> | 
|       </div> | 
|       <div nz-form-control nz-col [nzSpan]="10" nzHasFeedback> | 
|         <nz-input formControlName="name" maxlength="20" [nzPlaceHolder]="'名称'"> | 
|         </nz-input> | 
|       </div> | 
|     </div> | 
|     <div nz-form-item nz-row class="mb-sm"> | 
|       <div nz-form-label nz-col [nzSm]="7" [nzXs]="24"> | 
|         <label nz-form-item-required>计算规则</label> | 
|       </div> | 
|       <div nz-form-control nz-col [nzSpan]="10"> | 
|           <nz-select formControlName="_rule-operator"  style="width: 18%"> | 
|             <nz-option *ngFor="let option of operatorOptions" [nzLabel]="option.label" [nzValue]="option.value"> | 
|             </nz-option> | 
|           </nz-select> | 
|           <nz-input-number formControlName="_rule-value" style="width: 20%" [nzMin]="0.000001" maxlength="20" [nzStep]="0.000001"></nz-input-number>   | 
|           <button nz-button style="left: 1px;" [nzType]="'default'" (click) = "addRule($event)"><i class="anticon anticon-plus"></i></button>            | 
|       </div> | 
|     </div> | 
|     <div nz-form-item nz-row class="mb-sm"> | 
|       <div nz-col [nzSm]="7" [nzXs]="24"> | 
|       </div> | 
|       <div nz-form-control nz-col [nzSpan]="9" nzHasFeedback> | 
|         <nz-input  nzReadonly = "true" formControlName="_rules" maxlength="10000" [nzPlaceHolder]="'(通过上面选择框添加规则)'"> | 
|         </nz-input>         | 
|       </div> | 
|       <div nz-col [nzSpan]="3" style="padding-left: 8px;padding-top: 2px;"> | 
|         <button nz-button [nzType]="'default'" (click) = "clearRules($event)"><i class="anticon anticon-close"></i></button> | 
|       </div> | 
|     </div> | 
|     <div nz-row class="mb-sm"> | 
|         <div nz-col [nzSm]="7" [nzXs]="24"> | 
|         </div> | 
|         <div nz-col [nzSpan]="10" style="text-align:right;"> | 
|           <button nz-button [nzType]="'default'" (click)="reset($event)">重置条件</button> | 
|           <button nz-button [nzType]="'primary'" [nzLoading]="isSaving"> | 
|             <span *ngIf="getValueFormControl('id') !== null">保存编辑</span> | 
|             <span *ngIf="getValueFormControl('id') === null">添加单位</span> | 
|           </button> | 
|         </div> | 
|     </div> | 
|   </form> | 
|   <div nz-row class="mb-sm"> | 
|     <div nz-col [nzSm]="5" [nzXs]="24"> | 
|     </div> | 
|     <div nz-col [nzSm]="13" [nzXs]="24"> | 
|       <div style="display: block;overflow-y:auto; width:100%;max-height:200px;border: 0;padding: 0;margin: 0"> | 
|       <div *ngFor="let item of dataList" nz-row class="mb-sm" style="padding:4px 0 0 0;border-top: 2px dotted #e9e9e9;"> | 
|         <div nz-col [nzSm]="8" [nzXs]="24"> | 
|            <label>{{item.name}}</label> | 
|         </div> | 
|         <div nz-col [nzSm]="12" [nzXs]="24"> | 
|             <label>{{ rulesToShow(item.rules) }}</label> | 
|         </div> | 
|         <div nz-col [nzSm]="4" [nzXs]="24"> | 
|             <a (click)="toEdit(item)">编辑</a> | 
|             <span> | </span> | 
|             <nz-popconfirm [nzTitle]="'确定要删除?'" [nzOkText]="'Yes'" [nzCancelText]="'No'" (nzOnConfirm)="delete(item.id)" > | 
|               <a nz-popconfirm>删除</a> | 
|           </nz-popconfirm> | 
|         </div> | 
|     </div>     | 
|   </div> |