shaojiahao
/
ShangHaiYuan-AnXin
2
0
Fork 0
Code Issues 11 Pull Requests Projects Releases Wiki Activity
上海预案管理平台
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.
760 Commits
7 Branches
0 Tags
32 MiB
 
 
 
 
 
Tree: ad816cea8e
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'ad816cea8e'
${ noResults }
ShangHaiYuan-AnXin/src/app/plan-management/create-plan-online-five/create-plan-online-five.com...

2511 lines
92 KiB
Raw Blame History Escape

/*
* @Descripttion:
* @version:
* @Author: sueRimn
* @Date: 2021-06-16 13:56:54
* @LastEditors: sueRimn
* @LastEditTime: 2021-09-06 17:02:53
*/
import { HttpClient } from '@angular/common/http';
import { Component, Inject, OnInit, Renderer2, ViewChild, Input } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
import { MatPaginator } from '@angular/material/paginator';
import { FlatTreeControl } from '@angular/cdk/tree';
import { FormControl } from '@angular/forms';
import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
import { PageEvent } from '@angular/material/paginator';
import { TreeService } from '../../http-interceptors/tree.service'
import Viewer from 'viewerjs';
import { async } from 'rxjs/internal/scheduler/async';
import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
import { adddwsurvey, addGroup } from '@src/app/ui/plan-template/plan-template.component';
import { zdyaddattinf } from '../../ui/plan-template/plan-template.component'
declare var $: any
@Component({
selector: 'app-create-plan-online-five',
templateUrl: './create-plan-online-five.component.html',
styleUrls: ['./create-plan-online-five.component.scss']
})
export class CreatePlanOnlineFiveComponent implements OnInit {
constructor(private http: HttpClient, private route: ActivatedRoute, public snackBar: MatSnackBar, public dialog: MatDialog, private tree: TreeService) { }
private _transformer = (node, level: number) => { //初始化tree
return {
expandable: !!node.children && node.children.length > 0,
name: node.name,
level: level,
id: node.id,
parentId: node.parentId,
children: node.children
};
}
treeControl = new FlatTreeControl<any>(node => node.level, node => node.expandable);
treeFlattener = new MatTreeFlattener(this._transformer, node => node.level, node => node.expandable, node => node.children);
dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);
myControl = new FormControl();
hasChild = (_: number, node: any) => node.expandable;
//分页
@ViewChild(MatPaginator, { static: true })
pageEvent: PageEvent;
paginator: MatPaginator;
length: any; //共多少条数据
pageSize: any; //每页条数
pageSizeOptions: number[] = [6] //设置每页条数
PageNumber: any; //第几页
planLevel: string//预案级别
blockyl = true
zaixianDr=false
haveNew=false
planMode//预案类型
xiazai//是否点击下载按钮进来的
//index
ngOnInit() {
//this.index = this.getArrayIndex(this.planTemplateData,'单位概况')
this.xiazai=this.route.snapshot.queryParams.xiazai
this.haveNew=this.route.snapshot.queryParams.haveNew
this.planMode=this.route.snapshot.queryParams.planMode
console.log(this.route.snapshot.queryParams.wordChange)
this.planLevel = this.route.snapshot.queryParams.planCategory
if (this.route.snapshot.queryParams.pattern == 'false') {
this.pattern = 'look'
this.blockyl = false
this.selectedItem='单位概况'
//this.clickTitleItem(this.planTemplateData[1])
} else {
this.selectedItem='封面'
this.pattern = 'edit'
}
this.getUnitData()
this.getOrganizations()
if(this.route.snapshot.queryParams.xiazai=='true'){
window.setTimeout(()=>{
this.generatingDoc()
},5000)
}
}
zdysearch = ''
organizationName: any //当前单位组织机构名称
treedata: any //组织机构树型数据
newArr: any = []
newallorganizations: any //用于存储在原始数据基础上的每个机构增加children字段
pcMore//pc更多
pcput = false//pc收起
pcfind//pc查询
padjt = false
//辖区中队div是否显示
isorganizationbox: boolean = false
js: any //所选组织机构
jsId: any //所选组织机构的id
jscheck: boolean //所选组织机构勾选框
//点击辖区中队树，将选择的辖区中队添加到变量
add(node) {
this.isorganizationbox = false
this.js = node.name
this.jsId = node.id
}
//关闭辖区中队隐藏框
closeorganizationbox() {
this.isorganizationbox = false
}
//打开辖区中队隐藏框
openorganizationbox() {
this.isorganizationbox = true
}
//关闭出现的组织机构div
closediv() {
this.isorganizationbox = false
}
//得到当前单位所在组织机构的tree型数据
allorganizations: any //所有组织机构
getpresentOrganization() {
this.newallorganizations = this.allorganizations
this.newallorganizations.forEach(item => {
item.children = []
this.newallorganizations.forEach(element => {
if (element.parentId == item.id) {
item.children.push(element)
}
});
});
/* this.http.get("/api/Account/Profiles").subscribe(
(data: any) => {
this.organizationName = data.organizationName
if (this.organizationName) {
this.newallorganizations.forEach(item => {
if (item.name == this.organizationName) {
this.dataSource.data = [item]
}
});
} else {
this.dataSource.data = this.tree.toTree(this.treedata);
}
}
) */
this.dataSource.data = this.tree.toTree(this.treedata);
}
//获得所有组织机构
getOrganizations() {
this.http.get('/api/Organizations').subscribe(
(data: any) => {
this.allorganizations = data
this.treedata = this.tree.toTree(data);
this.getpresentOrganization();
}
)
}
//清空查询条件数据
clearSearch() {
this.zdysearch = ''
this.js = ''
}
//获得单位信息
unitData: any
async getUnitData() {
let paramsdata: any = {
Name: this.route.snapshot.queryParams.unitName || '',
}
this.http.get("/api/Companies", { params: paramsdata }).subscribe((data: any) => {
data.items.forEach(element => {
if (element.id == this.route.snapshot.queryParams.companyId) {
this.unitData = element
if(this.planLevel=='5'){
this.zaixianDr=true
}
//console.log('单位列表信息', this.unitData)
this.getTemplateData()
}
});
})
}
//获得四周毗邻信息
getArrayIndex(arr, groupName) {
for (var i = 0; i < arr.length; i++) {
if (arr[i].groupName === groupName) {
return i;
}
}
return -1;
}
pilinData = []
async getpili() {
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
let result = await new Promise((resolve) => {
this.planTemplateData[index].building.forEach(element => {
let id = { buildingId: element.buildingId }
this.http.get('/api/BuildingAdjoins', { params: id }).subscribe(data => {
this.pilinData.push(data)
resolve(data)
})
});
})
//this.pilinData.push(result)
this.pilinData = JSON.parse(JSON.stringify(this.pilinData))
console.log(this.pilinData)
this.pilinData.forEach((pvalue, pindex, parr) => {
parr[pindex].forEach((nval, nindex, narr) => {
this.planTemplateData[index].building.forEach((value, i, arr) => {
if (narr[nindex].buildingId == arr[i].buildingId) {
if (nval.direction == 0) {
this.planTemplateData[index].building[i].body[2].attinf[0].value = nval.name
} else if (nval.direction == 1) {
this.planTemplateData[index].building[i].body[2].attinf[1].value = nval.name
} else if (nval.direction == 2) {
this.planTemplateData[index].building[i].body[2].attinf[2].value = nval.name
} else if (nval.direction == 3) {
this.planTemplateData[index].building[i].body[2].attinf[3].value = nval.name
}
}
});
});
})
}
//获取重点部位
buData = []
async getbuwei() {
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
let result = await new Promise((resolve) => {
this.planTemplateData[index].building.forEach(element => {
let id = { buildingId: element.buildingId }
this.http.get('/api/BuildingImportantLocations', { params: id }).subscribe(data => {
this.buData.push(data)
resolve(data)
})
});
})
this.buData = JSON.parse(JSON.stringify(this.buData))
this.buData[0].forEach((pvalue, pindex, parr) => {
if (parr[pindex].length > 0) {
parr[pindex].forEach((nval, nindex, narr) => {
this.planTemplateData[index].building[pindex].body[5].attinf[0].body[0].value = nval.name
this.planTemplateData[index].building[pindex].body[5].attinf[0].body[1].value = nval.nature
this.planTemplateData[index].building[pindex].body[5].attinf[0].body[2].value = nval.position
this.planTemplateData[index].building[pindex].body[5].attinf[0].body[3].value = nval.structure
this.planTemplateData[index].building[pindex].body[5].attinf[0].body[4].value = nval.hazards
});
}
})
}
selectedItem: string = '封面'
selectedContent:any
async clickTitleItem(item) {
//this.planTemplateData[key].new=true
this.selectedContent = item
this.addNumber = -1
this.yinruData = {
items: []
}
this.yinJson = {
//组织指挥
organizationCommands: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
//社会联动
socialLinkages: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
//勤务保障
serviceSupports: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
//辅助决策
decisionSupports: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
}
this.js = ''
this.zdysearch = ''
this.selectedItem = item.groupName
if (this.selectedItem == '重点图示') {
this.getAllBuildings()
this.getSitePlan()
this.getRealPicture()
} else if (this.selectedItem == '单位概况') {
await this.getAllBuildings()
await this.getAllBuildingsInfo()
await this.getpili()
await this.getbuwei()
//console.log(this.buildZong)
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
this.planTemplateData[index].building.forEach(element => {
if(element.body[0].completed){
element.body[0].attinf.forEach((arrval,atti,attarr) => {
if(arrval.propertyName=='统一社会信用代码'){
arrval.value=arrval.olddata=this.unitData.usci
}else if(arrval.propertyName=='单位类型'){
arrval.value=arrval.olddata=this.unitData.buildingTypes[0].name
}else if(arrval.propertyName=='联系人'){
arrval.value=arrval.olddata=this.unitData.contacts
}else if(arrval.propertyName=='联系电话'){
arrval.value=arrval.olddata=this.unitData.phone
}else if(arrval.propertyName=='辖区中队'){
arrval.value=arrval.olddata=this.unitData.organizationName
}else if(arrval.propertyName=='单位地址'){
arrval.value=arrval.olddata=this.unitData.address
}
});
/* element.body[0].attinf[0].value = element.body[0].attinf[0].olddata = this.unitData.usci
element.body[0].attinf[1].value = element.body[0].attinf[1].olddata = this.unitData.buildingTypes[0].name
element.body[0].attinf[2].value = element.body[0].attinf[2].olddata = this.unitData.contacts
element.body[0].attinf[3].value = element.body[0].attinf[3].olddata = this.unitData.phone
element.body[0].attinf[4].value = element.body[0].attinf[4].olddata = this.unitData.organizationName
element.body[0].attinf[5].value = element.body[0].attinf[5].olddata = this.unitData.address */
if (element.body.length>1&&element.body[1].attinf != undefined) {
element.body[1].attinf.forEach(eBuild => {
this.buildZong.forEach(oldBuild => {
if (oldBuild.buildingBasicGroups.length > 0) {
oldBuild.buildingBasicGroups[0].propertyInfos.forEach(infodata => {
eBuild.olddata = infodata.propertyValue
});
}
});
});
}
}
});
console.log(this.planTemplateData)
} else if (this.selectedItem == '预案附件') {
this.getTwoDPlanList()
}else if(this.selectedItem == '新建'){
const dialogRef = this.dialog.open(newTitle, {//调用open方法打开对话框并且携带参数过去
width: '300px',
height:'190px',
disableClose:true,
data:{type:'新建',planTemplateData:this.planTemplateData}
});
dialogRef.afterClosed().subscribe(result => {
console.log(result)
if(result!=undefined){
//delete this.planTemplateData[this.planTemplateData.length-1]
this.planTemplateData[this.planTemplateData.length-1]={attribute:[],completed: true, groupName: result,new:false,headName:'自定义名称'}
this.planTemplateData.push({completed: true,groupName: '新建'})
//delete this.planTemplateData[this.planTemplateData.length-3]
}
//JSON.parse(JSON.stringify(this.planTemplateData))
//console.log(this.planTemplateData)
});
}
}
//自定义模块改名
upName(index,name){
const dialogRef = this.dialog.open(newTitle, {//调用open方法打开对话框并且携带参数过去
width: '300px',
height:'190px',
disableClose:true,
data:{type:'修改',planName:name,planTemplateData:this.planTemplateData}
});
dialogRef.afterClosed().subscribe(result => {
this.planTemplateData[index].groupName=result
});
}
//自定义模块删除
delName(index){
let isTrue = confirm('您确定要删除该项吗')
if(isTrue){
this.planTemplateData.splice(index,1)
console.log(this.planTemplateData)
}
}
drop(event: CdkDragDrop<string[]>) {
moveItemInArray(this.planTemplateData, event.previousIndex, event.currentIndex);
//console.log('拖拽标题', this.planTemplateData)
}
//获取建筑信息
buildingsData = []
buildDataName
buildZong
basicCategoryId
//获得所有建筑信息
async getAllBuildingsInfo() {
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
const result = await new Promise((resolve) => {
this.http.get("/api/Buildings", {
params: {
companyId: this.unitId
}
}).subscribe(async (data: any) => {
this.buildDataName = data
for (let i = 0; i < data.length; i++) {
this.http.get("/api/BuildingBasicInfos", { // 循环请求当前单位建筑每一个建筑的信息保存到数组中
params: {
companyId: this.unitId,
buildingId: data[i].id,
buildingType: data[i].buildingTypes[0].id
}
}).subscribe((buildingsData: any) => {
//console.log(buildingsData)
this.buildingsData.push(buildingsData[0])
//this.basicCategoryId=buildingsData[0].basicCategoryId
resolve(this.buildingsData)
})
}
//console.log(this.buildingsData)
if (this.planTemplateData[index].building == undefined) {
this.planTemplateData[index].building = []
/* if (this.planTemplateData[index].attribute[1].attinf != undefined) {
this.planTemplateData[index].attribute[1].attinf.forEach(pData => {
this.buildingsData.forEach((bDara, bi, bArr) => {
if (bDara.buildingBasicGroups.length > 0) {
bDara.buildingBasicGroups[0].propertyInfos.forEach(bInfo => {
pData.propertyValue = pData.olddata = bInfo.propertyValue
});
}
})
});
} */
for (var i = 0; i < this.buildDataName.length; i++) {
if (i == 0) {
this.planTemplateData[index].building.push({ name: this.buildDataName[i].name, buildingId: this.buildDataName[i].id, body: JSON.parse(JSON.stringify(this.planTemplateData[index].attribute)), completed: true })
} else {
this.planTemplateData[index].building.push({ name: this.buildDataName[i].name, buildingId: this.buildDataName[i].id, body: JSON.parse(JSON.stringify(this.planTemplateData[index].attribute)), completed: false })
}
}
}
})
})
for (var a = 0; a < this.planTemplateData[index].building.length; a++) {
if (a > 0) {
this.planTemplateData[index].building[a].body[0].completed = false
}
}
this.buildZong = result
}
//获取当前单位的二维预案
TwoDPlanList: any
getTwoDPlanList() {
let paramsData = {
companyId: this.route.snapshot.queryParams.companyId,
pageSize: "999"
}
this.http.get("/api/PlanComponents", { params: paramsData }).subscribe((data: any) => {
this.TwoDPlanList = data.items.filter((item) => {
return item.planType == 1
})
})
}
//获取实景图
allRealPicture
getRealPicture() {
let companyId = this.unitId
this.http.get('/api/RealityImageGroups', {
params: {
companyId: this.route.snapshot.queryParams.companyId
}
}).subscribe((data: any) => {
this.allRealPicture = data
this.getAllRealPicture().then(() => {
// console.log('实景图', this.allRealPicture)
})
})
}
async getAllRealPicture() {
for (let index = 0; index < this.allRealPicture.length; index++) {
const element = this.allRealPicture[index];
let data = {
groupId: element.id,
pageSize: '999',
}
await new Promise((resolve, reject) => {
this.http.get('/api/RealityImages', { params: data }).subscribe((data: any) => {
element.realityImages = data.items
element.realityImages.forEach(item => { //每张图片设置选中状态为false
item.newImageUrl = `/api/Objects/PlanPlatform/${item.imageUrl}` //处理图片URL地址?x-oss-process=image/resize,m_fill,h_100,w_100
item.nameStart = item.name.substring(0, item.name.lastIndexOf(".")); //图片名称前缀
item.nameEnd = item.name.substring(item.name.lastIndexOf("."), item.name.length); //图片名称后缀
resolve(data)
});
})
})
}
}
planTemplateData: any
//获得模板信息
danweInfo={
//若选择自定义，默认三条信息
attribute:[
{
attinf:[
{completed: true,olddata: "",propertyName: "联系人",propertyType: 0,propertyValue: "",value: ""},
{completed: true,olddata: "",propertyName: "联系电话",propertyType: 0,propertyValue: "",value: ""},
{completed: true,olddata: "",propertyName: "单位地址",propertyType: 0,propertyValue: "",value: ""}
],
completed: true,
surveyName: "单位基本信息"
}
],
completed: true,
groupName: "单位概况"
}
getTemplateData() {
this.http.get(`/api/PlanComponents/${this.route.snapshot.queryParams.planId}/WebText`).subscribe((data: any) => {
console.log('预案内容', data.webTextData)
if(this.route.snapshot.queryParams.planMode==4&&data.webTextData==null){
this.planTemplateData=[]
let obj = {
completed: true,
groupName: "封面",
attribute: {
planNumber: '',
planName: this.route.snapshot.queryParams.planName,
objName: this.unitData.name,
unitNature: this.unitData.buildingTypes[0].name,
planLevel: '',
disasterType: '火灾',
fireproofingLevel: '',
fireproofingAdminister: this.unitData.organizationName,
putOutFireAdminister: '',
producer: {
name: '',
duty: ''
},
verifier: {
name: '',
duty: ''
},
auditTime: ''
}
}
this.planTemplateData.unshift(obj)
this.planTemplateData.push(this.danweInfo)
this.planTemplateData.push({completed: true,groupName: '新建'})
console.log(this.planTemplateData)
}else if(data.webTextData!=null){
this.planTemplateData = JSON.parse(data.webTextData).filter(item =>
item.completed == true
)
//this.planTemplateData=JSON.parse(data.webTextData)
console.log(this.planTemplateData)
if (this.planTemplateData[0].groupName != '封面') {
let obj = {
completed: true,
groupName: "封面",
attribute: {
planNumber: '',
planName: this.route.snapshot.queryParams.planName,
objName: this.unitData.name,
unitNature: this.unitData.buildingTypes[0].name,
planLevel: '',
disasterType: '火灾',
fireproofingLevel: '',
fireproofingAdminister: this.unitData.organizationName,
putOutFireAdminister: '',
producer: {
name: '',
duty: ''
},
verifier: {
name: '',
duty: ''
},
auditTime: ''
}
}
this.planTemplateData.unshift(obj)
}
else if (this.planTemplateData[0].groupName == '封面') {
this.planTemplateData[0].attribute.objName = this.unitData.name
}
this.planTemplateData.forEach(element => {
if (element.groupName == '重点图示') {
if (!element.attribute) {
element.attribute = [{ name: '', imgArr: [] }]
}
}
if (element.groupName == '交通水源') {
if (!element.attribute) {
element.attribute = [{ name: '', imgArr: [] }]
}
}
if (element.groupName == '预案附件') {
if (!element.attribute) {
element.attribute = [{ name: '', imgArr: [] }]
}
}
if (element.groupName == '处置要点') {
if (!element.attribute) {
element.attribute = [{ name: '', content: '' }]
}
}
if (element.groupName == '特别警示') {
if (!element.attribute) {
element.attribute = [{ name: '特别警示', content: '' }]
}
}
if(element.groupName=='单位概况'){
this.clickTitleItem(this.planTemplateData[1])
}
});
if(this.planLevel=='4'||this.route.snapshot.queryParams.haveNew){
this.planTemplateData.push({completed: true,groupName: '新建'})
}
this.planTemplateData.forEach(element => {
if(element.attribute!=undefined){
/* element.attribute.forEach((item,index,value) => {
if(value[index].level!=undefined&&value[index].level==1){
value[index].lieNumber=value[index].tableth.length
}
}); */
for(let i=0;i<element.attribute.length;i++){
if(element.attribute[i].level!=undefined&&element.attribute[i].level==1){
element.attribute[i].lieNumber=element.attribute[i].tableth.length
}
}
}
});
console.log(this.planTemplateData)
}
})
}
//引入数据json
yinJson = {
//组织指挥
organizationCommands: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
//社会联动
socialLinkages: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
//勤务保障
serviceSupports: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
//辅助决策
decisionSupports: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
}
async yinRu(type) {
if (type == 0) {
this.yinJson = {
//组织指挥
organizationCommands: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
//社会联动
socialLinkages: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
//勤务保障
serviceSupports: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
//辅助决策
decisionSupports: {
tableCount: {
totalCount: 0,
tables: [
]
},
inputCount: {
totalCount: 0,
inputs: [
]
},
textAreaCount: {
totalCount: 0
},
treeCount: {
totalCount: 0
}
},
}
var orgtableCount = 0
var orginputCount = 0
var orgtextAreaCount = 0
var orgtreeCount = 0
this.planTemplateData.forEach((value, index, array) => {
if (value.groupName == '组织指挥') {
value.attribute.forEach((orgvalue, orgi, orgArr) => {
if (orgArr[orgi].level == '1') {
orgtableCount++
this.yinJson.organizationCommands.tableCount.tables.push({ itemCount: orgArr[orgi].tableth.length })
} else if (orgArr[orgi].level == '2') {
orginputCount++
this.yinJson.organizationCommands.inputCount.inputs.push({ colCount: orgArr[orgi].lieNumber, rowCount: orgArr[orgi].hNumber })
} else if (orgArr[orgi].level == '3') {
orgtextAreaCount++
} else if (orgArr[orgi].level == '4') {
orgtreeCount++
}
});
}
this.yinJson.organizationCommands.tableCount.totalCount = orgtableCount
this.yinJson.organizationCommands.inputCount.totalCount = orginputCount
this.yinJson.organizationCommands.textAreaCount.totalCount = orgtextAreaCount
this.yinJson.organizationCommands.treeCount.totalCount = orgtreeCount
var shetableCount = 0
var sheinputCount = 0
var shetextAreaCount = 0
var shetreeCount = 0
if (value.groupName == '社会联动') {
value.attribute.forEach((orgvalue, orgi, orgArr) => {
if (orgArr[orgi].level == '1') {
shetableCount++
//this.yinJson.organizationCommands.tableCount.tables.push({itemCount:orgtableCount})
} else if (orgArr[orgi].level == '2') {
sheinputCount++
this.yinJson.socialLinkages.inputCount.inputs.push({ colCount: orgArr[orgi].lieNumber, rowCount: orgArr[orgi].hNumber })
} else if (orgArr[orgi].level == '3') {
shetextAreaCount++
} else if (orgArr[orgi].level == '4') {
shetreeCount++
}
});
}
this.yinJson.socialLinkages.tableCount.totalCount = shetableCount
this.yinJson.socialLinkages.inputCount.totalCount = sheinputCount
this.yinJson.socialLinkages.textAreaCount.totalCount = shetextAreaCount
this.yinJson.socialLinkages.treeCount.totalCount = shetreeCount
var qintableCount = 0
var qininputCount = 0
var qintextAreaCount = 0
var qintreeCount = 0
if (value.groupName == '勤务保障') {
value.attribute.forEach((orgvalue, orgi, orgArr) => {
if (orgArr[orgi].level == '1') {
qintableCount++
//this.yinJson.organizationCommands.tableCount.tables.push({itemCount:orgtableCount})
} else if (orgArr[orgi].level == '2') {
qininputCount++
this.yinJson.serviceSupports.inputCount.inputs.push({ colCount: orgArr[orgi].lieNumber, rowCount: orgArr[orgi].hNumber })
} else if (orgArr[orgi].level == '3') {
qintextAreaCount++
} else if (orgArr[orgi].level == '4') {
qintreeCount++
}
});
}
this.yinJson.serviceSupports.tableCount.totalCount = qintableCount
this.yinJson.serviceSupports.inputCount.totalCount = qininputCount
this.yinJson.serviceSupports.textAreaCount.totalCount = qintextAreaCount
this.yinJson.serviceSupports.treeCount.totalCount = qintreeCount
var futableCount = 0
var fuinputCount = 0
var futextAreaCount = 0
var futreeCount = 0
if (value.groupName == '辅助决策') {
value.attribute.forEach((orgvalue, orgi, orgArr) => {
if (orgArr[orgi].level == '1') {
futableCount++
//this.yinJson.organizationCommands.tableCount.tables.push({itemCount:orgtableCount})
} else if (orgArr[orgi].level == '2') {
fuinputCount++
this.yinJson.decisionSupports.inputCount.inputs.push({ colCount: orgArr[orgi].lieNumber, rowCount: orgArr[orgi].hNumber })
} else if (orgArr[orgi].level == '3') {
futextAreaCount++
} else if (orgArr[orgi].level == '4') {
futreeCount++
}
});
}
this.yinJson.decisionSupports.tableCount.totalCount = futableCount
this.yinJson.decisionSupports.inputCount.totalCount = fuinputCount
this.yinJson.decisionSupports.textAreaCount.totalCount = futextAreaCount
this.yinJson.decisionSupports.treeCount.totalCount = futreeCount
});
}
if (type == 5) {
var orgtableCount = 0
var orginputCount = 0
var orgtextAreaCount = 0
var orgtreeCount = 0
let index = this.getArrayIndex(this.planTemplateData,'组织指挥')
this.planTemplateData[index].attribute.forEach((orgvalue, orgi, orgArr) => {
if (orgArr[orgi].level == '1') {
orgtableCount++
this.yinJson.organizationCommands.tableCount.tables.push({ itemCount: orgArr[orgi].tableth.length })
} else if (orgArr[orgi].level == '2') {
orginputCount++
this.yinJson.organizationCommands.inputCount.inputs.push({ colCount: orgArr[orgi].lieNumber, rowCount: orgArr[orgi].hNumber })
} else if (orgArr[orgi].level == '3') {
orgtextAreaCount++
} else if (orgArr[orgi].level == '4') {
orgtreeCount++
}
});
this.yinJson.organizationCommands.tableCount.totalCount = orgtableCount
this.yinJson.organizationCommands.inputCount.totalCount = orginputCount
this.yinJson.organizationCommands.textAreaCount.totalCount = orgtextAreaCount
this.yinJson.organizationCommands.treeCount.totalCount = orgtreeCount
this.yinJson.decisionSupports = null
this.yinJson.serviceSupports = null
this.yinJson.socialLinkages = null
} if (type == 7) {
var orgtableCount = 0
var orginputCount = 0
var orgtextAreaCount = 0
var orgtreeCount = 0
let index = this.getArrayIndex(this.planTemplateData,'社会联动')
this.planTemplateData[index].attribute.forEach((orgvalue, orgi, orgArr) => {
if (orgArr[orgi].level == '1') {
orgtableCount++
//this.yinJson.organizationCommands.tableCount.tables.push({itemCount:orgtableCount})
} else if (orgArr[orgi].level == '2') {
orginputCount++
this.yinJson.socialLinkages.inputCount.inputs.push({ colCount: orgArr[orgi].lieNumber, rowCount: orgArr[orgi].hNumber })
} else if (orgArr[orgi].level == '3') {
orgtextAreaCount++
} else if (orgArr[orgi].level == '4') {
orgtreeCount++
}
});
this.yinJson.socialLinkages.tableCount.totalCount = orgtableCount
this.yinJson.socialLinkages.inputCount.totalCount = orginputCount
this.yinJson.socialLinkages.textAreaCount.totalCount = orgtextAreaCount
this.yinJson.socialLinkages.treeCount.totalCount = orgtreeCount
this.yinJson.serviceSupports = null
this.yinJson.organizationCommands = null
this.yinJson.decisionSupports = null
} if (type == 8) {
var orgtableCount = 0
var orginputCount = 0
var orgtextAreaCount = 0
var orgtreeCount = 0
let index = this.getArrayIndex(this.planTemplateData,'勤务保障')
this.planTemplateData[index].attribute.forEach((orgvalue, orgi, orgArr) => {
if (orgArr[orgi].level == '1') {
orgtableCount++
//this.yinJson.organizationCommands.tableCount.tables.push({itemCount:orgtableCount})
} else if (orgArr[orgi].level == '2') {
orginputCount++
this.yinJson.serviceSupports.inputCount.inputs.push({ colCount: orgArr[orgi].lieNumber, rowCount: orgArr[orgi].hNumber })
} else if (orgArr[orgi].level == '3') {
orgtextAreaCount++
} else if (orgArr[orgi].level == '4') {
orgtreeCount++
}
});
this.yinJson.serviceSupports.tableCount.totalCount = orgtableCount
this.yinJson.serviceSupports.inputCount.totalCount = orginputCount
this.yinJson.serviceSupports.textAreaCount.totalCount = orgtextAreaCount
this.yinJson.serviceSupports.treeCount.totalCount = orgtreeCount
this.yinJson.decisionSupports = null
this.yinJson.organizationCommands = null
this.yinJson.socialLinkages = null
} if (type == 10) {
var orgtableCount = 0
var orginputCount = 0
var orgtextAreaCount = 0
var orgtreeCount = 0
let index = this.getArrayIndex(this.planTemplateData,'处置要点')
this.planTemplateData[index].attribute.forEach((orgvalue, orgi, orgArr) => {
if (orgArr[orgi].level == '1') {
orgtableCount++
//this.yinJson.organizationCommands.tableCount.tables.push({itemCount:orgtableCount})
} else if (orgArr[orgi].level == '2') {
orginputCount++
this.yinJson.decisionSupports.inputCount.inputs.push({ colCount: orgArr[orgi].lieNumber, rowCount: orgArr[orgi].hNumber })
} else if (orgArr[orgi].level == '3') {
orgtextAreaCount++
} else if (orgArr[orgi].level == '4') {
orgtreeCount++
}
});
this.yinJson.decisionSupports.tableCount.totalCount = orgtableCount
this.yinJson.decisionSupports.inputCount.totalCount = orginputCount
this.yinJson.decisionSupports.textAreaCount.totalCount = orgtextAreaCount
this.yinJson.decisionSupports.treeCount.totalCount = orgtreeCount
this.yinJson.organizationCommands = null
this.yinJson.serviceSupports = null
this.yinJson.socialLinkages = null
}
// console.log(this.yinJson)
}
//查询能引入的预案
yinruData = {
items: []
}
searchYuan() {
this.yinRu(this.selectedItem == '组织指挥' ? 5 : this.selectedItem == '社会联动' ? 7 : this.selectedItem == '勤务保障' ? 8 : 10)
//console.log(JSON.stringify(this.yinJson))
var urlbm = encodeURI(JSON.stringify(this.yinJson))
let paramsdata: any = {
planCategory: this.planLevel,
buildingTypeId: this.route.snapshot.queryParams.unitTypeId,
OrganizationId: this.searchType == '0' ? '' : this.jsId,
CustomKeyword: this.searchType == '0' ? this.zdysearch : '',
webTextStatistics: urlbm,
PageNumber: this.PageNumber || '1',
PageSize: this.pageSizeOptions[0],
}
this.http.get("/api/PlanComponents/WebText", { params: paramsdata }).subscribe((data: any) => {
this.yinruData = null
this.yinruData = data
if (this.yinruData.items.length == 0) {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
this.snackBar.open('暂无数据', '确定', config);
}
//console.log(this.yinruData)
})
}
//可引入预案点击事件
clickYinru(clicki) {
const dialogRef = this.dialog.open(yinYong, {
width: '750px',
height: '700px',
//disableClose: true
data: { selectedItem: this.selectedItem, yinruData: this.yinruData.items[clicki].webTextData }
});
dialogRef.afterClosed().subscribe(result => {
// console.log(result)
if (result != undefined) {
this.planTemplateData.forEach(element => {
if (element.groupName == this.selectedItem) {
element.attribute = result
}
});
}
}
);
}
//分页事件
changePage(e) {
this.PageNumber = e.pageIndex + 1
this.searchYuan()
}
//重点图示增加分组
addkeyImgItem(item) {
item.attribute.push({ name: '', imgArr: [] })
}
//处置要点增加分组
addDisposalPointItem(item) {
item.attribute.push({ name: '', content: '' })
}
//通过左侧查看实景图
gallery
lookkeyImgItemLeft(key1, key2, i) {
let dom = document.getElementById(`viewerjs`)
let pObjs = dom.childNodes;
let node = document.createElement("img")
node.style.display = "none";
node.src = '/api/Objects/PlanPlatform/' + i.imageUrl;
node.id = 'img'
dom.appendChild(node)
setTimeout(() => {
let viewer = new Viewer(document.getElementById(`viewerjs`), {
hidden: () => {
dom.removeChild(pObjs[0]);
viewer.destroy();
}
});
node.click();
}, 0);
}
//通过左侧实景图增加分组
addkeyImgItemLeft(item, i) {
this.planTemplateData.forEach(element => {
if (element.groupName == '重点图示') {
element.attribute.push({ name: item.name + '-' + i.name, imgArr: ['/api/Objects/PlanPlatform/' + i.imageUrl] })
}
});
}
//重点图示,处置要点删除指定分组
deleteItem(item, key) {
let isDelete = window.confirm('确定要删除该分组吗?分组下内容将一同被删除!')
if (isDelete) {
item.attribute.splice(key, 1)
}
}
//重点图示删除指定分组里面的图片
deleteImgItem(imgArr, imgkey) {
let isDelete = window.confirm('确定要删除该图片吗?')
if (isDelete) {
imgArr.splice(imgkey, 1)
}
}
//重点图示上传图片
filechange(e, i) {
console.log(i)
let file = e.target.files[0] || null //获取上传的文件
let fileSize = file.size || null //上传文件的总大小
let maxSize = 5 * 1024 * 1024 //5MB一个分片
let tenSize = 100 * 1024 * 1024 //100MB限制
if (file && fileSize <= maxSize) { //上传文件<=5MB时
let upload = this.uploadFile(this.route.snapshot.queryParams.companyId, this.route.snapshot.queryParams.planId, file)
upload.then((res: any) => {
if (i.tableth != undefined) {
i.tableth.json.push('/api/Objects/PlanPlatform/' + res.objectName)
} else {
i.imgArr.push('/api/Objects/PlanPlatform/' + res.objectName)
}
})
} else { //上传文件>5MB时
let upload = this.sectionUpload(this.route.snapshot.queryParams.companyId, this.route.snapshot.queryParams.planId, file)
upload.then(res => {
if (i.tableth != undefined) {
i.tableth.json.push('/api/Objects/PlanPlatform/' + res)
} else {
i.imgArr.push('/api/Objects/PlanPlatform/' + res)
}
})
}
//console.log(this.planTemplateData)
}
//单位相关数据
unitId: any = this.route.snapshot.queryParams.companyId
//获得所有的建筑物
allBuildings: any
async getAllBuildings() {
let result = await new Promise((resolve, reject) => {
this.http.get("/api/Buildings", {
params: {
companyId: this.unitId
}
}).subscribe((data: any) => {
data.forEach((item, index) => {
let params = { buildingId: item.id }
item.plandata = []
this.http.get('/api/BuildingAreas', { params }).subscribe(data => {
item.plandata = data
resolve(data)
})
})
this.allBuildings = data
})
})
}
//获取总平面图
sitePlanItems: any
getSitePlan() {
let params = { companyId: this.unitId }
this.http.get('/api/SitePlans', { params: params }).subscribe(data => {
this.sitePlanItems = data
})
}
//打开采集工具
openPlan(item, index, type?: string) {
sessionStorage.setItem("gisplan", 'look')
sessionStorage.setItem("companyId", this.unitId)
// console.log(item)
if (type == '预案') {
sessionStorage.setItem("planId", item.id)
sessionStorage.setItem("companyId", this.route.snapshot.queryParams.companyId)
sessionStorage.setItem("buildingTypeId", this.route.snapshot.queryParams.unitTypeId)
sessionStorage.setItem("editable", "0")
sessionStorage.setItem("planName", item.name)
sessionStorage.setItem("orName", item.name)
sessionStorage.setItem("orId", item.name)
}
let data = { select: item, key: index, allBuildings: this.allBuildings, type: type }
let width = Math.round(document.body.clientWidth * 0.8) + 'px'
let height = Math.round(document.body.clientHeight * 0.9) + 'px'
// console.log('宽度',width)
let dialogRef = this.dialog.open(OpenPlanToolDialog, {//调用open方法打开对话框并且携带参数过去
id: 'openPlanToolDialog',
data,
width: width,
height: height
});
dialogRef.afterClosed().subscribe((data) => { });
}
//正常上传
async uploadFile(companyId: string, planId: string, file) {
let formData = new FormData()
formData.append("file", file)
return new Promise((resolve, reject) => {
this.http.post(`/api/Objects/PlanPlatform/${companyId}/${planId}`, formData).subscribe((data: any) => {
resolve(data)
})
})
}
//input key值，一个字符焦点消失问题
trackByFn(index) {
return index
}
//四种类型增加一行
addNumber = -1
addTd(key, i) {
this.addNumber++
if (this.planTemplateData[key].attribute[i].tableth == undefined||this.planTemplateData[key].attribute[i].tableth.length==0) {
//this.planTemplateData[key].attribute[i].tabletr = []
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
this.snackBar.open('请先编辑列!', '确定', config);
}else{
if(this.planTemplateData[key].attribute[i].tabletr == undefined){
this.planTemplateData[key].attribute[i].tabletr = []
}
this.planTemplateData[key].attribute[i].tabletr.push({ tabletd: [] })
for(var j = 0; j < this.planTemplateData[key].attribute[i].tableth.length; j++) {
if (this.planTemplateData[key].attribute[i].tabletr != undefined) {
this.planTemplateData[key].attribute[i].tabletr[this.planTemplateData[key].attribute[i].tabletr.length - 1].tabletd.push('')
}
else {
this.planTemplateData[key].attribute[i].tabletr[this.addNumber].tabletd.push('')
}
}
}
// console.log(this.planTemplateData)
}
//四种类型删除一行
delTd(key, i,tri?:number,uniti?:number,elei?:number) {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
let isTrue = confirm('您确定要删除该条信息吗')
if(isTrue){
if(tri==undefined){
this.planTemplateData[key].attribute.splice(i,1)
}else{
if(uniti==undefined&&elei==undefined){
this.planTemplateData[key].attribute[i].tabletr.splice(tri,1)
}else{
this.planTemplateData[key].building[i].body[tri].attinf[uniti].tabletr.splice(elei,1)
}
}
}
}
//修改多行文本，表格行列数量
updataHl(...num:number[]){
const dialogRef = this.dialog.open(updataHl, {//调用open方法打开对话框并且携带参数过去
width: '340px',
height:'350px',
disableClose:true,
data:JSON.parse(JSON.stringify(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]))
});
dialogRef.afterClosed().subscribe(result => {
if(result!=undefined){
//外层四种类型编辑行跟列
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).level==1){
//表格类型编辑列数
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr==undefined){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr = []
}
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length<result.lieNumber){
//表格类型新增列数
for(let i=(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length;i<result.lieNumber;i++){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.push('')
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr!=undefined){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr.forEach(element => {
element.tabletd.push('')
});
}
}
}else{
//表格类型减少列数
for(let i=(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length;i>result.lieNumber;i--){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.splice(i-1,1)
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr!=undefined){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tabletr.forEach((element) => {
element.tabletd.splice(element.tabletd.length-1,1)
});
}
}
}
}else if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).level==2){
//多行文本编辑行列
if((num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length<result.hNumber){
for(let i=(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length;i<result.hNumber;i++){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.push([{body: '', head: ''}])
}
}else{
for(let i=(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.length;i>result.hNumber;i--){
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.splice(i-1,1)
}
}
(num.length<3? this.planTemplateData[num[0]].attribute[num[1]]:this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]]).tableth.forEach((element,index,value) => {
if(value[index].length<result.lieNumber){
for(let a=value[index].length;a<result.lieNumber;a++){
value[index].push({body: '', head: ''})
}
}else{
for(let a=value[index].length;a>result.lieNumber;a--){
value[index].splice(index-1,1)
}
}
});
}
console.log(this.planTemplateData)
}
});
}
//新建内容向上排序
upPai(zi,attributei){
var temp
if(attributei!=0){
for (let index = attributei-1; index >=0; index--) {
temp=this.planTemplateData[zi].attribute[index]
this.planTemplateData[zi].attribute[index]=this.planTemplateData[zi].attribute[attributei]
this.planTemplateData[zi].attribute[attributei]=temp
return
}
}
}
//新建内容向下排序
downPai(zi,attributei){
var temp
if (attributei!=this.planTemplateData[zi].attribute.length-1) {
for (let index = attributei+1; index < this.planTemplateData[zi].attribute.length; index++) {
temp=this.planTemplateData[zi].attribute[index]
this.planTemplateData[zi].attribute[index]=this.planTemplateData[zi].attribute[attributei]
this.planTemplateData[zi].attribute[attributei]=temp
return
}
}
}
//单位概况左侧建筑点击事件
buildingName
clicki = 0
group
clickBuilding(item, i) {
this.buildingName = item.name
this.clicki = i
// console.log(item, this.clicki)
}
//单位概况增加一行
unitadd(surveyName, attacki, i,fileNum?:number) {
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
this.addNumber++
this.planTemplateData[index].building[attacki].body.forEach((value,bodyi,arr)=>{
if(surveyName==arr[bodyi].surveyName){
console.log(bodyi)
if(arr[bodyi].zdy==undefined){
if (surveyName == '进攻通道') {
if(this.planTemplateData[index].building[attacki].body[bodyi].attinf==undefined){
this.planTemplateData[index].building[attacki].body[bodyi].attinf=[]
}
if (this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr == undefined) {
this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr = []
}
this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr.push({ tabletd: [] })
for (var j = 0; j < this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tableth.length; j++) {
if (this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr != undefined) {
this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr[this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr.length - 1].tabletd.push('')
}
else {
this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr[this.addNumber].tabletd.push('')
}
}
// console.log(this.planTemplateData)
}
else if (surveyName == '功能分区') {
// console.log(attacki)
this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ name: '', value: '' })
} else if (surveyName == '重点部位') {
this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ heafName: '', body: [{ name: '重点部位名称', value: '' }, { name: '重点部位所在位置', value: '' }, { name: '建筑结构', value: '' }, { name: '使用性质', value: '' }, { name: '主要危险性', value: '' }] })
}
else if(surveyName == '单位基本信息'||surveyName == '建筑信息'){
if(this.planTemplateData[index].building[attacki].body[bodyi].attinf==undefined){
this.planTemplateData[index].building[attacki].body[bodyi].attinf=[]
}
this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ propertyName: '', value: '',completed:true,zdy:true })
} else if(surveyName == '四周毗邻'){
this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ name: '', value: '',completed:true,zdy:false })
this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ name: '', value: '',completed:true,zdy:true })
}else if(surveyName == '消防设施'){
if(this.planTemplateData[index].building[attacki].body[bodyi].attinf==undefined){
this.planTemplateData[index].building[attacki].body[bodyi].attinf=[]
}
if(fileNum==0){
this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].facilityItems.push({ name: '', value: '',completed:true,zdy:true})
}else{
this.planTemplateData[index].building[attacki].body[bodyi].attinf.push({ name: '', value: '',completed:true,zdy:true,facilityItems:[] })
}
}
}else{
this.addAttribute(surveyName,attacki,i,1,surveyName)
}
}
})
console.log(this.planTemplateData)
}
//单位概况自定义表格新增一行
unitNewadd(...num:number[]){
console.log(num)
if (this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tableth == undefined||this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tableth.length==0) {
//this.planTemplateData[key].attribute[i].tabletr = []
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
this.snackBar.open('请先编辑列!', '确定', config);
}else{
if(this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr == undefined){
this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr = []
}
this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr.push({ tabletd: [] })
for(var j = 0; j < this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tableth.length; j++) {
if (this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr != undefined) {
this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr[this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr.length - 1].tabletd.push('')
}
else {
this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].tabletr[this.addNumber].tabletd.push('')
}
}
}
console.log(this.planTemplateData)
//this.planTemplateData[num[0]].building[num[1]].body[num[2]].attinf[num[3]].push()
}
//单位概况删除一行
unitDel(surveyName, attacki, i,fileNum?:number) {
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
let isTrue = confirm('您确定要删除该条信息吗')
this.planTemplateData[index].building[attacki].body.forEach((value,bodyi,arr) => {
if(surveyName==arr[bodyi].surveyName){
if (surveyName == '进攻通道') {
if (isTrue) {
if (this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr != undefined) {
this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr.splice(this.planTemplateData[index].building[attacki].body[4].attinf[i].tabletr.length - 1, 1)
this.addNumber--
if (this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].tabletr.length == 0) {
this.addNumber = -1
}
} else {
this.snackBar.open('请先增加一行!', '确定', config);
}
}
} else if (surveyName == '功能分区'||surveyName=='重点部位'||surveyName=='单位基本信息'||surveyName=='建筑信息'||surveyName=='消防设施') {
if (isTrue) {
if(surveyName=='消防设施'&&fileNum!=undefined){
this.planTemplateData[index].building[attacki].body[bodyi].attinf[i].facilityItems.splice(fileNum,1)
}else{
this.planTemplateData[index].building[attacki].body[bodyi].attinf.splice(i, 1)
}
}
}else if(surveyName == '四周毗邻'){
this.planTemplateData[index].building[attacki].body[bodyi].attinf.splice(i, 1)
this.planTemplateData[index].building[attacki].body[bodyi].attinf.splice(i-1, 1)
}
}
});
}
//分段上传
sectionUpload(companyId: string, planId: string, file) {
let data = { filename: file.name }
return new Promise((resolve, reject) => {
this.http.post(`/api/NewMultipartUpload/PlanPlatform/${companyId}/${planId}`, {}, { params: data }).subscribe(async (data: any) => { //初始化分段上传
let objectName = data.objectName
let uploadId = data.uploadId
let PartNumberETag = []; //每次返回需要保存的信息
//分块 处理
let fileSize = file.size || null //上传文件的总大小
let shardSize = 5 * 1024 * 1024 //5MB一个分片
let allSlice = Math.ceil(fileSize / shardSize) //总文件/5MB===共分多少段
for (let i = 0; i < allSlice; i++) { //循环分段上传
let start = i * shardSize //切割文件开始位置
let end = Math.min(fileSize, start + shardSize); //切割文件结束位置
let formData = new FormData()
formData.append("file", file.slice(start, end))
//同步写法实现异步调用
let result = await new Promise((resolve, reject) => {
// await 需要后面返回一个 promise 对象
this.http.post(`/api/MultipartUpload/PlanPlatform/${objectName}?uploadId=${uploadId}&partNumber=${i + 1}`, formData).subscribe((data: any) => {
let msg = { "partNumber": data.partNumber || null, "eTag": data.eTag || null }
resolve(msg) // 调用 promise 内置方法处理成功
})
});
PartNumberETag.push(result)
if (PartNumberETag.length === allSlice) { //分块上传完成
let data = PartNumberETag
let paramsData = { uploadId: uploadId }
this.http.post(`/api/CompleteMultipartUpload/PlanPlatform/${objectName}`, data, { params: paramsData }).subscribe(data => {
resolve(objectName)
})
}
}//for循环
//分块 处理
})
})
}
//预览
pattern: string = 'edit'
preview() {
this.pattern = 'look'
this.clickTitleItem('单位概况')
}
quitPreview() {
this.pattern = 'edit'
}
//提交
async submit() {
await this.yinRu(0)
//console.log('提交信息', this.planTemplateData)
let body = {
webTextData: JSON.stringify(this.planTemplateData),
webTextStatistics: this.yinJson
}
this.http.put(`/api/PlanComponents/${this.route.snapshot.queryParams.planId}`, body).subscribe(data => {
// console.log('提交成功',data)
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
this.snackBar.open('提交成功', '确定', config);
})
}
//返回顶部
goBack() {
document.querySelector('#mainbox').scrollIntoView(true)
}
//生成word
generatingDoc() {
/* changeImgToDataurl()
function changeImgToDataurl() {
let charImg = document.getElementsByTagName("img");
console.log(charImg)
let imgURLs = "";
for (let i = 0; i < charImg.length; i++) {
let imgURL = charImg[i].currentSrc;
getBase64(imgURL, charImg[i]);
}
}
function getBase64(url, charImg) {
let Img = new Image();
Img.crossOrigin = "Anonymous";//跨域必须使用，且后台也得设置允许跨域
let dataURL = '';
Img.src = url;
Img.onload = function () { //要先确保图片完整获取到，这是个异步事件
let canvas = document.createElement("canvas"), //创建canvas元素
width = Img.width, //确保canvas的尺寸和图片一样
height = Img.height;
canvas.width = width;
canvas.height = height;
canvas.getContext("2d").drawImage(Img, 0, 0, width, height); //将图片绘制到canvas中
dataURL = canvas.toDataURL('image/jpg'); //转换图片为dataURL
condataurl ? condataurl(dataURL, charImg) : null; //调用回调函数
};
}
function condataurl(dataURL, charImg) {
charImg.src = dataURL;
} */
this.planTemplateData.forEach(element => {
if(element.groupName=='交通水源'||element.groupName=='重点图示'){
if(element.attribute[0].imgArr.length>0){
for(let i=0;i<element.attribute[0].imgArr.length;i++){
console.log(element.attribute[0].imgArr[i])
element.attribute[0].imgArr[i]= String(element.attribute[0].imgArr[i]) +'?x-image-process=image/format,jpg'
}
}
}
});
console.log(this.planTemplateData)
$(".mainbox").wordExport('word文档');
}
//原数据点击
oldData = false
clickoldData() {
this.oldData = !this.oldData
}
//新增功能(社会联动等引用)
searchType = '0'
//打开自定义新增具体内容
tuTrue=false
addAttribute(groupName,attacki?:any, bi?:any,fileNum?:any,surveyName?:string){
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
const dialogRef = this.dialog.open(disaster, {//调用open方法打开对话框并且携带参数过去
width: '340px',
height:'450px',
disableClose:true,
data:this.planTemplateData
});
dialogRef.afterClosed().subscribe(result => {
if(result!=undefined){
if(surveyName==undefined){
this.planTemplateData.forEach((value,index,array)=>{
if(array[index].groupName==groupName){
if(array[index].attribute==undefined){
array[index].attribute=[]
array[index].attribute.push(result)
}else{
array[index].attribute.push(result)
}
if(result.level==2){
for(let i=0;i<result.hNumber;i++){
array[index].attribute[array[index].attribute.length-1].tableth.push([{head:'',body:''}])
for(var j=0;j<result.lieNumber-1;j++){
array[index].attribute[array[index].attribute.length-1].tableth[i].push({head:'',body:''})
}
}
}
}
})
}
else{
this.planTemplateData[index].building[attacki].body[bi].attinf.push(result)
if(result.level==2){
for(var i=0;i<result.hNumber;i++){
this.planTemplateData[index].building[attacki].body[bi].attinf[this.planTemplateData[index].building[attacki].body[bi].attinf.length-1].tableth.push([{head:'',body:''}])
for(var j=0;j<result.lieNumber-1;j++){
this.planTemplateData[index].building[attacki].body[bi].attinf[this.planTemplateData[index].building[attacki].body[bi].attinf.length-1].tableth[i].push({head:'',body:''})
}
}
}
}
if(result.level=='4'){
this.tuTrue=true
this.getAllBuildings()
this.getSitePlan()
this.getRealPicture()
}
}
console.log(this.planTemplateData)
});
}
//自定义内容删除一条数据
delDisaster(name,i){
let isTrue = confirm('您确定要删除该条信息吗')
if(isTrue){
this.planTemplateData.forEach((value,index,array)=>{
if (array[index].groupName==name) {
this.planTemplateData[index].attribute.splice(i,1)
}
})
}
}
//自定义添加表格数据
attackAdd(name,i,level){
//console.log(name,i)
this.planTemplateData.forEach((value,index,array)=>{
if (array[index].groupName==name) {
if(level==1){
this.planTemplateData[index].attribute[i].tableth.push('')
}else if(level==2){
this.planTemplateData[index].attribute[i].tableth.push({head:'',body:''})
}
}
})
//console.log(this.newleftTabledata)
}
//自定义模块删除一张图片
delImg(key,attributei,imgkey){
let isDelete = window.confirm('确定要删除该分组吗?分组下内容将一同被删除!')
if (isDelete) {
this.planTemplateData[key].attribute[attributei].tableth.json.splice(imgkey,1)
}
}
//鼠标移入图片显示
showTu(key){
this.planTemplateData[key].new=true
}
//上传
upload() {
let isTrue = confirm('上传新文件后可能会覆盖原有数据，您确定要继续上传吗')
if(isTrue){
document.getElementById('up').click()
}
}
//在线文档上传接口
fileData
iftrue=false
fileSc(e){
this.clickTitleItem(this.planTemplateData[1])
this.iftrue=true
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
let formData = new FormData()
formData.append("file", e.target.files[0])
console.log(formData)
let type=this.unitData.buildingTypes[0].name=='高层建筑'?1:this.unitData.buildingTypes[0].name=='居民小区'?2:this.unitData.buildingTypes[0].name=='厂房'?3
:(this.unitData.buildingTypes[0].name=='商市场'||this.unitData.buildingTypes[0].name=='医院'||this.unitData.buildingTypes[0].name=='学校'
||this.unitData.buildingTypes[0].name=='宾馆'||this.unitData.buildingTypes[0].name=='娱乐场所'||this.unitData.buildingTypes[0].name=='餐饮业'
||this.unitData.buildingTypes[0].name=='影剧院'||this.unitData.buildingTypes[0].name=='展览建筑'||this.unitData.buildingTypes[0].name=='养老院'
||this.unitData.buildingTypes[0].name=='会议中心')?4:this.unitData.buildingTypes[0].name=='储罐类'?'StorageTankFivePlan':
this.unitData.buildingTypes[0].name=='化工生产'?'ChemicalProductionFivePlan':this.unitData.buildingTypes[0].name=='轨道交通'?'MetroFivePlan':
this.unitData.buildingTypes[0].name=='地下建筑'?'UndergroundBuildingFivePlan':this.unitData.buildingTypes[0].name=='农村'?'CountrysideFivePlan':''
this.http.post(`/api/OfficeExtract/ExtractWordPlan?type=${type}`,formData).subscribe((data:any)=>{
console.log(data)
if(data==null){
this.snackBar.open('解析失败,请确定好格式再重新上传!', '确定', config);
}else{
this.fileData=JSON.parse(JSON.stringify(data))
this.fileData.forEach((value,index,array) => {
if(value.groupName=='交通水源'||value.groupName=='重点图示'){
value.attribute.forEach(element => {
if(element.imgArr!=undefined&&element.imgArr.length>0){
element.imgArr[0]= "/api/"+element.imgArr[0].split('/api/')[1]
//element.imgArr[0]=element.imgArr[0].slice(25,element.imgArr[0].length) //+'?x-image-process=image/format,png'
}
});
}
this.planTemplateData.forEach((pvalue,pindex,parr) => {
if(parr[1].building==undefined){
this.planTemplateData[index].building = []
if(array[index].groupName==parr[pindex].groupName){
parr[pindex].attribute=array[index].attribute
}
}else{
if(array[index].groupName==parr[pindex].groupName&&pindex!=1){
parr[pindex].attribute=array[index].attribute
}else if(array[index].groupName==parr[pindex].groupName&&pindex==1){
parr[pindex].building[0].body=array[index].attribute
}
}
});
});
//console.log(this.fileData)
this.snackBar.open('解析成功!', '确定', config);
}
this.iftrue=false
e.target.value=''
})
}
//消防设施新增一条数据
zdyXf(groupName){
const dialogRef = this.dialog.open(disaster, {//调用open方法打开对话框并且携带参数过去
width: '340px',
height:'450px',
disableClose:true,
data:this.planTemplateData
});
dialogRef.afterClosed().subscribe(result => {
console.log(result)
if(result!=undefined){
this.planTemplateData.forEach((value,index,array)=>{
if(array[index].groupName==groupName){
if(array[index].attribute==undefined){
array[index].attribute=[]
array[index].attribute.push(result)
}else{
array[index].attribute.push(result)
}
if(result.level==2){
for(var i=0;i<result.hNumber;i++){
array[index].attribute[array[index].attribute.length-1].tableth.push([{head:'',body:''}])
for(var j=0;j<result.lieNumber-1;j++){
array[index].attribute[array[index].attribute.length-1].tableth[i].push({head:'',body:''})
}
}
}
}
})
if(result.level=='4'){
this.tuTrue=true
this.getAllBuildings()
this.getSitePlan()
this.getRealPicture()
}
}
console.log(this.planTemplateData)
});
}
//单位概况自定义新增数据
unitZdyaaa(){
let list=[]
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
const dialogRef = this.dialog.open(adddwsurvey, {//调用open方法打开对话框并且携带参数过去
width: '240px',
height:'420px',
disableClose:true,
data:this.planTemplateData
});
dialogRef.afterClosed().subscribe(result => {
console.log(result)
if(result!=undefined){
if(result.length>this.planTemplateData.length){
result.forEach((valuer,i,rarr) => {
let temp=0
this.planTemplateData[index].attribute.forEach((group,gi,garr) => {
if(valuer.surveyName==group.surveyName){
temp++
}
})
if(temp==0){
//将缺少的填上
this.planTemplateData[index].attribute.push(valuer)
}
});
}
result.forEach((valuer,i,rarr) => {
this.planTemplateData[index].attribute.forEach((group,gi,garr) => {
if(garr[gi].surveyName==rarr[i].surveyName){
garr[gi].completed=rarr[i].completed
}
});
})
this.planTemplateData[index].building[this.clicki].body=this.planTemplateData[index].attribute
}
console.log(this.planTemplateData)
})
}
//建筑信息和消防设施模板信息添加
addBuildingmb(element){
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
console.log(element,this.buildingsData)
const dialogRef = this.dialog.open(adddwsurveys, {//调用open方法打开对话框并且携带参数过去
width: '290px',
height:'460px',
disableClose:true,
data:{element:element,buildingID:this.buildingsData[0].basicCategoryId,fid:this.route.snapshot.queryParams.unitTypeId}
});
dialogRef.afterClosed().subscribe(result => {
if(result!=undefined){
this.planTemplateData[index].building[this.clicki].body.forEach(item => {
if(item.surveyName==element.surveyName){
element.attinf=result
}
});
}
})
}
//消防设施具体属性编辑
fileAdd(facilityItems,filei,filename){
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
if(facilityItems.length!=0){
const dialogRef = this.dialog.open(adddwsurveys, {//调用open方法打开对话框并且携带参数过去
width: '240px',
height:'400px',
disableClose:true,
data:{facilityItems:facilityItems,filename,fid:this.route.snapshot.queryParams.unitTypeId}
});
dialogRef.afterClosed().subscribe(result => {
console.log(result)
if(result!=undefined){
this.planTemplateData[index].building[this.clicki].body.forEach(element => {
if(element.surveyName=='消防设施'){
element.attinf[filei].facilityItems=result
}
});
}
})
}
}
//单位概况自定义
zdyDw(){
let index = this.getArrayIndex(this.planTemplateData,'单位概况')
const dialogRef = this.dialog.open(zdyaddattinf, {//调用open方法打开对话框并且携带参数过去
width: '340px',
height:'200px',
disableClose:true,
//data:this.planTemplateData
});
dialogRef.afterClosed().subscribe(result => {
if(result!=undefined){
this.planTemplateData[index].building[this.clicki].body.push({surveyName:result.groupName,completed: true,attinf:[],zdy:true})
}
})
}
}
//查看预案
@Component({
selector: 'lookPlan-dialog',
templateUrl: './openPlanTool.html',
styleUrls: ['./openPlanTool.scss']
})
export class OpenPlanToolDialog {
constructor(public http: HttpClient, public snackBar: MatSnackBar, public dialogRef: MatDialogRef<OpenPlanToolDialog>,
@Inject(MAT_DIALOG_DATA) public data, private render2: Renderer2, public dialog: MatDialog, private route: ActivatedRoute) { }
@ViewChild('plan') plan: any //子组件
type: any//打开的类型 是平面图还是水源
ngOnInit() {
this.type = this.data.type
}
ngAfterViewInit(): void {
if (this.type != '水源' && this.type != '预案') {
this.noticePlan()
}
}
//通知 子组件 传递参数
noticePlan() {
this.plan.isEditPattern = false
let parameter = { //查询 节点 对应 建筑/楼层 index,id
buildingIndex: this.data.key, //总平面图/建筑 index
storeyId: this.data.select.id
}
this.http.get("/api/Buildings", { params: { companyId: this.route.snapshot.queryParams.companyId } }).subscribe((data: any) => {
this.plan.allBuildings = data
this.plan.isGis = this.data.select.isGis
this.plan.seekPanelPoint(parameter)
})
}
//关闭弹窗
closeDiv() {
this.dialogRef.close()
}
}
//查看引用
@Component({
selector: 'yinYong',
templateUrl: './yinyong.html',
styleUrls: ['./create-plan-online-five.component.scss']
})
export class yinYong {
constructor(public http: HttpClient, public snackBar: MatSnackBar, public dialogRef: MatDialogRef<yinYong>,
@Inject(MAT_DIALOG_DATA) public data, public dialog: MatDialog) { }
ngOnInit() {
this.selectedItem = this.data.selectedItem
this.planTemplateData = JSON.parse(this.data.yinruData)
this.yinData()
// console.log(this.planTemplateData)
}
selectedItem//传来的组织指挥或者。。。
planTemplateData//传来的数据
selectData
xuanze: boolean
//imgUrl
//看看查的是哪个标题下的内容
yinData() {
this.planTemplateData.forEach((pvale, pi, parr) => {
if (pvale.groupName == this.selectedItem) {
this.selectData = pvale.attribute
}
});
}
trackByFn(index) {
return index
}
//关闭弹窗
closeDiv() {
let isTrue = confirm('您确定要引用该条预案吗')
if (isTrue) {
this.xuanze = true
this.dialogRef.close(this.selectData)
}
else {
this.xuanze = false
this.dialogRef.close()
}
}
}
//新建模板
@Component({
selector: 'newTitle',
templateUrl: './newTitle.html',
styleUrls: ['./create-plan-online-five.component.scss']
})
export class newTitle{
constructor(private http: HttpClient,public dialogRef: MatDialogRef<newTitle>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {}
ngOnInit(){
console.log(this.data)
if(this.data.planName!=undefined){
this.planname=this.data.planName
}
}
planname//预案名称
//取消按钮
close(){
this.dialogRef.close();
}
//确定按钮
planName(){
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
if(this.planname==''||this.planname==undefined){
this.snackBar.open('请输入名称', '确定', config);
}else{
this.data.planTemplateData.forEach(element => {
if(element.groupName==this.planname){
this.snackBar.open('您输入的名称重复', '确定', config);
this.planname=undefined
this.dialogRef.close();
return
}
});
this.dialogRef.close(this.planname);
}
}
}
//新建模块新增具体内容
@Component({
selector: 'disaster',
templateUrl: './Disaster.html',
styleUrls: ['./addKeyname.scss']
})
export class disaster{
constructor(private http: HttpClient,public dialogRef: MatDialogRef<disaster>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {}
ngOnInit(): void{
//console.log(this.data)
}
level//类型
headName//表头名称
lieNumber//列数
hNumber//行数
//取消按钮
close(){
this.dialogRef.close();
}
//确定按钮
newdisaster(){
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
if(this.level==undefined||this.level==''){
this.snackBar.open('请选择类型!','确定',config);
}else if(this.headName==undefined||this.headName==''){
this.snackBar.open('请输入表头名称!','确定',config);
}else if(this.level==2&& (this.lieNumber==undefined||this.lieNumber=='')){
this.snackBar.open('列数不许为空,并且列数大于0!','确定',config);
}else if(this.level==2&& (this.hNumber==undefined||this.hNumber=='')){
this.snackBar.open('行数不许为空,并且行数大于0!!','确定',config);
}
else{
let tree={
json:[],
name: ''
}
let attrubute={
headName:this.headName,
level:this.level,
tableth:this.level==1||this.level==2?[]:this.level==3?'':tree,
lieNumber:this.lieNumber,
hNumber:this.hNumber,
imgArr: [],
zdy:true
}
this.dialogRef.close(attrubute);
}
}
}
//修改表格，都行文本行列
@Component({
selector: 'updataHl',
templateUrl: './updatal.html',
styleUrls: ['./addKeyname.scss']
})
export class updataHl{
constructor(private http: HttpClient,public dialogRef: MatDialogRef<updataHl>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {}
ngOnInit(): void{
JSON.parse(JSON.stringify(this.data))
this.level=Number(this.data.level)
console.log(this.data)
this.lieNumber=this.level==2? this.data.tableth[0].length:0//最小列数 this.data.zdy!=undefined?0:
this.hNumber=this.level==2? this.data.tableth.length:0//行数this.data.zdy!=undefined?0:
}
level//类型
headName=this.data.headName//表头名称
lieNumber
hNumber
//取消按钮
close(){
this.dialogRef.close();
}
inputChange(){
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
if(this.level==2&& (this.lieNumber==undefined||this.lieNumber=='')){
this.snackBar.open('请输入列数,并且列数大于0!','确定',config);
}else if(this.level==2&& (this.hNumber==undefined||this.hNumber=='')){
this.snackBar.open('请输入行数,并且行数大于0!!','确定',config);
}
}
//确定按钮
newdisaster(){
console.log(this.lieNumber,this.hNumber)
let result={
lieNumber:this.level==2? this.lieNumber:this.data.tableth.length,
hNumber:this.hNumber
}
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
if(this.level==undefined||this.level==''){
this.snackBar.open('请选择类型!','确定',config);
}else if(this.headName==undefined||this.headName==''){
this.snackBar.open('请输入表头名称!','确定',config);
}else if(this.level==2&& (this.lieNumber==undefined||this.lieNumber=='')){
this.snackBar.open('列数不许为空,并且列数大于0!','确定',config);
}else if(this.level==2&& (this.hNumber==undefined||this.hNumber=='')){
this.snackBar.open('行数不许为空,并且行数大于0!!','确定',config);
}else if(this.level==1&& this.data.tableth.length<=0){
this.snackBar.open('列数不许为空,并且列数大于0!','确定',config);
}
else{
this.dialogRef.close(result);
}
}
}
//建筑跟消防设施添加模板数据
@Component({
selector: 'adddwsurveys',
templateUrl: './addattinf.html',
styleUrls: ['./addgroup.scss']
})
export class adddwsurveys{
constructor(private http: HttpClient,public dialogRef: MatDialogRef<adddwsurveys>,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {}
addAttinfBuild=[]
buildnewDate=[]
addAttinfFile//过滤消防设施外层数据
filenewDate=[]
facilityItems//过滤消防设施最内层数据
facilityCategoryId//消防设施内容id
zdyData//模板传过来自定义的数据
ngOnInit(): void{
this.getinf()
console.log(this.data)
}
async getinf(){
if(this.data.facilityItems==undefined){
if(this.data.element.surveyName=='建筑信息'&&this.data.element.attinf==undefined){
this.addAttinfBuild=[]
let paramsdata:any ={
categoryId:this.data.buildingID
}
this.http.get("/api/BasicGroups",{params:paramsdata}).subscribe((data:any)=>{
data.forEach(buildDate => {
this.addAttinfBuild.push(...buildDate.propertyInfos)
});
this.addAttinfBuild.forEach(element => {
element.completed=false
element.olddata=element.propertyValue
});
console.log(this.addAttinfBuild)
})
}else if(this.data.element.surveyName=='建筑信息'&&this.data.element.attinf!=undefined){
this.buildnewDate=[] //接受接口返回的新数据
this.addAttinfBuild=this.data.element.attinf.filter(item=>{
return item.zdy==undefined
}) //模板传过来的非自定义数据
this.zdyData=this.data.element.attinf.filter(item=>{
return item.zdy!=undefined
})//模板传过来自定义数据
this.addAttinfBuild=JSON.parse(JSON.stringify(this.addAttinfBuild))
console.log(this.addAttinfBuild)
let paramsdata:any ={
categoryId:this.data.buildingID
}
/* 请求接口，做差异化对比 */
let restlt=await new Promise((resolve) => {
this.http.get("/api/BasicGroups",{params:paramsdata}).subscribe((data:any)=>{
data.forEach((buildDate,buildi,buildarr) => {
this.buildnewDate.push(...buildarr[buildi].propertyInfos)
resolve(data)
});
this.buildnewDate.forEach(element => {
element.completed=false
element.olddata=element.propertyValue
});
})
})
this.buildnewDate=JSON.parse(JSON.stringify(this.buildnewDate))
//差异化比较
let temp=0
this.buildnewDate.forEach((buildval,buindi,buildarr)=>{
temp=0
this.addAttinfBuild.forEach((addval,addi,addarr)=>{
if(buildval.propertyName==addval.propertyName){
temp++
}
})
if(temp==0){
//模板数据少于接口数据
// console.log(buildval)
this.addAttinfBuild.push(buildval)
}
})
this.addAttinfBuild.forEach((addval,addi,addarr)=>{
temp=0
this.buildnewDate.forEach((buildval,buindi,buildarr)=>{
if(buildarr[buindi].propertyName==addarr[addi].propertyName){
temp++
}
})
if(temp==0){
console.log(addarr[addi])
//模板数据多了
this.addAttinfBuild.splice(addi,1)
}
})
this.addAttinfBuild.push(...this.zdyData)
console.log(this.buildnewDate)
console.log(this.addAttinfBuild)
}else if(this.data.element.surveyName=='消防设施'&&this.data.element.attinf==undefined){
this.http.get("/api/BuildingTypes").subscribe((buildData:any)=>{
console.log(buildData)
buildData.forEach(element => {
if(element.id==this.data.fid){
this.facilityCategoryId=element.facilityCategoryId
let paramsdata:any ={
categoryId:this.facilityCategoryId
}
this.http.get("/api/FacilityGroups",{params:paramsdata}).subscribe((data:any)=>{
console.log(data)
this.addAttinfFile=data
this.addAttinfFile.forEach(element => {
element.completed=false
element.value=''
});
console.log(this.addAttinfFile)
})
}
});
})
}else if(this.data.element.surveyName=='消防设施'&&this.data.element.attinf!=undefined){
this.filenewDate=[]
this.addAttinfFile=this.data.element.attinf.filter(element => {
return element.zdy==false
});
this.zdyData=this.data.element.attinf.filter(element => {
return element.zdy!=undefined
});
//this.addAttinfFile=JSON.parse(JSON.stringify(this.addAttinfFile))
console.log(this.addAttinfFile,this.zdyData)
let restlt=await new Promise((resolve) => {
this.http.get("/api/BuildingTypes").subscribe((buildData:any)=>{
buildData.forEach(async element => {
if(element.id==this.data.fid){
this.facilityCategoryId=element.facilityCategoryId
let paramsdata:any ={
categoryId:this.facilityCategoryId
}
this.http.get("/api/FacilityGroups",{params:paramsdata}).subscribe((data:any)=>{
data.forEach((buildDate,buildi,buildarr) => {
this.filenewDate.push(buildDate)
resolve(data)
});
this.filenewDate.forEach(element => {
element.completed=false
//element.olddata=element.propertyValue
});
})
}
})
})
})
this.filenewDate=JSON.parse(JSON.stringify(this.filenewDate))
console.log(this.filenewDate)
let temp=0
this.filenewDate.forEach((buildval,buindi,buildarr)=>{
temp=0
this.addAttinfFile.forEach((addval,addi,addarr)=>{
if(buildval.name==addval.name){
temp++
}
})
if(temp==0){
//console.log(buildval)
this.addAttinfFile.push(buildval)
}
})
this.addAttinfFile.forEach((addval,addi,addarr)=>{
temp=0
this.filenewDate.forEach((buildval,buindi,buildarr)=>{
if(buildval.name==addval.name){
temp++
}
})
if(temp==0){
this.addAttinfFile.splice(addi,1)
}
})
this.addAttinfFile.push(...this.zdyData)
}
}else{
//消防设施最里层数据
let apifile
this.facilityItems=this.data.facilityItems.filter(element => {
return element.zdy==undefined
});
this.zdyData=this.data.facilityItems.filter(element => {
return element.zdy!=undefined
});
this.facilityItems=JSON.parse(JSON.stringify(this.facilityItems))
console.log(this.facilityItems)
//请求接口，看数据是否有变化
let paramsdata:any ={
categoryId:this.data.fid
}
this.http.get("/api/FacilityGroups",{params:paramsdata}).subscribe((buildData:any)=>{
buildData.forEach(async element => {
if(element.id==this.data.fid){
this.facilityCategoryId=element.facilityCategoryId
let paramsdata:any ={
categoryId:this.facilityCategoryId
}
let fileResult=await new Promise((resolve) => {
this.http.get("/api/FacilityGroups",{params:paramsdata}).subscribe((data:any)=>{
resolve(data)
})
})
apifile=fileResult
let apifileData//消防设施最内层数据
apifile.forEach(element => {
if(element.name==this.data.filename){
apifileData=element.facilityItems
}
});
console.log(apifileData)
let temp=0
apifileData.forEach((buildval,buindi,buildarr)=>{
temp=0
this.facilityItems.forEach((addval,addi,addarr)=>{
if(buildval.name==addval.name){
temp++
}
})
if(temp==0){
console.log(buildval)
this.facilityItems.push(buildval)
}
})
this.facilityItems.forEach((addval,addi,addarr)=>{
temp=0
apifileData.forEach((buildval,buindi,buildarr)=>{
if(buildarr[buindi].name==addarr[addi].name){
temp++
}
if(temp==0){
console.log(addarr[addi])
this.facilityItems.splice(addi,1)
}
})
})
}
})
})
this.facilityItems.push(...this.zdyData)
}
}
//取消按钮
close(){
this.dialogRef.close(undefined);
}
//确定按钮
defineClick(){
this.dialogRef.close(this.data.element!=undefined&&this.data.element.surveyName=='建筑信息'?
this.addAttinfBuild:this.data.element!=undefined&&this.data.element.surveyName=='消防设施'?this.addAttinfFile:this.facilityItems)
}
}