import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { MethodService } from 'src/app/service/method.service';
declare var $: any
@Component({
  selector: 'app-task-details',
  templateUrl: './task-details.component.html',
  styleUrls: ['./task-details.component.scss']
})
export class TaskDetailsPagesComponent implements OnInit {

  constructor(public methodService: MethodService, private route: ActivatedRoute) { }


  /**
   * 实战演练表格信息
   */
  exerciseData: any = {
    data: {
      people: "",
      typeAndAmount: "",
      time: "请选择时间",
      add: '',
      information: "",
      situation: "",//消防设施使用情况
      data: {
        danger: '',
        from: [
          {
            name: '侦查', form: {
              // mode: '',
              // people: '',
              // add: '',
              // marshalling: '',
              // imgShow: ''
            }
          },
          {
            name: '警戒', form: {
              // mode: '',
              // people: '',
              // add: '',
              // jingshi: '',
              // imgShow: ''
            }
          },
          {
            name: '供水', form: {
              // mode: '',
              // people: '',
              // gongshui: '',
              // qushuidian: '',
              // imgShow: ''
            }
          },
          {
            name: '搜救', form: {
              // mode: '',
              // people: '',
              // add: '',
              // jingshi: '',
              // imgShow: ''
            }
          },
          {
            name: '排烟', form: {
              // mode: '',
              // people: '',
              // add: '',
              // paiyan: '',
              // imgShow: ''
            }
          },
          {
            name: '灭火', form: {
              // mode: '',
              // people: '',
              // add: '',
              // jingshi: '',
              // imgShow: ''
            }
          },
          {
            name: '照明', form: {
              // mode: '',
              // people: '',
              // zhaoming: '',
              // imgShow: ''
            }
          },
          {
            name: '撤离', form: {
              // cheliluxian: '',
              // chelixinhao: '',
              // imgShow: ''
            }
          },
          {
            name: '讲评', form: {
              // jiangpingren: '',
              // qingdian: '',
              // haode: '',
              // buzu: '',
              // imgShow: ''
            }
          }
        ]
      },
      vehicleType: []
    }
  }
  /**
   * 救援预案信息
   */
  planData: any

  company: string
  organization: string

  ngOnInit(): void {
    this.company = this.route.snapshot.queryParams.company
    this.organization = JSON.parse(sessionStorage.getItem('userData')).organizationName
    let taskId = this.route.snapshot.queryParams.id
    this.methodService.getTaskDetails(taskId).then((data: any) => {
      let obj = JSON.parse(data.resultData)
      this.exerciseData = this.methodService.getTaskDetailsItem('实战演练', obj.form)
      console.log('实战演练详情', this.exerciseData)
      this.planData = this.methodService.getTaskDetailsItem('数字化预案', obj.form)
    })

  }


  goback() {
    window.history.back()
  }

  xxx = true
  yyy = [1]
  download(type) {
    type == 1 ? $("#tablebox").wordExport('演练卡') : $("#tablebox2").wordExport('数字化预案');
  }
}