You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
522 lines
17 KiB
522 lines
17 KiB
/* |
|
* @Descripttion: |
|
* @version: |
|
* @Author: sueRimn |
|
* @Date: 2021-05-19 15:50:20 |
|
* @LastEditors: sueRimn |
|
* @LastEditTime: 2021-05-28 17:11:44 |
|
*/ |
|
import { Component, Inject, OnInit } from '@angular/core'; |
|
import { HttpClient } from '@angular/common/http' |
|
import { MatDialogRef, MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
|
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
|
|
|
@Component({ |
|
selector: 'app-plan-template', |
|
templateUrl: './plan-template.component.html', |
|
styleUrls: ['./plan-template.component.scss'] |
|
}) |
|
export class PlanTemplateComponent implements OnInit { |
|
|
|
constructor(private http:HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar) { } |
|
|
|
ngOnInit(): void { |
|
|
|
} |
|
groupPanle=true//分组展开 |
|
attPanle=true |
|
//获取所有单位信息 |
|
newleftTabledata=[ |
|
{name:"333",level:3,basicCategoryId:"5e7c49e861550e2754d461ce",unitid: "5e7c8ffba3050b1a840ed4b6",unitname:'高层建筑',group:[]},//{groupName: "单位概况"} |
|
{name:"444",level:5,basicCategoryId:"60127efe2757e904e5721d83",unitid: "5e7c9018a3050b1a840ed4b7",unitname:'地下建筑',group:[]} |
|
] |
|
group=[] |
|
getLeftdata(){ |
|
/* this.http.get("/api/PlanTemplate").subscribe((data:any)=>{ |
|
this.leftTabledata=data |
|
console.log(this.leftTabledata) |
|
}) */ |
|
} |
|
//新建预案弹窗 |
|
addKeyunit(){ |
|
const config = new MatSnackBarConfig(); |
|
config.verticalPosition = 'top'; |
|
config.duration = 3000 |
|
const dialogRef = this.dialog.open(addPlanname, {//调用open方法打开对话框并且携带参数过去 |
|
width: '340px', |
|
height:'380px', |
|
disableClose:true, |
|
data:{plandata:this.newleftTabledata} |
|
}); |
|
dialogRef.afterClosed().subscribe(result => { |
|
//console.log(result) |
|
if(result!=undefined){ |
|
this.newleftTabledata.push(result) |
|
for(var i=0;i<this.newleftTabledata.length-2;i++){ |
|
if(this.newleftTabledata[i].name==result.name){ |
|
this.newleftTabledata.splice(this.newleftTabledata.length-1,1) |
|
} |
|
} |
|
} |
|
//console.log(this.newleftTabledata) |
|
}); |
|
} |
|
//删除预案 |
|
deletePlan(i){ |
|
let isTrue = confirm('您确定要删除该条预案吗') |
|
if(isTrue){ |
|
this.newleftTabledata.splice(i,1) |
|
} |
|
|
|
} |
|
//修改预案名称和级别 |
|
upPlan(item,i){ |
|
const dialogRef = this.dialog.open(upPlanname, {//调用open方法打开对话框并且携带参数过去 |
|
width: '340px', |
|
height:'380px', |
|
disableClose:true, |
|
data:{item:item,plandata:this.newleftTabledata} |
|
}); |
|
dialogRef.afterClosed().subscribe(result => { |
|
if(result!=undefined){ |
|
this.newleftTabledata[i].name=result.name |
|
this.newleftTabledata[i].level=result.level |
|
this.newleftTabledata[i].unitid=result.unitid |
|
this.newleftTabledata[i].unitname=result.unitname |
|
} |
|
}); |
|
} |
|
//左侧预案模板点击事件 |
|
planName |
|
unitName |
|
leftclicki=-1//点了第几个模板 |
|
planClick(item){ |
|
//console.log(item) |
|
this.planName=item.name |
|
this.unitName=item.unitname |
|
this.newleftTabledata.forEach((value,index,array)=>{ |
|
if(array[index].unitname==this.unitName){ |
|
this.group=array[index].group |
|
this.leftclicki=index |
|
} |
|
}) |
|
} |
|
//右侧新增分组点击事件 |
|
addGroupClick(){ |
|
const config = new MatSnackBarConfig(); |
|
config.verticalPosition = 'top'; |
|
config.duration = 3000 |
|
if(this.planName==undefined){ |
|
this.snackBar.open('请选择预案模板!','确定',config); |
|
}else{ |
|
this.newleftTabledata.forEach((value,index,array)=>{ |
|
if(array[index].name==this.planName){ |
|
this.group=array[index].group |
|
} |
|
}) |
|
const dialogRef = this.dialog.open(addGroup, {//调用open方法打开对话框并且携带参数过去 |
|
width: '240px', |
|
height:'590px', |
|
disableClose:true, |
|
data:this.group |
|
}); |
|
dialogRef.afterClosed().subscribe(result => { |
|
//console.log(result,this.newleftTabledata) |
|
this.newleftTabledata.forEach((value,index,array)=>{ |
|
if(array[index].name==this.planName){ |
|
if(result!=undefined){ |
|
result.forEach((valuer,i,rarr) => { |
|
//console.log(valuer) |
|
/* let groupName={ |
|
groupName:valuer |
|
} */ |
|
//添加分组名称 |
|
array[index].group=rarr |
|
|
|
}); |
|
} |
|
//去重 |
|
for(var i=0;i<array[index].group.length;i++){ |
|
for(var j=i+1;j<array[index].group.length;j++){ |
|
if(array[index].group[i].groupName==array[index].group[j].groupName){ |
|
array[index].group.splice(j,1) |
|
} |
|
} |
|
} |
|
this.group=array[index].group |
|
} |
|
//console.log(this.group) |
|
}) |
|
}); |
|
} |
|
//console.log(this.newleftTabledata) |
|
|
|
} |
|
//删除分组 |
|
deleteGroup(groupName){ |
|
//console.log(this.group) |
|
let isTrue = confirm('您确定要删除分组吗') |
|
if(isTrue){ |
|
this.group.forEach((element,index,array)=>{ |
|
if(array[index].groupName==groupName){ |
|
this.group.splice(index,1) |
|
} |
|
}) |
|
} |
|
} |
|
//新增属性 |
|
addAttribute(groupName){ |
|
this.groupPanle=true |
|
if(groupName=='单位概况'){ |
|
const dialogRef = this.dialog.open(adddwsurvey, {//调用open方法打开对话框并且携带参数过去 |
|
width: '240px', |
|
height:'510px', |
|
disableClose:true, |
|
data:this.group |
|
}); |
|
dialogRef.afterClosed().subscribe(result => { |
|
//console.log(result) |
|
if(result!=undefined){ |
|
this.group.forEach((value,index,array)=>{ |
|
if(array[index].groupName=='单位概况'){ |
|
array[index].attribute=result |
|
} |
|
}) |
|
} |
|
//console.log(this.newleftTabledata) |
|
}); |
|
} |
|
} |
|
//删除具体属性 |
|
delAttribute(groupName,surveyName){ |
|
let isTrue = confirm('您确定要删除吗') |
|
if(isTrue){ |
|
this.group.forEach((value,index,array)=>{ |
|
if (array[index].groupName==groupName) { |
|
array[index].attribute.forEach((element,i) => { |
|
if(element.surveyName==surveyName){ |
|
array[index].attribute[i].completed=false |
|
} |
|
}); |
|
} |
|
}) |
|
} |
|
console.log(this.newleftTabledata) |
|
} |
|
//新增属性信息 |
|
danweiInfTable=[] |
|
addAttInfo(surveyName){ |
|
this.attPanle=true |
|
const dialogRef = this.dialog.open(addattinf, {//调用open方法打开对话框并且携带参数过去 |
|
width: '240px', |
|
height:'400px', |
|
disableClose:true, |
|
data:{group:this.group,surveyName:surveyName} |
|
}); |
|
dialogRef.afterClosed().subscribe(result => { |
|
//console.log(result) |
|
if(result!=undefined){ |
|
/* this.group.forEach((value,index,array)=>{ |
|
if(array[index].groupName=='单位概况'){ |
|
array[index].attribute=result |
|
} |
|
}) */ |
|
this.newleftTabledata[this,this.leftclicki].group.forEach((value,index,array)=>{ |
|
if(value.groupName=='单位概况'){ |
|
array[index].attribute.forEach((element,i,attary) => { |
|
if(element.surveyName==surveyName){ |
|
attary[i].attinf=result |
|
} |
|
}); |
|
} |
|
}) |
|
this.group=this.newleftTabledata[this,this.leftclicki].group |
|
//console.log(this.danweiInfTable) |
|
} |
|
console.log(this.newleftTabledata) |
|
}); |
|
|
|
} |
|
//保存 |
|
save(){ |
|
const config = new MatSnackBarConfig(); |
|
config.verticalPosition = 'top'; |
|
config.duration = 3000 |
|
let body={ |
|
basicCategoryId:this.newleftTabledata[this.leftclicki].basicCategoryId, |
|
buildingTypeId:this.newleftTabledata[this.leftclicki].unitid, |
|
planCategory:Number(this.newleftTabledata[this.leftclicki].level), |
|
data:{} |
|
} |
|
this.http.post("/api/PlanTemplate",body).subscribe((data:any)=>{ |
|
this.snackBar.open('创建成功!','确定',config); |
|
console.log(data) |
|
}) |
|
} |
|
//单位基本信息和建筑信息表格 |
|
displayedColumns: string[] = ['name','level','default','must', 'danwei','operation']; |
|
|
|
} |
|
//新建预案 |
|
@Component({ |
|
selector: 'addPlanname', |
|
templateUrl: './addKeyname.html', |
|
styleUrls: ['./addKeyname.scss'] |
|
}) |
|
export class addPlanname{ |
|
constructor(private http: HttpClient,public dialogRef: MatDialogRef<addPlanname>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {} |
|
planname//预案名称 |
|
level//预案级别 |
|
unitid//单位类型id |
|
unitname//单位类型名称 |
|
allunittype//所有单位信息 |
|
basicCategoryId |
|
ngOnInit(): void { |
|
this.getUnittype() |
|
} |
|
//获取单位类型 |
|
getUnittype(){ |
|
this.http.get("/api/BuildingTypes").subscribe((data:any)=>{ |
|
this.allunittype=data |
|
console.log(this.allunittype) |
|
}) |
|
} |
|
//取消按钮 |
|
close(){ |
|
this.dialogRef.close(); |
|
} |
|
newplan(){ |
|
this.unitname=document.getElementById('unit').innerText |
|
const config = new MatSnackBarConfig(); |
|
config.verticalPosition = 'top'; |
|
config.duration = 3000 |
|
if(this.planname==undefined||this.planname==''){ |
|
this.snackBar.open('请输入预案名称!','确定',config); |
|
} |
|
else if(this.level==undefined||this.level==''){ |
|
this.snackBar.open('请输入预案级别!','确定',config); |
|
}else if(this.unitid==undefined||this.unitid==''){ |
|
this.snackBar.open('请选择单位类型!','确定',config); |
|
} |
|
else{ |
|
for(var i=0;i<this.data.plandata.length;i++){ |
|
if(this.data.plandata[i].unitid==this.unitid&&this.data.plandata[i].level==this.level){ |
|
this.snackBar.open('预案模板重复，请重新建立预案模板!','确定',config); |
|
this.planname=='' |
|
this.level=='' |
|
this.unitid=='' |
|
this.unitname=='' |
|
return |
|
} |
|
} |
|
this.allunittype.forEach(element => { |
|
if(element.id==this.unitid){ |
|
this.basicCategoryId=element.basicCategoryId |
|
} |
|
}); |
|
let planData={ |
|
name:this.planname, |
|
level:this.level, |
|
unitid:this.unitid, |
|
unitname:this.unitname, |
|
basicCategoryId:this.basicCategoryId, |
|
group:[] |
|
} |
|
this.dialogRef.close(planData) |
|
} |
|
} |
|
} |
|
//修改预案名称和级别 |
|
@Component({ |
|
selector: 'upPlanname', |
|
templateUrl: './upPlan.html', |
|
styleUrls: ['./addKeyname.scss'] |
|
}) |
|
export class upPlanname{ |
|
constructor(private http: HttpClient,public dialogRef: MatDialogRef<addPlanname>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {} |
|
name=this.data.item.name//预案名称 |
|
level=this.data.item.level//预案级别 |
|
unitName=this.data.item.unitname//单位类型 |
|
unitid=this.data.item.unitid |
|
allunittype |
|
ngOnInit(): void{ |
|
this.getUnittype() |
|
} |
|
//获取单位类型 |
|
getUnittype(){ |
|
this.http.get("/api/BuildingTypes").subscribe((data:any)=>{ |
|
this.allunittype=data |
|
//console.log(this.allunittype) |
|
}) |
|
} |
|
//取消按钮 |
|
close(){ |
|
this.dialogRef.close(); |
|
} |
|
//确定按钮 |
|
upplan(){ |
|
this.unitName=document.getElementById('unit').innerText |
|
const config = new MatSnackBarConfig(); |
|
config.verticalPosition = 'top'; |
|
config.duration = 3000 |
|
if(this.name==undefined||this.name==''){ |
|
this.snackBar.open('请输入预案名称!','确定',config); |
|
} |
|
else if(this.level==undefined||this.level==''){ |
|
this.snackBar.open('请输入预案级别!','确定',config); |
|
}else{ |
|
for(var i=0;i<this.data.plandata.length;i++){ |
|
if(this.data.plandata[i].unitid==this.unitid&&this.data.plandata[i].level==this.level){ |
|
this.snackBar.open('预案模板重复，请重新建立预案模板!','确定',config); |
|
this.name=='' |
|
this.level=='' |
|
this.unitid=='' |
|
this.unitName=='' |
|
return |
|
} |
|
} |
|
let planData={ |
|
name:this.name, |
|
level:this.level, |
|
unitid:this.unitid, |
|
unitname:this.unitName |
|
} |
|
this.dialogRef.close(planData) |
|
} |
|
} |
|
} |
|
//新增分组 |
|
@Component({ |
|
selector: 'addGroup', |
|
templateUrl: './addgroup.html', |
|
styleUrls: ['./addgroup.scss'] |
|
}) |
|
export class addGroup{ |
|
constructor(private http: HttpClient,public dialogRef: MatDialogRef<addPlanname>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {} |
|
addgtoup=[ |
|
{groupName:'单位概况',completed:false},{groupName:'灾情设定',completed:false},{groupName:'力量调集',completed:false}, |
|
{groupName:'组织指挥',completed:false},{groupName:'作战行动',completed:false},{groupName:'社会联动',completed:false}, |
|
{groupName:'勤务保障',completed:false},{groupName:'特别警示',completed:false},{groupName:'辅助决策',completed:false}, |
|
{groupName:'交通水源',completed:false},{groupName:'重点图示',completed:false},{groupName:'预案附件',completed:false} |
|
] |
|
groupName=[] |
|
ngOnInit(): void{ |
|
//console.log(this.data) |
|
/* this.addgtoup.forEach((value,index,array)=>{ |
|
this.data.forEach(element => { |
|
if(element.groupName==array[index].groupName){ |
|
array[index].completed=true |
|
} |
|
}); |
|
}) */ |
|
if(this.data.length>0){ |
|
this.addgtoup=this.data |
|
} |
|
|
|
} |
|
//取消按钮 |
|
close(){ |
|
this.dialogRef.close(); |
|
} |
|
//复选框点击事件 |
|
checkClick(e,item){ |
|
//console.log(e,item) |
|
if (e.checked) { |
|
this.groupName.push(item) |
|
}else { |
|
this.groupName.forEach((value,index,array)=>{ |
|
if(value==item){ |
|
this.groupName.splice(index,1) |
|
} |
|
}) |
|
} |
|
//console.log(this.groupName) |
|
} |
|
//确定提交 |
|
newGroup(){ |
|
const config = new MatSnackBarConfig(); |
|
config.verticalPosition = 'top'; |
|
config.duration = 3000 |
|
this.addgtoup.forEach((value,index,arraay)=>{ |
|
if(arraay[index].completed){ |
|
this.groupName.push(arraay[index].groupName) |
|
} |
|
}) |
|
for(var i=0;i<this.groupName.length;i++){ |
|
for(var j=i+1;j<this.groupName.length;j++){ |
|
if(this.groupName[i]==this.groupName[j]){ |
|
this.groupName.splice(j,1) |
|
} |
|
} |
|
} |
|
this.dialogRef.close(this.addgtoup) |
|
} |
|
} |
|
//单位概况新增弹窗 |
|
@Component({ |
|
selector: 'adddwsurvey', |
|
templateUrl: './dwsurvey.html', |
|
styleUrls: ['./addgroup.scss'] |
|
}) |
|
export class adddwsurvey{ |
|
constructor(private http: HttpClient,public dialogRef: MatDialogRef<addPlanname>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {} |
|
addwsurvey=[ |
|
{surveyName:'单位基本信息',completed:false},{surveyName:'建筑信息',completed:false},{surveyName:'四周毗邻',completed:false}, |
|
{surveyName:'消防设施',completed:false},{surveyName:'进攻通道',completed:false},{surveyName:'重点部位',completed:false}, |
|
{surveyName:'功能分区',completed:false},{surveyName:'行车路线',completed:false},{surveyName:'千米水源',completed:false},{surveyName:'实景图',completed:false} |
|
] |
|
ngOnInit(): void{ |
|
//console.log(this.data) |
|
this.data.forEach(element => { |
|
if(element.groupName=='单位概况'&&element.attribute!=undefined){ |
|
this.addwsurvey=element.attribute |
|
} |
|
}); |
|
} |
|
//取消按钮 |
|
close(){ |
|
this.dialogRef.close(); |
|
} |
|
//确定按钮 |
|
defineClick(){ |
|
this.dialogRef.close(this.addwsurvey) |
|
} |
|
} |
|
//编辑单位概况单位基本信息属性信息弹窗 |
|
@Component({ |
|
selector: 'addattinf', |
|
templateUrl: './addattinf.html', |
|
styleUrls: ['./addgroup.scss'] |
|
}) |
|
export class addattinf{ |
|
constructor(private http: HttpClient,public dialogRef: MatDialogRef<addPlanname>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {} |
|
addAttinf=[ |
|
{addAttinfName:'统一社会信用代码',completed:false,level:'单行文本',default:'-',must:'是',danwei:'-'}, |
|
{addAttinfName:'单位类型',completed:false,level:'单行文本',default:'-',must:'是',danwei:'-'}, |
|
{addAttinfName:'联系人',completed:false,level:'单行文本',default:'-',must:'是',danwei:'-'}, |
|
{addAttinfName:'联系电话',completed:false,level:'单行文本',default:'-',must:'是',danwei:'-'}, |
|
{addAttinfName:'辖区中队',completed:false,level:'单行文本',default:'-',must:'是',danwei:'-'}, |
|
{addAttinfName:'单位地址',completed:false,level:'单行文本',default:'-',must:'是',danwei:'-'}, |
|
{addAttinfName:'单位照片',completed:false,level:'单行文本',default:'-',must:'是',danwei:'-'} |
|
] |
|
ngOnInit(): void{ |
|
//console.log(this.data) |
|
this.data.group.forEach(element => { |
|
if(element.groupName=='单位概况'&&element.attribute!=undefined){ |
|
element.attribute.forEach(value => { |
|
if(this.data.surveyName=='单位基本信息'&&value.attinf!=undefined){ |
|
this.addAttinf=value.attinf |
|
} |
|
}); |
|
} |
|
}); |
|
} |
|
//取消按钮 |
|
close(){ |
|
this.dialogRef.close(); |
|
} |
|
//确定按钮 |
|
defineClick(){ |
|
this.dialogRef.close(this.addAttinf) |
|
} |
|
} |