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 | 160 +++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 117 insertions(+), 43 deletions(-)
diff --git a/src/app/routes/users/installer/installer.component.ts b/src/app/routes/users/installer/installer.component.ts
index a77990e..56af9e0 100644
--- a/src/app/routes/users/installer/installer.component.ts
+++ b/src/app/routes/users/installer/installer.component.ts
@@ -1,10 +1,12 @@
-import { Component, OnInit } from '@angular/core';
-import { NzMessageService } from 'ng-zorro-antd';
-import { ModalHelper } from '@delon/theme';
-import { HttpClient } from '@angular/common/http';
-import { getInstaller, deleteInstaller } from '../../../../../_mock/installer.service';
-import * as moment from 'moment';
-import { UserInstallerEditComponent } from './edit/edit.component';
+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',
@@ -12,65 +14,60 @@
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[] = [];
total: 0;
+
selectedRows: any[] = [];
curRows: any[] = [];
allChecked = false;
indeterminate = false;
sortMap: any = {};
+ loading = true;
constructor(
public http: HttpClient,
+ public dateSrv: DateService,
public msgSrv: NzMessageService,
- private modalHelper: ModalHelper) {}
+ private modalHelper: ModalHelper,
+ private fb: FormBuilder
+ ) {}
ngOnInit() {
this.load();
+ // ���������������������������
+ this.resetPwdForm = this.fb.group({
+ name : [ null, [ Validators.email ] ],
+ password : [ null, [ Validators.required ] ],
+ checkPassword : [ null, [ Validators.required, this.confirmationValidator ] ]
+ });
}
load(reload: boolean = false) {
if (reload) {
this.q.pi = 1;
}
- this.http.get('http://localhost:8001/user/operate_user', this.q).subscribe((res: any) => {
-
- let data = res.data;
- const total = res.total;
-
- if (this.q.sorter !== '') {
- const s = this.q.sorter.split('_');
- data.sort((prev, next) => {
- if (s[1] === 'descend') {
- return moment(next[s[0]]).unix() - moment(prev[s[0]]).unix();
- }
- return moment(prev[s[0]]).unix() - moment(next[s[0]]).unix();
- });
- }
-
- if (this.q.u_name) {
- data = data.filter(d => d.name.indexOf(this.q.u_name) > -1);
- }
- if (this.q.u_mobile) {
- data = data.filter(d => d.mobile.toString().indexOf(this.q.u_mobile) > -1);
- }
-
- const start = (this.q.pi - 1) * this.q.ps;
- this.data = data.slice(start, start + this.q.ps);
- this.total = total;
+ 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.modalHelper.static(UserInstallerEditComponent, {user}).subscribe(() => {
this.load(true);
this.msgSrv.success('���������������������������');
});
@@ -78,34 +75,49 @@
add() {
const user = {};
- this.modalHelper.static(UserInstallerEditComponent, { user }).subscribe(() => {
+ this.modalHelper.static(UserInstallerEditComponent, {user}).subscribe(() => {
this.load(true);
this.msgSrv.success('���������������������������');
});
}
delete(user) {
- this.http.delete('http://localhost:8001/user/operate_user/' + user.id).subscribe((res: any) => {
+ 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 => deleteInstaller(i.name));
- this.load(true);
+ 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();
}
+ dataChange(res: any) {
+ this.curRows = res;
+ this.refreshStatus();
+ }
+
refreshStatus() {
- const allChecked = this.curRows.every(value => value.disabled || value.checked);
- const allUnChecked = this.curRows.every(value => value.disabled || !value.checked);
+ 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);
@@ -114,7 +126,7 @@
sort(field: string, value: any) {
this.sortMap = {};
this.sortMap[field] = value;
- this.q.sorter = value ? `${field}_${value}` : '';
+ this.q.sorter = value ? `${field} ${value}` : '';
this.load(true);
}
@@ -122,4 +134,66 @@
for (const item of ls) item.value = false;
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