From 34a49272e8fb4e20bc4aa3ca7f7c2880c3bb69e5 Mon Sep 17 00:00:00 2001 From: liweijin <610336687@qq.com> Date: Fri, 30 Nov 2018 18:17:30 +0800 Subject: [PATCH] =?UTF-8?q?=E9=83=A8=E9=97=A8=E7=AE=A1=E7=90=86-=E6=96=B0?= =?UTF-8?q?=E5=A2=9E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/components/pipe/no-value.component.ts | 2 +- .../department-management.component.html | 112 +++++++++++++++++- .../department-management.component.scss | 8 ++ .../department-management.component.ts | 96 +++++++++++++-- .../user-management-modify.component.ts | 7 -- 5 files changed, 208 insertions(+), 17 deletions(-) diff --git a/src/app/components/pipe/no-value.component.ts b/src/app/components/pipe/no-value.component.ts index 789c726..26acb1b 100644 --- a/src/app/components/pipe/no-value.component.ts +++ b/src/app/components/pipe/no-value.component.ts @@ -9,5 +9,5 @@ export class NoValue implements PipeTransform { }else{ return '无' } - + } } \ No newline at end of file diff --git a/src/app/pages/system-management/department-management/department-management.component.html b/src/app/pages/system-management/department-management/department-management.component.html index c03b6cf..e9f7c17 100644 --- a/src/app/pages/system-management/department-management/department-management.component.html +++ b/src/app/pages/system-management/department-management/department-management.component.html @@ -11,12 +11,13 @@ +
机构名称 - {{orgDetail.name|null}} + {{orgDetail.organization|null}}
@@ -59,7 +60,7 @@
- 上级机构 + 上级 {{parentName|null}}
@@ -70,8 +71,115 @@
+
+ + 机构负责人 + + +
+
+ + + + 姓名 + 用户名 + 电话 + 邮箱 + + + + + {{item.real_name}} + {{item.login_name}} + {{item.mobile}} + {{item.email}} + + + +
+ + +
+ + 机构名称 + + + 请输入机构名称 + + + + 机构简称 + + + 请输入机构简称 + + + + 机构编码 + + + 请输入机构编码 + + + + 联系人 + + + 请输入联系人 + + + + 联系方式 + + + 请输入联系方式 + + + + 机构地址 + + + + + + 机构类型 + + + + + + + + + 所属机构 + + + {{orgSeleted.organization}} + + 修改选择 + 请选择所属机构 + + +
+ + + +
+ +
+
+ + +
+
    +
    + + +
    +
    +
    \ No newline at end of file diff --git a/src/app/pages/system-management/department-management/department-management.component.scss b/src/app/pages/system-management/department-management/department-management.component.scss index a2ca5f3..82167dd 100644 --- a/src/app/pages/system-management/department-management/department-management.component.scss +++ b/src/app/pages/system-management/department-management/department-management.component.scss @@ -13,6 +13,14 @@ .org-detail-logo{ width: 40px; } + .form-modify{ + margin-top: 20px; + } + .user-table{ + width: 80%; + margin: 0 auto; + margin-bottom: 30px; + } } .tree-box{ overflow-y:scroll; diff --git a/src/app/pages/system-management/department-management/department-management.component.ts b/src/app/pages/system-management/department-management/department-management.component.ts index bb22774..6ac6591 100644 --- a/src/app/pages/system-management/department-management/department-management.component.ts +++ b/src/app/pages/system-management/department-management/department-management.component.ts @@ -1,7 +1,9 @@ import { Component, OnInit } from '@angular/core'; +import { FormBuilder,FormControl,FormGroup,Validators} from '@angular/forms'; import { HttpClientService } from '../../../services/http-client.service'; import { Router } from '@angular/router'; import { NzMessageService } from 'ng-zorro-antd'; +import { Observable } from 'rxjs'; import 'ztree'; declare var $: any; @@ -14,18 +16,28 @@ declare var jQuery: any }) export class DepartmentManagementComponent implements OnInit { treeSelected:any; //树模型-当前选中项 + treeSelectedChild:any; //上级机构选择树 statusParamsTree:any={ //获取机构接口的状态，0请求失败 1请求前 2请求中 3请求成功，有数据 4请求成功，无数据 status:1, } + public TreeData:any; public canDel:any=false; public canEdit:any=false; public search:any={ orgId:'', } public orgDetail:any=''; + public orgSeleted:any=''; //所选机构详情 public modifyType:any='3'; //操作状态 1新增 2修改 3详情 + public parentName:any=''; + public parentNode:any=''; //当前选中机构的父级节点 + public userList:any=''; //机构负责人列表 + saveCheck:any=false; //保存检查，保存验证表单 false 还未验证 true 触发了验证 + + validateForm: FormGroup; constructor( + private fb: FormBuilder, private http:HttpClientService, private router:Router, private message: NzMessageService, @@ -38,6 +50,17 @@ export class DepartmentManagementComponent implements OnInit { $('.tree-box').css('height',(document.documentElement.clientHeight-106+'px')); $('.main-content').css('height',(document.documentElement.clientHeight-106+'px')); }) + //表单实例化 + this.validateForm = this.fb.group({ + organization:[ '', [ Validators.required ] ], + shortName:[ '' ], + code:[ '', [ Validators.required ] ], + contact_person:[ '' ], + contact_method:[ '' ], + organization_type:[ '1' ], + address:[ '' ], + + }); this.initTree(); } //新增、修改 @@ -45,9 +68,43 @@ export class DepartmentManagementComponent implements OnInit { this.modifyType=type; } - //获取机构详情 - queryDetail(){ + submitForm(){ + this.saveCheck=true; + } + //保存选择机构 + treeSave(){ + if(this.treeSelectedChild){ + this.orgSeleted=this.treeSelectedChild; + this.visible = false; + this.orgSeletedBtn=false; + }else{ + //如果没有选择机构,提示请选择机构 + this.message.create('warning', `请选择所属机构！`,{ nzDuration: 2000 }); + } + } + //打开机构树抽屉 + open(): void { + this.treeSelectedChild=''; + this.visible = true; + } + //关闭机构选择页面 + close(): void { + this.visible = false; + } + //删除机构标签 + tagClose(event){ + this.orgSeletedBtn=true; + this.orgSeleted=''; + } + //修改时查询该系统下的所有用户 + queryUserById():void{ + this.http.get('/sysapi/setting/organization/queryUserById/'+this.orgDetail.id).subscribe((json)=>{ + if(json.is_success){ + this.userList=json.body + }else{ + } + }) } //获取机构列表，树模型数据处理 initTree(){ @@ -81,7 +138,9 @@ export class DepartmentManagementComponent implements OnInit { this.statusParamsTree.status=0; } this.zNodes=json.body; + this.zNodesChild=json.body; $.fn.zTree.init($("#treeDemo"), this.setting, this.zNodes); + $.fn.zTree.init($("#treeDemoChild"), this.settingChild, this.zNodesChild); var zTree = $.fn.zTree.getZTreeObj("treeDemo"); let node = zTree.getNodes(); if(json.body.length>0){ @@ -90,7 +149,7 @@ export class DepartmentManagementComponent implements OnInit { } }) } - //树模型参数设置 + //树模型参数设置-左侧机构树 public zNodes: any[]; setting = { data: { @@ -107,26 +166,49 @@ export class DepartmentManagementComponent implements OnInit { //节点点击事件 onClick: (event, treeId, treeNode, clickFlag) => { this.modifyType=3; + this.parentName=''; + this.parentNode=''; var zTree = $.fn.zTree.getZTreeObj("treeDemo"); this.treeSelected=treeNode; let isTopNode=this.treeSelected.getParentNode(); //是否为顶级节点 true不是顶级节点 false 为顶级节点 console.log(isTopNode) if(isTopNode){ //子节点 this.orgDetail=treeNode; + this.queryUserById(); this.canDel=true; this.canEdit=true; - if(isTopNode.pId=='hsfuhiw34239j89sauf98992h3indshv98h392hf9mplsd032fs2a2313fc'){ + if(isTopNode.id=='hsfuhiw34239j89sauf98992h3indshv98h392hf9mplsd032fs2a2313fc'){ //除去全部机构这层的第一层 也就是实际意义的顶层 - }else{ - + this.parentName=isTopNode.name; + this.parentNode=isTopNode; } }else{ //顶级节点 this.orgDetail=''; this.canDel=false; this.canEdit=false; } - this.queryDetail(); + }, + }, + }; + //树模型参数设置-右侧机构树 + public zNodesChild: any[]; + settingChild = { + data: { + simpleData: { + enable: true + } + }, + view: { + showLine: true, + dblClickExpand: false, + showIcon:true + }, + callback: { + //节点点击事件 + onClick: (event, treeId, treeNode, clickFlag) => { + var zTree = $.fn.zTree.getZTreeObj("treeDemoChild"); + this.treeSelectedChild=treeNode; }, }, }; diff --git a/src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.ts b/src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.ts index 99a32d8..0a48e7f 100644 --- a/src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.ts +++ b/src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.ts @@ -72,8 +72,6 @@ export class UserManagementModifyComponent implements OnInit { if(routeParams.operateType==2){ this.userId=routeParams.id; this.queryUserDetail(); - - }else{ this.statusParamsDetail.status=3; } @@ -145,7 +143,6 @@ export class UserManagementModifyComponent implements OnInit { searchNode() { var zTree = $.fn.zTree.getZTreeObj("treeDemo"); zTree.cancelSelectedNode() - var key = $("#key"); var value = $.trim(key.get(0).value); var keyType = "name"; @@ -155,7 +152,6 @@ export class UserManagementModifyComponent implements OnInit { zTree.selectNode(this.nodeList[i], true, false); } } - } //删除机构标签 tagClose(event){ @@ -184,7 +180,6 @@ export class UserManagementModifyComponent implements OnInit { //关闭机构选择页面 close(): void { this.visible = false; - } submitForm(){ this.saveCheck=true; @@ -269,7 +264,6 @@ export class UserManagementModifyComponent implements OnInit { } }) } - } //取消 返回列表页 cancel(){ @@ -330,7 +324,6 @@ export class UserManagementModifyComponent implements OnInit { }else{ option.pId='hsfuhiw34239j89sauf98992h3indshv98h392hf9mplsd032fs2a2313fc'; } - } json.body.push({ name:"全部机构",