ShangHaiYuan-AnXin/src/app/key-unit/edit-plan-info/edit-plan-info.component.html

<mat-tab-group selectedIndex="0" style="height: 100%;" >
    <mat-tab label="1.基本信息">
        <ng-template matTabContent>
            <app-basicinfo></app-basicinfo>
        </ng-template>
    </mat-tab>
    <mat-tab label="2.平面图">
        <ng-template matTabContent>
            <app-collection-tools-plan></app-collection-tools-plan>
        </ng-template>
    </mat-tab>
    <mat-tab label="3.四周毗邻">
        <ng-template matTabContent>
            <app-allaround></app-allaround>
        </ng-template>
    </mat-tab>
    <mat-tab label="4.消防设施">
        <ng-template matTabContent>
            <app-fire-fighting-device></app-fire-fighting-device>
        </ng-template>
    </mat-tab>
    <mat-tab label="5.重点部位">
        <ng-template matTabContent>
            <app-key-site></app-key-site>
        </ng-template>
    </mat-tab>
    <mat-tab label="6.功能分区">
        <ng-template matTabContent>
           <app-function-division></app-function-division>
        </ng-template>
    </mat-tab>
    <mat-tab label="7.行车路线">
      <ng-template matTabContent>
         <app-router-gis></app-router-gis>
      </ng-template>
    </mat-tab>
    <mat-tab label="8.周边水源">
        <ng-template matTabContent>
          <app-water-road></app-water-road>
        </ng-template>
    </mat-tab>
    <mat-tab label="9.实景图">
        <ng-template matTabContent>
           <app-realistic-picture></app-realistic-picture>
        </ng-template>
    </mat-tab>
    <mat-tab label="10.上传CAD">
        <ng-template matTabContent>
            <app-uploading-cad></app-uploading-cad>
        </ng-template>
    </mat-tab>
    <!-- <mat-tab label="11.unity平面图">
      <ng-template matTabContent>
        <iframe id="main" src="/unityApp2Basic/index.html" name="unityApp" frameborder="0" width="96%" height="100%" style="margin-left: 2%;"></iframe>
      </ng-template>
    </mat-tab> -->
</mat-tab-group>