From 8815d4c3d666cbc96988087e9c21f9e1a9f64a06 Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Thu, 10 May 2018 14:09:39 +0800 Subject: [PATCH] 安装用户密码修改 --- src/app/routes/users/installer/installer.component.ts | 208 ++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 145 insertions(+), 63 deletions(-) diff --git a/src/app/routes/users/installer/installer.component.ts b/src/app/routes/users/installer/installer.component.ts index 68e8d55..56af9e0 100644 --- a/src/app/routes/users/installer/installer.component.ts +++ b/src/app/routes/users/installer/installer.component.ts @@ -1,7 +1,12 @@ -import { Component, OnInit } from '@angular/core'; -import { NzMessageService } from 'ng-zorro-antd'; -import { getRule, saveRule, removeRule } from '../../../../../_mock/rule.service'; -import { getInstaller } from '../../../../../_mock/installer.service'; +import {Component, OnInit} from '@angular/core'; +import {NzMessageService} from 'ng-zorro-antd'; +import {ModalHelper} from '@delon/theme'; +import {HttpClient} from '@angular/common/http'; +import {UserInstallerEditComponent} from './edit/edit.component'; +import {environment} from 'environments/environment'; +import {DateService} from '@business/services/util/date.service'; +import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms'; +import { ResultBean } from '@business/entity/grid'; @Component({ selector: 'app-installer', @@ -9,88 +14,100 @@ styles: [] }) export class InstallerComponent implements OnInit { - + isDeleteOptions = [ + {value: '1', label: '���'}, + {value: '0', label: '���'} + ]; q: any = { pi: 1, ps: 10, + isDelete: this.isDeleteOptions[1].value, sorter: '', u_name: '', u_mobile: '' }; data: any[] = []; - loading = false; + total: 0; + selectedRows: any[] = []; curRows: any[] = []; - totalCallNo = 0; allChecked = false; indeterminate = false; - sortMap: any = {}; - modalVisible = false; + loading = true; - constructor(public msg: NzMessageService) {} + constructor( + public http: HttpClient, + public dateSrv: DateService, + public msgSrv: NzMessageService, + private modalHelper: ModalHelper, + private fb: FormBuilder + ) {} ngOnInit() { - this.getData(); + this.load(); + // ��������������������������� + this.resetPwdForm = this.fb.group({ + name : [ null, [ Validators.email ] ], + password : [ null, [ Validators.required ] ], + checkPassword : [ null, [ Validators.required, this.confirmationValidator ] ] + }); } - getData() { - this.pageChange(1).then(() => { - // this.q.statusList = this.status.map((i, index) => i.value ? index : -1).filter(w => w !== -1); - // if (this.q.status && this.q.status > -1) this.q.statusList.push(this.q.status); - // console.log(this.q); - this.data = getInstaller(this.q).map(i => { - return i; - }); + load(reload: boolean = false) { + if (reload) { + this.q.pi = 1; + } + this.http.get(environment.SERVER_BASH_URL + '/operateUser/list', {params: this.q}).subscribe((res: any) => { + this.data = res.data.data; + this.total = res.data.total; + this.dataChange(this.data); + this.loading = false; + }); + } + + edit(user) { + this.modalHelper.static(UserInstallerEditComponent, {user}).subscribe(() => { + this.load(true); + this.msgSrv.success('���������������������������'); }); } add() { - this.modalVisible = true; + const user = {}; + this.modalHelper.static(UserInstallerEditComponent, {user}).subscribe(() => { + this.load(true); + this.msgSrv.success('���������������������������'); + }); } - save() { - + delete(user) { + this.http.post(environment.SERVER_BASH_URL + '/operateUser/operateUser/id', user).subscribe((res: any) => { + this.msgSrv.success('���������������������������'); + this.load(true); + }); } remove() { - this.selectedRows.forEach(i => removeRule(i.no)); - this.getData(); - this.clear(); - } - - approval() { - this.msg.success(`��������� ${this.selectedRows.length} ���`); - } - - clear() { - this.selectedRows = []; - this.totalCallNo = 0; - this.data.forEach(i => i.checked = false); - this.refreshStatus(); + const ids = []; + this.selectedRows.forEach(i => { + ids.push(i.id); + }); + this.http.post(environment.SERVER_BASH_URL + '/operateUser/operateUsers/ids', ids).subscribe((res: any) => { + this.msgSrv.success('���������������������������'); + this.load(true); + }); } checkAll(value: boolean) { this.curRows.forEach(i => { - if (!i.disabled) i.checked = value; + if (i.isDelete === '1') { + i.checked = false; + } else { + i.checked = value; + } }); this.refreshStatus(); - } - - refreshStatus() { - const allChecked = this.curRows.every(value => value.disabled || value.checked); - const allUnChecked = this.curRows.every(value => value.disabled || !value.checked); - this.allChecked = allChecked; - this.indeterminate = (!allChecked) && (!allUnChecked); - this.selectedRows = this.data.filter(value => value.checked); - this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.callNo, 0); - } - - sort(field: string, value: any) { - this.sortMap = {}; - this.sortMap[field] = value; - this.q.sorter = value ? `${field}_${value}` : ''; - this.getData(); } dataChange(res: any) { @@ -98,20 +115,85 @@ this.refreshStatus(); } - pageChange(pi: number): Promise<any> { - this.q.pi = pi; - this.loading = true; - return new Promise((resolve) => { - setTimeout(() => { - this.loading = false; - resolve(); - }, 500); - }); + refreshStatus() { + const allChecked = this.curRows.every(value => value.checked); + const allUnChecked = this.curRows.every(value => !value.checked); + this.allChecked = allChecked; + this.indeterminate = (!allChecked) && (!allUnChecked); + this.selectedRows = this.data.filter(value => value.checked); + } + + sort(field: string, value: any) { + this.sortMap = {}; + this.sortMap[field] = value; + this.q.sorter = value ? `${field} ${value}` : ''; + this.load(true); } reset(ls: any[]) { for (const item of ls) item.value = false; - this.getData(); + this.load(true); } + format_date(date) { + if (date) { + return this.dateSrv.date_format(date, 'YYYY-MM-DD'); + } + } + public resetPwdWindowIsVisible = false; + public isResetPwdLoading = false; + public resetPwdForm: FormGroup; + public resetPwdCancel() { + this.resetPwdWindowIsVisible = false; +} +public resetPwdOk() { + for (const i in this.resetPwdForm.controls) { + this.resetPwdForm.controls[ i ].markAsDirty(); + } + if (this.resetPwdForm.valid) { + this.isResetPwdLoading = true; + const data = this.resetPwdForm.value; + data['name'] = null; + this.http.post(environment.SERVER_BASH_URL + '/operateUser/operateUser', data).subscribe((res: ResultBean<any>) => { + if ( res.code === 1 && res.data === 1 ) { + this.isResetPwdLoading = false; + this.resetPwdWindowIsVisible = false; + this.msgSrv.success('���������������������'); + } + }); + } +} + /** + * ������������������������ + * @param account + */ + public showResetPwdWindow(install) { + this.resetPwdWindowIsVisible = true; + this.resetPwdForm = this.fb.group({ + id : [ install.id ], + name : [ install.name], + password : [ null, [ Validators.required ] ], + checkPassword : [ null, [ Validators.required, this.confirmationValidator ] ] + }); + } + confirmationValidator = (control: FormControl): { [s: string]: boolean } => { + if (!control.value) { + return { required: true }; + } else if (control.value !== this.resetPwdForm.controls[ 'password' ].value) { + return { confirm: true, error: true }; + } + } + /** + * ������ formControl������ ������ ��������������������� + * @param name y + */ + public getFormControl(name) { + return this.resetPwdForm.controls[ name ]; + } + updateConfirmValidator() { + /** wait for refresh value */ + setTimeout(_ => { + this.resetPwdForm.controls[ 'checkPassword' ].updateValueAndValidity(); + }); + } } -- Gitblit v1.8.0