Sinopec-Anxin/src/app/pages/left-domain/left-domain.component.ts

import { Component, OnInit, ViewChild } from '@angular/core';
import { NzTreeComponent, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
import { FacilityInfoInSceneWindow } from 'src/app/babylon/view/facilityinfoinscene-window/facilityinfoinscene-window';
import { PlanComponent } from '../plan/plan.component';
import { FacilityInfoUIItem } from "../../babylon/view/facilityinfoinscene-window/facilityinfo-ui-item";
import { ConfigManager } from 'src/app/babylon/controller/config-manager';

@Component({
  selector: 'app-left-domain',
  templateUrl: './left-domain.component.html',
  styleUrls: ['./left-domain.component.scss']
})
export class LeftDomainComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
    this.initComponent()
  }

  beforeFence: number; //当前选中功能栏
  FacilityList: FacilityInfoUIItem[] = []; //统计设备 list
  @ViewChild('nzTreeComponent', { static: false }) nzTreeComponent!: NzTreeComponent;
  treeData: NzTreeNodeOptions[] = []; //tree data

  //初始化组件
  initComponent(type?: number) {
    if (type != undefined && type != null) {
      this.beforeFence = type
      this.handleFacility()
    } else {
      this.beforeFence = PlanComponent.instance.selectFence
      this.handleFacility()
    }
  }

  //处理 设备data
  handleFacility() {
    let list: FacilityInfoUIItem[] = []
    FacilityInfoInSceneWindow.instance.facilityInfoUIItemes.forEach(item=>{
      if (this.beforeFence === 3) { //消防设施
        (item.getType()).slice(0,3) === "XF_"? list.push(item) : null
      }
    })
    this.FacilityList = list
    if (this.beforeFence === 3) { //消防设施
      this.handleTreeData(this.FacilityList)
    }
  }

  //处理 treeData
  handleTreeData(list: FacilityInfoUIItem[]) {
    this.treeData = []
    list.forEach(item=>{
      let isFind = this.treeData.find(element=>{ return (item.getType()).includes(element.key) })
      if (!isFind) { //不存在
        if (item.getType().includes('XF_MHQ')) { //灭火器
          let primaryNode = { title: '灭火器', key: 'XF_MHQ', selectable: false, children: [], }
          let treeNode = { title: ConfigManager.getFacilityTypeName(item.getType()), key: item.getType(), selectable: false, }
          primaryNode.children.push(treeNode)
          this.treeData.push(primaryNode)
        } else {
          let primaryNode = { title: ConfigManager.getFacilityTypeName(item.getType()), key: item.getType(), selectable: false, }
          this.treeData.push(primaryNode)
        }
      } else { //存在
        if (item.getType().includes('XF_MHQ') && !isFind.children.find(elements=>{ return elements.key === item.getType() })) { //灭火器
          let treeNode = { title: ConfigManager.getFacilityTypeName(item.getType()), key: item.getType(), selectable: false, }
          isFind.children.push(treeNode)
        }
      }
    })
  }

  //获取设备 数量
  getFacilityNum(type: string): number {
    let num = 0
    this.FacilityList.forEach(item=>{
      item.getType().includes(type)? num = num + 1 : null
    })
    return num
  }

  //编辑信息
  editInfo() {

  }

  //导出Excel
  deriveExcel() {

  }



}

export class treeData {
  static nodes: NzTreeNodeOptions[] = [
    {
      title: '灭火器',
      key: '1',
      selectable: false,
      children: [
        { title: '4KG手提干粉灭火器', key: '1', selectable: false, },
        { title: '4KG手提泡沫灭火器', key: '2', selectable: false, },
        { title: '4KG手提二氧化碳灭火器', key: '3', selectable: false, },
        { title: '35KG手推灭火器', key: '4', selectable: false, },
      ]
    },
    {
      title: '灭火毯',
      key: '2',
      selectable: false,
      children: []
    },
    {
      title: '消防锹',
      key: '3',
      selectable: false,
      children: []
    },
  ];
}