面包屑导航

This commit is contained in:
liweijin
2018-12-17 17:54:22 +08:00
parent c7837aa5b3
commit 651bad5fc5
13 changed files with 88 additions and 24 deletions
+3
View File
@@ -18,6 +18,9 @@
.right{
float: right;
}
.navigation{
margin-bottom: 10px;
}
.system-main-container {
position: relative;
padding: 20px 20px;
@@ -1,4 +1,16 @@
<div class="system-main-container">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
部门管理
</nz-breadcrumb-item>
<nz-breadcrumb-item>
<span *ngIf='modifyType==1'>新增</span>
<span *ngIf='modifyType==2'>修改</span>
<span *ngIf='modifyType==3'>详情</span>
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="org-manage">
<div class="tree-box">
<app-request-status [statusParams]='statusParamsTree'></app-request-status>
@@ -1,5 +1,6 @@
@import "../../main.scss";
.system-main-container{
padding-top: 10px;
.org-manage{
.main-content{
overflow-y:scroll;
@@ -1,6 +1,7 @@
<div class="system-main-container">
<div class="user-manage">
<div class="system-main-content card" id="main-box">
<div class="search-box">
<div nz-row>
<div nz-col nzSpan="8">
@@ -2,7 +2,7 @@
<div class="self-row-box">
<div class="self-row-content">
<div class="ant-transfer-list">
<div class="ant-transfer-list-header">可选列{{sourceList.length}}</div>
<div class="ant-transfer-list-header">备选的类别{{sourceList.length}}</div>
<div class="ant-transfer-list-body">
<app-request-status [statusParams]='statusParamsData'></app-request-status>
<ul class="ant-transfer-list-content" *ngIf='statusParamsData.status==3'>
@@ -18,7 +18,7 @@
<button (click)='moveCross(4)' nzTitle="全部左移" nzPlacement="right" nz-tooltip class="move-btn" nz-button nzSize="large" [disabled]='!(targetList.length>0)' nzType="primary"><i nz-icon type="double-left" theme="outline"></i></button>
</div>
<div class="ant-transfer-list">
<div class="ant-transfer-list-header">已选{{targetList.length}}</div>
<div class="ant-transfer-list-header">已选的类别{{targetList.length}}</div>
<div class="ant-transfer-list-body">
<ul class="ant-transfer-list-content">
<li (click)="selectNode(item,i,2)" [ngClass]="{'bg':moveIndex==i&&selectedType==2}" class="ant-transfer-list-content-item ng-star-inserted" *ngFor="let item of targetList;let i=index"><label class="ant-checkbox-wrapper ng-untouched ng-pristine ng-valid"><span>{{item.COL_CN}}</span></label></li>
@@ -28,27 +28,27 @@ export class MsgAlertWarningComponent implements OnInit {
ngOnInit() {
this.defaultData=[
{"COL_CODE":" FLOP-CNCL", "COL_CN":"航班取消"},
{"COL_CODE":" FLOP-FRET", "COL_CN":"航班返回"},
{"COL_CODE":" FLOP-FDIV", "COL_CN":"航班备降"},
{"COL_CODE":" FLOP-FDEL", "COL_CN":"航班删除"},
{"COL_CODE":" FLOP-DELY", "COL_CN":"航班延误"},
{"COL_CODE":" FLOP-ACTT", "COL_CN":"实际时间"},
{"COL_CODE":" FLOP-GTDT", "COL_CN":"登机门消息"},
{"COL_CODE":" FLOP-PSDT", "COL_CN":"机位变更"},
{"COL_CODE":" FLOP-ESTT", "COL_CN":"预计到达时间"},
{"COL_CODE":" FLOP-PADT", "COL_CN":"前站起飞"},
{"COL_CODE":" FLOP-CKDT", "COL_CN":"值机柜台"},
{"COL_CODE":" FLOP-BOTM", "COL_CN":"登机开始"},
{"COL_CODE":" FLOP-CLDT", "COL_CN":"行李转盘"},
{"COL_CODE":" FLOP-ROUT", "COL_CN":"航班航线"},
{"COL_CODE":" FLOP-VIPP", "COL_CN":"航班VIP"},
{"COL_CODE":" FLOP-HNAG", "COL_CN":"服务代理"},
{"COL_CODE":" FLOP-FLBG", "COL_CN":"首末件行李到达"},
{"COL_CODE":" FLOP-RENO", "COL_CN":"飞机号变更"},
{"COL_CODE":" FLOP-ABTM", "COL_CN":"登桥撤桥"},
{"COL_CODE":" FLOP-CHOT", "COL_CN":"上下轮档"},
{"COL_CODE":" FLOP-TRML", "COL_CN":"航站楼"},
{"COL_CODE":"FLOP-CNCL", "COL_CN":"航班取消"},
{"COL_CODE":"FLOP-FRET", "COL_CN":"航班返回"},
{"COL_CODE":"FLOP-FDIV", "COL_CN":"航班备降"},
{"COL_CODE":"FLOP-FDEL", "COL_CN":"航班删除"},
{"COL_CODE":"FLOP-DELY", "COL_CN":"航班延误"},
{"COL_CODE":"FLOP-ACTT", "COL_CN":"实际时间"},
{"COL_CODE":"FLOP-GTDT", "COL_CN":"登机门消息"},
{"COL_CODE":"FLOP-PSDT", "COL_CN":"机位变更"},
{"COL_CODE":"FLOP-ESTT", "COL_CN":"预计到达时间"},
{"COL_CODE":"FLOP-PADT", "COL_CN":"前站起飞"},
{"COL_CODE":"FLOP-CKDT", "COL_CN":"值机柜台"},
{"COL_CODE":"FLOP-BOTM", "COL_CN":"登机开始"},
{"COL_CODE":"FLOP-CLDT", "COL_CN":"行李转盘"},
{"COL_CODE":"FLOP-ROUT", "COL_CN":"航班航线"},
{"COL_CODE":"FLOP-VIPP", "COL_CN":"航班VIP"},
{"COL_CODE":"FLOP-HNAG", "COL_CN":"服务代理"},
{"COL_CODE":"FLOP-FLBG", "COL_CN":"首末件行李到达"},
{"COL_CODE":"FLOP-RENO", "COL_CN":"飞机号变更"},
{"COL_CODE":"FLOP-ABTM", "COL_CN":"登桥撤桥"},
{"COL_CODE":"FLOP-CHOT", "COL_CN":"上下轮档"},
{"COL_CODE":"FLOP-TRML", "COL_CN":"航站楼"},
]
this.queryTable();
}
@@ -1,4 +1,15 @@
<div class="system-main-container">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
<a [routerLink]="['../']">角色管理</a>
</nz-breadcrumb-item>
<nz-breadcrumb-item>
<span *ngIf='modifyType==1'>新增角色</span>
<span *ngIf='modifyType==2'>修改角色</span>
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<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>
@@ -1,7 +1,10 @@
@import "../../../main.scss";
.system-main-container{
padding-top: 10px;
}
.user-modify-box{
position: relative;
overflow-y:scroll;
overflow-y:auto;
.user-footer{
text-align: center;
margin-top: -20px;
@@ -1,4 +1,14 @@
<div class="system-main-container">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
角色管理
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="user-manage">
<div class="system-main-content card" id="main-box">
<div class="search-box">
@@ -1,5 +1,6 @@
@import "../../main.scss";
.system-main-container{
padding-top: 10px;
.user-manage{
.system-main-content{
overflow-y:scroll;
@@ -1,4 +1,15 @@
<div class="system-main-container">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
<a [routerLink]="['../']">用户管理</a>
</nz-breadcrumb-item>
<nz-breadcrumb-item>
<span *ngIf='modifyType==1'>新增用户</span>
<span *ngIf='modifyType==2'>修改用户</span>
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<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>
@@ -1,4 +1,14 @@
<div class="system-main-container">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
用户管理
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="user-manage">
<div class="tree-box" id="tree-box">
<app-request-status [statusParams]='statusParamsTree'></app-request-status>
@@ -1,5 +1,6 @@
@import "../../main.scss";
.system-main-container{
padding-top: 10px;
.user-manage{
.system-main-content{
overflow-y:scroll;