| | |
| | | import { Component, OnInit } from '@angular/core'; |
| | | import { NzMessageService } from 'ng-zorro-antd'; |
| | | import { getInstaller, deleteInstaller } from '../../../../../_mock/installer.service'; |
| | | 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 '../../../core/services/date.service'; |
| | | |
| | | @Component({ |
| | | selector: 'app-installer', |
| | |
| | | u_mobile: '' |
| | | }; |
| | | data: any[] = []; |
| | | loading = false; |
| | | total: 0; |
| | | |
| | | selectedRows: any[] = []; |
| | | curRows: any[] = []; |
| | | allChecked = false; |
| | | indeterminate = false; |
| | | |
| | | sortMap: any = {}; |
| | | modalVisible = false; |
| | | |
| | | 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.data = getInstaller(this.q); |
| | | 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) => { |
| | | // let data = res.data; |
| | | // const total = res.total; |
| | | // |
| | | // if (this.q.sorter !== '') { |
| | | // const s = this.q.sorter.split('_'); |
| | | // data.sort((prev, next) => { |
| | | // if (s[1] === 'descend') { |
| | | // return moment(next[s[0]]).unix() - moment(prev[s[0]]).unix(); |
| | | // } |
| | | // return moment(prev[s[0]]).unix() - moment(next[s[0]]).unix(); |
| | | // }); |
| | | // } |
| | | // |
| | | // if (this.q.u_name) { |
| | | // data = data.filter(d => d.name.indexOf(this.q.u_name) > -1); |
| | | // } |
| | | // if (this.q.u_mobile) { |
| | | // data = data.filter(d => d.mobile.toString().indexOf(this.q.u_mobile) > -1); |
| | | // } |
| | | // |
| | | // const start = (this.q.pi - 1) * this.q.ps; |
| | | // this.data = data.slice(start, start + this.q.ps); |
| | | // this.total = total; |
| | | |
| | | this.data = res.data.data; |
| | | this.total = res.data.total; |
| | | this.dataChange(this.data); |
| | | |
| | | }); |
| | | } |
| | | |
| | | edit(user) { |
| | | this.modalHelper.static(UserInstallerEditComponent, { user }).subscribe(() => { |
| | | this.load(true); |
| | | this.msgSrv.success('安装用户修改成功!'); |
| | | }); |
| | | } |
| | | |
| | | add() { |
| | | this.modalVisible = true; |
| | | const user = {}; |
| | | this.modalHelper.static(UserInstallerEditComponent, { user }).subscribe(() => { |
| | | this.load(true); |
| | | this.msgSrv.success('安装用户保存成功!'); |
| | | }); |
| | | } |
| | | |
| | | save() { |
| | | |
| | | 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 => deleteInstaller(i.name)); |
| | | this.getData(); |
| | | } |
| | | |
| | | approval() { |
| | | this.msg.success(`审批了 ${this.selectedRows.length} 笔`); |
| | | 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.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(); |
| | | } |
| | | |
| | | dataChange(res: any) { |
| | | this.curRows = res; |
| | | this.refreshStatus(); |
| | | } |
| | | |
| | | refreshStatus() { |
| | | const allChecked = this.curRows.every(value => value.disabled || value.checked); |
| | | const allUnChecked = this.curRows.every(value => value.disabled || !value.checked); |
| | | 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.getData(); |
| | | } |
| | | |
| | | dataChange(res: any) { |
| | | this.curRows = res; |
| | | this.refreshStatus(); |
| | | } |
| | | |
| | | pageChange(pi: number): Promise<any> { |
| | | this.q.pi = pi; |
| | | this.loading = true; |
| | | return new Promise((resolve) => { |
| | | setTimeout(() => { |
| | | this.loading = false; |
| | | resolve(); |
| | | }, 500); |
| | | }); |
| | | 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) { |
| | | return this.dateSrv.date_format(date, 'YYYY-MM-DD'); |
| | | } |
| | | } |