zy-pc/src/app/views/office-detail/office-detail.component.ts

import { Component, OnInit } from "@angular/core";
import { Router, ActivatedRoute } from "@angular/router";
import { NzMessageService } from "ng-zorro-antd";

import { MainService } from "../../services/main.service";

@Component({
  selector: "app-office-detail",
  templateUrl: "./office-detail.component.html",
  styleUrls: ["./office-detail.component.less"],
})
export class OfficeDetailComponent implements OnInit {
  constructor(
    private message: NzMessageService,
    private router: Router,
    private mainService: MainService,
    private routerInfo: ActivatedRoute
  ) {}

  id: number;
  officeInfo: any = {};

  ngOnInit() {
    this.getDetail();
  }
  hideModal() {
    this.router.navigateByUrl("/main/officeManagement");
  }

  // 获取详情
  maskFlag: any = false;
  getDetail() {
    this.id = this.routerInfo.snapshot.params["id"];
    this.maskFlag = this.message.loading("正在加载中..", {
      nzDuration: 0,
    }).messageId;
    this.mainService
      .getFetchData("data", "department", this.id)
      .subscribe((data) => {
        this.message.remove(this.maskFlag);
        this.maskFlag = false;
        this.officeInfo = data.data;
      });
  }
}