组织配置单位和页面显示

fengxiang

2018-06-25 27cd36be226ca2434f06b1ae9e4d43f1fea639ab

 src/app/routes/sensors/basic-info/sensor-unit/sensor-unit.component.html

@@ -1,3 +1,84 @@
<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]="8" [nzXs]="24">
            <label>{{item.rules.replace('{0}','初值')}}</label>
        </div>
        <div nz-col [nzSm]="8" [nzXs]="24">
            <a (click)="toEdit(item)">编辑</a>
            <span>&nbsp;|&nbsp;</span>
            <nz-popconfirm [nzTitle]="'确定要删除?'" [nzOkText]="'Yes'" [nzCancelText]="'No'" (nzOnConfirm)="delete(item.id)" >
              <a nz-popconfirm>删除</a>
          </nz-popconfirm>
        </div>
    </div>    
  </div>