各模块card高度设置

This commit is contained in:
liweijin
2018-12-19 18:01:10 +08:00
parent 651bad5fc5
commit ac6fa58583
16 changed files with 84 additions and 64 deletions
@@ -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[];