上海预案管理平台
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

46 lines
2.0 KiB

<!--
* @Descripttion:
* @version:
* @Author: sueRimn
* @Date: 2020-12-24 16:26:16
* @LastEditors: sueRimn
* @LastEditTime: 2021-01-27 15:17:26
-->
<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>
<input matInput placeholder="请输入预案类型" name="companyType" autocomplete="off" [(ngModel)]="reservePlanType" required>
</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 class="uping" *ngIf="uploadisLoading">
<div class="upclass">
<span >上传中...</span>
</div>
<div class="upclass">
<mat-progress-bar mode="determinate" [value]="uploadProgress" class="progress" style="width: 120px;margin-top: 18px;"></mat-progress-bar>
</div>
<div class="upclass"><button mat-raised-button (click)="cancel()" >取消上传</button></div>
</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>