import { SelectionModel } from '@angular/cdk/collections'; import { HttpClient } from '@angular/common/http'; import { Component, Inject, OnInit, ViewChild } from '@angular/core'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; import { MatTableDataSource } from '@angular/material/table'; import { NzFormatEmitEvent, NzTreeComponent } from 'ng-zorro-antd/tree'; @Component({ selector: 'app-create-test-score', templateUrl: './create-test-score.component.html', styleUrls: ['./create-test-score.component.scss'] }) export class CreateTestScoreComponent implements OnInit { constructor(public dialog: MatDialog,private http: HttpClient) { } selectedTab:number = 1 //选中的选项卡 selectTab(index){ this.selectedTab = index } ngOnInit(): void { this.getUnitData() this.getAround() this.getKeySite() this.getFunDiv() this.getFireFac() } //模拟单位数据 unitDatas:any = [ {name:'富丽华大酒店1',score:0,basicInfoScore:0,basicInfoItemScore:0,basicInfoNodes : [ { name: '单位信息', key: '0-0', type:'基本信息', expanded: true, children: [ {name: '统一社会信用代码',key: '1',isLeaf:true}, {name: '单位类型',key: '2',isLeaf:true}, {name: '联系人',key: '3',isLeaf:true}, {name: '联系电话',key: '4',isLeaf:true}, {name: '辖区中队',key: '5',isLeaf:true}, {name: '单位地址',key: '6',isLeaf:true} ] }, { name: '建筑信息', key: '0-1', type:'基本信息', expanded: true, children: [ { name: '面积', key: '0-1-0-0',isLeaf:true}, { name: '高度', key: '0-1-0-1',isLeaf:true}, { name: '层数', key: '0-1-0-2',isLeaf:true} ] }, ],aroundScore:0,aroundItemScore:0,aroundNodes :[ { name: '单位四周毗邻', key: '11', expanded: true, type:'四周毗邻', children: [ {name: '东方向',key: '55',isLeaf:true}, ] }, { name: '建筑四周毗邻', key: '22', expanded: true, type:'四周毗邻', children: [ {name: '东方向',key: '55',isLeaf:true}, ] }, ]}, // {name:'富丽华大酒店2',score:0,basicInfoScore:0} ] //上个页面传过来的单位数据 unitId:any = [{name:'最最最最最',id:'5fb76c42919f2b44e464016f'}, {name:'华南城集团有限公司',id:'5ee19fe06f91049f5e23e937'}, {name:'贵港油库',id:'5fa35d68f8eb762cb03c662e'} ] //获取单位基本信息 getUnitData(){ this.unitId.forEach((element,index) => { element.score = 0 element.basicInfoScore = 0 element.basicInfoItemScore = 0 this.http.get(`/api/Companies/${element.id}`).subscribe((data:any)=>{ // console.log('单位信息',index,data) let unitData = { name: '单位信息', type:'基本信息', expanded: false, key:(Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), children:[] } data.usci ? unitData.children.push({ name: '统一社会信用代码',key: element.id+'统一社会信用代码',isLeaf:true,value:data.usci }) : null data.buildingTypes[0].name ? unitData.children.push({ name: '单位类型',key: element.id+'单位类型',isLeaf:true,value:data.buildingTypes[0].name }) : null data.contacts ? unitData.children.push({ name: '联系人',key: element.id+'联系人',isLeaf:true,value:data.contacts }) : null data.phone ? unitData.children.push({ name: '联系电话',key: element.id+'联系电话',isLeaf:true,value:data.phone }) : null data.organizationName ? unitData.children.push({ name: '辖区中队',key: element.id+'辖区中队',isLeaf:true,value:data.organizationName }) : null data.address ? unitData.children.push({ name: '单位地址',key: element.id+'单位地址',isLeaf:true,value:data.address }) : null element.basicInfoNodes = [] element.basicInfoNodes.push(unitData) var buildingsData:any this.http.get("/api/Buildings",{ params:{ companyId:element.id } }).subscribe(async (data:any)=>{ buildingsData = data for (let i = 0, length = data.length; i < length; i++){ const result = await new Promise((resolve) =>{ this.http.get("/api/BuildingBasicInfos",{ // 循环请求当前单位建筑每一个建筑的信息保存到数组中 params:{ companyId :element.id, buildingId:data[i].id, buildingType:data[i].buildingTypes[0].id } }).subscribe((buildingsData:any)=>{ // console.log(1234,buildingsData) buildingsData.name = data[i].name buildingsData.buildingType = data[i].buildingTypes[0].name buildingsData[0].buildingBasicGroups.forEach((y,m) => { let propertyInfosArr = [] let tabledata if(y.type == 1){//如果是表格类 var map = {}, dest:any = []; for(var i = 0; i < y.propertyInfos.length; i++){ var ai = y.propertyInfos[i]; if(!map[ai.propertyName]){ dest.push({ propertyName: ai.propertyName, data: [ai] }); map[ai.propertyName] = ai; }else{ for(var j = 0; j < dest.length; j++){ var dj = dest[j]; if(dj.propertyName == ai.propertyName){ dj.data.push(ai); break; } } } } //根据行数确定在循环数组中的index dest.forEach(item => { item.data.sort(function(a,b){ return Number(a.tag) - Number(b.tag) }) }) y.tabledata = dest tabledata = dest y.tabledata[0].data.forEach((x,key) => { if(x.propertyValue){ x.key = (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5) x.isLeaf = true x.name = x.propertyValue propertyInfosArr.push(x) } }) }else{ y.propertyInfos.forEach((x,key) => { if(x.propertyValue){ x.key = (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5) x.isLeaf = true x.name = x.propertyName propertyInfosArr.push(x) } }) } if(propertyInfosArr.length != 0){ element.basicInfoNodes.push({ name:y.name != '基本信息' ? buildingsData.name + '-' + y.name : buildingsData.name , type:'基本信息', expanded: false, key:(Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), children:propertyInfosArr, tabledata:tabledata ? tabledata : null }) element.basicInfoNodes = [...element.basicInfoNodes] } }) resolve(i) }) }) } // console.log(987,this.unitId) }) }) }) } //获取四周毗邻数据 getAround(){ this.unitId.forEach((element,index) => { element.aroundScore = 0 element.aroundItemScore = 0 element.aroundNodes = [] //获得当前单位的单位毗邻 let id = {companyId:element.id} this.http.get('/api/CompanyAdjoins',{params:id}).subscribe((data:any)=>{ // console.log(index+'四周毗邻',data) data.forEach(item => { item.direction == 0 ? item.title = '东方向' : null item.direction == 1 ? item.title = '西方向' : null item.direction == 2 ? item.title = '南方向' : null item.direction == 3 ? item.title = '北方向' : null item.direction == 4 ? item.title = '东南方向' : null item.direction == 5 ? item.title = '西南方向' : null item.direction == 6 ? item.title = '东北方向' : null item.direction == 7 ? item.title = '西北方向' : null item.isLeaf = true, item.key = item.id }) //如果存在单位毗邻 if(data.length != 0){ this.unitId[index].aroundNodes.push({ name: '单位毗邻', key: (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), expanded: false, type:'四周毗邻', children: data }) element.aroundNodes = [...element.aroundNodes] } }) //获得当前单位的建筑毗邻 this.http.get('/api/Buildings',{params:id}).subscribe((data:any)=>{ if (data.length) { getAllArchitecture(data) } }) let that = this async function getAllArchitecture(buildingsdata){ for (let i = 0, length = buildingsdata.length; i < length; i++){ let id = {buildingId:buildingsdata[i].id} let result = await new Promise((resolve, reject) => { that.http.get('/api/BuildingAdjoins',{params:id}).subscribe((data:any)=>{ data.forEach(item => { item.direction == 0 ? item.title = '东方向' : null item.direction == 1 ? item.title = '西方向' : null item.direction == 2 ? item.title = '南方向' : null item.direction == 3 ? item.title = '北方向' : null item.direction == 4 ? item.title = '东南方向' : null item.direction == 5 ? item.title = '西南方向' : null item.direction == 6 ? item.title = '东北方向' : null item.direction == 7 ? item.title = '西北方向' : null item.isLeaf = true item.key = item.id }) if(data.length != 0){ that.unitId[index].aroundNodes.push({ name: buildingsdata[i].name, key: (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), expanded: false, type:'四周毗邻', children: data }) element.aroundNodes = [...element.aroundNodes] } resolve('1') }) }) } } }) } //获取重点部位 getKeySite(){ let that = this this.unitId.forEach((element,index) =>{ element.keySiteScore = 0 element.keySiteItemScore = 0 element.keySiteNodes = [] //获得单位重点部位 let id = {companyId:element.id} this.http.get('/api/CompanyImportantLocations',{params:id}).subscribe((data:any)=>{ //如果存在单位毗邻 let newData = [] data.forEach(item => { item.isLeaf = true item.key = item.id item.name ? newData.push(item) : null }) if(data.length != 0){ this.unitId[index].keySiteNodes.push({ name: '单位重点部位', key: (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), expanded: false, type:'重点部位', children: newData }) element.keySiteNodes = [...element.keySiteNodes] }}) //获得建筑重点部位 this.http.get('/api/Buildings',{params:id}).subscribe((data:any)=>{ if (data.length) { getAllBuildingPositon(data) } }) //获取当前单位所有建筑重点部位 async function getAllBuildingPositon (buildingsdata) { for (let i = 0, length = buildingsdata.length; i < length; i++){ let id = {buildingId:buildingsdata[i].id} let result = await new Promise((resolve, reject) =>{ that.http.get('/api/BuildingImportantLocations',{params:id}).subscribe((data:any)=>{ let newData = [] data.forEach(item => { item.isLeaf = true item.key = item.id item.name ? newData.push(item) : null }) if(newData.length != 0){ that.unitId[index].keySiteNodes.push({ name: buildingsdata[i].name, key: (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), expanded: false, type:'重点部位', children: newData }) element.keySiteNodes = [...element.keySiteNodes] } resolve('2') }) }) } } }) //获取单位重点部位 } //获取功能分区 getFunDiv(){ let that = this this.unitId.forEach((element,index) =>{ element.funDivScore = 0 element.funDivItemScore = 0 element.funDivNodes = [] let id = {companyId:element.id} //单位功能分区 this.http.get('/api/CompanyFunctionalDivisions',{params:id}).subscribe((data:any)=>{ //如果存在单位的单位功能分区 let newData = [] data.forEach(item => { item.isLeaf = true item.key = item.id item.region ? newData.push(item) : null }) if(data.length != 0){ this.unitId[index].funDivNodes.push({ name: '单位功能分区', key: (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), expanded: false, type:'功能分区', children: newData }) element.funDivNodes = [...element.funDivNodes] } }) //建筑功能分区 this.http.get('/api/Buildings',{params:id}).subscribe((data:any)=>{ if (data.length) { getAllBuildingFunDiv(data) } }) //获取当前单位所有建筑功能分区 async function getAllBuildingFunDiv (buildingsdata) { for (let i = 0, length = buildingsdata.length; i < length; i++){ let id = {buildingId:buildingsdata[i].id} let result = await new Promise((resolve, reject) =>{ that.http.get('/api/BuildingFunctionalDivisions',{params:id}).subscribe((data:any)=>{ let newData = [] data.forEach(item => { item.isLeaf = true item.key = item.id item.region ? newData.push(item) : null }) if(newData.length != 0){ that.unitId[index].funDivNodes.push({ name: buildingsdata[i].name, key: (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), expanded: false, type:'功能分区', children: newData }) element.funDivNodes = [...element.funDivNodes] } resolve('2') }) }) } } }) } //获取消防设施 getFireFac(){ let that = this this.unitId.forEach((element,index) =>{ element.fireFacScore = 0 element.fireFacItemScore = 0 element.fireFacNodes = [] let companyId = element.id //获取单位级别消防设施 this.http.get(`/api/Companies/${companyId}`).subscribe((data:any)=>{ if (data.buildingTypes.length) { let newData = {buildingType: data.buildingTypes[0].id,companyId : companyId} this.http.get('/api/CompanyFacilities',{params:newData}).subscribe((data:any)=>{ //获得单位的消防设施 data[0].summary.companyFacilityGroups.forEach(element => { //循环单位内置分组项 element.facilityItems.forEach((elements,index) => { elements.total = element.facilityCount[index] }); }); let newData = [] data[0].summary.companyFacilityGroups.forEach(item => { item.facilityItems.forEach(i => { i.isLeaf = true i.key = (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), (i.total && (i.total!= '总数：0' && i.total!= '总数:0')) ? newData.push(i) : null }) }) if(newData.length != 0){ this.unitId[index].fireFacNodes.push({ name: '单位消防设施', key: (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), expanded: false, type:'消防设施', children: newData }) element.fireFacNodes = [...element.fireFacNodes] } }) } }) //获取各建筑消防设施 this.http.get('/api/Buildings',{params:{ companyId:companyId }}).subscribe((data:any)=>{ if (data.length != 0) { getAllBuildingFireFac(data) } }) async function getAllBuildingFireFac (buildingsdata) { // console.log('建筑'+index,buildingsdata) for (let i = 0, length = buildingsdata.length; i < length; i++){ let header = {buildingId: buildingsdata[i].id, buildingType: buildingsdata[i].buildingTypes[0].id,companyId:buildingsdata[i].companyId} let result = await new Promise((resolve, reject) =>{ that.http.get('/api/BuildingFacilities',{params:header}).subscribe((data:any)=>{ // console.log(index+'消防设施'+ i,data) data[0].summary.buildingFacilityGroups.forEach(element => { //循环单位内置分组项 element.facilityItems.forEach((elements,index) => { elements.total = element.facilityCount[index] }); }); let newData = [] data[0].summary.buildingFacilityGroups.forEach(item => { item.facilityItems.forEach(i => { i.isLeaf = true i.key = (Math.random()*10000000).toString(16).substr(0,4)+(new Date()).getTime()+Math.random().toString().substr(2,5), (i.total && (i.total!= '总数：0' && i.total!= '总数:0')) ? newData.push(i) : null }) }) if(newData.length != 0){ that.unitId[index].fireFacNodes.push({ name: buildingsdata[i].name, key: buildingsdata[i].id, expanded: false, type:'消防设施', children: newData }) element.fireFacNodes = [...element.fireFacNodes] } resolve('消防设施') }) }) } } }) } //查看树节点 lookTreeNode(node){ const dialogRef = this.dialog.open(LookTreeNodeDialog, { id:'lookTreeNode', data: node.origin }); dialogRef.afterClosed().subscribe(result => { console.log('The dialog was closed'); }); } //阻止input事件冒泡 stopPropagation($event){ $event.stopPropagation() } //模拟预案数据 planDatas:any = [ {name:'5楼电路故障灾情扑救',or:'上海总队',time:'2020-09-24',isOpen:'未公开',level:'总队',score:0}, {name:'6楼电路故障灾情扑救',or:'上海总队',time:'2020-09-24',isOpen:'未公开',level:'总队',score:0}, {name:'7楼电路故障灾情扑救',or:'上海总队',time:'2020-09-24',isOpen:'未公开',level:'总队',score:0} ] defaultCheckedKeys = []; //指定选中复选框的树节点 key值 defaultExpandedKeys = []; //展开指定的树节点 key值 defaultSelectedKeys = []; //指定选中的树节点 key值 examScore:any = 0//整个试卷的总分 //计算分数 calculateScore(key){ //key代表第几个建筑 //计算整个单位的总分 this.unitId[key].score = this.unitId[key].basicInfoScore + this.unitId[key].aroundScore + this.unitId[key].keySiteScore + this.unitId[key].funDivScore + this.unitId[key].fireFacScore //计算整个试卷的总分 //计算整个试卷的总分 let examScore = 0 this.unitId.forEach(element => { examScore += element.score }) let examScore2 = 0 this.planDatas.forEach(element => { examScore2 += Number(element.score) }) this.examScore = examScore + examScore2 } //tree的选择事件 nzEvent(event: NzFormatEmitEvent,key): void { if(event.node.origin.type == '基本信息' || (event.node.parentNode && event.node.parentNode.origin.type == '基本信息')){ let selectedNum = [] this.unitId[key].basicInfoNodes.forEach(item => { item.children.forEach(i => { i.checked ? selectedNum.push(i) : '' }) }) if(selectedNum.length != 0 ){ this.unitId[key].basicInfoScore ? this.unitId[key].basicInfoItemScore = this.unitId[key].basicInfoScore / selectedNum.length : null }else{ this.unitId[key].basicInfoItemScore = 0 } } if(event.node.origin.type == '四周毗邻' || (event.node.parentNode && event.node.parentNode.origin.type == '四周毗邻')){ let selectedNum = [] this.unitId[key].aroundNodes.forEach(item => { item.children.forEach(i => { i.checked ? selectedNum.push(i) : '' }) }) if(selectedNum.length != 0 ){ this.unitId[key].aroundScore ? this.unitId[key].aroundItemScore = this.unitId[key].aroundScore / selectedNum.length : null }else{ this.unitId[key].aroundItemScore = 0 } } if(event.node.origin.type == '重点部位' || (event.node.parentNode && event.node.parentNode.origin.type == '重点部位')){ let selectedNum = [] this.unitId[key].keySiteNodes.forEach(item => { item.children.forEach(i => { i.checked ? selectedNum.push(i) : '' }) }) if(selectedNum.length != 0 ){ this.unitId[key].keySiteScore ? this.unitId[key].keySiteItemScore = this.unitId[key].keySiteScore / selectedNum.length : null }else{ this.unitId[key].keySiteItemScore = 0 } } if(event.node.origin.type == '功能分区' || (event.node.parentNode && event.node.parentNode.origin.type == '功能分区')){ let selectedNum = [] this.unitId[key].funDivNodes .forEach(item => { item.children.forEach(i => { i.checked ? selectedNum.push(i) : '' }) }) if(selectedNum.length != 0 ){ this.unitId[key].funDivScore ? this.unitId[key].funDivItemScore = this.unitId[key].funDivScore / selectedNum.length : null }else{ this.unitId[key].funDivItemScore = 0 } } if(event.node.origin.type == '消防设施' || (event.node.parentNode && event.node.parentNode.origin.type == '消防设施')){ let selectedNum = [] this.unitId[key].fireFacNodes.forEach(item => { item.children.forEach(i => { i.checked ? selectedNum.push(i) : '' }) }) if(selectedNum.length != 0 ){ this.unitId[key].fireFacScore ? this.unitId[key].fireFacItemScore = this.unitId[key].fireFacScore / selectedNum.length : null }else{ this.unitId[key].fireFacItemScore = 0 } } } //单位各项总分数动态计算 sumScore(type,key){ //key代表第几个建筑 type代表哪个部分 if(type == '基本信息'){ let selectedNum = 0 this.unitId[key].basicInfoNodes.forEach(item => { item.children.forEach(i => { i.checked ? selectedNum++ : '' }) }) if(selectedNum != 0){ this.unitId[key].basicInfoItemScore = this.unitId[key].basicInfoScore / selectedNum }else{ this.unitId[key].basicInfoItemScore = 0 } } if(type == '四周毗邻'){ let selectedNum = 0 this.unitId[key].aroundNodes.forEach(item => { item.children.forEach(i => { i.checked ? selectedNum++ : '' }) }) if(selectedNum != 0){ this.unitId[key].aroundItemScore = this.unitId[key].aroundScore / selectedNum }else{ this.unitId[key].aroundItemScore = 0 } } if(type == '重点部位'){ let selectedNum = 0 this.unitId[key].keySiteNodes.forEach(item => { item.children.forEach(i => { i.checked ? selectedNum++ : '' }) }) if(selectedNum != 0){ this.unitId[key].keySiteItemScore = this.unitId[key].keySiteScore / selectedNum }else{ this.unitId[key].keySiteItemScore = 0 } } if(type == '功能分区'){ let selectedNum = 0 this.unitId[key].funDivNodes.forEach(item => { item.children.forEach(i => { i.checked ? selectedNum++ : '' }) }) if(selectedNum != 0){ this.unitId[key].funDivItemScore = this.unitId[key].funDivScore / selectedNum }else{ this.unitId[key].funDivItemScore = 0 } } if(type == '消防设施'){ let selectedNum = 0 this.unitId[key].fireFacNodes.forEach(item => { item.children.forEach(i => { i.checked ? selectedNum++ : '' }) }) if(selectedNum != 0){ this.unitId[key].fireFacItemScore = this.unitId[key].fireFacScore / selectedNum }else{ this.unitId[key].fireFacItemScore = 0 } } this.calculateScore(key)//更新标题栏分数 } //添加预案 addPlan(){ const dialogRef = this.dialog.open(AddPlanDialog, { width: '380px', height: '136px', data: {} }); dialogRef.afterClosed().subscribe(result => { console.log('The dialog was closed'); }); } //每条预案分数增加在试卷分数 planItemScore(item){ //计算整个试卷的总分 let examScore = 0 this.unitId.forEach(element => { examScore += element.score }) let examScore2 = 0 this.planDatas.forEach(element => { examScore2 += Number(element.score) }) this.examScore = examScore + examScore2 } @ViewChild('nzTreeComponent', { static: false }) nzTreeComponent!: NzTreeComponent; //保存 save(){ let copyDatas = JSON.parse(JSON.stringify(this.unitId)) //循环每个建筑处理数据筛选出选中数据 copyDatas.forEach(item => { //建筑的基本信息模块处理 item.basicInfoNodes.forEach((i,key) => { //如果顶级节点未选中则需要筛除没有选中的数据 if(!i.checked){ // console.log(i) let newArr = [] i.children.forEach(element => { element.checked ? newArr.push(element) : null }) let discard = []//即将废弃的数组 // newArr.length == 0 ? item.basicInfoNodes.splice(key,1) : i.children = newArr newArr.length == 0 ? discard.push(i) : i.children = newArr item.basicInfoNodes = item.basicInfoNodes.filter(items => { if (!discard.includes(items)) return items; }) } //将children处理成指定形式 if(i.name =='单位信息'){ let newChildren = [] i.children.forEach((element,index) => { let newChildrenItem:any= {} newChildrenItem.name = element.name//题目名称 newChildrenItem.result = element.value//题目答案 newChildrenItem.physicalUnit = element.physicalUnit || ''//计量单位 newChildrenItem.propertyType = 0//输入框类型 newChildren.push(newChildrenItem) }) i.children = newChildren }else if(!i.tabledata){ let newChildren = [] i.children.forEach((element,index) => { let newChildrenItem:any= {} newChildrenItem.name = element.propertyName//题目名称 newChildrenItem.result = element.propertyValue//题目答案 newChildrenItem.physicalUnit = element.physicalUnit || ''//计量单位 newChildrenItem.propertyType = element.propertyType//输入框类型 newChildren.push(newChildrenItem) }) i.children = newChildren }else if(i.tabledata){//如果是表格类 let newChildren = [] i.children.forEach((element,index) => { let newChildrenItem:any= {} newChildrenItem.name = element.propertyValue//题目名称 newChildrenItem.result = element.tag//代表第几行 newChildrenItem.physicalUnit = ''//计量单位 newChildrenItem.propertyType = ''//输入框类型 newChildren.push(newChildrenItem) }) i.children = newChildren i.tabledata.forEach(element => { let newData = [] element.data.forEach(ele => { let newObj:any = {} newObj.name = ele.propertyName//题目名称 newObj.result = ele.propertyValue//代表第几行 newObj.physicalUnit = ele.physicalUnit//计量单位 newObj.propertyType = ele.propertyType//输入框类型 newObj.tag = ele.tag//第几行 newData.push(newObj) }) element.data = newData }) } delete i.selected }) //建筑的四周毗邻模块处理 item.aroundNodes.forEach((i,key) => { //如果顶级节点未选中则需要筛除没有选中的数据 if(!i.checked){ let newArr = [] i.children.forEach(element => { element.checked ? newArr.push(element) : null }) let discard = []//即将废弃的数组 newArr.length == 0 ? discard.push(i) : i.children = newArr item.aroundNodes = item.aroundNodes.filter(items => { if (!discard.includes(items)) return items; }) } let newChildren = [] i.children.forEach((element,index) => { let newChildrenItem:any= {} newChildrenItem.name = element.title//题目名称 newChildrenItem.result = element.name//题目答案 newChildrenItem.physicalUnit = ''//计量单位 newChildrenItem.propertyType = 0//输入框类型 newChildren.push(newChildrenItem) }) i.children = newChildren delete i.selected }) //建筑的重点部位模块处理 item.keySiteNodes.forEach((i,key) => { i.selected ? i.selected = null : null //如果顶级节点未选中则需要筛除没有选中的数据 if(!i.checked){ let newArr = [] i.children.forEach(element => { element.checked ? newArr.push(element) : null }) let discard = []//即将废弃的数组 newArr.length == 0 ? discard.push(i) : i.children = newArr item.keySiteNodes = item.keySiteNodes.filter(items => { if (!discard.includes(items)) return items; }) } i.tabledata = [{propertyName: "重点部位名称",data:[]}, {propertyName: "重点部位所在位置",data:[]}, {propertyName: "建筑结构",data:[]}, {propertyName: "使用性质",data:[]}, {propertyName: "主要危险性",data:[]}] i.children.forEach(element => { i.tabledata[0].data.push({ name: "重点部位名称", physicalUnit: '', propertyType: 0, result: element.name, tag: "" }) i.tabledata[1].data.push({ name: "重点部位所在位置", physicalUnit: '', propertyType: 0, result: element.position, tag: "" }) i.tabledata[2].data.push({ name: "建筑结构", physicalUnit: '', propertyType: 0, result: element.structure, tag: "" }) i.tabledata[3].data.push({ name: "使用性质", physicalUnit: '', propertyType: 0, result: element.nature, tag: "" }) i.tabledata[4].data.push({ name: "主要危险性", physicalUnit: '', propertyType: 0, result: element.hazards, tag: "" }) }) let newChildren = [] i.children.forEach((element,index) => { let newChildrenItem:any= {} // newChildrenItem.name = element.name//重点部位题目名称 // newChildrenItem.position = element.position//重点部位所在位置 // newChildrenItem.structure = element.structure//重点部位建筑结构 // newChildrenItem.nature = element.nature//重点部位使用性质 // newChildrenItem.hazards = element.hazards//重点部位主要危险性 newChildrenItem.name = element.name//题目名称 newChildrenItem.result = element.position + element.structure + element.nature + element.hazards//题目答案 newChildrenItem.physicalUnit = element.physicalUnit || ''//计量单位 newChildrenItem.propertyType = 0//输入框类型 newChildren.push(newChildrenItem) }) i.children = newChildren delete i.selected }) //建筑的功能分区模块处理 item.funDivNodes.forEach((i,key) => { //如果顶级节点未选中则需要筛除没有选中的数据 if(!i.checked){ let newArr = [] i.children.forEach(element => { element.checked ? newArr.push(element) : null }) let discard = []//即将废弃的数组 newArr.length == 0 ? discard.push(i) : i.children = newArr item.funDivNodes = item.funDivNodes.filter(items => { if (!discard.includes(items)) return items; }) } i.tabledata = [{propertyName: "区域",data:[]}, {propertyName: "面积",data:[]}, {propertyName: "基本情况",data:[]}] i.children.forEach(element => { i.tabledata[0].data.push({ name: "区域", physicalUnit: '', propertyType: 0, result: element.region, tag: "" }) i.tabledata[1].data.push({ name: "面积", physicalUnit: '', propertyType: 0, result: element.area, tag: "" }) i.tabledata[2].data.push({ name: "基本情况", physicalUnit: '', propertyType: 0, result: element.details, tag: "" }) }) let newChildren = [] i.children.forEach((element,index) => { let newChildrenItem:any= {} // newChildrenItem.name = element.region//功能分区题目名称 // newChildrenItem.area = element.area//功能分区面积 // newChildrenItem.details = element.details//功能分区基本情况 newChildrenItem.name = element.region//题目名称 newChildrenItem.result = element.area + element.details//题目答案 newChildrenItem.physicalUnit = element.physicalUnit || ''//计量单位 newChildrenItem.propertyType = 0//输入框类型 newChildren.push(newChildrenItem) }) i.children = newChildren delete i.selected }) //建筑的数据核验模块处理 item.fireFacNodes.forEach((i,key) => { i.selected ? i.selected = null : null //如果顶级节点未选中则需要筛除没有选中的数据 if(!i.checked){ let newArr = [] i.children.forEach(element => { element.checked ? newArr.push(element) : null }) let discard = []//即将废弃的数组 newArr.length == 0 ? discard.push(i) : i.children = newArr item.fireFacNodes = item.fireFacNodes.filter(items => { if (!discard.includes(items)) return items; }) } let newChildren = [] i.children.forEach((element,index) => { let newChildrenItem:any= {} newChildrenItem.name = element.name//题目名称 newChildrenItem.result = element.total//题目答案 newChildrenItem.physicalUnit = ''//计量单位 newChildrenItem.propertyType = 0//输入框类型 newChildren.push(newChildrenItem) }) i.children = newChildren delete i.selected }) }) //循环每个建筑处理数据 console.log(copyDatas) // copyDatas.forEach(item =>{ // //建筑的基本信息模块处理 // item.basicInfoNodes.forEach((i,key) => { // }) // }) } } //添加预案1 @Component({ selector: 'addplan-dialog', templateUrl: 'addPlan.html', styleUrls: ['addPlan.scss'] }) export class AddPlanDialog { constructor(public dialog: MatDialog,public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data: any) {} onNoClick(): void { this.dialogRef.close(); } close(){ this.dialogRef.close(); } //选择想要添加的预案类型 （已存在或者自定义） selectType(type){ const dialogRef = this.dialog.open(AddPlanTwoDialog, { id:'addPlanTwo', data: {type} }); dialogRef.afterClosed().subscribe(result => { console.log('The dialog was closed'); }); } } const ELEMENT_DATA: any = [ {id: 1, name: '五楼电梯故障', people:'上海总队',time:'2020-06-15',level:'总队'}, {id: 2, name: '故障搜救', people:'超级管理员',time:'2020-06-15',level:'总队'}, {id: 3, name: '故障搜救', people:'超级管理员',time:'2020-06-15',level:'总队'}, {id: 4, name: '五楼电梯故障', people:'上海总队',time:'2020-06-15',level:'总队'}, ]; //添加预案2 @Component({ selector: 'addplantwo-dialog', templateUrl: 'addPlanTwo.html', styleUrls: ['addPlanTwo.scss'] }) export class AddPlanTwoDialog { constructor(public dialog: MatDialog,public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data: any) {} planType:any = this.data.type == 1 ? true : false//显示的预案类型 displayedColumns: string[] = ['select', 'name', 'people', 'time', 'level']; dataSource = new MatTableDataSource(ELEMENT_DATA); selection = new SelectionModel(true, []); isAllSelected() { const numSelected = this.selection.selected.length; const numRows = this.dataSource.data.length; return numSelected === numRows; } masterToggle() { this.isAllSelected() ? this.selection.clear() : this.dataSource.data.forEach(row => this.selection.select(row)); } ngOnInit(): void { } onNoClick(): void { this.dialogRef.close(); } //确定 confirm(){ if(this.planType == 1){ console.log(this.selection) }else{ } } //取消 close(){ this.dialogRef.close(); } } //查看答案 @Component({ selector: 'lookTreeNode-dialog', templateUrl: 'lookTreeNode.html', styleUrls: ['lookTreeNode.scss'] }) export class LookTreeNodeDialog { constructor(public dialog: MatDialog,public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data: any) {} ngOnInit(): void { console.log(this.data) } onNoClick(): void { this.dialogRef.close(); } //取消 close(){ this.dialogRef.close(); } }