|
|
import { Component, OnInit, Inject, ViewChild } from '@angular/core'; |
|
|
import { HttpClient, HttpHeaders } from '@angular/common/http'; |
|
|
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
|
|
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
|
|
import {CanvasShareDataService,DisposalNodeData} from '../../canvas-share-data.service' //引入服务 |
|
|
import { FlatTreeControl } from '@angular/cdk/tree'; |
|
|
import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree'; |
|
|
import { NzFormatBeforeDropEvent, NzFormatEmitEvent,NzTreeComponent } from 'ng-zorro-antd/tree'; |
|
|
import { ActivatedRoute } from '@angular/router'; |
|
|
//查看需要标记的消防设施按钮 |
|
|
@Component({ |
|
|
selector: 'dialog-examination-questions', |
|
|
templateUrl: './examinationQuestions.html', |
|
|
styleUrls: ['./collection-tools.component.scss',] |
|
|
}) |
|
|
export class examinationQuestionsRead { |
|
|
|
|
|
constructor(private http:HttpClient, public dialog: MatDialog, public snackBar: MatSnackBar, public dialogRef: MatDialogRef<any>, |
|
|
@Inject(MAT_DIALOG_DATA) public data) {} |
|
|
|
|
|
@ViewChild('nzTreeComponent', { static: false }) nzTreeComponent!: NzTreeComponent; |
|
|
|
|
|
renderData:any |
|
|
ngOnInit(): void { |
|
|
let data = JSON.parse(JSON.stringify(this.data.Facilities)) |
|
|
data ? data.forEach(item => { |
|
|
let realData = item.children |
|
|
let allFireElements = JSON.parse(JSON.stringify(this.data.allFireElements)) |
|
|
item.children = this.processingData(allFireElements,realData) |
|
|
}) :null |
|
|
this.renderData = data |
|
|
} |
|
|
//处理数据 将消防要素模板与真实素材结合 |
|
|
processingData(allFireElements,realData){ |
|
|
allFireElements[allFireElements.length-1].children = [] |
|
|
|
|
|
realData.forEach(item => { |
|
|
item.isLeaf = true |
|
|
let noMatch = allFireElements.find( every=> every.id === item.FireElementId) |
|
|
if (!noMatch) { |
|
|
allFireElements[allFireElements.length-1].children.push(item) |
|
|
} |
|
|
}) |
|
|
let treeData = [] //tree型 处理完成后的数据 |
|
|
allFireElements.forEach(element => { |
|
|
element.key = element.id |
|
|
element.name != '其他' ? element.children = [] : null |
|
|
if(realData && realData.length != 0){ |
|
|
realData.forEach(item => { |
|
|
if(element.id == item.FireElementId){ |
|
|
element.children.push(item) |
|
|
} |
|
|
}) |
|
|
} |
|
|
allFireElements.forEach(item => { if (item.parentId == element.id) {element.children.push(item)} }); |
|
|
}); |
|
|
allFireElements.forEach(element => { |
|
|
if (!element.parentId) { treeData.push(element) } |
|
|
}); |
|
|
function recursionFilterEmpty(originalList, result) { |
|
|
for(let i = 0, length = originalList.length; i < length; i++) { |
|
|
const item = originalList[i]; |
|
|
if (item.PropertyInfos) { |
|
|
// 最内层 |
|
|
result.push(item); |
|
|
} else if (item.children && item.children.length) { |
|
|
const newChildren = []; |
|
|
// 递归调用，底层的真实数据会全部 push 进 newChildren 中 |
|
|
recursionFilterEmpty(item.children, newChildren); |
|
|
if (newChildren.length) { |
|
|
// 替换原始数据 |
|
|
item.children = newChildren; |
|
|
// 子项有真实的数据，就保留这一项 |
|
|
result.push(item); |
|
|
} // 如果没有这一项就会被删除 |
|
|
} |
|
|
} |
|
|
} |
|
|
function filterEmpty(listData) { |
|
|
const result = []; |
|
|
recursionFilterEmpty(listData, result); |
|
|
return result; |
|
|
} |
|
|
return filterEmpty(treeData) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
nzEvent($event){ |
|
|
console.log($event) |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
//上传按钮 |
|
|
@Component({ |
|
|
selector: 'dialog-upload-questions', |
|
|
templateUrl: './uploadQuestions.html', |
|
|
styleUrls: ['./collection-tools.component.scss',] |
|
|
}) |
|
|
export class uploadQuestionsRead { |
|
|
|
|
|
constructor(private http:HttpClient, public dialog: MatDialog, public snackBar: MatSnackBar, public dialogRef: MatDialogRef<any>, |
|
|
@Inject(MAT_DIALOG_DATA) public data,private route:ActivatedRoute) {} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
renderData:any |
|
|
labeledOfBasicIcon:any //当前页面各建筑各楼层已标注的基本信息集合 |
|
|
async ngOnInit(): Promise<void> { |
|
|
let params = { |
|
|
examinationId : this.route.snapshot.queryParams.examId, |
|
|
planComponentId : this.route.snapshot.queryParams.planComponentId |
|
|
} |
|
|
let SitePlanData |
|
|
let BuildingPlanData |
|
|
await new Promise((resolve,reject) => { |
|
|
this.http.get('/api/ExamSitePlanData/ExamData',{params}).subscribe(data => { |
|
|
SitePlanData = data |
|
|
resolve(1) |
|
|
}) |
|
|
}) |
|
|
await new Promise((resolve,reject) => { |
|
|
this.http.get('/api/ExamBuildingAreaData/ExamData',{params}).subscribe(data => { |
|
|
BuildingPlanData = data |
|
|
resolve(2) |
|
|
}) |
|
|
}) |
|
|
this.labeledOfBasicIcon = [...SitePlanData,...BuildingPlanData] |
|
|
|
|
|
|
|
|
let data = JSON.parse(JSON.stringify(this.data.Facilities)) |
|
|
console.log('一共有哪几层需要标注',data) |
|
|
data ? data.forEach(item => { |
|
|
let realData = item.children |
|
|
let allFireElements = JSON.parse(JSON.stringify(this.data.allFireElements)) |
|
|
item.children = this.processingData(allFireElements,realData,item.key) |
|
|
}) :null |
|
|
|
|
|
this.renderData = data |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//处理数据 将消防要素模板与真实素材结合 |
|
|
processingData(allFireElements,realData,key){ |
|
|
|
|
|
//key为当前处理数据的层id |
|
|
|
|
|
|
|
|
allFireElements[allFireElements.length-1].children = [] |
|
|
|
|
|
//数组根据某个属性去重 （一类素材只保留一个） |
|
|
const res = new Map(); |
|
|
realData = realData.filter((a) => !res.has(a.TemplateId) && res.set(a.TemplateId, 1)) |
|
|
console.log('当层需要标记的',realData) |
|
|
this.labeledOfBasicIcon.forEach(item => { |
|
|
if(item.sitePlanId == key || item.buildingAreaId == key ){ |
|
|
let data = JSON.parse(item.data) |
|
|
console.log('当层已经标记的',data) |
|
|
let arr = [] |
|
|
for (const key in data) { |
|
|
arr.push(data[key]) |
|
|
} |
|
|
realData.forEach(i => { |
|
|
let isexist = arr.some((ele)=>{ |
|
|
return ele.TemplateId == i.TemplateId |
|
|
}) |
|
|
isexist ? i.xxx = true : null |
|
|
console.log(666,isexist) |
|
|
}) |
|
|
} |
|
|
}) |
|
|
|
|
|
|
|
|
realData.forEach(item => { |
|
|
item.isLeaf = true |
|
|
let noMatch = allFireElements.find( every=> every.id === item.FireElementId) |
|
|
if (!noMatch) { |
|
|
allFireElements[allFireElements.length-1].children.push(item) |
|
|
} |
|
|
}) |
|
|
let treeData = [] //tree型 处理完成后的数据 |
|
|
allFireElements.forEach(element => { |
|
|
element.key = element.id |
|
|
element.name != '其他' ? element.children = [] : null |
|
|
if(realData && realData.length != 0){ |
|
|
realData.forEach(item => { |
|
|
if(element.id == item.FireElementId){ |
|
|
element.children.push(item) |
|
|
} |
|
|
}) |
|
|
} |
|
|
allFireElements.forEach(item => { if (item.parentId == element.id) {element.children.push(item)} }); |
|
|
}); |
|
|
allFireElements.forEach(element => { |
|
|
if (!element.parentId) { treeData.push(element) } |
|
|
}); |
|
|
function recursionFilterEmpty(originalList, result) { |
|
|
for(let i = 0, length = originalList.length; i < length; i++) { |
|
|
const item = originalList[i]; |
|
|
if (item.PropertyInfos) { |
|
|
// 最内层 |
|
|
result.push(item); |
|
|
} else if (item.children && item.children.length) { |
|
|
const newChildren = []; |
|
|
// 递归调用，底层的真实数据会全部 push 进 newChildren 中 |
|
|
recursionFilterEmpty(item.children, newChildren); |
|
|
if (newChildren.length) { |
|
|
// 替换原始数据 |
|
|
item.children = newChildren; |
|
|
// 子项有真实的数据，就保留这一项 |
|
|
result.push(item); |
|
|
} // 如果没有这一项就会被删除 |
|
|
} |
|
|
} |
|
|
} |
|
|
function filterEmpty(listData) { |
|
|
const result = []; |
|
|
recursionFilterEmpty(listData, result); |
|
|
return result; |
|
|
} |
|
|
return filterEmpty(treeData) |
|
|
|
|
|
} |
|
|
|
|
|
nzEvent($event){ |
|
|
console.log($event) |
|
|
} |
|
|
//上传 |
|
|
submit () { |
|
|
// this.dialogRef.close(); |
|
|
const config = new MatSnackBarConfig(); |
|
|
config.verticalPosition = 'top'; |
|
|
config.duration = 3000 |
|
|
this.snackBar.open('提交成功,页面将于一秒后关闭','确定',config); |
|
|
setTimeout(() => { |
|
|
window.close() |
|
|
}, 1000); |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//保存考的节点 |
|
|
@Component({ |
|
|
selector: 'dialog-disposal-nodes', |
|
|
templateUrl: './uploadDisposalNodes.html', |
|
|
styleUrls: ['./collection-tools.component.scss',] |
|
|
}) |
|
|
export class uploadDisposalNodesRead { |
|
|
|
|
|
constructor(private http:HttpClient, public dialog: MatDialog, public snackBar: MatSnackBar, public dialogRef: MatDialogRef<any>, |
|
|
@Inject(MAT_DIALOG_DATA) public data) {} |
|
|
@ViewChild('nzTreeComponent', { static: false }) nzTreeComponent!: NzTreeComponent; |
|
|
|
|
|
ngOnInit(): void { |
|
|
this.treeData = [...this.data.treeData] |
|
|
} |
|
|
treeData:any = []; //tree |
|
|
|
|
|
//提交 保存考试节点 |
|
|
submit () { |
|
|
let checkList = [] |
|
|
this.data.oldTreeData.forEach(element => { |
|
|
let isChecked = (this.nzTreeComponent.getTreeNodeByKey(element.id)).isChecked |
|
|
isChecked? checkList.push(element) : null |
|
|
}); |
|
|
let galfList = this.nzTreeComponent.getHalfCheckedNodeList() |
|
|
this.data.oldTreeData.forEach(element => { |
|
|
galfList.forEach(elements => { |
|
|
element.id == elements.origin.id? checkList.push(element) : null |
|
|
}); |
|
|
}); |
|
|
if (checkList.length) { |
|
|
this.dialogRef.close(checkList); |
|
|
} else { |
|
|
const config = new MatSnackBarConfig(); |
|
|
config.verticalPosition = 'top'; |
|
|
config.duration = 3000 |
|
|
this.snackBar.open('请选择节点','确定',config); |
|
|
} |
|
|
} |
|
|
|
|
|
} |
