import {Component, OnInit} from '@angular/core';
|
import {NzMessageService, NzModalService} from 'ng-zorro-antd';
|
import {ModalHelper} from '@delon/theme';
|
import {HttpClient} from '@angular/common/http';
|
import {environment} from '../../../../environments/environment';
|
import { DateService } from '../../../business/services/util/date.service';
|
import {AccountEditComponent} from './account-edit/account-edit.component';
|
import { FormBuilder, Validators, FormControl, FormGroup } from '@angular/forms';
|
import { ResultBean } from '@business/entity/grid';
|
@Component({
|
selector: 'app-account',
|
templateUrl: './account.component.html',
|
styles: []
|
})
|
|
export class AccountComponent implements OnInit {
|
|
public isDeleteOptions = [
|
{value: '1', label: '是'},
|
{value: '0', label: '否'}
|
];
|
|
query: any = {
|
pageIndex: 1,
|
pageSize: 10,
|
isDelete: this.isDeleteOptions[1].value
|
};
|
data: any[] = [];
|
total: 0;
|
|
selectedRows: any[] = [];
|
allChecked = false;
|
indeterminate = false;
|
sortMap: string[] = [];
|
loading = true;
|
|
constructor(
|
public http: HttpClient,
|
private confirmServ: NzModalService,
|
public dateSrv: DateService,
|
public msgSrv: NzMessageService,
|
private modalHelper: ModalHelper,
|
private fb: FormBuilder
|
) {
|
|
}
|
|
load(reload: boolean = false) {
|
if (reload) {
|
this.query.pageIndex = 1;
|
}
|
this.http.get(environment.SERVER_BASH_URL + '/account/list', {params: this.query}).subscribe((res: any) => {
|
if (res.code === 0) {
|
this.msgSrv.error(res.message);
|
} else {
|
this.data = res.data.data;
|
this.total = res.data.total;
|
}
|
this.refreshStatus();
|
this.loading = false;
|
});
|
}
|
|
ngOnInit() {
|
this.load();
|
// 重置密码表单
|
this.resetPwdForm = this.fb.group({
|
accountName : [ null, [ Validators.email ] ],
|
password : [ null, [ Validators.required ] ],
|
checkPassword : [ null, [ Validators.required, this.confirmationValidator ] ]
|
});
|
}
|
|
edit(account?: any) {
|
if (!account) {
|
account = {};
|
}
|
this.modalHelper.static(AccountEditComponent, {account}).subscribe((res: any) => {
|
if (res.code === 0) {
|
this.msgSrv.error(res.message);
|
} else {
|
this.msgSrv.success('账户保存成功！');
|
this.load(true);
|
}
|
});
|
}
|
|
remove() {
|
const ids: number[] = [];
|
this.confirmServ.confirm({
|
title: '批量删除',
|
content: '确定要删除该数据吗?',
|
okText: '确定',
|
cancelText: '取消'
|
}).on('onOk', () => {
|
this.selectedRows.forEach(i => {
|
ids.push(i.id);
|
});
|
this.delete(...ids);
|
});
|
}
|
|
delete(...ids: number[]) {
|
this.http.post(environment.SERVER_BASH_URL + '/account/ids', ids).subscribe((res: any) => {
|
if (res.data > 0) {
|
this.msgSrv.success('账户删除成功！');
|
this.load(true);
|
} else {
|
this.msgSrv.error(res.message);
|
}
|
});
|
}
|
|
checkAll(value: boolean) {
|
this.data.forEach(i => {
|
if (i.isDelete === '1') {
|
i.checked = false;
|
} else {
|
i.checked = value;
|
}
|
});
|
this.refreshStatus();
|
}
|
|
refreshStatus() {
|
const allChecked = this.data.every(value => value.checked);
|
const allUnChecked = this.data.every(value => !value.checked);
|
this.allChecked = allChecked;
|
this.indeterminate = (!allChecked) && (!allUnChecked);
|
this.selectedRows = this.data.filter(value => value.checked);
|
}
|
|
sort(field: string, value: any) {
|
const temp = this.sortMap;
|
this.sortMap = [];
|
temp.forEach(i => {
|
if (!i.startsWith(field)) {
|
this.sortMap.push(i);
|
}
|
});
|
if (value) {
|
this.sortMap.push(`${field} ${value}`);
|
}
|
this.query.sorter = this.sortMap.length > 0 ? this.sortMap.join(',') : '';
|
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 showResetPwdWindow(account) {
|
this.resetPwdWindowIsVisible = true;
|
this.resetPwdForm = this.fb.group({
|
id : [ account.id ],
|
accountName : [ account.accountName],
|
password : [ null, [ Validators.required ] ],
|
checkPassword : [ null, [ Validators.required, this.confirmationValidator ] ]
|
});
|
}
|
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['accountName'] = null;
|
this.http.post(environment.SERVER_BASH_URL + '/account/account', data).subscribe((res: ResultBean<any>) => {
|
if ( res.code === 1 && res.data === 1 ) {
|
this.isResetPwdLoading = false;
|
this.resetPwdWindowIsVisible = false;
|
this.msgSrv.success('密码修改成功！');
|
}
|
});
|
}
|
}
|
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 };
|
}
|
}
|
getFormControl(name) {
|
return this.resetPwdForm.controls[ name ];
|
}
|
updateConfirmValidator() {
|
/** wait for refresh value */
|
setTimeout(_ => {
|
this.resetPwdForm.controls[ 'checkPassword' ].updateValueAndValidity();
|
});
|
}
|
}
|
