/*
 * @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';
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
  ngOnInit(): void {
    this.planLevel = this.route.snapshot.queryParams.planCategory
    if (this.route.snapshot.queryParams.pattern == 'false') {
      this.pattern = 'look'
      this.blockyl = false
      this.clickTitleItem('单位概况')
    } else {
      this.pattern = 'edit'
    }
    this.getUnitData()
    this.getOrganizations()
    
  }
  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
  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.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=='影剧院'||this.unitData.buildingTypes[0].name=='展览建筑'||this.unitData.buildingTypes[0].name=='养老院'
          ||this.unitData.buildingTypes[0].name=='会议中心')&&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))
    //console.log(this.buData)
    this.buData.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[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[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
  //获得所有建筑信息
  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])
            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}?x-oss-process=image/resize,m_fill,h_100,w_100` //处理图片URL地址
            item.nameStart = item.name.substring(0, item.name.lastIndexOf(".")); //图片名称前缀
            item.nameEnd = item.name.substring(item.name.lastIndexOf("."), item.name.length); //图片名称后缀
            resolve(data)
          });
        })
      })
    }

  }



  planTemplateData: any
  //获得模板信息
  getTemplateData() {
    this.http.get(`/api/PlanComponents/${this.route.snapshot.queryParams.planId}/WebText`).subscribe((data: any) => {
      //console.log('预案内容', data)
      this.planTemplateData = JSON.parse(data.webTextData).filter(item =>
        item.completed == true
      )
      //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('单位概况')
        }
      });
      if(this.planLevel=='4'){
        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[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 == '建筑信息'){
            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(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({ propertyName: '', 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('')
      }
    }
    }
    //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;
    } */

    $(".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.iftrue=true
    const config = new MatSnackBarConfig();
    config.verticalPosition = 'top';
    config.duration = 3000
    let formData = new FormData()
    formData.append("file", e.target.files[0])
    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:5
    let fileData={
      type:this.unitData.buildingTypes[0].name=='高层建筑'?1:2,
      file:formData
    }
    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 => {
              element.imgArr[0]=element.imgArr[0].slice(25,element.imgArr[0].length)
            });
          }
          this.planTemplateData.forEach((pvalue,pindex,parr) => {
            if(parr[1].building==undefined){
              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)
    });
  }
}



//查看预案
@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{
      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)
  }
  level//类型
  headName=this.data.headName//表头名称
  lieNumber=this.data.zdy!=undefined?0:this.data.lieNumber//最小列数
  hNumber=this.data.zdy!=undefined?0:this.data.hNumber//行数
  //取消按钮
  close(){
  this.dialogRef.close();
  }
  //确定按钮
  newdisaster(){
    console.log(this.data)
    let result={
      lieNumber:this.level==2? this.data.tableth[0].length:this.data.tableth.length,
      hNumber:this.data.tableth.length
    }
    this.dialogRef.close(result);
  }
}