import { Component, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { NzFormatEmitEvent, NzTreeComponent, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
import { NzModalService } from 'ng-zorro-antd/modal';
import { NzMessageService } from 'ng-zorro-antd/message';
import { HttpClient } from '@angular/common/http';
import { TreeService } from 'src/app/service/tree.service';
@Component({
  selector: 'app-station-weekly-plan',
  templateUrl: './station-weekly-plan.component.html',
  styleUrls: ['./station-weekly-plan.component.scss']
})
export class StationWeeklyPlanComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }
  months = [
    { name: '1月', isable: true },
    { name: '2月', isable: true },
    { name: '3月', isable: true },
    { name: '4月', isable: true },
    { name: '5月', isable: true },
    { name: '6月', isable: true },
    { name: '7月', isable: true },
    { name: '8月', isable: true },
    { name: '9月', isable: true },
    { name: '10月', isable: true },
    { name: '11月', isable: true },
    { name: '12月', isable: true }
  ]
  selectedMonth
  selectMonth(item) {
    this.selectedMonth = item.name
  }

  isExpand = true
  expand() {
    this.isExpand = !this.isExpand
  }

  formatOne = (percent: number): string => `${percent}%\n完成率`;


  cardData = [
    { name: '双随机', isDetails: false, background: '#1D9DFF', icon: 'suiji.png' },
    { name: '行政许可', isDetails: false, background: '#42B983', icon: 'xuke.png' },
    { name: '熟悉演练', isDetails: false, background: '#9D80FF', icon: 'yanlian.png' },
    { name: '联络指导', isDetails: false, background: '#5483EA', icon: 'zhidao.png' },
    { name: '消防宣传', isDetails: false, background: '#FF5D2A', icon: 'xuanchuan.png' },
    { name: '投诉举报', isDetails: false, background: '#5087FF', icon: 'tousu.png' },
    { name: '火灾调查', isDetails: false, background: '#FF404D', icon: 'huozai.png' }
  ]

  openDetails(data, type) {
    data.isDetails = type
  }
  xxx = false
  radioChange(e) {

    setTimeout(() => {
      this.xxx = !this.xxx
    }, 0);

  }
  stationData = [
    { name: '历下区A消防救援站', isExpand: true },
    { name: '历下区B消防救援站', isExpand: false },
    { name: '历下区C消防救援站', isExpand: false }
  ]
  expandcarditem(item) {
    item.isExpand = !item.isExpand
  }
}