cd-project-management-web/src/app/routes/basedata/project-approval/project-approval.component.ts

import { Component, OnInit, ViewChild, TemplateRef } from '@angular/core';
import { _HttpClient, ModalHelper } from '@delon/theme';
import { STColumn, STComponent } from '@delon/abc';
import { SFSchema } from '@delon/form';
import { NzDropdownService, NzModalService, NzDropdownContextComponent, NzTreeNode, NzFormatEmitEvent } from 'ng-zorro-antd';
import { FormBuilder, Validators, FormGroup } from '@angular/forms';
import { BaseArchivesProjectApproval } from 'app/entity/basedata/base-archives-project-approval';
import { BasedataProjectApprovalAddComponent } from './add/add.component';

@Component({
  selector: 'app-basedata-project-approval',
  templateUrl: './project-approval.component.html',
})
export class BasedataProjectApprovalComponent implements OnInit {
  
  constructor(
    private nzDropdownService: NzDropdownService,
    private modalService:NzModalService,
    private fb: FormBuilder
  ) { }

  ngOnInit() {
    this.validateForm = this.fb.group({
      code: [null, [Validators.required]],
      name: [null, [Validators.required]],
      status:[null]
    });
    this.getListContractTree()
   }

   validateForm!: FormGroup;
  dropdown: NzDropdownContextComponent;
  searchValue = "";//搜索框的值
  nodes: any=[];//tree集合
  status=true;

   //查询tree合同类型
   getListContractTree() {
    // this.contractClassService.getAllContractClass1().then((response) => {
    //   this.nodes = response.result
    // })
    this.nodes=[
      {
        code: "001",
      createBy: "admin",
      createTime: "2019-05-17 12:01:32",
      isLeaf: false,
      key: "604d450067afc7b7f52a8987d60bd745",
      parentId: "",
      parentIds: null,
      title: "产品",
      value: "604d450067afc7b7f52a8987d60bd745",
      status:"1",
      children:[
        {
          code: "0001",
          createBy: "admin",
          createTime: "2019-05-17 12:01:32",
          isLeaf: true,
          key: "2",
          parentId: "604d450067afc7b7f52a8987d60bd745",
          parentIds: null,
          title: "架构",
          value: "2",
          status:"0",
          children:null
        }
      ]
      }
    ]
  }

  //双击节点自动打开树分支
  openFolder(data: NzTreeNode | Required<NzFormatEmitEvent>): void {
    if (data instanceof NzTreeNode) {
      data.isExpanded = !data.isExpanded;
    } else {
      const node = data.node;
      if (node) {
        node.isExpanded = !node.isExpanded;
      }
    }
  }

  //右键树节点
  id="";
  contextMenu(Fid, $event: MouseEvent, template: TemplateRef<void>): void {
    this.id = Fid;//获取id
    this.dropdown = this.nzDropdownService.create($event, template);
  }


  //树节点点击事件
  treeClick(event) {
    var getdDepart = event.node.origin;//当前点击的对象
    if(getdDepart.status=="0"){//是否启用
      this.status=false;
    }else{
      this.status=true;
    }
    this.baseArchivesProjectApproval = {
      name: getdDepart.title,
      code: getdDepart.code,
      id: getdDepart.key
    }
  }

  //右键取消
  cancel() {
    this.dropdown.close()
  }

  //项目立项实体
  baseArchivesProjectApproval:BaseArchivesProjectApproval={};



  /**
   * 新增一级按钮
   */
  add() {
    const modalRef = this.modalService.create({
      nzTitle: "新增",
      nzContent: BasedataProjectApprovalAddComponent,
      nzWidth: 600,
      nzFooter: [
        {
          label: "关闭",
          type: "default",
          onClick: addModel => {
            addModel.close()
          }
        },
        {
          label: "确定",
          type: "primary",
          // loading:this.modelSaveLoading,
          onClick: addModel => {
            addModel.submitForm()
          }
        }
      ]
    })
  }

  /**
   * 右键新增子集按钮
   */
  addChild(){
    const modalRef = this.modalService.create({
      nzTitle: "新增",
      nzContent: BasedataProjectApprovalAddComponent,
      nzWidth: 600,
      nzComponentParams:{
        parentId:this.id
      },
      nzFooter: [
        {
          label: "关闭",
          type: "default",
          onClick: addModel => {
            addModel.close()
          }
        },
        {
          label: "确定",
          type: "primary",
          // loading:this.modelSaveLoading,
          onClick: addModel => {
            addModel.submitForm()
          }
        }
      ]
    })
  }

  reset(){
    this.baseArchivesProjectApproval={}
  }

  /**
   * 删除
   */
  delete(){

  }
  /**
   * 修改保存
   */
  submitForm(){
    for (const i in this.validateForm.controls) {
      this.validateForm.controls[i].markAsDirty();
      this.validateForm.controls[i].updateValueAndValidity();
    }
    let valid = this.validateForm.valid;
    if(valid){
      //格式化是否期用
      if(this.status){
        this.baseArchivesProjectApproval.status="1"
      }else{
        this.baseArchivesProjectApproval.status="0"
      }
      alert(this.baseArchivesProjectApproval.code)
    }
  }
}