ShangHaiYuan-AnXin/src/app/plan-management/meet-plan/newunit.html

<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-12-24 16:26:16
 * @LastEditors: sueRimn
 * @LastEditTime: 2021-01-11 13:56:29
-->
<div class="box">
    <div class="top">
        <span style="font-size: 20px;">新增预案</span>
    </div>
    <div class="queryField">
        <label style="margin-right: 10px;">预案名称:</label>
        <mat-form-field class="example-full-width">
          <input matInput placeholder="请输入预案名称" name="companyName"  autocomplete="off" [(ngModel)]="unitname" required> 
        </mat-form-field>
      </div>
      <div class="queryField">
        <label style="margin-right: 10px;">预案类型:</label>
        <mat-form-field>
          <mat-select name="reservePlanType" [(ngModel)]="reservePlanType" autocomplete="off" placeholder='请选择预案类型'  required>
            <mat-option value='8'>卡片预案</mat-option>
            <mat-option value='1'>二维预案</mat-option>
            <mat-option value='2'>三维预案</mat-option>
            <mat-option value='4'>其他预案</mat-option>
          </mat-select>
        </mat-form-field>
      </div>
      <div class="queryField">
        <label style="margin-right: 10px;">预案级别:</label>
        <mat-form-field>
            <mat-select placeholder='请选择单位类型' name="unittype" [(ngModel)]="level" required>
              <mat-option value="6">国家级</mat-option>
              <mat-option value="7">市级</mat-option>
            </mat-select>
        </mat-form-field>
    </div>
    <div class="queryField">
      <label style="margin-right: 10px;">上传本地文件:</label>
      <button mat-raised-button color="primary" (click)='upload()'><img style="margin-bottom: 2px;" src="../../../assets/images/bendi.png"> 本地文件</button>
      <input type="file" style="display: none;" id="up" (change)='filechange($event)' accept=".doc,.txt,.docx,.pdf">
      <div *ngIf="file!=undefined"><label style="font-size: 10px;">{{file.name}}</label></div> 
      <div  *ngIf="uploadisLoading">     
        <span style="font-size: 10px;">上传中...</span>
        <mat-progress-bar mode="determinate" [value]="uploadProgress" class="progress" style="width: 250px;"></mat-progress-bar>
        <button  mat-raised-button (click)="cancel()" style="width: 80px;font-size: 10px;margin-top: 3px;">取消上传</button>
      </div>
    </div>
    <div class="bottom">
        <button mat-raised-button color="primary" (click)='newplan()'>确定</button>
        <button mat-raised-button style="margin-left: 50px;" (click)="close()">取消</button>
    </div>
</div>