ShangHaiYuan-AnXin/src/app/ui/collection-tools-plan/addPlaneFigure.html

<div class="functionalDomainContent">
  <div mat-dialog-title>
    <label *ngIf="!data.isBuilding">新建平面图</label>
    <label *ngIf="data.isBuilding">新建楼层/区域</label>
  </div>

  <form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container">

    <div class="keyMargin">
      <mat-form-field>
        <input matInput name="name" required ngModel placeholder="名称">
      </mat-form-field>
    </div>

    <!-- <div class="keyMargin">
      <a href="javascript:;" class="uploadBackGround" (click)='toGIS()' [ngClass]="{'uploadBackGroundSelected': selectedType == 'gis'}">导入GIS地图</a>
    </div> -->

    <div class="keyMargin">
      <a href="javascript:;" class="uploadBackGround" [ngClass]="{'uploadBackGroundSelected': selectedType == 'image'}">
        <input id="uploadFile" type="file" (change)='selectFile($event)' accept="image/*">上传本地图片
      </a>
      <p *ngIf="file" style="font-size: 14px; text-align: left;">选择文件: {{file.name}}</p>
    </div>

    <div class="keyMargin" *ngIf="data.isBuilding">
      <mat-checkbox name="isRefugeStorey"  [(ngModel)]="checked">是否为避难层</mat-checkbox>
    </div>

    <div class="keyMargin">
      <mat-form-field>
        <input matInput name="area" type="number" ngModel placeholder="面积 (平方米)">
      </mat-form-field>
    </div>

    <div class="keyMargin">
      <textarea name="details" ngModel placeholder="详情"></textarea>
    </div>

    <div class="submitBottom">
      <button mat-raised-button color="primary" type="submit" [disabled]="!form.form.valid">
          确定
      </button>
      <button mat-raised-button mat-dialog-close>取消</button>
    </div>

  </form>

</div>