|  |  | 
 |  |  | import { NzModalSubject, NzMessageService } from 'ng-zorro-antd'; | 
 |  |  | import { Component, OnInit } from '@angular/core'; | 
 |  |  | import { ModalHelper } from '@delon/theme'; | 
 |  |  | import { HttpClient } from '@angular/common/http'; | 
 |  |  | import { environment } from '../../../../../environments/environment'; | 
 |  |  | import { DateService } from '../../../../core/services/date.service'; | 
 |  |  | import { ResultBean } from '@business/entity/grid'; | 
 |  |  | import { Subject } from 'rxjs/Subject'; | 
 |  |  | import {NzModalSubject, NzMessageService} from 'ng-zorro-antd'; | 
 |  |  | import {Component, OnInit} from '@angular/core'; | 
 |  |  | import {ModalHelper} from '@delon/theme'; | 
 |  |  | import {HttpClient, HttpResponse} from '@angular/common/http'; | 
 |  |  | import {environment} from 'environments/environment'; | 
 |  |  | import {DateService} from '@business/services/util/date.service'; | 
 |  |  | import {FormGroup, FormBuilder, FormControl, Validators} from '@angular/forms'; | 
 |  |  | import { catchError } from 'rxjs/operators'; | 
 |  |  | import { ErrorObservable } from 'rxjs/observable/ErrorObservable'; | 
 |  |  |  | 
 |  |  | @Component({ | 
 |  |  |   selector: 'app-edit', | 
 |  |  | 
 |  |  | export class UserInstallerEditComponent implements OnInit { | 
 |  |  |  | 
 |  |  |   user: any; | 
 |  |  |  | 
 |  |  |   constructor( | 
 |  |  |     private modalHelper: ModalHelper, | 
 |  |  |   public validateForm: FormGroup; | 
 |  |  |     constructor( | 
 |  |  |     private subject: NzModalSubject, | 
 |  |  |     public dateSrv: DateService, | 
 |  |  |     public msgSrv: NzMessageService, | 
 |  |  |     public http: HttpClient) { } | 
 |  |  |     public http: HttpClient, | 
 |  |  |     private formBuilder: FormBuilder, | 
 |  |  |   ) {} | 
 |  |  |  | 
 |  |  |   ngOnInit() { | 
 |  |  |     if (this.user.id > 0) { | 
 |  |  |       this.http.get(environment.SERVER_BASH_URL + '/user/operate_user/' + this.user.id).subscribe((res: any) => { | 
 |  |  |         this.user = res; | 
 |  |  |         this.user.createTime = this.dateSrv.date_format(this.user.createTime, 'YYYY-MM-DD'); | 
 |  |  |         this.user.expireTime = this.dateSrv.date_format(this.user.expireTime, 'YYYY-MM-DD'); | 
 |  |  |       }); | 
 |  |  |     } else { | 
 |  |  |       this.user.createTime = this.dateSrv.today('YYYY-MM-DD'); | 
 |  |  |       this.user.expireTime = this.dateSrv.today('YYYY-MM-DD'); | 
 |  |  |     } | 
 |  |  |     const user = this.user; | 
 |  |  |     this.validateForm = this.formBuilder.group({ | 
 |  |  |       name: [user.name], | 
 |  |  |       mobile: [user.mobile, [Validators.pattern('^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\\d{8}$')]], | 
 |  |  |       email: [user.email], | 
 |  |  |       weixin: [user.weixin], | 
 |  |  |       organizationId: [user.organizationId], | 
 |  |  |       expireTime: [user.expireTime], | 
 |  |  |       id: [user.id] | 
 |  |  |     }); | 
 |  |  |     const mobileControl = this.validateForm.get('mobile'); | 
 |  |  |     mobileControl.valueChanges.filter(val => { | 
 |  |  |       return val != null && val.trim() !== ''; | 
 |  |  |     }).debounceTime(900).distinctUntilChanged().subscribe( value => { | 
 |  |  |            if (mobileControl.errors == null) { | 
 |  |  |                 mobileControl.setErrors({unique: true}); | 
 |  |  |                 this.http.get(environment.SERVER_BASH_URL + '/operateUser/unique-mobile?mobile=' + value) | 
 |  |  |                 .pipe(                     | 
 |  |  |                      catchError(() => { | 
 |  |  |                        const req = <XMLHttpRequest>event.target; | 
 |  |  |                        if (req.status === 401) { | 
 |  |  |                         this.subject.destroy(); | 
 |  |  |                        }                        | 
 |  |  |                       // 以错误的形式结束本次请求 | 
 |  |  |                       return ErrorObservable.create(event); | 
 |  |  |                     }) | 
 |  |  |                 ) | 
 |  |  |                 .subscribe( | 
 |  |  |                     (val: ResultBean<boolean>) => { | 
 |  |  |                         if (val.code === 1 && val.data) { | 
 |  |  |                           this.validateForm.get('mobile').setErrors(null); | 
 |  |  |                         } | 
 |  |  |                     } | 
 |  |  |                 ); | 
 |  |  |            } | 
 |  |  |     }); | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |   save() { | 
 |  |  |     console.log(this.user); | 
 |  |  |     if (this.user.name == null || this.user.name === '') { | 
 |  |  |       this.msgSrv.error('请输入姓名'); | 
 |  |  |     } else if (this.user.mobile == null || this.user.mobile === '') { | 
 |  |  |       this.msgSrv.error('请输入账号'); | 
 |  |  |     } else if (this.user.email == null || this.user.email === '') { | 
 |  |  |       this.msgSrv.error('请输入电子邮件'); | 
 |  |  |     } else if (this.user.password == null || this.user.password === '') { | 
 |  |  |       this.msgSrv.error('请输入密码'); | 
 |  |  |     } else { | 
 |  |  |       this.http.post(environment.SERVER_BASH_URL + '/user/operate_user/save', this.user).subscribe(() => { | 
 |  |  |     const validateForm = this.validateForm; | 
 |  |  |     const controls = validateForm.controls; | 
 |  |  |     if (validateForm.valid) { | 
 |  |  |       for (const i in controls) { | 
 |  |  |         controls[i].disable(); | 
 |  |  |       } | 
 |  |  |       this.http.post(environment.SERVER_BASH_URL + '/operateUser/operateUser', validateForm.value).subscribe(() => { | 
 |  |  |         this.subject.next('true'); | 
 |  |  |         this.close(); | 
 |  |  |       }); | 
 |  |  |     } else { | 
 |  |  |       for (const i in controls) { | 
 |  |  |         controls[i].markAsDirty(); | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |   close() { |