|
|
|
@ -3,6 +3,9 @@ import { Router, NavigationEnd, ActivatedRoute } from '@angular/router'; |
|
|
|
import { Title } from '@angular/platform-browser' |
|
|
|
import { Title } from '@angular/platform-browser' |
|
|
|
import { filter } from 'rxjs/operators'; |
|
|
|
import { filter } from 'rxjs/operators'; |
|
|
|
import { NavChangeService } from 'src/app/service/navChange.service'; |
|
|
|
import { NavChangeService } from 'src/app/service/navChange.service'; |
|
|
|
|
|
|
|
import { CacheTokenService } from '../../service/cache-token.service' //引入服务
|
|
|
|
|
|
|
|
import { CookieService } from 'ngx-cookie-service'; |
|
|
|
|
|
|
|
import { NzMessageService } from 'ng-zorro-antd/message'; |
|
|
|
@Component({ |
|
|
|
@Component({ |
|
|
|
selector: 'app-home', |
|
|
|
selector: 'app-home', |
|
|
|
templateUrl: './home.component.html', |
|
|
|
templateUrl: './home.component.html', |
|
|
|
@ -10,11 +13,16 @@ import { NavChangeService } from 'src/app/service/navChange.service'; |
|
|
|
}) |
|
|
|
}) |
|
|
|
export class HomeComponent implements OnInit { |
|
|
|
export class HomeComponent implements OnInit { |
|
|
|
|
|
|
|
|
|
|
|
constructor(private router: Router, private navChangeService: NavChangeService) { } |
|
|
|
constructor(private router: Router, private navChangeService: NavChangeService, public token: CacheTokenService, |
|
|
|
|
|
|
|
private cookieService: CookieService, private message: NzMessageService) { } |
|
|
|
isGasStationNav: boolean |
|
|
|
isGasStationNav: boolean |
|
|
|
isGasStation: boolean |
|
|
|
isGasStation: boolean |
|
|
|
isWarning: boolean = false//是否是今日预警页面
|
|
|
|
isWarning: boolean = false//是否是今日预警页面
|
|
|
|
num |
|
|
|
num |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
surname: string |
|
|
|
|
|
|
|
userName: string |
|
|
|
|
|
|
|
// isGasStation: string
|
|
|
|
ngOnInit(): void { |
|
|
|
ngOnInit(): void { |
|
|
|
|
|
|
|
|
|
|
|
this.navChangeService.getMessage().subscribe((message: any) => { |
|
|
|
this.navChangeService.getMessage().subscribe((message: any) => { |
|
|
|
@ -42,8 +50,10 @@ export class HomeComponent implements OnInit { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (sessionStorage.getItem('isGasStation') == 'true') { |
|
|
|
if (sessionStorage.getItem('isGasStation') == 'true') { |
|
|
|
|
|
|
|
this.isGasStation = true |
|
|
|
this.isGasStationNav = true |
|
|
|
this.isGasStationNav = true |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
|
|
|
|
this.isGasStation = false |
|
|
|
this.isGasStationNav = false |
|
|
|
this.isGasStationNav = false |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -61,12 +71,107 @@ export class HomeComponent implements OnInit { |
|
|
|
this.isGasStation = false |
|
|
|
this.isGasStation = false |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
setInterval(() => { |
|
|
|
|
|
|
|
this.getTime() |
|
|
|
|
|
|
|
}, 1000); |
|
|
|
|
|
|
|
this.isGasStation = JSON.parse(sessionStorage.getItem('isGasStation')) |
|
|
|
|
|
|
|
if (this.isGasStation) { |
|
|
|
|
|
|
|
this.surname = JSON.parse(sessionStorage.getItem('userdataOfgasstation')).name |
|
|
|
|
|
|
|
this.userName = JSON.parse(sessionStorage.getItem('userdataOfgasstation')).userName |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.surname = JSON.parse(sessionStorage.getItem('userdata')).name |
|
|
|
|
|
|
|
this.userName = JSON.parse(sessionStorage.getItem('userdata')).userName |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//获得时间
|
|
|
|
|
|
|
|
time: string |
|
|
|
|
|
|
|
getTime() { |
|
|
|
|
|
|
|
let myDate = new Date(); |
|
|
|
|
|
|
|
let y = myDate.getFullYear(); |
|
|
|
|
|
|
|
let M = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
|
|
|
|
|
|
|
|
let d = myDate.getDate(); //获取当前日(1-31)
|
|
|
|
|
|
|
|
let h = myDate.getHours(); //获取当前小时数(0-23)
|
|
|
|
|
|
|
|
let m = myDate.getMinutes(); //获取当前分钟数(0-59)
|
|
|
|
|
|
|
|
let s = myDate.getSeconds(); //获取当前秒数(0-59)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//检查是否小于10
|
|
|
|
|
|
|
|
M = check(M); |
|
|
|
|
|
|
|
d = check(d); |
|
|
|
|
|
|
|
h = check(h); |
|
|
|
|
|
|
|
m = check(m); |
|
|
|
|
|
|
|
s = check(s); |
|
|
|
|
|
|
|
let timestr = y + "-" + M + "-" + d + " " + h + ":" + m + ":" + s; |
|
|
|
|
|
|
|
this.time = timestr; |
|
|
|
|
|
|
|
//时间数字小于10，则在之前加个“0”补位。
|
|
|
|
|
|
|
|
function check(i) { |
|
|
|
|
|
|
|
let num = (i < 10) ? ("0" + i) : i; |
|
|
|
|
|
|
|
return num; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//退出系统
|
|
|
|
|
|
|
|
signOut() { |
|
|
|
|
|
|
|
this.message.create('success', `退出成功`); |
|
|
|
|
|
|
|
this.token.delete() |
|
|
|
|
|
|
|
sessionStorage.clear() |
|
|
|
|
|
|
|
// window.localStorage.clear()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
localStorage.removeItem("isautologin") |
|
|
|
|
|
|
|
this.cookieService.set("token", '', new Date(new Date().getTime() + 1), '/'); |
|
|
|
|
|
|
|
this.cookieService.set("refreshToken", '', new Date(new Date().getTime() + 1), '/'); |
|
|
|
|
|
|
|
this.router.navigate(['/login']) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
navChange(router) { |
|
|
|
|
|
|
|
this.router.navigate([router]) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
goback() { |
|
|
|
goback() { |
|
|
|
this.router.navigate(['/plan']) |
|
|
|
this.router.navigate(['/plan']) |
|
|
|
this.isGasStationNav = false |
|
|
|
this.isGasStationNav = false |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//全屏
|
|
|
|
|
|
|
|
isfullscreen: boolean = false; |
|
|
|
|
|
|
|
fullscreenToggle() { |
|
|
|
|
|
|
|
const docElmWithBrowsersFullScreenFunctions = document.documentElement as HTMLElement & { |
|
|
|
|
|
|
|
mozRequestFullScreen(): Promise<void>; |
|
|
|
|
|
|
|
webkitRequestFullscreen(): Promise<void>; |
|
|
|
|
|
|
|
msRequestFullscreen(): Promise<void>; |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (docElmWithBrowsersFullScreenFunctions.requestFullscreen) { |
|
|
|
|
|
|
|
docElmWithBrowsersFullScreenFunctions.requestFullscreen(); |
|
|
|
|
|
|
|
} else if (docElmWithBrowsersFullScreenFunctions.mozRequestFullScreen) { /* Firefox */ |
|
|
|
|
|
|
|
docElmWithBrowsersFullScreenFunctions.mozRequestFullScreen(); |
|
|
|
|
|
|
|
} else if (docElmWithBrowsersFullScreenFunctions.webkitRequestFullscreen) { /* Chrome, Safari and Opera */ |
|
|
|
|
|
|
|
docElmWithBrowsersFullScreenFunctions.webkitRequestFullscreen(); |
|
|
|
|
|
|
|
} else if (docElmWithBrowsersFullScreenFunctions.msRequestFullscreen) { /* IE/Edge */ |
|
|
|
|
|
|
|
docElmWithBrowsersFullScreenFunctions.msRequestFullscreen(); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.isfullscreen = true; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
closefullscreen() { |
|
|
|
|
|
|
|
const docWithBrowsersExitFunctions = document as Document & { |
|
|
|
|
|
|
|
mozCancelFullScreen(): Promise<void>; |
|
|
|
|
|
|
|
webkitExitFullscreen(): Promise<void>; |
|
|
|
|
|
|
|
msExitFullscreen(): Promise<void>; |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
if (docWithBrowsersExitFunctions.exitFullscreen) { |
|
|
|
|
|
|
|
docWithBrowsersExitFunctions.exitFullscreen(); |
|
|
|
|
|
|
|
} else if (docWithBrowsersExitFunctions.mozCancelFullScreen) { /* Firefox */ |
|
|
|
|
|
|
|
docWithBrowsersExitFunctions.mozCancelFullScreen(); |
|
|
|
|
|
|
|
} else if (docWithBrowsersExitFunctions.webkitExitFullscreen) { /* Chrome, Safari and Opera */ |
|
|
|
|
|
|
|
docWithBrowsersExitFunctions.webkitExitFullscreen(); |
|
|
|
|
|
|
|
} else if (docWithBrowsersExitFunctions.msExitFullscreen) { /* IE/Edge */ |
|
|
|
|
|
|
|
docWithBrowsersExitFunctions.msExitFullscreen(); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.isfullscreen = false; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
