From b67e17f1d855328175d6b952c4e03ba58b652659 Mon Sep 17 00:00:00 2001 From: wangshiming Date: Thu, 17 Feb 2022 14:50:21 +0800 Subject: [PATCH] fix bug --- .../edit-name/edit-name.component.ts | 61 ++++++++++++------- .../dynamic-setting-h5.component.ts | 4 +- 2 files changed, 42 insertions(+), 23 deletions(-) diff --git a/src/app/routes/account/components/edit-name/edit-name.component.ts b/src/app/routes/account/components/edit-name/edit-name.component.ts index 14bc6509..fdc0d05e 100644 --- a/src/app/routes/account/components/edit-name/edit-name.component.ts +++ b/src/app/routes/account/components/edit-name/edit-name.component.ts @@ -1,10 +1,11 @@ -import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core'; import { ErrorData, SFComponent, SFSchema, SFStringWidgetSchema, SFUISchema } from '@delon/form'; import { _HttpClient } from '@delon/theme'; // import { CaptchaComponent } from '@shared'; import { NzMessageService } from 'ng-zorro-antd/message'; import { NzModalRef } from 'ng-zorro-antd/modal'; -import { Observable, Observer } from 'rxjs'; +import { interval, Observable, Observer } from 'rxjs'; +import { take } from 'rxjs/operators'; import { AccountService } from '../../services/account.service'; @Component({ @@ -33,7 +34,7 @@ export class AccountComponentsEditNameComponent implements OnInit, AfterViewInit codeTips: any; interval$: any; - constructor(private modal: NzModalRef, public msgSrv: NzMessageService, public http: _HttpClient, public service: AccountService) {} + constructor(private modal: NzModalRef, public msgSrv: NzMessageService, public http: _HttpClient, public service: AccountService,private cdr: ChangeDetectorRef,) {} ngAfterViewInit(): void { // this.dun.init(); } @@ -142,7 +143,7 @@ export class AccountComponentsEditNameComponent implements OnInit, AfterViewInit // code==503046 弹出网易盾 if (res && res.code === '1') { this.service.msgSrv.success('发送成功'); - this.codeCountDown(); + this.createInterval(); } else if (res.code === '503046') { // this.dun.popUp(); } else { @@ -159,7 +160,7 @@ export class AccountComponentsEditNameComponent implements OnInit, AfterViewInit // code==503046 弹出网易盾 if (res && res.code === '1') { this.service.msgSrv.success('发送成功'); - this.codeCountDown2(); + this.createInterval2(); } else if (res.code === '503046') { // this.dun.popUp(); } else { @@ -168,28 +169,46 @@ export class AccountComponentsEditNameComponent implements OnInit, AfterViewInit }); } - /* code倒计时 */ - codeCountDown() { + // /* code倒计时 */ + // codeCountDown() { + // this.count = 59; + // this.interval$ = setInterval(() => { + // this.count -= 1; + // if (this.count <= 0) { + // clearInterval(this.interval$); + // } + // }, 1000); + // } + private createInterval() { this.count = 59; - this.interval$ = setInterval(() => { - this.count -= 1; - if (this.count <= 0) { - clearInterval(this.interval$); - } - }, 1000); + interval(1000) + .pipe(take(60)) + .subscribe((x: any) => { + this.count = 59 - (x + 1); + this.cdr.detectChanges(); + }); } - codeCountDown2() { + private createInterval2() { this.count2 = 59; - this.interval$ = setInterval(() => { - this.count2 -= 1; - if (this.count <= 0) { - clearInterval(this.interval$); - } - }, 1000); + interval(1000) + .pipe(take(60)) + .subscribe((x: any) => { + this.count2 = 59 - (x + 1); + this.cdr.detectChanges(); + }); } + // codeCountDown2() { + // this.count2 = 59; + // this.interval$ = setInterval(() => { + // this.count2 -= 1; + // if (this.count <= 0) { + // clearInterval(this.interval$); + // } + // }, 1000); + // } /* 网易盾验证通过 */ captchaDone(validate: any) { - this.codeCountDown(); + this.createInterval(); } getInfo() { diff --git a/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.ts b/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.ts index 2a48a64a..02f85d91 100644 --- a/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.ts +++ b/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.ts @@ -4,7 +4,7 @@ * @Author : Shiming * @Date : 2022-01-25 16:03:45 * @LastEditors : Shiming - * @LastEditTime : 2022-02-15 10:40:43 + * @LastEditTime : 2022-02-17 14:44:14 * @FilePath : \\tms-obc-web\\src\\app\\shared\\components\\dynamic-setting\\dynamic-setting-h5\\dynamic-setting-h5.component.ts * Copyright (C) 2022 huzhenhong. All rights reserved. */ @@ -60,7 +60,7 @@ export class DynamicSettingH5Component implements OnInit { params = params.map((item: any) => { console.log(item); if (item.itemType == 9) { - const files = item.itemValue?.map(({ url, name }: any) => ({ url, name })); + const files = item.itemValue?.map(({ response, name }: any) => ({ url:response?.data?.fullFilePath, name })); return { ...item, remark: item.remark ? JSON.stringify(item.remark) : null,