ShangHaiYuan-AnXin/src/app/plan-management/open-plan/open-plan.component.ts

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';
declare var CryptoJS
@Component({
  selector: 'app-open-plan',
  templateUrl: './open-plan.component.html',
  styleUrls: ['./open-plan.component.scss']
})
export class OpenPlanComponent 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;
   //分页
  @ViewChild(MatPaginator, {static: true}) 
  pageEvent: PageEvent;
  paginator: MatPaginator;
  length:any; //共多少条数据
  pageSize:any; //每页条数
  pageSizeOptions: number[] = [10] //设置每页条数
  PageNumber:any; //第几页

  displayedColumns: string[] = ['unitname', 'planname', 'addpeople','addtime','plantype','auditStatus','openRange','projectlevel','operation'];
  
  allorganizations:any //所有组织机构
  allunittype:any //所有单位类型
  tabledataSource:any //表格数据
  preparelevels:any //编制级别
  ngOnInit(): void {
    if(window.matchMedia("(max-width: 1400px)").matches){
      this.pcMore=false
      this.padMore=true
      this.pcfind=false
      this.padjt=true
    }else{
      this.pcfind=true
      this.pcMore=true
      this.padMore=false
      this.padjt=false
    }
    this.getunitdata();
    this.getOrganizations();
    this.getUnittype();
    this.getAllPlanInfo(); //得到所有单位
    let level = sessionStorage.getItem("level");
    if(level == "0"){//如果是总队
      this.preparelevels = [
        {name:"总队",value:"1"},
        {name:"支队",value:"2"},
        {name:"大队",value:"4"},
        {name:"中队",value:"8"}
      ]
    }
    if(level == "1"){//如果是支队
      this.preparelevels = [
        {name:"支队",value:"2"},
        {name:"大队",value:"4"},
        {name:"中队",value:"8"}
      ]
    }
    if(level == "2"){//如果是大队
      this.preparelevels = [
        {name:"大队",value:"4"},
        {name:"中队",value:"8"}
      ]
    }
    if(level == "3"){//如果是中队
      this.preparelevels = [
        {name:"中队",value:"8"}
      ]
    }
  }

  pcMore//pc更多
  pcput=false//pc收起
  pcfind//pc查询
  padjt=false
  padMore=true//pad收缩控制
  padput=false//pad收起按钮
  imgsrcopen="../../../assets/images/routdown2.png"
  imgsrcdown="../../../assets/images/routup2.png"
  pcInfo(){
    this.pcMore=!this.pcMore
    this.pcput=!this.pcput
  }
  padInfo(){
    this.padMore=!this.padMore
    this.padput=!this.padput
  }

  allPlanInfo:any //存储所有预案信息
  //获得所有预案信息
  getAllPlanInfo(){
    let paramsdata:any = {
      CompanyName: this.companyName || '',
      OrganizationId:  '',
      HasChildrenOrganization:'',
      BuildingTypeId:  this.unittype || '',
      PlanType: this.reservePlanType || '',
      AuditStatus:'', //审核状态
      PlanLevel:  this.preparelevel || '',
      HasChildrenPlanLevel: this.plcheck || '',
      PageNumber: this.PageNumber || '1',
      PageSize:  this.pageSizeOptions[0],
      Sort: ''
    }
    this.http.get("/api/PublicPlans",{params:paramsdata}).subscribe((data:any)=>{
      // console.log(111,data)
      this.length = data.totalCount
      this.allPlanInfo = data
      this.tabledataSource = data.items  
    })
  }
  //得到当前单位信息
  getunitdata(){
    this.http.get("/api/Account/Profiles").subscribe(
      (data:any)=>{
      this.organizationName = data.organizationName
      }
    )
  }
  organizationName:any //当前单位组织机构名称
  treedata:any //组织机构树型数据
  newArr:any = []
  newallorganizations:any //用于存储在原始数据基础上的每个机构增加children字段
  //得到当前单位所在组织机构的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)
        }
      });
    });
    // console.log(666,this.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);
    }
    
  }
  //获得所有组织机构
  getOrganizations(){
    this.http.get('/api/Organizations').subscribe(
      (data:any)=>{
        this.allorganizations = data
        this.treedata = this.tree.toTree(data);
        this.getpresentOrganization();
      }
    )
  }

  //获得所有单位类型
  getUnittype(){
    this.http.get('/api/BuildingTypes/Simple').subscribe(
      data=>{
        this.allunittype = data
      }
    )
  }
  //跳转查看预案页面 公开预案
  routerTo(e){
    /* sessionStorage.setItem("companyName",element.companyName)
    window.open(`/planAudit/planpass?id=${element.companyId}&companyName=${element.companyName}&auditPlanId=${element.id}&auditStatus=${element.auditStatus}&type=6&planType=2`); */

    // console.log(e)
      if(e.planMode == 0||e.planMode == 1){ 
        //console.log(e.attachmentUrls)
        var index=e.attachmentUrls[0].indexOf("\/")
        if(e.attachmentUrls[0].substr(0,index)=='psw'){
          const dialogRef = this.dialog.open(GkhtmlPsViewer, {
            width: '1500px',
            height:'800px',
            data: e.attachmentUrls[0]
          });
        }
        else /* if(e.attachmentUrls[0].substr(e.attachmentUrls[0].length-4,e.attachmentUrls[0].length-1)=='docx'||e.attachmentUrls[0].substr(e.attachmentUrls[0].length-3,e.attachmentUrls[0].length)=='pdf'
        ||e.attachmentUrls[0].substr(e.attachmentUrls[0].length-3,e.attachmentUrls[0].length)=='doc'||e.attachmentUrls[0].substr(e.attachmentUrls[0].length-3,e.attachmentUrls[0].length)=='DOC'
        ||e.attachmentUrls[0].substr(e.attachmentUrls[0].length-3,e.attachmentUrls[0].length)=='txt'||e.attachmentUrls[0].substr(e.attachmentUrls[0].length-3,e.attachmentUrls[0].length)=='JPG') */{
          let filename:string
      let fetchUrl = e.attachmentUrls[0]
      let docIdWordArray = CryptoJS.enc.Utf8.parse(`PlanPlatform/` + fetchUrl);
      let docId = CryptoJS.enc.Base64.stringify(docIdWordArray);
      let jwt = sessionStorage.getItem("token");
      let rawJwt = CryptoJS.enc.Base64.parse(jwt.split('.')[1]);
      let identityJson = CryptoJS.enc.Utf8.stringify(rawJwt);
      let identityJsonparse=JSON.parse(identityJson)
      this.http.get(`/api/ObjectMetadata/PlanPlatform/${fetchUrl}`).subscribe((data:any)=>{
        filename=data.fileName 
        let json={
          doc: {
            docId: docId,
            title: filename,
            fetchUrl: `http://39.106.78.171:8000/api/Objects/PlanPlatform/`+fetchUrl,
          },
          user: {
            uid: identityJsonparse.sub,
            nickName: identityJsonparse.name,
            avatar: "",
            privilege: [
              'FILE_READ','FILE_DOWNLOAD', 'FILE_PRINT'  
            ],
          },
        }
        var stringjson=JSON.stringify(json)
        var wordArray = CryptoJS.enc.Utf8.parse(stringjson);
        var base64 = CryptoJS.enc.Base64.stringify(wordArray);
        window.open(`http://121.5.10.84/apps/editor/openPreview?data=${base64}`)
      })
        }
      }
      
      if(e.planMode == 2){  //如果是在线编辑
        let id = e.id 
        sessionStorage.setItem("planId",id)
        sessionStorage.setItem("companyId",e.companyId)
        //sessionStorage.setItem("buildingTypeId",this.unittypeId)
        sessionStorage.setItem("editable","0")
        sessionStorage.setItem("planName",e.name)
        let companyId = sessionStorage.getItem("companyId")
        window.open(`/keyUnit/viewunitinfoplan?id=${companyId}`);
      }
      if(e.planMode == 3){  //如果是跳转网页
        sessionStorage.setItem("url",e.url)
        window.open(`/planManagement/webLook`)
      }
  }
  //分页事件
  chagePage(e){
    this.PageNumber = e.pageIndex+1
    this.getAllPlanInfo();
  } 
  //辖区中队div是否显示
  isorganizationbox:boolean = false
  //点击辖区中队树，将选择的辖区中队添加到变量
  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
  }
  //查询
  onSubmit (e) {
    this.getAllPlanInfo()
  }
  companyName:any //单位名称
  js:any //所选组织机构
  jsId:any //所选组织机构的id
  // jscheck:boolean //所选组织机构勾选框
  unittype:any //单位类型
  reservePlanType:any //预案类型
  preparelevel:any //编制级别
  plcheck:boolean //编制级别勾选框
  //重置
  reset(){
    this.companyName = ''
    // this.js = ''
    // this.jsId = ''
    // this.jscheck = false
    this.unittype = ''
    this.reservePlanType = ''
    this.preparelevel = ''
    this.plcheck = false
    //重新获取初始化列表
    this.pageEvent.pageIndex = 0
    this.PageNumber = 1
    this.getAllPlanInfo();
    
  }
}

@Component({
  selector: 'PsViewer',
  templateUrl: './PsvShow.html',
  styleUrls: ['./open-plan.component.scss']
})
export class GkhtmlPsViewer{
  constructor(private router:Router,private http: HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,public dialogRef: MatDialogRef<GkhtmlPsViewer>,@Inject(MAT_DIALOG_DATA) public data: any) {}
  ngOnInit(): void {
    // console.log(this.data)
    const viewer = new Viewer({
      container: document.querySelector('#viewer'),
      panorama:'/api/Objects/PlanPlatform/'+ this.data,
      
    });
  }
}