<ng-container *ngIf="!!deviceVersions.length; else elseTemplate">
|
<nz-tabset [nzTabPosition]="'left'" [(nzSelectedIndex)]="selectedIndex" (nzSelectedIndexChange)="swapTab()">
|
<nz-tab *ngFor="let tab of deviceVersions">
|
<ng-template #nzTabHeading>
|
{{tab.name}}
|
</ng-template>
|
<nz-spin [nzSpinning]="isSpinning">
|
<form *ngIf="!!deviceVersions.length" nz-form>
|
<nz-card [nzBordered]="false" nzTitle="待选区({{surplusSensors.length}})">
|
<div nz-form-item nz-row>
|
<ng-container *ngFor="let sensor of surplusSensors,index as i">
|
<div nz-form-control nz-col [nzSm]="2">
|
<label>{{ sensor.name }}</label>
|
</div>
|
<div nz-form-control nz-col [nzSm]="4">
|
<nz-dropdown [nzTrigger]="'click'">
|
<a class="ant-dropdown-link" nz-dropdown>
|
移到
|
<i class="anticon anticon-down"></i>
|
</a>
|
<ul nz-menu>
|
<li nz-menu-item>
|
<a (click)="moveTo(surplusSensors,i,defaultMonitorItems)">
|
默认区
|
</a>
|
</li>
|
<li nz-menu-divider></li>
|
<li nz-menu-item (click)="moveTo(surplusSensors,i,coreMonitorItems)" [nzDisable]="isCoreItemsFull">
|
核心区
|
<span *ngIf="isCoreItemsFull">(已满)</span>
|
</li>
|
</ul>
|
</nz-dropdown>
|
</div>
|
</ng-container>
|
</div>
|
<nz-row nzType="flex" nzJustify="end" nzAlign="top">
|
<nz-col nzSpan="4" >
|
<button (click)="moveAllto(surplusSensors,defaultMonitorItems)" nz-button>全添加到默认区</button>
|
</nz-col>
|
</nz-row>
|
</nz-card>
|
<div nz-form-item nz-row>
|
<div nz-form-control nz-col [nzSm]="8"></div>
|
<div nz-form-control nz-col [nzSm]="8">
|
<label class="display-3">图表显示 :</label>
|
<span class="display-3">{{ chartSensorName }}</span>
|
</div>
|
<div nz-form-control nz-col [nzSm]="8"></div>
|
</div>
|
<nz-card [nzBordered]="false" nzTitle="默认区({{defaultMonitorItems.length}})">
|
<div *ngFor="let sensor of defaultMonitorItems,index as i" nz-form-item nz-row>
|
<div nz-form-control nz-col [nzSm]="6">
|
<label>{{ sensor.name }}</label>
|
</div>
|
<div nz-form-control nz-col [nzSm]="3">
|
<a (click)="itemUp(defaultMonitorItems,i)">上移</a>
|
</div>
|
<div nz-form-control nz-col [nzSm]="3">
|
<a (click)="itemDown(defaultMonitorItems,i)">下移</a>
|
</div>
|
<div nz-form-control nz-col [nzSm]="3">
|
<a (click)="setChartSensorKey(sensor.sensorKey)">设为图表</a>
|
</div>
|
<div nz-form-control nz-col [nzSm]="3">
|
<nz-dropdown [nzTrigger]="'click'">
|
<a class="ant-dropdown-link" nz-dropdown>
|
移到
|
<i class="anticon anticon-down"></i>
|
</a>
|
<ul nz-menu>
|
<li nz-menu-item>
|
<a (click)="moveTo(defaultMonitorItems,i,surplusSensors)">
|
待选区
|
</a>
|
</li>
|
<li nz-menu-divider></li>
|
<li nz-menu-item (click)="moveTo(defaultMonitorItems,i,coreMonitorItems)" [nzDisable]="isCoreItemsFull">
|
核心区
|
<span *ngIf="isCoreItemsFull">(已满)</span>
|
</li>
|
</ul>
|
</nz-dropdown>
|
</div>
|
</div>
|
</nz-card>
|
<nz-card [nzBordered]="false" nzTitle="核心区({{coreMonitorItems.length}}/6)">
|
<div *ngFor="let sensor of coreMonitorItems,index as i" nz-form-item nz-row>
|
<div nz-form-control nz-col [nzSm]="6">
|
<label>{{ sensor.name }}</label>
|
</div>
|
<div nz-form-control nz-col [nzSm]="3">
|
<a (click)="itemUp(coreMonitorItems,i)">上移</a>
|
</div>
|
<div nz-form-control nz-col [nzSm]="3">
|
<a (click)="itemDown(coreMonitorItems,i)">下移</a>
|
</div>
|
<div nz-form-control nz-col [nzSm]="3">
|
<a (click)="setChartSensorKey(sensor.sensorKey)">设为图表</a>
|
</div>
|
<div nz-form-control nz-col [nzSm]="3">
|
<nz-dropdown [nzTrigger]="'click'">
|
<a class="ant-dropdown-link" nz-dropdown>
|
移到
|
<i class="anticon anticon-down"></i>
|
</a>
|
<ul nz-menu>
|
<li nz-menu-item>
|
<a (click)="moveTo(coreMonitorItems,i,surplusSensors)">
|
待选区
|
</a>
|
</li>
|
<li nz-menu-divider></li>
|
<li nz-menu-item (click)="moveTo(coreMonitorItems,i,defaultMonitorItems)">
|
默认区
|
</li>
|
</ul>
|
</nz-dropdown>
|
</div>
|
</div>
|
</nz-card>
|
<nz-card [nzBordered]="false" nzTitle="固定区({{optionalFixedItems.length}})">
|
<div nz-form-item nz-row>
|
<ng-container *ngFor="let sensor of optionalFixedItems,index as i">
|
<div nz-form-control nz-col [nzSm]="2">
|
</div>
|
<div nz-form-control nz-col [nzSm]="4">
|
<label nz-checkbox [ngModel]="isFixedSensorSelected(sensor.sensorKey)"
|
(ngModelChange) = "changeFixedItem( $event, sensor)"
|
name="fixed_{{sensor.sensorKey}}_selected"></label>
|
|
<label>{{ sensor.name }}</label>
|
</div>
|
</ng-container>
|
</div>
|
</nz-card>
|
</form>
|
</nz-spin>
|
</nz-tab>
|
</nz-tabset>
|
</ng-container>
|
<ng-template #elseTemplate>
|
<div nz-form-item nz-row>
|
<div nz-form-label nz-col [nzSm]="24" style="text-align: center;">
|
<h2 *ngIf="deviceVersions.length == 0">该组织下没有设备或者没有可选型号</h2>
|
</div>
|
</div>
|
</ng-template>
|
|
|
<footer-toolbar>
|
<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'" (click)="save()" [nzLoading]="isSaving">
|
<span>
|
保存
|
<span *ngIf="isSaving">中</span>
|
</span>
|
</button>
|
</footer-toolbar>
|
