/*
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-12-25 16:13:50
 * @LastEditors: sueRimn
 * @LastEditTime: 2021-02-05 09:46:54
 */
import { Component, Inject, OnInit } from '@angular/core';
import { FormControl } from '@angular/forms';
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
import { HttpClient } from '@angular/common/http'
declare var CryptoJS
import { DomSanitizer } from '@angular/platform-browser';
import { Viewer } from 'photo-sphere-viewer';
declare var echarts: any;

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

  constructor(private http:HttpClient,public snackBar: MatSnackBar,private sanitizer: DomSanitizer,public dialog: MatDialog) {
    
   }

  ngOnInit(): void {
    let level = sessionStorage.getItem("level");
    if(level == "0"){//如果是总队
      this.preparelevels = [
        {name:"总队",value:"1"},
        {name:"支队",value:"2"},
        {name:"大队",value:"4"},
        {name:"中队",value:"8"}
      ]
      this.PlanLevel=0
    }
    if(level == "1"){//如果是支队
      this.preparelevels = [
        {name:"支队",value:"1"},
        {name:"大队",value:"2"},
        {name:"中队",value:"3"}
      ]
      this.PlanLevel=1
    }
    if(level == "2"){//如果是大队
      this.preparelevels = [
        {name:"大队",value:"4"},
        {name:"中队",value:"8"}
      ]
      this.PlanLevel=2
    }
    if(level == "3"){//如果是中队
      this.preparelevels = [
        {name:"中队",value:"8"}
      ]
      this.PlanLevel=3
    }
    var scrollflaga = true;
    var win=document.getElementById('tbodydiv')
    /* window.setTimeout(()=>{
      var a = document.getElementById("table").offsetTop; 
      window.onscroll=function(){
        if(scrollflaga){
          if(a>=win.scrollTop&&a<(win.scrollTop+win.offsetHeight)){
            scrollflaga=false
            this.getAlltabledate()  
          }
        }
      }
    }) */
    
    this.getAlltabledate()  
    this.iframeSrc=this.sanitizer.bypassSecurityTrustResourceUrl(this.src);
  }
  ngOnDestroy () {
    /* this.indexbar.clear()
    this.indexbar.dispose() */
  }

  iframeSrc
  src=''

  preparelevels:any
  selected = new FormControl(0); //选项卡 实例
  level=''//操作类型
  js//组织机构
  addtime//时间
  projectlevel//预案级别
  previewshow=false//预览得分是否显示
  tableDate
  isallDate=true//是否显示完成数据，默认显示
  companyBuiltInGrouping=["基本信息","四周毗邻","消防设施"]
  indexbar //饼状图实例
  indexzhu
  PlanLevel//编制级别
  count//一共多少条
  checked//是否选中
  chuorzhong//判断初审还是终审
  radioid//选中的id
  shenheTable=[]//选中要审核的对象
  showtype//0:word,1:全景图，2:二维三维，3:重点单位
  compantData={name:'',buildingTypes:[],address:''}
  organizationName
  planData
  id
  companyId
  fetchUrl
  companyName

  //获取表格数据
  getAlltabledate(){
    
    let paramsdata:any = {
      Operation:this.level||[],
      ContentType:Number(this.projectlevel)||[],
      Level:this.PlanLevel||[],
      verifyState:[0,3]
    }
    this.http.get("/api/ContentVerifies",{params:paramsdata}).subscribe((data:any)=>{
      //console.log(data)
      this.tableDate=data.items
      this.count=data.totalCount
    })
  }
  //提交查询
  onSubmit(value){
    //console.log(value)
    this.getAlltabledate()
  }
  //刷新
  record(){
    this.level=''
    this.projectlevel=''
    let level = sessionStorage.getItem("level");
    if(level == "0"){//如果是总队
      this.PlanLevel=0
    }
    if(level == "1"){//如果是支队
      this.PlanLevel=1
    }
    if(level == "2"){//如果是大队
      this.PlanLevel=2
    }
    if(level == "3"){//如果是中队
      this.PlanLevel=3
    }
    this.getAlltabledate()
  }
  //radio点击事件
  radioClick(e,item){
    //e.target.parentElement.bgColor='#2196F3'
    console.log(e,item)
    this.id=item.id
    this.fetchUrl=''
    
    this.http.get(`/api/PlanComponents/${item.itemId}`).subscribe((data:any)=>{
      this.companyId=data.companyId
      this.companyName=data.companyName
      if(data.planType!=2&&data.planType!=1){
        this.fetchUrl=data.attachmentUrls[0]
        var index=this.fetchUrl.indexOf("\/")
        if(this.fetchUrl.substr(0,index)=='psw'){
          this.showtype=1
          window.setTimeout(()=>{
            const viewer = new Viewer({
              container: document.querySelector('#viewer'),
              panorama:'/api/Objects/PlanPlatform/'+ this.fetchUrl,
              
            });
          })
          
        }else{
          this.lookWord()
        }
      }else{
        this.organizationName=item.organizationName
        this.getPlanData()
        //this.src=`/planAudit/planpass?id=${data.companyId}&companyName=${data.companyName}&auditPlanId=${data.id}&auditStatus=${data.auditStatus}&planType=1`
        //this.iframeSrc=this.sanitizer.bypassSecurityTrustResourceUrl(this.src);
        //window.open(`/planAudit/planpass?id=${data.companyId}&companyName=${data.companyName}&auditPlanId=${data.id}&auditStatus=${data.auditStatus}&planType=1`)
      }
      
      
     })
      
    if(e.checked){
      this.shenheTable.push(item)
    }
    else{
      for(var i=0;i<this.shenheTable.length;i++ ){
        if(this.shenheTable[i].id==item.id){
          this.shenheTable.splice(i,1)
        }
      }
    }
    /* this.chuorzhong=item.verifyState
    this.radioid=item.itemId */
  }

  //毕升
  lookWord(){
    this.showtype=0
    let filename:string
          this.http.get(`/api/ObjectMetadata/PlanPlatform/${this.fetchUrl}`).subscribe((data:any)=>{
            filename=data.fileName 
            let json={
             doc: {
                docId: this.id, 
                title: filename,
               //title: filename,
                fetchUrl: `http://${location.host}/api/Objects/PlanPlatform/`+this.fetchUrl
             },
             user: {
                uid: "test",
                nickName: "test",
                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);
           this.src=`http://121.5.10.84/apps/editor/openPreview?data=${base64}`
           this.iframeSrc=this.sanitizer.bypassSecurityTrustResourceUrl(this.src);
           //window.open(`http://121.5.10.84/apps/editor/openPreview?data=${base64}`)
           })
  }
  getPlanData () {
    let header = { 
      CompanyName: this.companyName || '',
      //AuditStatus: this.id || '',
      PageSize: '100',
    }
    console.log(header)
    this.http.get('/api/PlanAudits',{params:header}).subscribe((data:any)=>{
      data.items.forEach(element => {
        /* if (element.id===this.id) {
           
        } */
        this.planData = element
          this.organizationName = element.committerOrganizationName
          this.handleData()
          return
      });
    })
  }

  //查看二维三维预案
  thirdPartyURL
  planType
  handleData () {
    this.planType = this.planData.planMode
    let data = this.planData
    console.log(this.planData)
    if (this.planData.planMode==0) { //预案planMode=0时, 查看word
      //this.lookWord()
    } else if (this.planData.planMode==1) { //预案planMode=1时, 解析文档

    } else if (this.planData.planMode==2) { //预案planMode=2时, 跳查看页面组件
      sessionStorage.setItem("buildingTypeId", this.compantData.buildingTypes.length? this.compantData.buildingTypes[0].id: undefined);
      sessionStorage.setItem("companyId",this.companyId);
      sessionStorage.setItem("planId",this.id);
      sessionStorage.setItem("editable",'0');
    } else if (this.planData.planMode==3) { //预案planMode=3时, 第三方网址
      this.showtype=2
      this.http.get(`/api/Plans/${data.companyId}`).subscribe((data:any)=>{
        data && data.company? this.compantData = data.company : null
      })
      //this.dialog.open(show3D,{width:'1350px',height:'700px',data:{url:data.url}}); //打开图片弹窗
      this.thirdPartyURL = this.sanitizer.bypassSecurityTrustResourceUrl(data.url)
    }

  }

  //打开三维预案弹窗
  oopen3Dshow(){
    this.dialog.open(show3D,{width:'1550px',height:'850px',data:{url:this.thirdPartyURL}});
  }
  //变更数据和全部数据切换按钮
  buttonChange(){
    this.isallDate=!this.isallDate
    this.previewshow=false
  }
  //同意操作
  agree(){
    var agreeList=[]
    const config = new MatSnackBarConfig();
      config.verticalPosition = 'top';
      config.duration = 3000
      /* if(this.chuorzhong==2){
        this.snackBar.open('审核未通过，请修改后再来审核!','确定',config);
      } */
      //console.log(this.shenheTable)
      if(this.shenheTable.length==0){
        this.snackBar.open('请选择要审核的预案!','确定',config);
      }
      else if(this.shenheTable.length==1){
        if(this.shenheTable[0].verifyState==0){
          this.http.put(`/api/PlanAudits/${this.shenheTable[0].itemId}/First`,{auditStatus:16}).subscribe(data=>{
            this.snackBar.open('操作成功!','确定',config);
            this.getAlltabledate()
          })
        }else if(this.shenheTable[0].verifyState==3){
          this.http.put(`/api/PlanAudits/${this.radioid}`,{auditStatus:2}).subscribe(data=>{
            this.snackBar.open('操作成功!','确定',config);
            this.getAlltabledate()
          })
        }
      }
      else{
        for(var i=0;i<this.shenheTable.length;i++){
          var cart={
            planComponentId:this.shenheTable[i].itemId,
            auditStatus:this.shenheTable[i].verifyState==3?2:16,
            auditOpinion:''
          }
          agreeList.push(cart)
        }
        this.http.put(`/api/PlanAudits/Batch`,agreeList).subscribe(data=>{
          this.snackBar.open('操作成功!','确定',config);
          this.getAlltabledate()
        })
      }
      this.shenheTable=[]
 }
 //拒绝操作
 refuse(){
  const config = new MatSnackBarConfig();
  config.verticalPosition = 'top';
  config.duration = 3000
  var refuseList=[]
  if(this.shenheTable.length==0){
    this.snackBar.open('请选择要审核的预案!','确定',config);
  }
  else if(this.shenheTable.length==1){
    if(this.shenheTable[0].verifyState==0){
      this.http.put(`/api/PlanAudits/${this.shenheTable[0].itemId}/First`,{auditStatus:32}).subscribe(data=>{
        this.snackBar.open('操作成功!','确定',config);
        this.getAlltabledate()
      })
    }else if(this.shenheTable[0].verifyState==3){
      this.http.put(`/api/PlanAudits/${this.radioid}`,{auditStatus:4}).subscribe(data=>{
        this.snackBar.open('操作成功!','确定',config);
        this.getAlltabledate()
      })
    }
  }
  else{
    for(var i=0;i<this.shenheTable.length;i++){
      var cart={
        planComponentId:this.shenheTable[i].itemId,
        auditStatus:this.shenheTable[i].verifyState==3?4:32,
        auditOpinion:''
      }
      refuseList.push(cart)
    }
    this.http.put(`/api/PlanAudits/Batch`,refuseList).subscribe(data=>{
      this.snackBar.open('操作成功!','确定',config);
      this.getAlltabledate()
    })
  }
  this.shenheTable=[]
  

 }

  //分数饼状图
  bar(){
    var ec = echarts as any;
    this.indexbar=ec.init(document.getElementById('indexbar'),'light');
    var option = {
      tooltip: {
          trigger: 'item',
          formatter: '{a} <br/>{b}: {c} ({d}%)'
      },
      title: {
        text: '总分',
        left: 'center',
        bottom:70,
        textStyle:{
          color:'#FFFFFF',
          fontSize:16
        }
    },
      series: [
          {
              name: '分数',
              type: 'pie',
              radius: ['50%', '70%'],
              bottom:50,
              avoidLabelOverlap: false,
              label: {
                  show: true,
                  position: 'center',
                  fontSize:16,
                  color:'#FFFFFF'
              },
              
              labelLine: {
                  show: false
              },
              data: [
                  {value: 93, name: '93分', itemStyle:{color:'#2196F3'}},
                  {value:7, itemStyle:{color:'#FFFFFF'}}
              ]
          }
      ]
  };
  this.indexbar.setOption(option);
  }
  //分数柱状图
  zhu(){
    var ec = echarts as any;
    this.indexzhu=ec.init(document.getElementById('zhu'),'light');
    var option={
      grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'value',
        show:false,
        axisLine:{
          show:false
        },
        splitLine:{
          show:false
        },
        axisTick:{
          show:false
        },
    },
    yAxis: {
        type: 'category',
        axisTick:{
          show:false
        },
        axisLine:{
          show:false
        },
        axisLabel:{
          color:"#FFFFFF",
          fontSize:16
        },
        data: ['实战演练记录', '六熟悉记录', '上传CAD', '实景图', '功能分区', '重点单位', '消防设施','四周毗邻','基本信息']
    },
    series: [
        {
          
            type: 'bar',
            stack: '总量',
            showBackground: true,
            backgroundStyle: {
              color: '#FFFFFF'
             },
            label: {
                show: true,
                position: 'inside',
                fontSize:14,
                formatter: '{c}分'
            },
            data: [
              {value:18, itemStyle:{color:'#58D091'}},
              {value:16, itemStyle:{color:'#58D091'}},
              {value:19, itemStyle:{color:'#58D091'}},
              {value:16, itemStyle:{color:'#58D091'}},
              {value:16, itemStyle:{color:'#58D091'}},
              {value:13, itemStyle:{color:'#FFCC00'}},
              {value:6, itemStyle:{color:'#FF4D4D'}},
              {value:19, itemStyle:{color:'#58D091'}},
              {value:16, itemStyle:{color:'#58D091'}},
            ]
        },
        {
           
            type: 'bar',
            stack: '总量',
            label: {
                show: false,
                position: 'insideRight'
            },
            data: [2, 4, 1, 4, 4, 7, 14,1,4],
            itemStyle:{
              color:"#FFFFFF",
            },
        },
        
    ]
    }
    this.indexzhu.setOption(option);
  }
  preview(){
    this.previewshow=!this.previewshow
    if(this.previewshow){
      window.setTimeout(()=>{
        this.bar()
        this.zhu()
      },0)
    }
  }

}

@Component({
  selector: 'app-wait-examineer-show3D',
  templateUrl: './show3D.html',
  styleUrls: ['./wait-examineer.component.scss']
})
export class show3D{
  constructor(private sanitizer: DomSanitizer,public dialogRef: MatDialogRef<show3D>,@Inject(MAT_DIALOG_DATA) public data,public dialog: MatDialog) {}
  ngOnInit(): void {
    console.log(this.data.url.changingThisBreaksApplicationSecurity)
    this.threedUrl=this.sanitizer.bypassSecurityTrustResourceUrl(this.data.url.changingThisBreaksApplicationSecurity)
  }
  threedUrl
}