各模块card高度设置
This commit is contained in:
+3
-1
@@ -1,6 +1,8 @@
|
||||
.system-main-container{
|
||||
overflow-y:scroll;
|
||||
}
|
||||
.user-modify-box{
|
||||
position: relative;
|
||||
overflow-y:scroll;
|
||||
.user-footer{
|
||||
text-align: center;
|
||||
margin-top: -20px;
|
||||
|
||||
@@ -1,12 +1,8 @@
|
||||
<div class="system-main-container">
|
||||
<div class="navigation">
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
用户管理
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
列表
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>用户管理</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>列表</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</div>
|
||||
<div class="user-manage">
|
||||
@@ -48,7 +44,7 @@
|
||||
</div>
|
||||
<app-request-status *ngIf='statusParamsTable.status!=4' [statusParams]='statusParamsTable'></app-request-status>
|
||||
<div class="table-box" *ngIf='statusParamsTable.status==3||statusParamsTable.status==4||statusParamsTable.status==0'>
|
||||
<nz-table [nzShowPagination]='false' #dataSet [nzData]="tableData">
|
||||
<nz-table [nzShowPagination]='false' #dataSet [nzData]="tableData" [nzScroll]="{ y: (tableHeight+'px') }">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>姓名</th>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
padding-top: 10px;
|
||||
.user-manage{
|
||||
.system-main-content{
|
||||
overflow-y:scroll;
|
||||
|
||||
}
|
||||
.card{
|
||||
|
||||
@@ -19,3 +19,6 @@
|
||||
color: #1890ff;
|
||||
}
|
||||
}
|
||||
.ant-table-tbody{
|
||||
|
||||
}
|
||||
@@ -34,7 +34,7 @@ export class UserManagementComponent implements OnInit {
|
||||
}
|
||||
visible = false;
|
||||
userDetail:any={}; //用户详情
|
||||
|
||||
tableHeight:any='100';
|
||||
|
||||
constructor(
|
||||
private http:HttpClientService,
|
||||
@@ -44,11 +44,19 @@ export class UserManagementComponent implements OnInit {
|
||||
|
||||
ngOnInit() {
|
||||
// 页面监听 动态改变表单高度
|
||||
$('#tree-box').css('height',(document.documentElement.clientHeight-106+'px'));
|
||||
$('#main-box').css('height',(document.documentElement.clientHeight-106+'px'));
|
||||
$('#tree-box').css('height',(document.documentElement.clientHeight-126+'px'));
|
||||
$('#main-box').css('height',(document.documentElement.clientHeight-126+'px'));
|
||||
let winHeight=document.documentElement.clientHeight;
|
||||
if(winHeight-396>100){
|
||||
this.tableHeight=winHeight-396;
|
||||
}
|
||||
$(window).resize(function(){
|
||||
$('#tree-box').css('height',(document.documentElement.clientHeight-106+'px'));
|
||||
$('#main-box').css('height',(document.documentElement.clientHeight-106+'px'));
|
||||
$('#tree-box').css('height',(document.documentElement.clientHeight-126+'px'));
|
||||
$('#main-box').css('height',(document.documentElement.clientHeight-126+'px'));
|
||||
let winHeight2=document.documentElement.clientHeight;
|
||||
if(winHeight2-396>100){
|
||||
this.tableHeight=winHeight2-396;
|
||||
}
|
||||
})
|
||||
this.initTree();
|
||||
this.queryTable();
|
||||
@@ -100,15 +108,20 @@ export class UserManagementComponent implements OnInit {
|
||||
}
|
||||
//重置,重置搜索条件
|
||||
reset(){
|
||||
this.search.page_index=1;
|
||||
this.search.page_size=10;
|
||||
this.search.real_name='';
|
||||
this.search.login_name='';
|
||||
this.queryTable();
|
||||
}
|
||||
//获取列表
|
||||
queryTable():void{
|
||||
queryTable(params?):void{
|
||||
this.statusParamsTable.status=1;
|
||||
this.tableData=[];
|
||||
this.collectionSize='';
|
||||
if(params){
|
||||
this.search.page_index=params;
|
||||
}else{
|
||||
this.search.page_index='1';
|
||||
}
|
||||
this.http.get('/sysapi/setting/user/list',this.search).subscribe((json)=>{
|
||||
if(json.is_success){
|
||||
this.tableData=json.body.list;
|
||||
@@ -125,8 +138,7 @@ export class UserManagementComponent implements OnInit {
|
||||
}
|
||||
//翻页
|
||||
pageChange(event){
|
||||
this.search.page_index=event;
|
||||
this.queryTable();
|
||||
this.queryTable(event);
|
||||
}
|
||||
//树模型参数设置
|
||||
public zNodes: any[];
|
||||
|
||||
Reference in New Issue
Block a user