|
|
|
|
@ -9,6 +9,7 @@ import { AddhostComponent } from './addhost/addhost.component';
|
|
|
|
|
import { AddcameraComponent } from './addcamera/addcamera.component'; |
|
|
|
|
import { EdithostComponent } from './edithost/edithost.component'; |
|
|
|
|
import { EditcameraComponent } from './editcamera/editcamera.component'; |
|
|
|
|
import { Router } from '@angular/router'; |
|
|
|
|
@Component({ |
|
|
|
|
selector: 'app-analysis-of-the-host', |
|
|
|
|
templateUrl: './analysis-of-the-host.component.html', |
|
|
|
|
@ -16,7 +17,7 @@ import { EditcameraComponent } from './editcamera/editcamera.component';
|
|
|
|
|
}) |
|
|
|
|
export class AnalysisOfTheHostComponent implements OnInit { |
|
|
|
|
|
|
|
|
|
constructor(private fb: FormBuilder, private http: HttpClient, private toTree: TreeService, private modal: NzModalService, private message: NzMessageService, private viewContainerRef: ViewContainerRef) { } |
|
|
|
|
constructor(private router: Router, private fb: FormBuilder, private http: HttpClient, private toTree: TreeService, private modal: NzModalService, private message: NzMessageService, private viewContainerRef: ViewContainerRef) { } |
|
|
|
|
ngOnInit(): void { |
|
|
|
|
this.getAllOrganization() |
|
|
|
|
} |
|
|
|
|
@ -26,22 +27,23 @@ export class AnalysisOfTheHostComponent implements OnInit {
|
|
|
|
|
searchValue = ''; |
|
|
|
|
nzExpandAll = false; |
|
|
|
|
totalCount: string |
|
|
|
|
|
|
|
|
|
getAllOrganization() { |
|
|
|
|
let OrganizationUnitId = '' |
|
|
|
|
let params = { |
|
|
|
|
OrganizationUnitId: OrganizationUnitId, |
|
|
|
|
IsContainsChildren: "true" |
|
|
|
|
PageSize: 9999 |
|
|
|
|
} |
|
|
|
|
this.http.get('/api/services/app/Organization/GetAll', { |
|
|
|
|
this.http.get('/api/Organizations', { |
|
|
|
|
params: params |
|
|
|
|
}).subscribe((data: any) => { |
|
|
|
|
this.totalCount = data.result.totalCount |
|
|
|
|
data.result.items.forEach(element => { |
|
|
|
|
this.totalCount = data.totalCount |
|
|
|
|
data.items.forEach(element => { |
|
|
|
|
element.key = element.id |
|
|
|
|
element.title = element.displayName |
|
|
|
|
element.title = element.name |
|
|
|
|
element.selectable = false |
|
|
|
|
}); |
|
|
|
|
this.nodes = [...this.toTree.toTree(data.result.items)] |
|
|
|
|
this.nodes = [...this.toTree.toTree(data.items)] |
|
|
|
|
this.defaultExpandedKeys = [this.nodes[0].id] |
|
|
|
|
this.defaultExpandedKeys = [...this.defaultExpandedKeys] |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
@ -55,13 +57,12 @@ export class AnalysisOfTheHostComponent implements OnInit {
|
|
|
|
|
nzSelectedKeys: any[] = [] |
|
|
|
|
selectedOilStation: any |
|
|
|
|
nzClick(event: NzFormatEmitEvent): void { |
|
|
|
|
console.log(event.node.origin); |
|
|
|
|
if (event.node.origin['isGasStation']) {//如果点击的是加油站才生效
|
|
|
|
|
this.nzSelectedKeys[0] = event.node.origin.id |
|
|
|
|
this.nzSelectedKeys = [...this.nzSelectedKeys] |
|
|
|
|
this.selectedOilStation = event.node.origin |
|
|
|
|
console.log(this.selectedOilStation) |
|
|
|
|
this.getHost() |
|
|
|
|
// this.getCamera()
|
|
|
|
|
} else { |
|
|
|
|
this.message.info('只有加油站才可以增加主机'); |
|
|
|
|
} |
|
|
|
|
@ -70,31 +71,14 @@ export class AnalysisOfTheHostComponent implements OnInit {
|
|
|
|
|
//获得加油站的主机
|
|
|
|
|
listOfData: any[] = []; |
|
|
|
|
getHost() { |
|
|
|
|
this.http.get('/api/services/app/EdgeDevice/GetAll', { |
|
|
|
|
this.http.get('/api/EdgeDevices', { |
|
|
|
|
params: { |
|
|
|
|
organizationUnitId: this.selectedOilStation.id, |
|
|
|
|
SkipCount: '0', |
|
|
|
|
MaxResultCount: '100', |
|
|
|
|
OrganizationId: this.selectedOilStation.id, |
|
|
|
|
PageSize: 999 |
|
|
|
|
} |
|
|
|
|
}).subscribe((data: any) => { |
|
|
|
|
console.log('主机列表', data.result.items) |
|
|
|
|
this.listOfData = data.result.items |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//获得加油站摄像头
|
|
|
|
|
listOfDataCamera: any[] = []; |
|
|
|
|
getCamera() { |
|
|
|
|
this.http.get('/api/services/app/Camera/GetAll', { |
|
|
|
|
params: { |
|
|
|
|
organizationUnitId: this.selectedOilStation.id, |
|
|
|
|
SkipCount: '0', |
|
|
|
|
MaxResultCount: '100', |
|
|
|
|
} |
|
|
|
|
}).subscribe((data: any) => { |
|
|
|
|
// console.log('摄像头列表', data)
|
|
|
|
|
this.listOfDataCamera = data.result.items |
|
|
|
|
console.log('主机列表', data.items) |
|
|
|
|
this.listOfData = data.items |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -118,9 +102,9 @@ export class AnalysisOfTheHostComponent implements OnInit {
|
|
|
|
|
console.log('表单信息', instance.validateForm) |
|
|
|
|
let body = { |
|
|
|
|
hostIPAddress: instance.validateForm.value.ip, |
|
|
|
|
organizationUnitId: this.selectedOilStation.id |
|
|
|
|
OrganizationId: this.selectedOilStation.id |
|
|
|
|
} |
|
|
|
|
this.http.post('/api/services/app/EdgeDevice/Create', body).subscribe(data => { |
|
|
|
|
this.http.post('/api/EdgeDevices', body).subscribe(data => { |
|
|
|
|
resolve(data) |
|
|
|
|
this.message.create('success', '创建成功！'); |
|
|
|
|
this.getHost() |
|
|
|
|
@ -135,6 +119,7 @@ export class AnalysisOfTheHostComponent implements OnInit {
|
|
|
|
|
}); |
|
|
|
|
const instance = modal.getContentComponent(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
edit(data) { |
|
|
|
|
console.log(data) |
|
|
|
|
const modal = this.modal.create({ |
|
|
|
|
@ -150,7 +135,7 @@ export class AnalysisOfTheHostComponent implements OnInit {
|
|
|
|
|
await new Promise(resolve => { |
|
|
|
|
console.log('表单信息', instance.validateForm) |
|
|
|
|
data.hostIPAddress = instance.validateForm.value.ip, |
|
|
|
|
this.http.put('/api/services/app/EdgeDevice/Update', data).subscribe(data => { |
|
|
|
|
this.http.put(`/api/EdgeDevices/${data.id}`, data).subscribe(data => { |
|
|
|
|
resolve(data) |
|
|
|
|
this.message.create('success', '修改成功！'); |
|
|
|
|
this.getHost() |
|
|
|
|
@ -165,6 +150,7 @@ export class AnalysisOfTheHostComponent implements OnInit {
|
|
|
|
|
}); |
|
|
|
|
const instance = modal.getContentComponent(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
delete(item) { |
|
|
|
|
console.log(item) |
|
|
|
|
this.modal.confirm({ |
|
|
|
|
@ -172,11 +158,7 @@ export class AnalysisOfTheHostComponent implements OnInit {
|
|
|
|
|
nzOkText: '确定', |
|
|
|
|
nzOkType: 'primary', |
|
|
|
|
nzOnOk: () => { |
|
|
|
|
this.http.delete('/api/services/app/EdgeDevice/Delete', { |
|
|
|
|
params: { |
|
|
|
|
Id: item.id |
|
|
|
|
} |
|
|
|
|
}).subscribe(data => { |
|
|
|
|
this.http.delete(`/api/EdgeDevices/${item.id}`).subscribe(data => { |
|
|
|
|
this.message.create('success', '删除成功！'); |
|
|
|
|
this.getHost() |
|
|
|
|
}) |
|
|
|
|
@ -185,96 +167,9 @@ export class AnalysisOfTheHostComponent implements OnInit {
|
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//摄像头
|
|
|
|
|
addCamera() { |
|
|
|
|
console.log(this.selectedOilStation) |
|
|
|
|
const modal = this.modal.create({ |
|
|
|
|
nzTitle: '新增加油站摄像头', |
|
|
|
|
nzContent: AddcameraComponent, |
|
|
|
|
nzViewContainerRef: this.viewContainerRef, |
|
|
|
|
nzWidth: 288, |
|
|
|
|
nzComponentParams: {}, |
|
|
|
|
nzOnOk: async () => { |
|
|
|
|
if (instance.validateForm.valid) { |
|
|
|
|
await new Promise(resolve => { |
|
|
|
|
console.log('表单信息', instance.validateForm) |
|
|
|
|
let body = { |
|
|
|
|
organizationUnitId: this.selectedOilStation.id, |
|
|
|
|
ipAdress: instance.validateForm.value.ip, |
|
|
|
|
code: instance.validateForm.value.code, |
|
|
|
|
name: instance.validateForm.value.name, |
|
|
|
|
// description: "",
|
|
|
|
|
} |
|
|
|
|
this.http.post('/api/services/app/Camera/Create', body).subscribe(data => { |
|
|
|
|
resolve(data) |
|
|
|
|
this.message.create('success', '创建成功！'); |
|
|
|
|
this.getCamera() |
|
|
|
|
return true |
|
|
|
|
}, err => { |
|
|
|
|
return false |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
} else { |
|
|
|
|
this.message.create('warning', '请填写完整！'); |
|
|
|
|
return false |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
const instance = modal.getContentComponent(); |
|
|
|
|
} |
|
|
|
|
editCamera(data) { |
|
|
|
|
|
|
|
|
|
config(data) { |
|
|
|
|
console.log(data) |
|
|
|
|
const modal = this.modal.create({ |
|
|
|
|
nzTitle: '编辑加油站摄像头', |
|
|
|
|
nzContent: EditcameraComponent, |
|
|
|
|
nzViewContainerRef: this.viewContainerRef, |
|
|
|
|
nzWidth: 288, |
|
|
|
|
nzComponentParams: { |
|
|
|
|
data: data |
|
|
|
|
}, |
|
|
|
|
nzOnOk: async () => { |
|
|
|
|
if (instance.validateForm.valid) { |
|
|
|
|
await new Promise(resolve => { |
|
|
|
|
console.log('表单信息', instance.validateForm) |
|
|
|
|
data.name = instance.validateForm.value.name |
|
|
|
|
data.code = instance.validateForm.value.code |
|
|
|
|
data.ipAdress = instance.validateForm.value.ip |
|
|
|
|
this.http.put('/api/services/app/Camera/Update', data).subscribe(data => { |
|
|
|
|
resolve(data) |
|
|
|
|
this.message.create('success', '编辑成功！'); |
|
|
|
|
this.getCamera() |
|
|
|
|
return true |
|
|
|
|
}, err => { |
|
|
|
|
return false |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
} else { |
|
|
|
|
this.message.create('warning', '请填写完整！'); |
|
|
|
|
return false |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
const instance = modal.getContentComponent(); |
|
|
|
|
} |
|
|
|
|
deleteCamera(item) { |
|
|
|
|
console.log(item) |
|
|
|
|
this.modal.confirm({ |
|
|
|
|
nzTitle: `确定要删除${item.name}这个摄像头吗?`, |
|
|
|
|
nzOkText: '确定', |
|
|
|
|
nzOkType: 'primary', |
|
|
|
|
nzOnOk: () => { |
|
|
|
|
this.http.delete('/api/services/app/Camera/Delete', { |
|
|
|
|
params: { |
|
|
|
|
Id: item.id |
|
|
|
|
} |
|
|
|
|
}).subscribe(data => { |
|
|
|
|
this.message.create('success', '删除成功！'); |
|
|
|
|
this.getCamera() |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
nzCancelText: '取消' |
|
|
|
|
}); |
|
|
|
|
this.router.navigate([`/system/host/${data.id}`]) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
