Jinan_project/src/app/home/task/da-monthly-task-overview/da-monthly-task-overview.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-da-monthly-task-overview',
  templateUrl: './da-monthly-task-overview.component.html',
  styleUrls: ['./da-monthly-task-overview.component.scss']
})
export class DaMonthlyTaskOverviewComponent 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
  }


  istaskauditExpanded = true
  istaskauditexpand() {
    this.istaskauditExpanded = !this.istaskauditExpanded
  }

  isdeployboxExpanded = true
  isdeployboxexpand() {
    this.isdeployboxExpanded = !this.isdeployboxExpanded
  }


  shuxiTaskData = {
    isExpand: true
  }
  zhidaoTaskData = {
    isExpand: true
  }
  expand(data) {
    data.isExpand = !data.isExpand
  }

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


  cardData = [
    { name: '重大活动', isDetails: false, background: '#FF9203', icon: 'huodong.png' },
    { 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
  }

}