import { Router } from '@angular/router';
import { HttpClient } from '@angular/common/http';
import { Component, OnInit, AfterViewInit, ViewChild, ViewContainerRef } from '@angular/core';
import { TreeService } from 'src/app/service/tree.service';
import { NzFormatEmitEvent, NzTreeComponent, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { NzModalService } from 'ng-zorro-antd/modal';
import { NzMessageService } from 'ng-zorro-antd/message';
import { AddUnitComponent } from '../add-unit/add-unit.component';
import { UnitEditComponent } from '../unit-edit/unit-edit.component'
@Component({
  selector: 'app-unit',
  templateUrl: './unit.component.html',
  styleUrls: ['./unit.component.scss']
})
export class UnitComponent implements OnInit {
  checked = true

  listOfData: any = [];
  integrity = 0
  validateForm!: FormGroup;

  constructor(private router: Router, private fb: FormBuilder, private http: HttpClient, private toTree: TreeService, private modal: NzModalService, private message: NzMessageService, private viewContainerRef: ViewContainerRef) { }

  datas = ""
  ngOnInit(): void {
    this.getCompanies()
  }

  searchValue = '';

  next() {
    this.router.navigate(['/basicInfo/unit/details']);
  }

  totalCount
  pageChange($event) {

  }
  nzLoading = false
  getCompanies() {
    this.nzLoading = true
    this.http.get('/api/Companies').subscribe((data: any) => {
      this.nzLoading = false
      console.log(data);
      this.listOfData = data.items
      this.listOfData = [...this.listOfData]
      console.log(this.listOfData);

    })
  }

  ngOnDestroy(): void {
    // CustomReuseStrategy.deleteRouteSnapshot('/basicInfo/unit');
  }

  addOr(node?: any) {

    const modal = this.modal.create({
      nzTitle: "新增单位",
      nzContent: AddUnitComponent,
      nzViewContainerRef: this.viewContainerRef,
      nzWidth: 450,
      nzComponentParams: {},
      nzOnOk: async () => {
        console.log(instance.validateForm);
        if (instance.validateForm.valid) {
          console.log(instance.validateForm);
          // return
          await new Promise(resolve => {
            let body = {
              companyName: instance.validateForm.value.unit,
              directorName: instance.validateForm.value.name,
              directorPhone: instance.validateForm.value.iphone,
              address: instance.validateForm.value.addr,
              organizationId: instance.validateForm.value.role || null,
              relatedOrganizationId: instance.validateForm.value.role2 || null,
              buildingTypeId: instance.validateForm.value.role4 || null,
              useNature: instance.validateForm.value.nature,
              data: null
            }
            this.http.post('/api/Companies', body).subscribe({
              next: (data: any) => {
                console.log(data, 80808)

              },
              error: (err) => {

                console.log(err)
              }
            }

            )
          })

        } else {
          this.message.create('warning', '请填写完整！');
          return false
        }
      }
    });
    const instance = modal.getContentComponent();

  }


  look(data) {
    this.router.navigate(['/basicInfo/unit/details'], { queryParams: { id: data.id, pattern: 'look' } })
  }

  edit(data) {
    this.router.navigate(['/basicInfo/unit/details'], { queryParams: { id: data.id, pattern: 'edit' } })
  }

  delete(data) {

  }
}