|
|
|
@ -4,6 +4,7 @@ import { FormBuilder, FormGroup } from '@angular/forms'; |
|
|
|
import { TreeService } from 'src/app/service/tree.service'; |
|
|
|
import { TreeService } from 'src/app/service/tree.service'; |
|
|
|
import { fromEvent, Subject } from 'rxjs'; |
|
|
|
import { fromEvent, Subject } from 'rxjs'; |
|
|
|
import { debounceTime } from 'rxjs/operators'; // 引入debounceTime、Subject
|
|
|
|
import { debounceTime } from 'rxjs/operators'; // 引入debounceTime、Subject
|
|
|
|
|
|
|
|
import { NzFormatEmitEvent, NzTreeNodeOptions } from 'ng-zorro-antd/tree'; |
|
|
|
@Component({ |
|
|
|
@Component({ |
|
|
|
selector: 'app-zhi-indicators', |
|
|
|
selector: 'app-zhi-indicators', |
|
|
|
templateUrl: './zhi-indicators.component.html', |
|
|
|
templateUrl: './zhi-indicators.component.html', |
|
|
|
@ -18,6 +19,7 @@ export class ZhiIndicatorsComponent implements OnInit { |
|
|
|
|
|
|
|
|
|
|
|
ngOnInit(): void { |
|
|
|
ngOnInit(): void { |
|
|
|
this.getAllOrganization() |
|
|
|
this.getAllOrganization() |
|
|
|
|
|
|
|
this.getCompanies() |
|
|
|
//保存防抖
|
|
|
|
//保存防抖
|
|
|
|
this.valueChange.pipe(debounceTime(1000)).subscribe(data => { |
|
|
|
this.valueChange.pipe(debounceTime(1000)).subscribe(data => { |
|
|
|
console.log(data); |
|
|
|
console.log(data); |
|
|
|
@ -59,7 +61,8 @@ export class ZhiIndicatorsComponent implements OnInit { |
|
|
|
data: [ |
|
|
|
data: [ |
|
|
|
{ explain: '' } |
|
|
|
{ explain: '' } |
|
|
|
],//表格数据
|
|
|
|
],//表格数据
|
|
|
|
nodes: [] |
|
|
|
nodes: [], |
|
|
|
|
|
|
|
unitList: [] |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 熟悉演练
|
|
|
|
// 熟悉演练
|
|
|
|
@ -72,18 +75,55 @@ export class ZhiIndicatorsComponent implements OnInit { |
|
|
|
search2Value: [], |
|
|
|
search2Value: [], |
|
|
|
selectedMenu: 1,//选择单位气泡卡片
|
|
|
|
selectedMenu: 1,//选择单位气泡卡片
|
|
|
|
data: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],//表格数据
|
|
|
|
data: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],//表格数据
|
|
|
|
nodes: [] |
|
|
|
nodes: [], |
|
|
|
|
|
|
|
unitList: [] |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
PageNumber = 1 |
|
|
|
|
|
|
|
PageSize = 50 |
|
|
|
|
|
|
|
totalCount: number |
|
|
|
|
|
|
|
getCompanies(CompanyName?: string) { |
|
|
|
|
|
|
|
let params = { |
|
|
|
|
|
|
|
CompanyName: CompanyName, |
|
|
|
|
|
|
|
PageNumber: this.PageNumber, |
|
|
|
|
|
|
|
PageSize: this.PageSize |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.http.get('/api/Companies', { |
|
|
|
|
|
|
|
params: params |
|
|
|
|
|
|
|
}).subscribe((data: any) => { |
|
|
|
|
|
|
|
console.log(data); |
|
|
|
|
|
|
|
this.totalCount = data.totalCount |
|
|
|
|
|
|
|
data.items.forEach(element => { |
|
|
|
|
|
|
|
element.label = element.companyName |
|
|
|
|
|
|
|
element.value = element.id |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
this.doubleRandom.unitList = this.doubleRandom.unitList.concat(data.items); |
|
|
|
|
|
|
|
this.doubleRandom.unitList = [...this.doubleRandom.unitList] |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
moreData() { |
|
|
|
|
|
|
|
this.PageNumber += 1 |
|
|
|
|
|
|
|
this.getCompanies() |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
log(data) { |
|
|
|
|
|
|
|
let arr = [] |
|
|
|
|
|
|
|
data.unitList.forEach(item => { |
|
|
|
|
|
|
|
item.checked ? arr.push(item.id) : null |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
data.search1Value = arr |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
isPopover(data) { |
|
|
|
isPopover(data) { |
|
|
|
data.isPopover = !data.isPopover |
|
|
|
data.isPopover = !data.isPopover |
|
|
|
} |
|
|
|
} |
|
|
|
//搜索框提交
|
|
|
|
//搜索框提交
|
|
|
|
submitForm(value): void { |
|
|
|
submitForm(data): void { |
|
|
|
// console.log(value)
|
|
|
|
data.unitList = [] |
|
|
|
|
|
|
|
this.PageNumber = 1 |
|
|
|
|
|
|
|
this.getCompanies(data.search1) |
|
|
|
} |
|
|
|
} |
|
|
|
// 弹出 tab
|
|
|
|
// 弹出 tab
|
|
|
|
popoverMenuSelect(data, type) { |
|
|
|
popoverMenuSelect(data, type) { |
|
|
|
@ -96,7 +136,7 @@ export class ZhiIndicatorsComponent implements OnInit { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
nzExpandAll = false; |
|
|
|
nzExpandAll = false; |
|
|
|
totalCount: string |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
allOrList: any |
|
|
|
allOrList: any |
|
|
|
nodes |
|
|
|
nodes |
|
|
|
@ -108,7 +148,6 @@ export class ZhiIndicatorsComponent implements OnInit { |
|
|
|
this.http.get('/api/Organizations', { |
|
|
|
this.http.get('/api/Organizations', { |
|
|
|
params: params |
|
|
|
params: params |
|
|
|
}).subscribe((data: any) => { |
|
|
|
}).subscribe((data: any) => { |
|
|
|
this.totalCount = data.totalCount |
|
|
|
|
|
|
|
data.items.forEach(element => { |
|
|
|
data.items.forEach(element => { |
|
|
|
element.key = element.id |
|
|
|
element.key = element.id |
|
|
|
element.title = element.name |
|
|
|
element.title = element.name |
|
|
|
@ -134,4 +173,53 @@ export class ZhiIndicatorsComponent implements OnInit { |
|
|
|
} |
|
|
|
} |
|
|
|
console.log(data.search2Value) |
|
|
|
console.log(data.search2Value) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ngOnDestroy(): void { |
|
|
|
|
|
|
|
//Called once, before the instance is destroyed.
|
|
|
|
|
|
|
|
//Add 'implements OnDestroy' to the class.
|
|
|
|
|
|
|
|
console.log('毁灭了') |
|
|
|
|
|
|
|
this.doubleRandom.isPopover = false |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
nzEvent(event: NzFormatEmitEvent): any { |
|
|
|
|
|
|
|
console.log(event); |
|
|
|
|
|
|
|
// load child async
|
|
|
|
|
|
|
|
if(event.node.origin.companyName){ |
|
|
|
|
|
|
|
return new Promise<void>((resolve, reject) => { |
|
|
|
|
|
|
|
reject() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if (event.node.origin.level === 3 && !event.node.origin.companyName) { |
|
|
|
|
|
|
|
const node = event.node; |
|
|
|
|
|
|
|
console.log(node?.getChildren()) |
|
|
|
|
|
|
|
if (node?.getChildren().length === 0) { |
|
|
|
|
|
|
|
this.loadNode(event.node.origin.id).then(data => { |
|
|
|
|
|
|
|
node.addChildren(data); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
loadNode(id): Promise<NzTreeNodeOptions[]> { |
|
|
|
|
|
|
|
return new Promise(resolve => { |
|
|
|
|
|
|
|
let params = { |
|
|
|
|
|
|
|
OrganizationId: id, |
|
|
|
|
|
|
|
PageNumber: 1, |
|
|
|
|
|
|
|
PageSize: 9999 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.http.get('/api/Companies', { |
|
|
|
|
|
|
|
params: params |
|
|
|
|
|
|
|
}).subscribe((data: any) => { |
|
|
|
|
|
|
|
console.log(data.items) |
|
|
|
|
|
|
|
data.items.forEach(element => { |
|
|
|
|
|
|
|
element.key = element.id |
|
|
|
|
|
|
|
element.title = element.companyName |
|
|
|
|
|
|
|
element.level = 4 |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
resolve(data.items) |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
