面包屑导航

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{ .right{
float: right; float: right;
} }
.navigation{
margin-bottom: 10px;
}
.system-main-container { .system-main-container {
position: relative; position: relative;
padding: 20px 20px; padding: 20px 20px;
@@ -1,4 +1,16 @@
<div class="system-main-container"> <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="org-manage">
<div class="tree-box"> <div class="tree-box">
<app-request-status [statusParams]='statusParamsTree'></app-request-status> <app-request-status [statusParams]='statusParamsTree'></app-request-status>
@@ -1,5 +1,6 @@
@import "../../main.scss"; @import "../../main.scss";
.system-main-container{ .system-main-container{
padding-top: 10px;
.org-manage{ .org-manage{
.main-content{ .main-content{
overflow-y:scroll; overflow-y:scroll;
@@ -1,6 +1,7 @@
<div class="system-main-container"> <div class="system-main-container">
<div class="user-manage"> <div class="user-manage">
<div class="system-main-content card" id="main-box"> <div class="system-main-content card" id="main-box">
<div class="search-box"> <div class="search-box">
<div nz-row> <div nz-row>
<div nz-col nzSpan="8"> <div nz-col nzSpan="8">
@@ -2,7 +2,7 @@
<div class="self-row-box"> <div class="self-row-box">
<div class="self-row-content"> <div class="self-row-content">
<div class="ant-transfer-list"> <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"> <div class="ant-transfer-list-body">
<app-request-status [statusParams]='statusParamsData'></app-request-status> <app-request-status [statusParams]='statusParamsData'></app-request-status>
<ul class="ant-transfer-list-content" *ngIf='statusParamsData.status==3'> <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> <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>
<div class="ant-transfer-list"> <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"> <div class="ant-transfer-list-body">
<ul class="ant-transfer-list-content"> <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> <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() { ngOnInit() {
this.defaultData=[ this.defaultData=[
{"COL_CODE":" FLOP-CNCL", "COL_CN":"航班取消"}, {"COL_CODE":"FLOP-CNCL", "COL_CN":"航班取消"},
{"COL_CODE":" FLOP-FRET", "COL_CN":"航班返回"}, {"COL_CODE":"FLOP-FRET", "COL_CN":"航班返回"},
{"COL_CODE":" FLOP-FDIV", "COL_CN":"航班备降"}, {"COL_CODE":"FLOP-FDIV", "COL_CN":"航班备降"},
{"COL_CODE":" FLOP-FDEL", "COL_CN":"航班删除"}, {"COL_CODE":"FLOP-FDEL", "COL_CN":"航班删除"},
{"COL_CODE":" FLOP-DELY", "COL_CN":"航班延误"}, {"COL_CODE":"FLOP-DELY", "COL_CN":"航班延误"},
{"COL_CODE":" FLOP-ACTT", "COL_CN":"实际时间"}, {"COL_CODE":"FLOP-ACTT", "COL_CN":"实际时间"},
{"COL_CODE":" FLOP-GTDT", "COL_CN":"登机门消息"}, {"COL_CODE":"FLOP-GTDT", "COL_CN":"登机门消息"},
{"COL_CODE":" FLOP-PSDT", "COL_CN":"机位变更"}, {"COL_CODE":"FLOP-PSDT", "COL_CN":"机位变更"},
{"COL_CODE":" FLOP-ESTT", "COL_CN":"预计到达时间"}, {"COL_CODE":"FLOP-ESTT", "COL_CN":"预计到达时间"},
{"COL_CODE":" FLOP-PADT", "COL_CN":"前站起飞"}, {"COL_CODE":"FLOP-PADT", "COL_CN":"前站起飞"},
{"COL_CODE":" FLOP-CKDT", "COL_CN":"值机柜台"}, {"COL_CODE":"FLOP-CKDT", "COL_CN":"值机柜台"},
{"COL_CODE":" FLOP-BOTM", "COL_CN":"登机开始"}, {"COL_CODE":"FLOP-BOTM", "COL_CN":"登机开始"},
{"COL_CODE":" FLOP-CLDT", "COL_CN":"行李转盘"}, {"COL_CODE":"FLOP-CLDT", "COL_CN":"行李转盘"},
{"COL_CODE":" FLOP-ROUT", "COL_CN":"航班航线"}, {"COL_CODE":"FLOP-ROUT", "COL_CN":"航班航线"},
{"COL_CODE":" FLOP-VIPP", "COL_CN":"航班VIP"}, {"COL_CODE":"FLOP-VIPP", "COL_CN":"航班VIP"},
{"COL_CODE":" FLOP-HNAG", "COL_CN":"服务代理"}, {"COL_CODE":"FLOP-HNAG", "COL_CN":"服务代理"},
{"COL_CODE":" FLOP-FLBG", "COL_CN":"首末件行李到达"}, {"COL_CODE":"FLOP-FLBG", "COL_CN":"首末件行李到达"},
{"COL_CODE":" FLOP-RENO", "COL_CN":"飞机号变更"}, {"COL_CODE":"FLOP-RENO", "COL_CN":"飞机号变更"},
{"COL_CODE":" FLOP-ABTM", "COL_CN":"登桥撤桥"}, {"COL_CODE":"FLOP-ABTM", "COL_CN":"登桥撤桥"},
{"COL_CODE":" FLOP-CHOT", "COL_CN":"上下轮档"}, {"COL_CODE":"FLOP-CHOT", "COL_CN":"上下轮档"},
{"COL_CODE":" FLOP-TRML", "COL_CN":"航站楼"}, {"COL_CODE":"FLOP-TRML", "COL_CN":"航站楼"},
] ]
this.queryTable(); this.queryTable();
} }
@@ -1,4 +1,15 @@
<div class="system-main-container"> <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"> <div class="user-modify-box card" id="main-container">
<app-request-status *ngIf="modifyType==2" [statusParams]='statusParamsDetail'></app-request-status> <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> <nz-skeleton [nzActive]="true" [nzParagraph]="{ rows: 16 }" *ngIf='modifyType==2&&statusParamsDetail.status==1'></nz-skeleton>
@@ -1,7 +1,10 @@
@import "../../../main.scss"; @import "../../../main.scss";
.system-main-container{
padding-top: 10px;
}
.user-modify-box{ .user-modify-box{
position: relative; position: relative;
overflow-y:scroll; overflow-y:auto;
.user-footer{ .user-footer{
text-align: center; text-align: center;
margin-top: -20px; margin-top: -20px;
@@ -1,4 +1,14 @@
<div class="system-main-container"> <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="user-manage">
<div class="system-main-content card" id="main-box"> <div class="system-main-content card" id="main-box">
<div class="search-box"> <div class="search-box">
@@ -1,5 +1,6 @@
@import "../../main.scss"; @import "../../main.scss";
.system-main-container{ .system-main-container{
padding-top: 10px;
.user-manage{ .user-manage{
.system-main-content{ .system-main-content{
overflow-y:scroll; overflow-y:scroll;
@@ -1,4 +1,15 @@
<div class="system-main-container"> <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"> <div class="user-modify-box card" id="main-container">
<app-request-status *ngIf="modifyType==2" [statusParams]='statusParamsDetail'></app-request-status> <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> <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="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="user-manage">
<div class="tree-box" id="tree-box"> <div class="tree-box" id="tree-box">
<app-request-status [statusParams]='statusParamsTree'></app-request-status> <app-request-status [statusParams]='statusParamsTree'></app-request-status>
@@ -1,5 +1,6 @@
@import "../../main.scss"; @import "../../main.scss";
.system-main-container{ .system-main-container{
padding-top: 10px;
.user-manage{ .user-manage{
.system-main-content{ .system-main-content{
overflow-y:scroll; overflow-y:scroll;