大屏布局

fengxiang

2018-06-27 a52dc7a6e7119d575c611f9c2800649dff029f5e

 src/app/routes/systems/organization/organization-config-screen/organization-config-screen.component.html

@@ -1,10 +1,11 @@
<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 nz-form>
                        <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">
@@ -137,6 +138,16 @@
        </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>