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): 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 { 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) } } }