diff --git a/src/app/components/components.module.ts b/src/app/components/components.module.ts
index 2df3bcc..a801fe4 100644
--- a/src/app/components/components.module.ts
+++ b/src/app/components/components.module.ts
@@ -6,7 +6,7 @@ import { ToastModule } from './toast/toast.module'; //消息提示
import { SidebarMenuModule } from './sidebar-menu/sidebar-menu.module';
import { RequestStatusComponent } from './request-status/request-status.component';
import { NgZorroAntdModule, NZ_I18N, zh_CN } from 'ng-zorro-antd';
-
+import { NoValue } from './pipe/no-value.component';
import { registerLocaleData } from '@angular/common';
import zh from '@angular/common/locales/zh';
registerLocaleData(zh);
@@ -21,6 +21,7 @@ registerLocaleData(zh);
],
declarations: [
RequestStatusComponent,
+ NoValue
],
providers : [ { provide: NZ_I18N, useValue: zh_CN } ],
exports: [
@@ -28,6 +29,7 @@ registerLocaleData(zh);
ToastModule,
SidebarMenuModule,
RequestStatusComponent,
+ NoValue,
]
})
export class ComponentsModule { }
diff --git a/src/app/components/pipe/no-value.component.ts b/src/app/components/pipe/no-value.component.ts
new file mode 100644
index 0000000..789c726
--- /dev/null
+++ b/src/app/components/pipe/no-value.component.ts
@@ -0,0 +1,13 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({name: 'null'})
+export class NoValue implements PipeTransform {
+ transform(value: any, exponent: any): any {
+ console.log(value)
+ if(value){
+ return value
+ }else{
+ return '无'
+ }
+
+}
\ No newline at end of file
diff --git a/src/app/pages/main.scss b/src/app/pages/main.scss
index 5884cbd..035bb07 100644
--- a/src/app/pages/main.scss
+++ b/src/app/pages/main.scss
@@ -8,7 +8,12 @@
.orange{
color: orange;
}
-
+.left{
+ float: left;
+}
+.right{
+ float: right;
+}
.system-main-container {
position: relative;
padding: 20px 20px;
@@ -16,13 +21,11 @@
height: 100%;
min-height: 300px;
background-color: #f0f0f0;
- overflow-y: scroll;
.system-main-content{
height: 100%;
- min-height: 600px;
.search-box{
- }
+ }
.table-box{
}
@@ -39,8 +42,7 @@
.tree-box{
position: relative;
min-width: 300px;
- min-height: 600px;
- margin-right: 10px;
+ margin-right: 20px;
float: left;
padding: 20px;
height: 100%;
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 905ffe4..c03b6cf 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
@@ -1,3 +1,77 @@
-
-
+
diff --git a/src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.scss b/src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.scss
index c0b4aca..72ed262 100644
--- a/src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.scss
+++ b/src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.scss
@@ -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;
-}
\ No newline at end of file
+}
+//火狐浏览器单独设置样式 解决在火狐浏览器下 底部padding-bottom无效问题
+@-moz-document url-prefix(){
+ .user-footer{
+ padding-bottom: 20px;
+ }
+}
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 45fd4e9..99a32d8 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
@@ -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'])
diff --git a/src/app/pages/system-management/user-management/user-management.component.html b/src/app/pages/system-management/user-management/user-management.component.html
index 177eafc..a087cd1 100644
--- a/src/app/pages/system-management/user-management/user-management.component.html
+++ b/src/app/pages/system-management/user-management/user-management.component.html
@@ -1,15 +1,15 @@
-
+
-
+
- 姓名
+ 姓名
@@ -42,9 +42,7 @@
| 姓名 |
- 性别 |
用户名 |
- 邮箱 |
电话 |
操作 |
@@ -52,12 +50,7 @@
| {{item.real_name}} |
-
- 男
- 女
- |
{{item.login_name}} |
- {{item.email}} |
{{item.mobile}} |
diff --git a/src/app/pages/system-management/user-management/user-management.component.scss b/src/app/pages/system-management/user-management/user-management.component.scss
index 4357470..a42cc05 100644
--- a/src/app/pages/system-management/user-management/user-management.component.scss
+++ b/src/app/pages/system-management/user-management/user-management.component.scss
@@ -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;
}
-}
\ No newline at end of file
+}
diff --git a/src/app/pages/system-management/user-management/user-management.component.ts b/src/app/pages/system-management/user-management/user-management.component.ts
index 925818e..8bdea13 100644
--- a/src/app/pages/system-management/user-management/user-management.component.ts
+++ b/src/app/pages/system-management/user-management/user-management.component.ts
@@ -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{
option.name=option.organization;
if(option.pid){
option.pId=option.pid;
}else{
option.pId='hsfuhiw34239j89sauf98992h3indshv98h392hf9mplsd032fs2a2313fc';
}
-
- }
+ });
json.body.push({
name:"全部机构",
isParent:true,
|