fengxiang
2018-02-24 9d731840aff22ce68756fb70f50dcf90432bbe67
src/app/routes/users/installer/installer.component.ts
@@ -1,6 +1,10 @@
import { Component, OnInit } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd';
import { getRule, saveRule, removeRule } from '../../../../../_mock/rule.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';
@Component({
  selector: 'app-installer',
@@ -13,97 +17,83 @@
    pi: 1,
    ps: 10,
    sorter: '',
    status: -1,
    statusList: []
    u_name: '',
    u_mobile: ''
  };
  data: any[] = [];
  loading = false;
  total: 0;
  selectedRows: any[] = [];
  curRows: any[] = [];
  totalCallNo = 0;
  allChecked = false;
  indeterminate = false;
  status = [
    { text: '关闭', value: false, type: 'default' },
    { text: '运行中', value: false, type: 'processing' },
    { text: '已上线', value: false, type: 'success' },
    { text: '异常', value: false, type: 'error' }
  ];
  sortMap: any = {};
  expandForm = false;
  modalVisible = false;
  description = '';
  loading: boolean = true;
  constructor(public msg: NzMessageService) {}
  constructor(
    public http: HttpClient,
    public dateSrv: DateService,
    public msgSrv: NzMessageService,
    private modalHelper: ModalHelper) {}
  ngOnInit() {
    this.getData();
    this.load();
  }
  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 = getRule(this.q).map(i => {
        const statusItem = this.status[i.status];
        i.statusText = statusItem.text;
        i.statusType = statusItem.type;
        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;
    this.description = '';
    const user = {};
    this.modalHelper.static(UserInstallerEditComponent, {user}).subscribe(() => {
      this.load(true);
      this.msgSrv.success('安装用户保存成功!');
    });
  }
  save() {
    this.loading = true;
    saveRule(this.description);
    this.getData();
    setTimeout(() => this.modalVisible = false, 500);
  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) {
@@ -111,20 +101,29 @@
    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');
    }
  }
}