设备和监控点父页面 筛选条件不予 编辑页面联动

fengxiang

2018-07-06 309d1f9d649daa08bb9b068af014749f6d4a5bce

 src/app/routes/systems/account/account.component.ts

@@ -1,25 +1,201 @@
import { Component, OnInit } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd';
import { ModalHelper } from '@delon/theme';
import { HttpClient } from '@angular/common/http';
import * as moment from 'moment';

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 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();
    });
  }
}