ShangHaiYuan-AnXin/src/app/plan-management/entry-plan-look/AddPlanone.html

<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-12-24 10:59:48
 * @LastEditors: sueRimn
 * @LastEditTime: 2021-07-02 16:22:22
-->
<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="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>