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.
120 lines
6.4 KiB
120 lines
6.4 KiB
<!-- |
|
* @Descripttion: |
|
* @version: |
|
* @Author: sueRimn |
|
* @Date: 2020-12-24 10:59:48 |
|
* @LastEditors: sueRimn |
|
* @LastEditTime: 2021-07-27 10:44:51 |
|
--> |
|
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
|
<div class="topbox" style="text-align: center;"> |
|
<span mat-dialog-title>新建预案</span> |
|
</div> |
|
<div class="mainbox"> |
|
<mat-horizontal-stepper [linear]="isLinear" #stepper> |
|
<mat-step [stepControl]="firstFormGroup"> |
|
<form [formGroup]="firstFormGroup"> |
|
<ng-template matStepLabel>填写名称与类型</ng-template> |
|
<mat-form-field> |
|
<input matInput id="name" name="name" type='text' |
|
required autocomplete="off" |
|
placeholder="请输入预案名称" formControlName="firstCtrlone"> |
|
</mat-form-field> |
|
|
|
<div> |
|
<!-- <label style="margin-right: 10px;">编制级别:</label> --> |
|
<mat-form-field> |
|
<mat-select placeholder='请选择预案类型' required formControlName="firstCtrltwo" [(ngModel)]='cadPlan'> |
|
<mat-option value="16">文本预案</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> |
|
<mat-form-field> |
|
<mat-select name="reservePlanType" formControlName="firstCtrlthree" placeholder='请选择预案级别' required> |
|
<mat-option value='3'>Ⅲ级预案</mat-option> |
|
<mat-option value='4' *ngIf="cadPlan=='16'||(levels!='1'&&levels!='2')">Ⅳ级预案</mat-option> |
|
<mat-option value='5' *ngIf="cadPlan=='16'||(levels!='1'&&levels!='2')">Ⅴ级预案</mat-option> |
|
</mat-select> |
|
</mat-form-field> |
|
</div> |
|
<div> |
|
<button type="button" mat-button matStepperNext (click)="next(firstFormGroup)">下一步</button> |
|
<button type="button" mat-button (click)="closediv()">取消</button> |
|
</div> |
|
</form> |
|
</mat-step> |
|
<mat-step [stepControl]="secondFormGroup"> |
|
<form (ngSubmit)="onSubmit(form)" #form="ngForm"> |
|
<ng-template matStepLabel >上传预案完成创建</ng-template> |
|
<div class="upbox"> |
|
<div style="float: left;margin-top: 10px;"> |
|
<span class="pigepadding">预案形式：</span> |
|
</div> |
|
|
|
<mat-radio-group required name="planup" [(ngModel)]="defaultisshow" style="float: left;" (change)="selectradio($event)"> |
|
<div *ngIf="localup"> |
|
<mat-radio-button value="1" style="margin-right: 10px;">本地上传</mat-radio-button> |
|
<input style="width: 175px;" type="file" name="" id="uploadFile" *ngIf="isup" (change)="filechange($event)"> |
|
<span *ngIf="uploadover" style="font-size: 13px;">(已上传)</span> |
|
</div> |
|
<div *ngIf="inputword"> |
|
<mat-radio-button value="2" style="margin-right: 10px;">模板在线编制</mat-radio-button> |
|
<!-- <button mat-raised-button *ngIf="isinput" (click)='createWord()'>在线编制预案</button> --> |
|
</div> |
|
<div *ngIf="inputNew"> |
|
<mat-radio-button value="4" style="margin-right: 10px;">自定义在线编制</mat-radio-button> |
|
</div> |
|
|
|
<!-- <div *ngIf="inputword"> |
|
<mat-radio-button value="1" style="margin-right: 10px;">导入word文档</mat-radio-button> |
|
<input type="file" name="" id="" *ngIf="isinput" (change)="fileInput($event)"> |
|
</div> --> |
|
<div *ngIf="pswShow"> |
|
<!-- <mat-radio-group > |
|
<mat-radio-button value='psw' >是否为全景图</mat-radio-button> |
|
</mat-radio-group> --> |
|
<mat-checkbox [(ngModel)]='psw' name='psw' style="margin-left: 2px;">是否为全景图</mat-checkbox> |
|
</div> |
|
<div *ngIf="onlineedit"> |
|
<mat-radio-button value="2">在线编辑</mat-radio-button> |
|
</div> |
|
<div *ngIf="website"> |
|
<mat-radio-button value="3">网页地址</mat-radio-button> |
|
<input type="text" *ngIf="isweb" name="webaddress" [(ngModel)]="webaddress" style="width: 175px;height: 20px;margin-left:10px;"> |
|
</div> |
|
|
|
</mat-radio-group> |
|
|
|
</div> |
|
<!-- --> |
|
<div class="progressBox" *ngIf="uploadisLoading"> |
|
|
|
<span style="font-size: 13px;">上传中...</span> |
|
<mat-progress-bar mode="determinate" [value]="uploadProgress" class="progress" style="width: 320px;left: 64px;"></mat-progress-bar> |
|
<button type="button" mat-raised-button (click)="cancel()">取消上传</button> |
|
</div> |
|
<div> |
|
<button type="button" mat-button matStepperPrevious>上一步</button> |
|
<button type="button" mat-button (click)="closediv()">取消</button> |
|
<button mat-button *ngIf="!uploadisLoading">完成</button> |
|
</div> |
|
</form> |
|
|
|
|
|
</mat-step> |
|
<!-- <mat-step> |
|
<ng-template matStepLabel>Done</ng-template> |
|
You are now done. |
|
<div> |
|
<button type="button" mat-button matStepperPrevious>Back</button> |
|
<button type="button" mat-button (click)="stepper.reset()">Reset</button> |
|
</div> |
|
</mat-step> --> |
|
</mat-horizontal-stepper> |
|
</div> |
|
|
|
</form>
|
|
|