Jinan_project/src/app/home/task/da-oneself-plan/da-oneself-plan.component.ts

import { Component, OnInit,ViewContainerRef } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd/message';
import { NzModalService } from 'ng-zorro-antd/modal';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import {PlanAdjustmentComponent} from './plan-adjustment/plan-adjustment.component'
@Component({
  selector: 'app-da-oneself-plan',
  templateUrl: './da-oneself-plan.component.html',
  styleUrls: ['./da-oneself-plan.component.scss']
})
export class DaOneselfPlanComponent implements OnInit {

  constructor(private modal: NzModalService,private message: NzMessageService,private viewContainerRef: ViewContainerRef) { }
  validateForm!: FormGroup;
  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 = false
  expand() {
    this.isExpand = !this.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
  }
  nodes: any = []
  BuildingTypes
  adjustment(){
    const modal = this.modal.create({
      nzTitle: "任务调整",
      nzContent: PlanAdjustmentComponent,
      nzViewContainerRef: this.viewContainerRef,
      nzWidth: 900,
      nzComponentParams: {
       
      },
      nzOnOk: async () => {
        console.log(123);
      }
    });
    const instance = modal.getContentComponent();

  }
}