From 4c9cd5da29ffbd2788c47130416fc8780b941103 Mon Sep 17 00:00:00 2001
From: xufenglei <xufenglei>
Date: Mon, 29 Jan 2018 08:59:09 +0800
Subject: [PATCH] echarts

---
 src/app/routes/systems/account/account.component.ts |  123 ++++++++++++++++++++++------------------
 1 files changed, 67 insertions(+), 56 deletions(-)

diff --git a/src/app/routes/systems/account/account.component.ts b/src/app/routes/systems/account/account.component.ts
index 9078ab4..209ad3a 100644
--- a/src/app/routes/systems/account/account.component.ts
+++ b/src/app/routes/systems/account/account.component.ts
@@ -1,12 +1,10 @@
 import {Component, OnInit} from '@angular/core';
-import {NzMessageService} from 'ng-zorro-antd';
+import {NzMessageService, NzModalService} from 'ng-zorro-antd';
 import {ModalHelper} from '@delon/theme';
 import {HttpClient} from '@angular/common/http';
-import * as moment from 'moment';
 import {environment} from '../../../../environments/environment';
-import {DateService} from '../../../core/services/date.service';
+import { DateService } from '../../../business/services/util/date.service';
 import {AccountEditComponent} from './account-edit/account-edit.component';
-
 @Component({
   selector: 'app-account',
   templateUrl: './account.component.html',
@@ -15,42 +13,48 @@
 
 export class AccountComponent implements OnInit {
 
-  options = [
+  private isDeleteOptions = [
     {value: '1', label: '���'},
     {value: '0', label: '���'}
   ];
 
   query: any = {
     pageIndex: 1,
-    pageSize: 3,
-    isDelete: this.options[1].value
+    pageSize: 10,
+    isDelete: this.isDeleteOptions[1].value
   };
   data: any[] = [];
   total: 0;
 
   selectedRows: any[] = [];
-  curRows: any[] = [];
   allChecked = false;
   indeterminate = false;
-  sortMap: any = {};
+  sortMap: string[] = [];
+  loading: boolean = true;
 
   constructor(
     public http: HttpClient,
+    private confirmServ: NzModalService,
     public dateSrv: DateService,
     public msgSrv: NzMessageService,
-    private modalHelper: ModalHelper) {
+    private modalHelper: ModalHelper
+  ) {
 
   }
 
   load(reload: boolean = false) {
-   if (reload) {
+    if (reload) {
       this.query.pageIndex = 1;
     }
     this.http.get(environment.SERVER_BASH_URL + '/account/list', {params: this.query}).subscribe((res: any) => {
-      this.data = res.data.data;
-      this.total = res.data.total;
-
-      this.dataChange(this.data);
+      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;
     });
   }
 
@@ -58,24 +62,38 @@
     this.load();
   }
 
-  edit(account) {
-    this.modalHelper.static(AccountEditComponent, {account}).subscribe(() => {
-      this.load(true);
-      this.msgSrv.success('���������������������');
+  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);
+      }
     });
   }
 
-  add() {
-    const account = {};
-    this.modalHelper.static(AccountEditComponent, {account}).subscribe(() => {
-      this.load(true);
-      this.msgSrv.success('���������������������');
+  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(account) {
-    this.http.post(environment.SERVER_BASH_URL + '/account/account/id' , account).subscribe((res: any) => {
-      if(res.data > 0){
+  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 {
@@ -84,50 +102,43 @@
     });
   }
 
-  remove() {
-    const ids = [];
-    this.selectedRows.forEach(i => {
-      ids.push(i.id);
-    });
-    this.http.post(environment.SERVER_BASH_URL + '/account/accounts/ids', ids).subscribe((res: any) => {
-      this.load(true);
-    });
-  }
-
   checkAll(value: boolean) {
-    this.curRows.forEach(i => {
-      i.checked = value;
+    this.data.forEach(i => {
+      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.checked);
-    const allUnChecked = this.curRows.every(value => !value.checked);
+    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) {
-    this.sortMap = {};
-    this.sortMap[field] = value;
-    this.query.sorter = value ? `${field} ${value}` : '';
-    this.load(true);
-  }
-
-  reset(ls: any[]) {
-    for (const item of ls) item.value = false;
+    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) {
-    return this.dateSrv.date_format(date, 'YYYY-MM-DD');
+    if (date) {
+      return this.dateSrv.date_format(date, 'YYYY-MM-DD');
+    }
   }
-
 }

--
Gitblit v1.8.0