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.
53 lines
2.5 KiB
53 lines
2.5 KiB
<div class="box"> |
|
<div class="step1" *ngIf="currentStep == 1"> |
|
<form nz-form [formGroup]="validateForm" (ngSubmit)="step1()"> |
|
<nz-form-item> |
|
<nz-form-label nzRequired nzFor="">请输入要修改密码的账号</nz-form-label> |
|
<nz-form-control> |
|
<input autocomplete="off" nz-input formControlName="account" id="account" /> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<div class="btn"> |
|
<button type="submit" nz-button nzType="primary">下一步</button> |
|
</div> |
|
</form> |
|
</div> |
|
<div class="step2" *ngIf="currentStep == 2"> |
|
<div class="phonebox"> |
|
该账号绑定的手机号为:{{phoneNum}} <button [nzLoading]="codeCountDown != 0" type="button" nz-button nzType="primary" |
|
(click)="code()">{{ codeCountDown == 0 ? '点击获取验证码' : codeCountDown + '秒后可重新获取'}}</button> |
|
</div> |
|
<form nz-form [formGroup]="validateForm2" (ngSubmit)="step2()"> |
|
<nz-form-item> |
|
<nz-form-label nzRequired nzFor="">请输入验证码</nz-form-label> |
|
<nz-form-control> |
|
<input autocomplete="off" nz-input formControlName="code" id="code" /> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<div class="btn"> |
|
<button type="submit" nz-button nzType="primary">下一步</button> |
|
</div> |
|
</form> |
|
</div> |
|
<div class="step3" *ngIf="currentStep == 3"> |
|
<form nz-form [formGroup]="validateForm3" (ngSubmit)="step3()"> |
|
<nz-form-item> |
|
<!-- <nz-form-label nzRequired nzFor="">请输入新密码</nz-form-label> --> |
|
<nz-form-control> |
|
<input name="newpassword" nz-input type="password" formControlName="newpassword" |
|
placeholder="请输入新密码" autocomplete="off" /> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item> |
|
<!-- <nz-form-label nzRequired nzFor="">确认新密码</nz-form-label> --> |
|
<nz-form-control> |
|
<input name="affirmpassword" nz-input type="password" formControlName="affirmpassword" |
|
placeholder="确认新密码" autocomplete="new-password" /> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<div class="btn"> |
|
<button type="submit" nz-button nzType="primary">确定</button> |
|
</div> |
|
</form> |
|
</div> |
|
</div> |