import { Component, OnInit, ViewChild, Inject } from '@angular/core';
import { HttpClient } from '@angular/common/http'
import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
import { MatPaginator } from '@angular/material/paginator';
import { FlatTreeControl } from '@angular/cdk/tree';
import { FormControl } from '@angular/forms';
import { Router, ActivatedRoute } from '@angular/router'
import { PageEvent } from '@angular/material/paginator';
import { MatDialogRef, MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
import { TreeService } from '../../http-interceptors/tree.service'
import { Viewer } from 'photo-sphere-viewer';
import { timeStamp } from 'console';

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

  constructor(private http: HttpClient, private router: Router, private route: ActivatedRoute, private tree: TreeService, public dialog: MatDialog, public snackBar: MatSnackBar) { }




  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;



  displayedColumns: string[] = ['组织名称', '总数'];//, 'addtime', 'plantype', 'auditStatus', 'openRange', 'projectlevel', 'operation'
  yuanColumns: string[] = ['组织名称', '总数'];


  tabledataSource = [] //单位表格数据
  yuanTable = []//预案表格数据
  excelData: any
  findTj = 0//查询条件




  allPlanInfo: any //存储所有预案信息
  lable = ['单位查询', '预案查询']
  selected = new FormControl(0); //选项卡实例
  //判断选了哪一个
  selectedIndexChange(e) {
    this.orRecord = []
    this.selected.setValue(e)
    this.preparelevels = Number(e)

    if (this.preparelevels == 0) {
      this.js = this.organizationName
      this.jsId = this.organizationId
      this.jscheck = true
      this.unittype = []
      this.allunittype.forEach(element => {
        this.unittype.push(element.id)
      });
      this.preparelevel = [1]
      this.dwaddtime = '2020-01-01'//单位查询开始时间
      this.dwendtime = this.getNowFormatDate()//单位结束时间
    } else if (this.preparelevels == 1) {
      this.yuanjs = this.organizationName
      this.yuanjsId = this.organizationId
      this.yuanaddtime = '2020-01-01'//预案查询开始时间
      this.yuanendtime = this.getNowFormatDate()//预案查询结束时间
      this.yuanjscheck = true
      this.reservePlanType = ['1', '2', '4', '16']
      this.planCategory = ['1', '2', '3', '4', '5']
    }
    this.getAllPlanInfo()
  }



  getNowFormatDate() {
    var date = new Date();
    var seperator1 = "-";
    var year = date.getFullYear();
    var month: any = date.getMonth() + 1;
    var strDate: any = date.getDate();
    if (month >= 1 && month <= 9) {
      month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
      strDate = "0" + strDate;
    }
    var currentdate = year + seperator1 + month + seperator1 + strDate;
    return currentdate;
  }

  async ngOnInit(): Promise<void> {
    await this.getunitdata();
    await this.getOrganizations();
    await this.getUnittype();

    this.jscheck = true
    this.yuanjscheck = true
    this.dwaddtime = '2020-01-01'//单位查询开始时间
    this.dwendtime = this.getNowFormatDate()//单位结束时间
    this.yuanaddtime = '2020-01-01'//预案查询开始时间
    this.yuanendtime = this.getNowFormatDate()//预案查询结束时间
    this.reservePlanType = ['1', '2', '4', '16']
    this.planCategory = ['1', '2', '3', '4', '5']
    this.getAllPlanInfo();
  }


  //得到当前单位信息
  organizationName: any //当前单位组织机构名称
  organizationId: any //当前单位组织机构id
  async getunitdata() {
    await new Promise<void>((resolve, reject) => {
      this.http.get("/api/Account/Profiles").subscribe(
        (data: any) => {
          console.log('当前登陆用户信息', data)
          resolve(data)
          this.organizationName = data.organizationName
          this.organizationId = data.organizationId
        }
      )
    })
  }

  //获得所有组织机构
  allorganizations: any //所有组织机构
  treedata: any //组织机构树型数据
  newallorganizations: any //用于存储在原始数据基础上的每个机构增加children字段
  async getOrganizations() {
    await new Promise<void>((resolve, reject) => {
      this.http.get('/api/Organizations').subscribe(
        (data: any) => {
          this.allorganizations = data
          this.treedata = this.tree.toTree(data);
          this.getpresentOrganization();
          resolve(data)
        }
      )
    })
  }
  //得到当前单位所在组织机构的tree型数据
  getpresentOrganization() {
    this.newallorganizations = this.allorganizations
    this.newallorganizations.forEach(item => {
      item.children = []
      this.newallorganizations.forEach(element => {
        if (element.parentId == item.id) {
          item.children.push(element)
        }
      });
    });
    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.js = this.organizationName
    this.jsId = this.organizationId
    this.yuanjs = this.organizationName
    this.yuanjsId = this.organizationId
  }

  //获得所有单位类型
  allunittype: any //所有单位类型
  async getUnittype() {
    await new Promise<void>((resolve, reject) => {
      this.http.get('/api/BuildingTypes/Simple').subscribe(
        (data: any) => {
          this.allunittype = data
          console.log('单位类型', data)
          this.allunittype.forEach(element => {
            this.unittype.push(element.id)
          });
          resolve(data)
        }
      )
    })

  }

  //获得所有预案或单位信息
  tableDataNull = false
  preparelevels: Number = 0
  companyName: any //单位名称

  js: any //单位所选组织机构
  jsId: any //单位所选组织机构的id
  jscheck: boolean //单位所选组织机构勾选框
  yuanjs: any //预案所选组织机构
  yuanjsId: any //预案所选组织机构的id
  yuanjscheck: boolean //预案所选组织机构勾选框

  dwaddtime//单位查询开始时间
  dwendtime//单位结束时间
  yuanaddtime//预案查询开始时间
  yuanendtime//预案查询结束时间

  unittype = [] //单位类型
  reservePlanType = [] //预案类型
  preparelevel = [1] //单位状态
  plcheck: boolean //编制级别勾选框
  planCategory = [] //预案级别
  integritySort = 1 //单位排序字段
  yuanintegritySort = 1 //预案排序字段
  isMasklayer = false
  async getAllPlanInfo() {
    let paramsdata: any = {
      QueryMode: this.preparelevels,
      OrganizationId: this.jsId || '',
      HasChildren: this.jscheck || '',
      TimeIntervalStart: this.dwaddtime || '',
      TimeIntervalEnd: this.dwendtime || '',
      BuildingTypeIds: this.unittype || [],
      CompanyStatuses: this.preparelevel || [],
      SortBy: 'totalCount',
      SortType: this.integritySort
    }
    let yuandata = {
      QueryMode: this.preparelevels,
      OrganizationId: this.yuanjsId || '',
      HasChildren: this.yuanjscheck || '',
      TimeIntervalStart: this.yuanaddtime || '',
      TimeIntervalEnd: this.yuanendtime || '',
      PlanCategories: this.planCategory || [],
      PlanTypes: this.reservePlanType || [],
      SortBy: 'totalCount',
      SortType: this.yuanintegritySort
    }
    // console.log(666, paramsdata)
    this.isMasklayer = true
    let result = await new Promise((resolve, reject) => {
      this.http.get("/api/StatisticsAnalysis/ReportTable", { params: this.preparelevels == 0 ? paramsdata : yuandata }).subscribe((data: any) => {
        console.log('接口数据', data)
        this.excelData = data
        if (data.length == 0) {
          this.tableDataNull = true
        } else {
          this.tableDataNull = false
          if (this.preparelevels == 0) {
            //单位查询
            if (this.preparelevel.length == 0) {
              //必须选择单位状态
              let config = new MatSnackBarConfig();
              config.verticalPosition = 'top';
              config.duration = 3000
              this.snackBar.open('请选择单位状态', '确定', config);
            } else {
              this.tabledataSource = []
              this.displayedColumns = ['组织名称', '总数']
              data.forEach((element, i, value) => {
                this.tabledataSource.push({ name: [element.orgName, element.companyStatistics.totalCount] })
                if (value[0].companyStatistics.buildingTypesCounts != null) {
                  value[i].companyStatistics.buildingTypesCounts.forEach((build, bi, bvalue) => {
                    if (i == 0) {
                      this.displayedColumns.push(value[0].companyStatistics.buildingTypesCounts[bi].buildingTypeName)
                      this.tabledataSource[0].name.push(value[0].companyStatistics.buildingTypesCounts[bi].count)
                    } else {
                      this.tabledataSource[i].name.push(bvalue[bi].count)
                    }
                    /* this.tabledataSource.forEach((td,ti,tval)=>{
                      tval[ti].name.push(item.count)
                    }) */
                  });

                }
              });
            }
          }
          else if (this.preparelevels == 1) {
            //预案查询
            this.yuanColumns = ['组织名称', '总数']
            this.yuanTable = [{ name: [0, 0] }]
            if (this.planCategory.length != 0) {
              this.planCategory.forEach(element => {
                if (element == 1) {
                  this.yuanColumns.push('Ⅰ级')
                  this.yuanTable[0].name.push(0)
                } else if (element == 2) {
                  this.yuanColumns.push('Ⅱ级')
                  this.yuanTable[0].name.push(0)
                } else if (element == 3) {
                  this.yuanColumns.push('Ⅲ级')
                  this.yuanTable[0].name.push(0)
                } else if (element == 4) {
                  this.yuanColumns.push('Ⅳ级')
                  this.yuanTable[0].name.push(0)
                } else if (element == 5) {
                  this.yuanColumns.push('Ⅴ级')
                  this.yuanTable[0].name.push(0)
                }
              })
            }
            if (this.reservePlanType.length != 0) {
              this.reservePlanType.forEach(element => {
                if (element == 1) {
                  this.yuanColumns.push('二维')
                  this.yuanTable[0].name.push(0)
                } else if (element == 2) {
                  this.yuanColumns.push('三维')
                  this.yuanTable[0].name.push(0)
                } else if (element == 4) {
                  this.yuanColumns.push('其他')
                  this.yuanTable[0].name.push(0)
                } else if (element == 16) {
                  this.yuanColumns.push('文本')
                  this.yuanTable[0].name.push(0)
                }
              });
            }

            data.forEach((element, i, value) => {
              if (i == 0) {
                this.yuanTable[0].name[0] = value[0].orgName
                this.yuanTable[0].name[1] = value[0].planStatistics.totalCount
              } else {
                this.yuanTable.push({ name: [value[i].orgName, value[i].planStatistics.totalCount] })
              }
            });
            this.yuanTable.forEach((element, i, value) => {
              if (i > 0) {
                for (let a = value[i].name.length; a < value[0].name.length; a++) {
                  value[i].name.push(0)
                }
              }
            })
            this.yuanTable.forEach((yuan, yuani, yuanval) => {
              this.yuanColumns.forEach((th, thi, thvalu) => {
                data.forEach((element, i, value) => {
                  //预案级别数据
                  if (value[i].planStatistics.planCategoryStatistics != null) {
                    value[i].planStatistics.planCategoryStatistics.planCategories.forEach((jibie, ji, jval) => {
                      if (thvalu[thi].indexOf(jval[ji].planCategoryName) != -1 && yuani == i) {
                        yuanval[yuani].name[thi] = jval[ji].count
                      }
                    });
                  }
                  if (value[i].planStatistics.planTypeStatistics != null) {
                    //预案类型数据
                    value[i].planStatistics.planTypeStatistics.planTypes.forEach((planlx, lxi, lxval) => {
                      if (thvalu[thi].indexOf(lxval[lxi].planTypeName) != -1 && yuani == i) {
                        yuanval[yuani].name[thi] = lxval[lxi].count
                      }
                    });
                  }

                });
              })

            })
          }
        }
        // console.log(this.yuanColumns)
        // console.log(this.yuanTable)
        this.isMasklayer = false
        resolve(this.excelData)
      }
      )
    })

  }





  integrityScoreMin//完整度最小值
  integrityScoreMax//完整度最大值


  newArr: any = []




  //辖区中队div是否显示
  isorganizationbox: boolean = false
  //点击辖区中队树，将选择的辖区中队添加到变量
  add(node) {
    this.isorganizationbox = false
    if (this.preparelevels == 0) {
      this.js = node.name
      this.jsId = node.id
    } else if (this.preparelevels == 1) {
      this.yuanjs = node.name
      this.yuanjsId = node.id
    }

  }
  //关闭辖区中队隐藏框
  closeorganizationbox() {
    this.isorganizationbox = false
  }
  //打开辖区中队隐藏框
  openorganizationbox() {
    this.isorganizationbox = true
  }
  //关闭出现的组织机构div
  closediv() {
    this.isorganizationbox = false
  }



  //查询
  onSubmit(e) {
    let config = new MatSnackBarConfig();
    config.verticalPosition = 'top';
    config.duration = 3000
    if (this.dwendtime < this.dwaddtime || this.yuanaddtime > this.yuanendtime) {
      this.snackBar.open('开始时间不能早于结束时间', '确定', config);
    }
    this.getAllPlanInfo();
  }

  //重置
  reset() {
    this.orRecord = []
    if (this.preparelevels == 0) {
      this.js = this.organizationName
      this.jsId = this.organizationId
      this.jscheck = true
      this.unittype = []
      this.allunittype.forEach(element => {
        this.unittype.push(element.id)
      });
      this.preparelevel = [1]
      this.dwaddtime = '2020-01-01'//单位查询开始时间
      this.dwendtime = this.getNowFormatDate()//单位结束时间
    } else if (this.preparelevels == 1) {
      this.yuanjs = this.organizationName
      this.yuanjsId = this.organizationId
      this.yuanaddtime = '2020-01-01'//预案查询开始时间
      this.yuanendtime = this.getNowFormatDate()//预案查询结束时间
      this.yuanjscheck = true
      this.reservePlanType = ['1', '2', '4', '16']
      this.planCategory = ['1', '2', '3', '4', '5']
    }
    //重新获取初始化列表
    this.getAllPlanInfo();
  }

  orRecord = []
  //进入下一层
  clicktd(key, element) {
    let config = new MatSnackBarConfig();
    config.verticalPosition = 'top';
    config.duration = 3000
    if (key == 0) {
      let clickOr
      this.allorganizations.forEach(item => {
        if (element === item.name) {
          clickOr = item
        }
      });
      // console.log(clickOr)
      if (this.preparelevels == 0) {
        if (element == this.js) {
          this.snackBar.open('已在当前查询的消防救援站下,无法下钻', '确定', config);
          return
        }
      } else if (this.preparelevels == 1) {
        if (element == this.yuanjs) {
          this.snackBar.open('已在当前查询的消防救援站下,无法下钻', '确定', config);
          return
        }
      }
      if (clickOr.children.length == 0 && this.excelData.length == 1) {
        this.snackBar.open('无下级消防救援站,无法下钻', '确定', config);
        return
      }

      //记录点击过的消防救援站
      this.orRecord.push({ name: this.js, id: this.jsId })


      if (this.preparelevels == 0) {
        this.js = element
        this.jsId = clickOr.id
      } else if (this.preparelevels == 1) {
        this.yuanjs = element
        this.yuanjsId = clickOr.id
      }
      console.log(this.orRecord)
      this.getAllPlanInfo();
    }



  }

  goBack() {
    if (this.preparelevels == 0) {
      this.js = this.orRecord[this.orRecord.length - 1].name
      this.jsId = this.orRecord[this.orRecord.length - 1].id
    } else if (this.preparelevels == 1) {
      this.yuanjs = this.orRecord[this.orRecord.length - 1].name
      this.yuanjsId = this.orRecord[this.orRecord.length - 1].id
    }
    this.orRecord.pop();
    console.log(this.orRecord)
    this.getAllPlanInfo();
  }

  exal() {
    var uri = 'data:application/vnd.ms-excel;base64,',

      template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>',

      base64 = function (s) {

        return window.btoa(unescape(encodeURIComponent(s)))

      },

      format = function (s, c) {

        return s.replace(/{(\w+)}/g, function (m, p) {

          return c[p];

        })

      }

    return function (table, name) {

      if (!table.nodeType) table = document.getElementById(table);

      var ctx = {

        worksheet: name || 'Worksheet',

        table: table.innerHTML

      };

      window.location.href = uri + base64(format(template, ctx));

    }
  }

  export() {
    const httpOptions = {
      responseType: 'blob' as 'json'
    };
    this.http.post(`/api/StatisticsAnalysis/Excel?queryMode=${this.preparelevels}`, this.excelData, httpOptions).subscribe((data: any) => {
      // // 文件名中有中文 则对文件名进行转码
      const link = document.createElement('a');
      const blob = new Blob([data], { type: 'application/vnd.ms-excel' });
      link.setAttribute('href', window.URL.createObjectURL(blob));
      link.setAttribute('download', '报表统计' + '.xls');
      link.style.visibility = 'hidden';
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    })
  }



}