From 7a2c61df609a199967a3ea04ebada9f1e37379e8 Mon Sep 17 00:00:00 2001
From: xufenglei <xufenglei>
Date: Fri, 22 Dec 2017 16:00:10 +0800
Subject: [PATCH] 编辑账户

---
 src/app/routes/systems/account/account.component.ts |  120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 113 insertions(+), 7 deletions(-)

diff --git a/src/app/routes/systems/account/account.component.ts b/src/app/routes/systems/account/account.component.ts
index 42b2af6..4013043 100644
--- a/src/app/routes/systems/account/account.component.ts
+++ b/src/app/routes/systems/account/account.component.ts
@@ -1,25 +1,131 @@
-import { Component, OnInit } from '@angular/core';
-import { NzMessageService } from 'ng-zorro-antd';
-import { ModalHelper } from '@delon/theme';
-import { HttpClient } from '@angular/common/http';
+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 {environment} from '../../../../environments/environment';
+import {DateService} from '../../../core/services/date.service';
+import {AccountEditComponent} from './account-edit/account-edit.component';
 
 @Component({
   selector: 'app-account',
   templateUrl: './account.component.html',
   styles: []
 })
+
 export class AccountComponent implements OnInit {
+
+  options = [
+    {value: '1', label: '���'},
+    {value: '0', label: '���'}
+  ];
+
+  query: any = {
+    pageIndex: 1,
+    pageSize: 3,
+    isDelete: this.options[1].value
+  };
+  data: any[] = [];
+  total: 0;
+
+  selectedRows: any[] = [];
+  curRows: any[] = [];
+  allChecked = false;
+  indeterminate = false;
+  sortMap: any = {};
 
   constructor(
     public http: HttpClient,
+    public dateSrv: DateService,
     public msgSrv: NzMessageService,
-    private modalHelper: ModalHelper) { 
-  
+    private modalHelper: ModalHelper) {
+
+  }
+
+  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) => {
+      this.data = res.data.data;
+      this.total = res.data.total;
+    });
   }
 
   ngOnInit() {
-    
+    this.load();
+  }
+  
+  edit(account) {
+    this.modalHelper.static(AccountEditComponent, {account}).subscribe(() => {
+      this.load(true);
+      this.msgSrv.success('���������������������');
+    });
+  }
+
+  add() {
+    const account = {};
+    this.modalHelper.static(AccountEditComponent, {account}).subscribe(() => {
+      this.load(true);
+      this.msgSrv.success('���������������������');
+    });
+  }
+
+  delete(account) {
+    this.http.post(environment.SERVER_BASH_URL + '/account/account/id' , account).subscribe((res: any) => {
+      if(res.data > 0){
+        this.msgSrv.success('���������������������');
+        this.load(true);
+      } else {
+        this.msgSrv.error(res.message);
+      }
+    });
+  }
+
+  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.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);
+    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;
+    this.load(true);
+  }
+
+  format_date(date) {
+    return this.dateSrv.date_format(date, 'YYYY-MM-DD');
   }
 
 }

--
Gitblit v1.8.0