Compare commits
13 Commits
| Author | SHA1 | Date |
|---|---|---|
 邵佳豪
|
cce835a5ed | 1 year ago |
|
邵佳豪
|
7287fd7df2 | 1 year ago |
|
邵佳豪
|
d67ab60f12 | 1 year ago |
|
邵佳豪
|
16569746c1 | 1 year ago |
|
邵佳豪
|
ec3741cfaa | 1 year ago |
|
邵佳豪
|
eac4dd4613 | 1 year ago |
|
邵佳豪
|
801a1e72a3 | 1 year ago |
|
邵佳豪
|
eb34445184 | 1 year ago |
|
邵佳豪
|
6c7527ba07 | 1 year ago |
|
邵佳豪
|
a206b1c0eb | 1 year ago |
|
邵佳豪
|
f51a317a70 | 1 year ago |
|
邵佳豪
|
1efecd0edc | 1 year ago |
|
邵佳豪
|
b7c4b58d00 | 1 year ago |
43 changed files with 22481 additions and 2625 deletions
@ -1,35 +1,50 @@ |
|||||||
import { NgModule } from '@angular/core'; |
import { NgModule } from "@angular/core"; |
||||||
import { Routes, RouterModule } from '@angular/router'; |
import { Routes, RouterModule } from "@angular/router"; |
||||||
import { LoginComponent } from './pages/login/login.component'; |
import { LoginComponent } from "./pages/login/login.component"; |
||||||
import { RegisterComponent } from './pages/register/register.component'; |
import { RegisterComponent } from "./pages/register/register.component"; |
||||||
|
|
||||||
//路由守卫
|
//路由守卫
|
||||||
import { AuthGuard } from './auth.guard' |
import { AuthGuard } from "./auth.guard"; |
||||||
import { HomeComponent } from './pages/home/home.component'; |
import { HomeComponent } from "./pages/home/home.component"; |
||||||
import { NavigationComponent } from './system-management/navigation/navigation.component'; |
import { NavigationComponent } from "./system-management/navigation/navigation.component"; |
||||||
import { HomePageNologinComponent } from './pages/home-page-nologin/home-page-nologin.component'; |
import { HomePageNologinComponent } from "./pages/home-page-nologin/home-page-nologin.component"; |
||||||
|
import { GisHomeComponent } from "./pages/gis-home/gis-home.component"; |
||||||
|
|
||||||
|
|
||||||
const routes: Routes = [ |
const routes: Routes = [ |
||||||
{ path: '', redirectTo: 'login', pathMatch: 'full' }, |
{ path: "", redirectTo: "login", pathMatch: "full" }, |
||||||
{ path: 'login', component: LoginComponent }, //登录页
|
{ path: "login", component: LoginComponent }, //登录页
|
||||||
{ path: 'register', component: RegisterComponent }, //注册页
|
{ path: "register", component: RegisterComponent }, //注册页
|
||||||
// { path: 'homepagenologin', component: HomePageNologinComponent }, //注册页
|
{ path: "gishome", component: GisHomeComponent }, //地图首页
|
||||||
{ |
{ |
||||||
path: '', component: HomeComponent, canActivate: [AuthGuard], children: [ |
path: "", |
||||||
{ path: '', loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule) } |
component: HomeComponent, |
||||||
]
|
canActivate: [AuthGuard], |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
path: "", |
||||||
|
loadChildren: () => |
||||||
|
import("./pages/pages.module").then((m) => m.PagesModule), |
||||||
|
}, |
||||||
|
], |
||||||
}, //首页
|
}, //首页
|
||||||
{ |
{ |
||||||
path: '', component: NavigationComponent, canActivate: [AuthGuard], children: [ |
path: "", |
||||||
{ path: 'system', loadChildren: () => import('./system-management/system-management.module').then(m => m.SystemManagementModule) } |
component: NavigationComponent, |
||||||
] |
canActivate: [AuthGuard], |
||||||
}//系统管理
|
children: [ |
||||||
|
{ |
||||||
|
path: "system", |
||||||
|
loadChildren: () => |
||||||
|
import("./system-management/system-management.module").then( |
||||||
|
(m) => m.SystemManagementModule |
||||||
|
), |
||||||
|
}, |
||||||
|
], |
||||||
|
}, //系统管理
|
||||||
]; |
]; |
||||||
|
|
||||||
@NgModule({ |
@NgModule({ |
||||||
imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })], |
imports: [RouterModule.forRoot(routes, { relativeLinkResolution: "legacy" })], |
||||||
exports: [RouterModule] |
exports: [RouterModule], |
||||||
}) |
}) |
||||||
export class AppRoutingModule { } |
export class AppRoutingModule {} |
||||||
|
|||||||
@ -0,0 +1,15 @@ |
|||||||
|
<div class="box" cdkDrag> |
||||||
|
<div class="title" cdkDragHandle> |
||||||
|
<span> |
||||||
|
{{title}} |
||||||
|
</span> |
||||||
|
<span class="close" (click)="close()"> |
||||||
|
<i nz-icon nzType="close" nzTheme="outline"></i> |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
<div class="content"> |
||||||
|
<ul> |
||||||
|
<li *ngFor="let item of data">{{item}}</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,54 @@ |
|||||||
|
.box { |
||||||
|
width: 280px; |
||||||
|
font-size: 16px; |
||||||
|
border: 1px solid #558DB1; |
||||||
|
} |
||||||
|
.title { |
||||||
|
height: 32px; |
||||||
|
line-height: 32px; |
||||||
|
background-image: url(../../../../assets/gismap/listtitle.png); |
||||||
|
background-size: 100% 100%; |
||||||
|
background-repeat: no-repeat; |
||||||
|
color: #fff; |
||||||
|
box-sizing: border-box; |
||||||
|
padding-left: 16px; |
||||||
|
padding-right: 10px; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
cursor: default; |
||||||
|
.close{ |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
.content { |
||||||
|
max-height: 250px; |
||||||
|
overflow-y: auto; |
||||||
|
ul{ |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
li { |
||||||
|
height: 38px; |
||||||
|
line-height: 38px; |
||||||
|
padding-left: 16px; |
||||||
|
padding-right: 10px; |
||||||
|
color: #f7faff; |
||||||
|
font-size: 15px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
li:nth-child(odd) { |
||||||
|
background: linear-gradient( |
||||||
|
90deg, |
||||||
|
RGBA(17, 50, 83, 1), |
||||||
|
RGBA(17, 50, 83, 0.8) |
||||||
|
); |
||||||
|
} |
||||||
|
li:nth-child(even) { |
||||||
|
background: linear-gradient( |
||||||
|
90deg, |
||||||
|
RGBA(38, 56, 73, 1), |
||||||
|
RGBA(38, 56, 73, 0.8) |
||||||
|
); |
||||||
|
border-top: 1px solid #3e4f60; |
||||||
|
border-bottom: 1px solid #3e4f60; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,20 @@ |
|||||||
|
import { Component, EventEmitter, Input, OnInit, Output } from "@angular/core"; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: "app-card-list", |
||||||
|
templateUrl: "./card-list.component.html", |
||||||
|
styleUrls: ["./card-list.component.scss"], |
||||||
|
}) |
||||||
|
export class CardListComponent implements OnInit { |
||||||
|
@Input() title; |
||||||
|
@Input() data; |
||||||
|
|
||||||
|
@Output() childEvent = new EventEmitter<any>(); |
||||||
|
constructor() {} |
||||||
|
|
||||||
|
ngOnInit(): void {} |
||||||
|
|
||||||
|
close() { |
||||||
|
this.childEvent.emit("closeCardList"); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
<div class="box"> |
||||||
|
<span class="title">{{title}}</span> |
||||||
|
<span class="subtitle">{{subtitle}}</span> |
||||||
|
</div> |
||||||
@ -0,0 +1,29 @@ |
|||||||
|
.box { |
||||||
|
width: 100%; |
||||||
|
height: 52px; |
||||||
|
background-image: url(../../../../assets/gismap/cardtitle.png); |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-size: 100% 100%; |
||||||
|
position: absolute; |
||||||
|
top: -6px; |
||||||
|
left: 0px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.title { |
||||||
|
font-size: 20px; |
||||||
|
margin-left: 60px; |
||||||
|
margin-top: 10px; |
||||||
|
color: #fff; |
||||||
|
font-family: titlefont; |
||||||
|
// background: linear-gradient(to bottom, #fff, #88c3ec); |
||||||
|
// -webkit-background-clip: text; |
||||||
|
// -webkit-text-fill-color: transparent; |
||||||
|
} |
||||||
|
.subtitle { |
||||||
|
font-size: 12px; |
||||||
|
color: rgba(185, 233, 255, 0.4); |
||||||
|
font-family: titlefont; |
||||||
|
margin-left: 6px; |
||||||
|
margin-top: 16px; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
import { Component, Input, OnInit } from "@angular/core"; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: "app-card-title", |
||||||
|
templateUrl: "./card-title.component.html", |
||||||
|
styleUrls: ["./card-title.component.scss"], |
||||||
|
}) |
||||||
|
export class CardTitleComponent implements OnInit { |
||||||
|
@Input() title: string; |
||||||
|
@Input() subtitle: string; |
||||||
|
constructor() {} |
||||||
|
|
||||||
|
ngOnInit(): void {} |
||||||
|
} |
||||||
@ -0,0 +1,67 @@ |
|||||||
|
<div class="box"> |
||||||
|
<div id="mapDiv"></div> |
||||||
|
<div class="mask" style="pointer-events: none;"></div> |
||||||
|
<div class="leftBox"> |
||||||
|
<div class="left1 cardItem" |
||||||
|
(click)="urlTo('http://121.36.37.70:8201/planManagement/entryPlan?singleSignOn=true')"> |
||||||
|
<app-card-title [title]="'预案统计'" [subtitle]="'Plan statistics'"></app-card-title> |
||||||
|
<app-unit-title [num]="21250" (childEvent)="handleChildData($event)"></app-unit-title> |
||||||
|
<div class="content"> |
||||||
|
<div id="echartleft1"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="left2 cardItem" (click)="aHref($event,'ax://startup')"> |
||||||
|
<app-card-title [title]="'演练统计'" [subtitle]="'Exercise statistics'"></app-card-title> |
||||||
|
<app-unit-title [num]="126"></app-unit-title> |
||||||
|
<div class="content"> |
||||||
|
<div id="echartleft2"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="left3 cardItem" (click)="aHref($event,'ax2://startup')"> |
||||||
|
<app-card-title [title]="'风险管控平台统计'" [subtitle]="'Risk management'"></app-card-title> |
||||||
|
<app-unit-title [num]="33"></app-unit-title> |
||||||
|
<div class="content"> |
||||||
|
<div id="echartleft3"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="rightBox"> |
||||||
|
<div class="right1 cardItem" (click)="urlTo('http://121.36.37.70:8906/homepage?singleSignOn=true')"> |
||||||
|
<app-card-title [title]="'接入类型'" [subtitle]="'Intervention type'"></app-card-title> |
||||||
|
<div class="content"> |
||||||
|
<div class="accessList"> |
||||||
|
<div class="accessitem" *ngFor="let item of accessList"> |
||||||
|
<div class="img"> |
||||||
|
<img [src]="item.img" alt=""> |
||||||
|
</div> |
||||||
|
<div class="namebox"> |
||||||
|
<span class="name">{{item.name}}</span> |
||||||
|
<span class="value" [ngStyle]="{'color': item.color}">{{item.value}}</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="right2 cardItem" (click)="urlTo('http://121.36.37.70:8906/todaywarning?singleSignOn=true')"> |
||||||
|
<app-card-title [title]="'预警统计'" [subtitle]="'Warning statistics'"></app-card-title> |
||||||
|
<div class="content"> |
||||||
|
<div id="echartright1"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="right3 cardItem" |
||||||
|
(click)="urlTo('http://121.36.37.70:8906/records_nav/oliunloadinglist?singleSignOn=true')"> |
||||||
|
<app-card-title [title]="'卸油事件'" [subtitle]="'Oil unloading event'"></app-card-title> |
||||||
|
<div class="content"> |
||||||
|
<div id="echartright2"></div> |
||||||
|
<div id="echartright3"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="unitList" [hidden]="!isConnectedUnit"> |
||||||
|
<app-card-list [title]="'已接入单位'" [data]="unitList1" (childEvent)="handleChildData($event)"></app-card-list> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<div class="secretkey" (dblclick)="secretkeyTo()"></div> |
||||||
|
</div> |
||||||
@ -0,0 +1,156 @@ |
|||||||
|
.box { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.mask { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
z-index: 500; |
||||||
|
// background: radial-gradient( |
||||||
|
// rgba(255, 255, 255, 0) 0%, |
||||||
|
// rgba(6, 24, 50, 0.6) 50%, |
||||||
|
// rgb(5, 26, 56) 100% |
||||||
|
// ); |
||||||
|
background: radial-gradient( |
||||||
|
rgba(255, 255, 255, 0), |
||||||
|
rgba(255, 255, 255, 0), |
||||||
|
rgba(6, 24, 50, 0.6), |
||||||
|
rgba(6, 24, 50, 1) |
||||||
|
); |
||||||
|
} |
||||||
|
#mapDiv { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.leftBox, |
||||||
|
.rightBox { |
||||||
|
width: 430px; |
||||||
|
height: 100%; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
z-index: 500; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: space-between; |
||||||
|
box-sizing: border-box; |
||||||
|
padding-top: 20px; |
||||||
|
padding-bottom: 10px; |
||||||
|
} |
||||||
|
.leftBox { |
||||||
|
left: 20px; |
||||||
|
.left1 { |
||||||
|
height: 38%; |
||||||
|
} |
||||||
|
.left2 { |
||||||
|
height: 29%; |
||||||
|
} |
||||||
|
.left3 { |
||||||
|
height: 29%; |
||||||
|
} |
||||||
|
} |
||||||
|
.rightBox { |
||||||
|
right: 20px; |
||||||
|
.right1 { |
||||||
|
height: 25%; |
||||||
|
} |
||||||
|
.right2 { |
||||||
|
height: 34%; |
||||||
|
} |
||||||
|
.right3 { |
||||||
|
height: 38%; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.cardItem { |
||||||
|
background-image: url(../../../assets/gismap/cardbg.png); |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-size: 100% 100%; |
||||||
|
position: relative; |
||||||
|
box-sizing: border-box; |
||||||
|
padding-top: 50px; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
.content { |
||||||
|
flex: 1; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.accessList { |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
align-items: center; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 12px 35px 12px 12px; |
||||||
|
.accessitem { |
||||||
|
width: 50%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.img { |
||||||
|
margin-left: 20%; |
||||||
|
margin-right: 12px; |
||||||
|
} |
||||||
|
.namebox { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
.name { |
||||||
|
font-size: 16px; |
||||||
|
// font-family: Alibaba PuHuiTi; |
||||||
|
font-weight: 500; |
||||||
|
color: #ffffff; |
||||||
|
} |
||||||
|
.value { |
||||||
|
font-size: 20px; |
||||||
|
font-family: DINPro; |
||||||
|
font-weight: bold; |
||||||
|
color: #479ffe; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#echartleft1, |
||||||
|
#echartleft2, |
||||||
|
#echartleft3, |
||||||
|
#echartright1 { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
#echartright2 { |
||||||
|
width: 100%; |
||||||
|
height: 60%; |
||||||
|
} |
||||||
|
|
||||||
|
#echartright3 { |
||||||
|
width: 100%; |
||||||
|
height: 45%; |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.unitList { |
||||||
|
position: absolute; |
||||||
|
left: 24%; |
||||||
|
top: 2%; |
||||||
|
z-index: 500; |
||||||
|
} |
||||||
|
|
||||||
|
.secretkey { |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
bottom: 0; |
||||||
|
width: 5px; |
||||||
|
height: 5px; |
||||||
|
cursor: pointer; |
||||||
|
z-index: 999; |
||||||
|
} |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,6 @@ |
|||||||
|
<div class="box"> |
||||||
|
<div class="numbox"> |
||||||
|
截至{{time}} , 已接入单位数 : <div class="num" *ngFor="let item of numArr">{{item}}</div> 家 |
||||||
|
</div> |
||||||
|
<!-- <button class="btn" (click)="select($event)">选择</button> --> |
||||||
|
</div> |
||||||
@ -0,0 +1,36 @@ |
|||||||
|
.box { |
||||||
|
color: #fff; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
font-size: 13px; |
||||||
|
margin-top: 3px; |
||||||
|
margin-left: 30px; |
||||||
|
} |
||||||
|
.numbox { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
white-space: nowrap; |
||||||
|
overflow: hidden; |
||||||
|
text-overflow: ellipsis; |
||||||
|
margin-right: 12px; |
||||||
|
.num { |
||||||
|
width: 22px; |
||||||
|
height: 22px; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
border: 1px solid rgba(129, 197, 200, 0.6); |
||||||
|
font-family: DS-Digital; |
||||||
|
font-weight: bold; |
||||||
|
color: #ef9c00; |
||||||
|
margin: 0 2px; |
||||||
|
} |
||||||
|
} |
||||||
|
.btn { |
||||||
|
width: 50px; |
||||||
|
height: 24px; |
||||||
|
border: 1px solid #46bbf1; |
||||||
|
background: linear-gradient(0deg, #4ad0ff 0%, #2d3d5b 100%); |
||||||
|
border-radius: 3px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
@ -0,0 +1,48 @@ |
|||||||
|
import { Component, EventEmitter, Input, OnInit, Output } from "@angular/core"; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: "app-unit-title", |
||||||
|
templateUrl: "./unit-title.component.html", |
||||||
|
styleUrls: ["./unit-title.component.scss"], |
||||||
|
}) |
||||||
|
export class UnitTitleComponent implements OnInit { |
||||||
|
@Input() num: number; |
||||||
|
|
||||||
|
@Output() childEvent = new EventEmitter<any>(); |
||||||
|
constructor() {} |
||||||
|
|
||||||
|
time: string; |
||||||
|
ngOnInit(): void { |
||||||
|
console.log(this.num); |
||||||
|
this.getTime(); |
||||||
|
this.transformationNum(this.num); |
||||||
|
} |
||||||
|
|
||||||
|
getTime() { |
||||||
|
let today = new Date(); |
||||||
|
let year = today.getFullYear(); |
||||||
|
let month = today.getMonth() + 1; // 月份是从0开始的，所以要加1
|
||||||
|
let day = today.getDate(); |
||||||
|
this.time = year + "/" + month + "/" + day; |
||||||
|
} |
||||||
|
|
||||||
|
numArr = []; |
||||||
|
transformationNum(num) { |
||||||
|
let str = String(num); |
||||||
|
switch (str.length) { |
||||||
|
case 1: |
||||||
|
this.numArr = ["0", "0", str]; |
||||||
|
break; |
||||||
|
case 2: |
||||||
|
this.numArr = ["0", str[0], str[1]]; |
||||||
|
break; |
||||||
|
default: |
||||||
|
this.numArr = str.split(""); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
select(event) { |
||||||
|
event.stopPropagation(); |
||||||
|
this.childEvent.emit("openCardList"); |
||||||
|
} |
||||||
|
} |
||||||
File diff suppressed because it is too large
Load Diff
@ -1,80 +1,73 @@ |
|||||||
import { Component, OnInit } from '@angular/core'; |
import { Component, OnInit } from "@angular/core"; |
||||||
import { Router } from '@angular/router'; |
import { Router } from "@angular/router"; |
||||||
import { IsShowEchartsService } from 'src/app/service/isShowEcharts.service'; |
import { IsShowEchartsService } from "src/app/service/isShowEcharts.service"; |
||||||
import {Location} from "@angular/common"; |
import { Location } from "@angular/common"; |
||||||
@Component({ |
@Component({ |
||||||
selector: 'app-records-nav', |
selector: "app-records-nav", |
||||||
templateUrl: './records-nav.component.html', |
templateUrl: "./records-nav.component.html", |
||||||
styleUrls: ['./records-nav.component.scss'] |
styleUrls: ["./records-nav.component.scss"], |
||||||
}) |
}) |
||||||
export class RecordsNavComponent implements OnInit { |
export class RecordsNavComponent implements OnInit { |
||||||
|
constructor( |
||||||
|
private router: Router, |
||||||
|
private isShowEcharts: IsShowEchartsService, |
||||||
|
private location: Location |
||||||
|
) {} |
||||||
|
|
||||||
constructor(private router: Router, private isShowEcharts: IsShowEchartsService,private location: Location) { } |
isEcharts = true; |
||||||
|
menuList = ["预警类型统计", "卸油统计", "证照预警统计"]; |
||||||
isEcharts = true |
tap = []; |
||||||
menuList = ['预警类型统计', '卸油统计', '证照预警统计'] |
userMenu = []; |
||||||
tap=[] |
menu = ["预警类型统计", "卸油统计"]; |
||||||
userMenu = [] |
selectedMenu; |
||||||
menu=[] |
|
||||||
selectedMenu |
|
||||||
ngOnInit(): void { |
ngOnInit(): void { |
||||||
let a= sessionStorage.getItem('userdata') |
console.log(this.router); |
||||||
this.userMenu=JSON.parse(a).menus |
if (this.router.url.indexOf("oliunloadinglist") !== -1) { |
||||||
console.log(this.userMenu); |
this.selectedMenu = "卸油统计"; |
||||||
for (let index = 0; index < this.userMenu.length; index++) { |
|
||||||
let a=this.userMenu[index].name |
|
||||||
this.tap.push(a) |
|
||||||
|
|
||||||
} |
|
||||||
console.log(this.tap); |
|
||||||
|
|
||||||
if (this.userMenu.length==0) { |
|
||||||
this.menu=this.menuList |
|
||||||
}else{ |
|
||||||
for (let index = 0; index < this.menuList.length; index++) { |
|
||||||
|
|
||||||
for (let k = 0; k < this.tap.length; k++) { |
|
||||||
if (this.tap[k]==this.menuList[index]) { |
|
||||||
this.menu.push(this.tap[k])
|
|
||||||
console.log( this.menu); |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
} |
} |
||||||
|
if (this.router.url === "/records_nav") { |
||||||
|
this.selectedMenu = this.menu[0]; |
||||||
} |
} |
||||||
this.selectedMenu = this.menu[0] |
this.routerChange(); |
||||||
this.routerChange() |
|
||||||
|
|
||||||
} |
} |
||||||
|
|
||||||
selectMenu(item) { |
selectMenu(item) { |
||||||
if (this.selectedMenu == item) { |
if (this.selectedMenu == item) { |
||||||
return |
return; |
||||||
} |
} |
||||||
this.isEcharts = true |
this.isEcharts = true; |
||||||
this.selectedMenu = item |
this.selectedMenu = item; |
||||||
this.routerChange() |
this.routerChange(); |
||||||
} |
} |
||||||
|
|
||||||
routerChange() { |
routerChange() { |
||||||
if (sessionStorage.getItem('isGasStation') == 'false') { |
console.log("this.selectedMenu", this.selectedMenu); |
||||||
if (this.selectedMenu == '预警类型统计') { |
if (this.selectedMenu == "预警类型统计") { |
||||||
this.router.navigate(['/records_nav/all']) |
this.router.navigate(["/records_nav/all"]); |
||||||
} else if (this.selectedMenu == '卸油统计') { |
} else if (this.selectedMenu == "卸油统计") { |
||||||
this.router.navigate(['/records_nav/oliunloadinglist']) |
this.router.navigate(["/records_nav/oliunloadinglist"]); |
||||||
} else if (this.selectedMenu == '证照预警统计') { |
} else if (this.selectedMenu == "证照预警统计") { |
||||||
this.router.navigate(['/records_nav/warningstatisticslist']) |
this.router.navigate(["/records_nav/warningstatisticslist"]); |
||||||
|
} |
||||||
|
return; |
||||||
|
if (sessionStorage.getItem("isGasStation") == "false") { |
||||||
|
if (this.selectedMenu == "预警类型统计") { |
||||||
|
this.router.navigate(["/records_nav/all"]); |
||||||
|
} else if (this.selectedMenu == "卸油统计") { |
||||||
|
this.router.navigate(["/records_nav/oliunloadinglist"]); |
||||||
|
} else if (this.selectedMenu == "证照预警统计") { |
||||||
|
this.router.navigate(["/records_nav/warningstatisticslist"]); |
||||||
} |
} |
||||||
} else { |
} else { |
||||||
if (this.selectedMenu == '预警类型统计') { |
if (this.selectedMenu == "预警类型统计") { |
||||||
this.router.navigate(['/records_nav/petrolStation/all']) |
this.router.navigate(["/records_nav/petrolStation/all"]); |
||||||
} else if (this.selectedMenu == '卸油统计') { |
} else if (this.selectedMenu == "卸油统计") { |
||||||
this.router.navigate(['/records_nav/petrolStation/oliunloadinglist']) |
this.router.navigate(["/records_nav/petrolStation/oliunloadinglist"]); |
||||||
} else if (this.selectedMenu == '证照预警统计') { |
} else if (this.selectedMenu == "证照预警统计") { |
||||||
this.router.navigate(['/records_nav/petrolStation/warningstatisticslist']) |
this.router.navigate([ |
||||||
|
"/records_nav/petrolStation/warningstatisticslist", |
||||||
|
]); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
} |
} |
||||||
|
|||||||
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 416 B |
|
After Width: | Height: | Size: 286 B |
|
After Width: | Height: | Size: 450 B |
|
After Width: | Height: | Size: 716 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 8.0 KiB |
@ -1,16 +1,20 @@ |
|||||||
<!doctype html> |
<!doctype html> |
||||||
<html lang="zh-CN"> |
<html lang="zh-CN"> |
||||||
|
|
||||||
<head> |
<head> |
||||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||||
<title>加油站智能安全管理系统</title> |
<title>智能安全管理系统</title> |
||||||
<base href="/"> |
<base href="/"> |
||||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||||
<link rel="icon" type="image/x-icon" href="favicon.ico"> |
<link rel="icon" type="image/x-icon" href="favicon.ico"> |
||||||
</head> |
</head> |
||||||
|
|
||||||
<body> |
<body> |
||||||
<app-root></app-root> |
<app-root></app-root> |
||||||
<div id="viewerjs" style="display:none"></div> |
<div id="viewerjs" style="display:none"></div> |
||||||
</body> |
</body> |
||||||
<script src="./assets/js/abp.js"></script> |
<script src="./assets/js/abp.js"></script> |
||||||
<script src="./assets/js/echarts-tooltip-carousel.js"></script> |
<script src="./assets/js/echarts-tooltip-carousel.js"></script> |
||||||
|
<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=3027d4c8ed89bd8a185a9b73dbf3dcad"></script> |
||||||
|
|
||||||
</html> |
</html> |
||||||
Loading…
Reference in new issue