cdia/airport-chengdu-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

部门详情

Browse Source
This commit is contained in:
liweijin
2018-11-29 18:08:54 +08:00
parent a1ffdb02c8
commit d5c42bebba
17 changed files with 306 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.html
+2 -2
View File
@@ -1,5 +1,5 @@
<div class="system-main-container">
<div class="user-modify-box card">
<div class="user-modify-box card" id="main-container">
<app-request-status *ngIf="modifyType==2" [statusParams]='statusParamsDetail'></app-request-status>
<nz-skeleton [nzActive]="true" [nzParagraph]="{ rows: 16 }" *ngIf='modifyType==2&&statusParamsDetail.status==1'></nz-skeleton>
<form nz-form [formGroup]="validateForm" *ngIf="statusParamsDetail.status==3">
@@ -91,7 +91,7 @@
</nz-form-item>
</form>
<div class="user-footer">
<button (click)='submitForm()' nz-button nzType="primary" class="mr10" [disabled]='!this.validateForm.valid||!this.orgDetail||this.roleList.length<=0||!this.nameOnly'>保存</button>
<button (click)='submitForm()' [nzLoading]="isLoadingSave" nz-button nzType="primary" class="mr10" [disabled]='!this.validateForm.valid||!this.orgDetail||this.roleList.length<=0||!this.nameOnly'>保存</button>
<button (click)='cancel()' nz-button nzType="default">取消</button>
</div>
</div>
src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.scss
+11 -6
View File
@@ -1,11 +1,10 @@
.user-modify-box{
position: relative;
overflow-y:scroll;
.user-footer{
display: inline-block;
position: absolute;
bottom: 30px;
left: 50%;
transform: translate(-50%,0)
text-align: center;
margin-top: -20px;
}
}
.ztree{
@@ -23,4 +22,10 @@
position: relative;
width: 120px;
height: 40px;
}
}
//火狐浏览器单独设置样式 解决在火狐浏览器下 底部padding-bottom无效问题
@-moz-document url-prefix(){
.user-footer{
padding-bottom: 20px;
}
}
src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.ts
+9 -1
View File
@@ -3,6 +3,7 @@ import { FormBuilder,FormControl,FormGroup,Validators} from '@angular/forms';
import { HttpClientService } from '../../../../services/http-client.service';
import { Router,ActivatedRoute } from '@angular/router';
import { NzMessageService } from 'ng-zorro-antd';
import { Observable } from 'rxjs';
import 'ztree';
declare var $: any;
@@ -39,6 +40,7 @@ export class UserManagementModifyComponent implements OnInit {
statusParamsDetail:any={ //获取用户详情接口的状态，0请求失败 1请求前 2请求中 3请求成功，有数据 4请求成功，无数据
status:1,
}
isLoadingSave:any=false;
constructor(
private fb: FormBuilder,
private http:HttpClientService,
@@ -48,6 +50,8 @@ export class UserManagementModifyComponent implements OnInit {
) { }
ngOnInit() {
// // 页面监听 动态改变表单高度
// $('#main-container').height('height',(document.documentElement.clientHeight-106+'px'));
this.queryRole();
this.validateForm = this.fb.group({
real_name:[ '', [ Validators.required ] ],
@@ -197,6 +201,7 @@ export class UserManagementModifyComponent implements OnInit {
return false;
}
this.checkNameStatus='validating';
//再次验证用户名唯一性
this.http.get('/sysapi/setting/user/isOnly', { loginName: this.validateForm.value.login_name.trim() }).subscribe((json) => {
if (json.is_success) {
if(json.body){
@@ -215,7 +220,7 @@ export class UserManagementModifyComponent implements OnInit {
})
}
}
//确认提交表单
//确认提交表单 type 1 新增 2修改
submitConfirm(type){
let item=this.validateForm.value;
let params={
@@ -242,8 +247,10 @@ export class UserManagementModifyComponent implements OnInit {
}
})
console.log(params)
this.isLoadingSave=true;
if(type==1){
this.http.post('/sysapi/setting/user/add', params).subscribe((json) => {
this.isLoadingSave=false;
if (json.is_success) {
this.message.success(`新增成功`);
this.router.navigate(['app/system/users'])
@@ -253,6 +260,7 @@ export class UserManagementModifyComponent implements OnInit {
})
}else if(type==2){
this.http.put('/sysapi/setting/user/updateById/'+this.userId, params).subscribe((json) => {
this.isLoadingSave=false;
if (json.is_success) {
this.message.success(`修改成功`);
this.router.navigate(['app/system/users'])
src/app/pages/system-management/user-management/user-management.component.html
+3 -10
View File
@@ -1,15 +1,15 @@
<div class="system-main-container">
<div class="user-manage">
<div class="tree-box">
<div class="tree-box" id="tree-box">
<app-request-status [statusParams]='statusParamsTree'></app-request-status>
<ul [hidden]='statusParamsTree.status!=3' id="treeDemo" class="ztree"></ul>
</div>
<div class="system-main-content card">
<div class="system-main-content card" id="main-box">
<div class="search-box">
<div nz-row>
<div nz-col nzSpan="8">
<nz-form-item >
<nz-form-label nzSpan="6">姓名</nz-form-label>
<nz-form-label class="left">姓名</nz-form-label>
<nz-form-control nzSpan="17">
<input nz-input [(ngModel)]='search.real_name' placeholder="请输入姓名">
</nz-form-control>
@@ -42,9 +42,7 @@
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>用户名</th>
<th>邮箱</th>
<th>电话</th>
<th>操作</th>
</tr>
@@ -52,12 +50,7 @@
<tbody>
<tr *ngFor="let item of dataSet.data">
<td><a (click)='open(item)' href="javascript:;">{{item.real_name}}</a></td>
<td>
<span *ngIf="item.sex=='m'">男</span>
<span *ngIf="item.sex=='f'">女</span>
</td>
<td>{{item.login_name}}</td>
<td>{{item.email}}</td>
<td>{{item.mobile}}</td>
<td>
<i (click)="addModify(2,item)" class="table-operation-btn edit" nz-icon type="edit" theme="outline"></i>
src/app/pages/system-management/user-management/user-management.component.scss
+16 -6
View File
@@ -1,10 +1,20 @@
.user-manage{
.card{
}
}
@import "../../main.scss";
.system-main-container{
.user-manage{
.system-main-content{
overflow-y:scroll;
}
.card{
}
.tree-box{
overflow-y:scroll;
}
}
}
.user-detail{
.detail-item-text{
color: #1890ff;
}
}
}
src/app/pages/system-management/user-management/user-management.component.ts
+11 -6
View File
@@ -4,13 +4,13 @@ import { Router } from '@angular/router';
import { NzMessageService } from 'ng-zorro-antd';
import 'ztree';
declare var $: any;
declare var $: any;
declare var jQuery: any;
@Component({
selector: 'app-user-management',
templateUrl: './user-management.component.html',
styleUrls: ['./user-management.component.scss','../../main.scss']
styleUrls: ['./user-management.component.scss',]
})
export class UserManagementComponent implements OnInit {
treeSelected:any; //树模型-当前选中项
@@ -43,6 +43,13 @@ export class UserManagementComponent implements OnInit {
) { }
ngOnInit() {
// 页面监听 动态改变表单高度
$('#tree-box').css('height',(document.documentElement.clientHeight-106+'px'));
$('#main-box').css('height',(document.documentElement.clientHeight-106+'px'));
$(window).resize(function(){
$('#tree-box').css('height',(document.documentElement.clientHeight-106+'px'));
$('#main-box').css('height',(document.documentElement.clientHeight-106+'px'));
})
this.initTree();
this.queryTable();
}
@@ -158,16 +165,14 @@ export class UserManagementComponent implements OnInit {
if(json.body.length>0){
this.statusParamsTree.status=3;
let children=[];
for(var i=0;i<json.body.length;i++){
let option=json.body[i];
json.body.forEach(option=>{
option.name=option.organization;
if(option.pid){
option.pId=option.pid;
}else{
option.pId='hsfuhiw34239j89sauf98992h3indshv98h392hf9mplsd032fs2a2313fc';
}
}
});
json.body.push({
name:"全部机构",
isParent:true,