screen_demo3.git

			@@ -4,144 +4,143 @@
			<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>
			<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>
			<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>
			<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>
			<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>
			</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;">
			<div nz-form-label nz-col [nzSm]="24" style="text-align: center;">
			<h2 *ngIf="deviceVersions.length == 0">该组织下没有设备或者没有可选型号</h2>
			</div>
			</div>