ShangHaiYuan-AnXin/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.html

<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-11-03 10:19:24
 * @LastEditors: sueRimn
 * @LastEditTime: 2020-11-11 09:01:21
-->
<!-- <div class="content">
  <div class="center" id="center"></div>
</div> -->
<div class="box">
  <div class="topbox">
    <div class="find" *ngIf="buildingShow">
      <form #form2="ngForm" >
        <span>建筑类型:</span>
        <mat-form-field style="margin-left: 10px;">
          <mat-select  name='chaxun' [(ngModel)]="chaxun">
            <mat-option  *ngFor="let item of this.echartsData.buildingType" [value]="item.name">{{item.name}}</mat-option>
          </mat-select>
        </mat-form-field>
        <button type="submit" mat-raised-button color="primary" (click)="findClick()">查询</button>
      </form>
    </div>
      <div class="btnbox">
          <button mat-stroked-button [ngClass]="{'selectedBtn': selectedBtn=='tiaojian'}" (click)='tiaojianClick()'>条件查询</button>
           <button mat-stroked-button  [ngClass]="{'selectedBtn': selectedBtn=='tu'}"style="margin-right: 20px;" (click)='tuClick()'>图形查询</button>
      </div>
  </div>
  <app-indexCondition *ngIf="selectedBtn=='tiaojian'"></app-indexCondition>
  <div class="echartsbox" >
      <div id="pie" [style.display]="selectedBtn=='tu'?'block':'none'">
      
      </div>
      <div id="pieTwo" [style.display]="selectedBtn=='tu'?'block':'none'"></div>
  </div>
  
</div>