From ac6fa585833b0271624d2cb85ba46dc37ae3109d Mon Sep 17 00:00:00 2001 From: liweijin <610336687@qq.com> Date: Wed, 19 Dec 2018 18:01:10 +0800 Subject: [PATCH] =?UTF-8?q?=E5=90=84=E6=A8=A1=E5=9D=97card=E9=AB=98?= =?UTF-8?q?=E5=BA=A6=E8=AE=BE=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/pages/main.scss | 2 +- .../department-management.component.ts | 8 ++--- .../operation-logs.component.html | 9 ++++-- .../operation-logs.component.scss | 5 ++- .../operation-logs.component.ts | 18 +++++------ .../personal-settings.component.html | 8 ++++- .../personal-settings.component.scss | 8 +++-- .../personal-settings.component.ts | 7 +--- .../role-management-modify.component.scss | 3 +- .../role-management.component.html | 8 ++--- .../role-management.component.scss | 4 ++- .../role-management.component.ts | 17 ++++------ .../user-management-modify.component.scss | 4 ++- .../user-management.component.html | 10 ++---- .../user-management.component.scss | 5 ++- .../user-management.component.ts | 32 +++++++++++++------ 16 files changed, 84 insertions(+), 64 deletions(-) diff --git a/src/app/pages/main.scss b/src/app/pages/main.scss index 33ef4a9..bb3ac34 100644 --- a/src/app/pages/main.scss +++ b/src/app/pages/main.scss @@ -39,11 +39,11 @@ } } .card{ - height: 100%; background: #fff; padding: 20px; box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15); border-radius: 0; + margin-bottom: 20px; } .tree-box{ 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 b9bc93d..df4e4ca 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 @@ -61,11 +61,11 @@ export class DepartmentManagementComponent implements OnInit { } ngOnInit() { - $('.tree-box').css('height',(document.documentElement.clientHeight-106+'px')); - $('.main-content').css('height',(document.documentElement.clientHeight-106+'px')); + $('.tree-box').css('height',(document.documentElement.clientHeight-126+'px')); + $('.main-content').css('height',(document.documentElement.clientHeight-126+'px')); $(window).resize(function(){ - $('.tree-box').css('height',(document.documentElement.clientHeight-106+'px')); - $('.main-content').css('height',(document.documentElement.clientHeight-106+'px')); + $('.tree-box').css('height',(document.documentElement.clientHeight-126+'px')); + $('.main-content').css('height',(document.documentElement.clientHeight-126+'px')); }) //表单实例化 this.validateForm = this.fb.group({ diff --git a/src/app/pages/system-management/operation-logs/operation-logs.component.html b/src/app/pages/system-management/operation-logs/operation-logs.component.html index 7f0ae1a..8dd0568 100644 --- a/src/app/pages/system-management/operation-logs/operation-logs.component.html +++ b/src/app/pages/system-management/operation-logs/operation-logs.component.html @@ -1,7 +1,12 @@
+
+ + 系统管理 + 操作日志 + +
-
- +
diff --git a/src/app/pages/system-management/operation-logs/operation-logs.component.scss b/src/app/pages/system-management/operation-logs/operation-logs.component.scss index 59da8bc..4193529 100644 --- a/src/app/pages/system-management/operation-logs/operation-logs.component.scss +++ b/src/app/pages/system-management/operation-logs/operation-logs.component.scss @@ -1,8 +1,11 @@ @import "../../main.scss"; .system-main-container{ + padding-top: 10px; + padding-bottom: 0; + overflow-y:auto; .user-manage{ .system-main-content{ - overflow-y:scroll; + } .card{ diff --git a/src/app/pages/system-management/operation-logs/operation-logs.component.ts b/src/app/pages/system-management/operation-logs/operation-logs.component.ts index e52b9c8..e355c6a 100644 --- a/src/app/pages/system-management/operation-logs/operation-logs.component.ts +++ b/src/app/pages/system-management/operation-logs/operation-logs.component.ts @@ -42,11 +42,6 @@ export class OperationLogsComponent implements OnInit { ) { } ngOnInit() { - // 页面监听 动态改变表单高度 - $('#main-box').css('height',(document.documentElement.clientHeight-106+'px')); - $(window).resize(function(){ - $('#main-box').css('height',(document.documentElement.clientHeight-106+'px')); - }) this.queryTable(); } onChange(result: Date): void { @@ -55,17 +50,21 @@ export class OperationLogsComponent implements OnInit { } //重置，重置搜索条件 reset(){ - this.search.page_index=1; - this.search.page_size=10; this.search.keyword=''; this.search.date_start=''; this.search.date_end=''; 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/oplog/list',this.search).subscribe((json)=>{ if(json.is_success){ this.tableData=json.body.recordList; @@ -82,8 +81,7 @@ export class OperationLogsComponent implements OnInit { } //翻页 pageChange(event){ - this.search.page_index=event; - this.queryTable(); + this.queryTable(event); } } diff --git a/src/app/pages/system-management/personal-settings/personal-settings.component.html b/src/app/pages/system-management/personal-settings/personal-settings.component.html index 90a55c8..99697e6 100644 --- a/src/app/pages/system-management/personal-settings/personal-settings.component.html +++ b/src/app/pages/system-management/personal-settings/personal-settings.component.html @@ -1,5 +1,11 @@
-
+
+ + 系统管理 + 个人设置 + +
+
diff --git a/src/app/pages/system-management/personal-settings/personal-settings.component.scss b/src/app/pages/system-management/personal-settings/personal-settings.component.scss index 23c1f8f..628b92a 100644 --- a/src/app/pages/system-management/personal-settings/personal-settings.component.scss +++ b/src/app/pages/system-management/personal-settings/personal-settings.component.scss @@ -1,6 +1,10 @@ +@import "../../main.scss"; .system-main-container{ + padding-top: 10px; + padding-bottom: 0; + overflow-y:auto; .self-main-content{ - overflow-y: auto; + // overflow-y: auto; height: 100%; } .ant-tabs{ @@ -45,4 +49,4 @@ } .bg{ background-color: #e6f7ff; -} \ No newline at end of file +} diff --git a/src/app/pages/system-management/personal-settings/personal-settings.component.ts b/src/app/pages/system-management/personal-settings/personal-settings.component.ts index bd974e3..456bb87 100644 --- a/src/app/pages/system-management/personal-settings/personal-settings.component.ts +++ b/src/app/pages/system-management/personal-settings/personal-settings.component.ts @@ -8,7 +8,7 @@ declare var jQuery: any; @Component({ selector: 'app-personal-settings', templateUrl: './personal-settings.component.html', - styleUrls: ['./personal-settings.component.scss','../../main.scss'], + styleUrls: ['./personal-settings.component.scss'], providers:[HttpClientService] }) export class PersonalSettingsComponent implements OnInit { @@ -40,11 +40,6 @@ export class PersonalSettingsComponent implements OnInit { ) { } ngOnInit() { - // 页面监听 动态改变表单高度 - $('#main-box').css('height',(document.documentElement.clientHeight-106+'px')); - $(window).resize(function(){ - $('#main-box').css('height',(document.documentElement.clientHeight-106+'px')); - }) //this.list=[{"COL_CODE":"FLNO", "COL_CN":"航班号", "COL_ORDER":"10"}, {"COL_CODE":"ALCD", "COL_CN":"航空公司", "COL_ORDER":"8"}, {"COL_CODE":"FLIN", "COL_CN":"航线类别", "COL_ORDER":"4"}, {"COL_CODE":"FLTY", "COL_CN":"航班类别", "COL_ORDER":"5"}, {"COL_CODE":"MVIN", "COL_CN":"航向指示", "COL_ORDER":"9"}, {"COL_CODE":"TRML", "COL_CN":"候机楼", "COL_ORDER":"7"}, {"COL_CODE":"RENO", "COL_CN":"飞机号", "COL_ORDER":"3"}, {"COL_CODE":"SODT", "COL_CN":"计划到达/出发", "COL_ORDER":"13"}, {"COL_CODE":"ESTT", "COL_CN":"预计到达/出发", "COL_ORDER":"14"}, {"COL_CODE":"ACTT", "COL_CN":"实际到达/出发", "COL_ORDER":"15"}, {"COL_CODE":"STND", "COL_CN":"停机位", "COL_ORDER":"16"}, {"COL_CODE":"ORDER", "COL_CN":"排序", "COL_ORDER":"17"} ] this.defaultCols=[ {"COL_CODE":"ACFT", "COL_CN":"机型", "COL_ORDER":"1"}, diff --git a/src/app/pages/system-management/role-management/role-management-modify/role-management-modify.component.scss b/src/app/pages/system-management/role-management/role-management-modify/role-management-modify.component.scss index fbfdb37..41c65b3 100644 --- a/src/app/pages/system-management/role-management/role-management-modify/role-management-modify.component.scss +++ b/src/app/pages/system-management/role-management/role-management-modify/role-management-modify.component.scss @@ -1,10 +1,11 @@ @import "../../../main.scss"; .system-main-container{ padding-top: 10px; + padding-bottom: 0; + overflow-y:auto; } .user-modify-box{ position: relative; - overflow-y:auto; .user-footer{ text-align: center; margin-top: -20px; diff --git a/src/app/pages/system-management/role-management/role-management.component.html b/src/app/pages/system-management/role-management/role-management.component.html index e4744c7..cade00d 100644 --- a/src/app/pages/system-management/role-management/role-management.component.html +++ b/src/app/pages/system-management/role-management/role-management.component.html @@ -1,12 +1,8 @@
- - 角色管理 - - - 列表 - + 角色管理 + 列表
diff --git a/src/app/pages/system-management/role-management/role-management.component.scss b/src/app/pages/system-management/role-management/role-management.component.scss index 43471b9..549bcf5 100644 --- a/src/app/pages/system-management/role-management/role-management.component.scss +++ b/src/app/pages/system-management/role-management/role-management.component.scss @@ -1,9 +1,11 @@ @import "../../main.scss"; .system-main-container{ padding-top: 10px; + padding-bottom: 0; + overflow-y:auto; .user-manage{ .system-main-content{ - overflow-y:scroll; + } .card{ diff --git a/src/app/pages/system-management/role-management/role-management.component.ts b/src/app/pages/system-management/role-management/role-management.component.ts index 9514dff..3be95e7 100644 --- a/src/app/pages/system-management/role-management/role-management.component.ts +++ b/src/app/pages/system-management/role-management/role-management.component.ts @@ -35,11 +35,6 @@ export class RoleManagementComponent implements OnInit { ) { } ngOnInit() { - // 页面监听 动态改变表单高度 - $('#main-box').css('height',(document.documentElement.clientHeight-106+'px')); - $(window).resize(function(){ - $('#main-box').css('height',(document.documentElement.clientHeight-106+'px')); - }) this.queryTable(); } //新增、修改 1新增 2修改 @@ -63,14 +58,17 @@ export class RoleManagementComponent implements OnInit { } //重置，重置搜索条件 reset(){ - this.search.page_index=1; - this.search.page_size=10; this.search.role_name=''; this.queryTable(); } //获取列表 - queryTable():void{ + queryTable(params?):void{ this.statusParamsTable.status=1; + if(params){ + this.search.page_index=params; + }else{ + this.search.page_index='1'; + } this.tableData=[]; this.http.get('/sysapi/setting/role/list',this.search).subscribe((json)=>{ if(json.is_success){ @@ -88,8 +86,7 @@ export class RoleManagementComponent implements OnInit { } //翻页 pageChange(event){ - this.search.page_index=event; - this.queryTable(); + this.queryTable(event); } } 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 72ed262..24b1abb 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,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; 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 a3e0501..d46beb9 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,12 +1,8 @@
- - 用户管理 - - - 列表 - + 用户管理 + 列表
@@ -48,7 +44,7 @@
- + 姓名 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 43471b9..258671f 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 @@ -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{ + +} \ 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 8bdea13..82967ca 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 @@ -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[];