Commit 3232819f authored by 陈娇's avatar 陈娇

侧边栏隐藏test

parent c37dcfc0
Pipeline #3026 passed with stage
in 0 seconds
...@@ -3,20 +3,27 @@ ...@@ -3,20 +3,27 @@
<ng-container *ngIf="item.isDisplay"> <ng-container *ngIf="item.isDisplay">
<div class="first-floor textStyle1 whenHover" [title]="item.name | translate" *ngIf="(item.child && item.child.length > 0) || item.type" (click)="selectFirstFloor(item)" [ngClass]="{'isSelectedFirst': isSelected[0] === item.name, 'isSelectedSecond': isSelected[0] === item.name && item.type === 1}"> <div class="first-floor textStyle1 whenHover" [title]="item.name | translate" *ngIf="(item.child && item.child.length > 0) || item.type" (click)="selectFirstFloor(item)" [ngClass]="{'isSelectedFirst': isSelected[0] === item.name, 'isSelectedSecond': isSelected[0] === item.name && item.type === 1}">
<i [class]="item.icon" [ngClass]="{'iconLeft': !isCollapsed,'iconLeftCos': isCollapsed}"></i> <i [class]="item.icon" [ngClass]="{'iconLeft': !isCollapsed,'iconLeftCos': isCollapsed}"></i>
<span *ngIf="!isCollapsed">{{item.name | translate}}</span> <span *ngIf="!isCollapsed">{{item.name | translate}}3333</span>
<i class="io iconRight" [ngClass]="{'i-xia': !isOpen[item.name] && !item.type && !isCollapsed,'i-shang': isOpen[item.name] && !item.type && !isCollapsed, 'i-you': isCollapsed && !item.type}"></i> <i class="io iconRight" [ngClass]="{'i-xia': !isOpen[item.name] && !item.type && !isCollapsed,'i-shang': isOpen[item.name] && !item.type && !isCollapsed, 'i-you': isCollapsed && !item.type}"></i>
</div> </div>
<div *ngIf="isOpen[item.name] && !isCollapsed" class="menuSecond whenHover"> <div *ngIf="isOpen[item.name] && !isCollapsed" class="menuSecond whenHover">
<div class="second-floor whenHover textStyle2" [title]="one.name | translate" *ngFor="let one of item.child" <div class="second-floor whenHover textStyle2" [title]="one.name | translate" *ngFor="let one of item.child"
(click)="selectSecondFloor(item.name, one.name)" (click)="selectSecondFloor(item.name, one.name)"
[ngClass]="{'isSelectedSecond': isSelected[0] === item.name && isSelected[1] === one.name}">{{one.name | translate}} [ngClass]="{'isSelectedSecond': isSelected[0] === item.name && isSelected[1] === one.name}">
<ng-container *ngIf="one.isDisplay">
{{one.name | translate}}1111
</ng-container>
</div> </div>
</div> </div>
<div *ngIf="isCollapsed && item.child.length > 0" class="menuSecondCos" [ngClass]="{'isCos': isCollapsed}"> <div *ngIf="isCollapsed && item.child.length > 0" class="menuSecondCos" [ngClass]="{'isCos': isCollapsed}">
<div class="handleTheLeft"> <div class="handleTheLeft">
<div class="second-floor-cos whenHover textStyle2" *ngFor="let one of item.child" <div class="second-floor-cos whenHover textStyle2" *ngFor="let one of item.child"
(click)="selectSecondFloor(item.name, one.name)" (click)="selectSecondFloor(item.name, one.name)"
[ngClass]="{'isSelectedSecond': isSelected[0] === item.name && isSelected[1] === one.name}">{{one.name | translate}} [ngClass]="{'isSelectedSecond': isSelected[0] === item.name && isSelected[1] === one.name}">
<ng-container *ngIf="one.isDisplay">
{{one.name | translate}}2222
</ng-container>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -35,10 +35,10 @@ export class LeftmenuComponent implements OnInit, OnDestroy { ...@@ -35,10 +35,10 @@ export class LeftmenuComponent implements OnInit, OnDestroy {
type: 0, type: 0,
isDisplay: true, isDisplay: true,
child: [ child: [
{name: 'gatewayMgr'}, {name: 'gatewayMgr',isDisplay: true,},
{name: 'sensorMgr'}, {name: 'sensorMgr',isDisplay: true,},
{name: 'moduleMgr'}, {name: 'moduleMgr',isDisplay: true,},
{name: 'topicModuleMgr'} {name: 'topicModuleMgr',isDisplay: true,}
] ]
}, { }, {
name: 'systemMgr', name: 'systemMgr',
...@@ -46,17 +46,21 @@ export class LeftmenuComponent implements OnInit, OnDestroy { ...@@ -46,17 +46,21 @@ export class LeftmenuComponent implements OnInit, OnDestroy {
type: 0, type: 0,
isDisplay: true, isDisplay: true,
child: [ child: [
{name: 'influxdbMgr'}, {name: 'influxdbMgr',isDisplay: true,},
{name: 'userCenter'}, {name: 'userCenter',isDisplay: true,},
{name: 'customCenter'}, {name: 'customCenter',isDisplay: true,},
{name: 'partMgr'}, {name: 'partMgr',isDisplay: true,},
{name: 'areaMgr'}, {name: 'logMgr'}] {name: 'areaMgr',isDisplay: false,},
{name: 'logMgr',isDisplay: true,}]
}, { }, {
name: 'dataCenter', name: 'dataCenter',
icon: 'io i-ico_data', icon: 'io i-ico_data',
type: 0, type: 0,
isDisplay: true, isDisplay: false,
child: [{name: 'currentData'}, {name: 'dataSum'}, {name: 'historyData'}] child: [
{name: 'currentData',isDisplay: true,},
{name: 'dataSum',isDisplay: true,},
{name: 'historyData',isDisplay: true,}]
}]; }];
isOpen = {monitoring: false, deviceManage: false, pileManage: false, moduleCenter: false, systemSet: false}; isOpen = {monitoring: false, deviceManage: false, pileManage: false, moduleCenter: false, systemSet: false};
isSelected = ['', '']; isSelected = ['', ''];
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment