Jinan_project/src/app/home/task/station-task-apply/station-task-apply.component.ts

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';
import { ApplyComponent } from './apply/apply.component';
import { ApplyLookComponent } from './apply-look/apply-look.component';

@Component({
  selector: 'app-station-task-apply',
  templateUrl: './station-task-apply.component.html',
  styleUrls: ['./station-task-apply.component.scss']
})
export class StationTaskApplyComponent implements OnInit {

  validateForm!: FormGroup;
  constructor(private fb: FormBuilder, private modal: NzModalService, private viewContainerRef: ViewContainerRef, private message: NzMessageService, private http: HttpClient, private toTree: TreeService) { }
  searchForm = {
    taskname: '',
    unitname: '',
    unitlevel: '',
    or: ''
  }
  usersNum
  loading
  usersLIst = [1]
  ngOnInit(): void {
  }
  pageChange($event) {

  }

  cancel(item, type) {

  }
  delete(item) {

  }

  apply() {
    const modal = this.modal.create({
      nzTitle: '申请',
      nzContent: ApplyComponent,
      nzViewContainerRef: this.viewContainerRef,
      nzWidth: 660,
      nzMaskClosable: false,
      nzComponentParams: {
        title: '',
        subtitle: ''
      },
      nzOnOk: async () => {
        if (instance.validateForm.valid) {
          await new Promise(resolve => {
            let roleNames = [...instance.validateForm.value.role, ...instance.validateForm.value.role2]
            let body = {
              userName: instance.validateForm.value.account,
              name: instance.validateForm.value.name,
              organizationUnitId: Number(instance.validateForm.value.organization),
              roleNames: roleNames,
              phoneNumber: instance.validateForm.value.phonenum,
              isActive: true
            }
            // this.http.post(this.addUrl, body).subscribe(data => {
            //   resolve(data)
            //   this.message.create('success', '创建成功！');
            //   this.SkipCount = 0
            //   this.getAllUsers()
            //   return true
            // }, err => {
            //   resolve(err)
            //   this.message.create('warning', err.error.error.message);
            //   return false
            // })
          })
        } else {
          this.message.create('warning', '请填写完整！');
          return false
        }
      }
    });
    const instance = modal.getContentComponent();
    modal.afterOpen.subscribe(() => console.log('[afterOpen] emitted!'));
    modal.afterClose.subscribe(result => console.log('[afterClose] The result is:', result));
  }
  look(item) {
    const modal = this.modal.create({
      nzTitle: '详情',
      nzContent: ApplyLookComponent,
      nzViewContainerRef: this.viewContainerRef,
      nzWidth: 660,
      nzMaskClosable: false,
      nzComponentParams: {
        title: '',
        subtitle: ''
      },
      nzFooter:null,
      nzOnOk: async () => {
        if (instance.validateForm.valid) {
          await new Promise(resolve => {
            let roleNames = [...instance.validateForm.value.role, ...instance.validateForm.value.role2]
            let body = {
              userName: instance.validateForm.value.account,
              name: instance.validateForm.value.name,
              organizationUnitId: Number(instance.validateForm.value.organization),
              roleNames: roleNames,
              phoneNumber: instance.validateForm.value.phonenum,
              isActive: true
            }
            // this.http.post(this.addUrl, body).subscribe(data => {
            //   resolve(data)
            //   this.message.create('success', '创建成功！');
            //   this.SkipCount = 0
            //   this.getAllUsers()
            //   return true
            // }, err => {
            //   resolve(err)
            //   this.message.create('warning', err.error.error.message);
            //   return false
            // })
          })
        } else {
          this.message.create('warning', '请填写完整！');
          return false
        }
      }
    });
    const instance = modal.getContentComponent();
    modal.afterOpen.subscribe(() => console.log('[afterOpen] emitted!'));
    modal.afterClose.subscribe(result => console.log('[afterClose] The result is:', result));
  }
}