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.
|
|
|
<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>
|