@ -1,29 +1,43 @@
import { Component , OnInit , ViewContainerRef } from '@angular/core' ; import { Component , OnInit , ViewContainerRef } from "@angular/core" ;
import { HttpClient } from '@angular/common/http' import { HttpClient } from "@angular/common/http" ;
import { Router , ActivatedRoute } from '@angular/router' import { Router , ActivatedRoute } from "@angular/router" ;
import { CacheTokenService } from '../../service/cache-token.service' //引入服务
import { CacheTokenService } from "../../service/cache-token.service" ; //引入服务
import { AbstractControl , FormBuilder , FormGroup , Validators } from '@angular/forms' ; import {
import { NzMessageService } from 'ng-zorro-antd/message' ; AbstractControl ,
import { Base64 } from 'js-base64' ; FormBuilder ,
import { NzNotificationService } from 'ng-zorro-antd/notification' ; FormGroup ,
import { NzSafeAny } from 'ng-zorro-antd/core/types' ; Validators ,
import { SelectedMenu } from 'src/app/service/selectedMenu.service' ; } from "@angular/forms" ;
import { NzModalService } from 'ng-zorro-antd/modal' ; import { NzMessageService } from "ng-zorro-antd/message" ;
import { ForgetComponent } from './forget/forget.component' ; import { Base64 } from "js-base64" ;
import { PatternService } from 'src/app/service/pattern.service' ; import { NzNotificationService } from "ng-zorro-antd/notification" ;
// import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
import { NzSafeAny } from "ng-zorro-antd/core/types" ;
import { SelectedMenu } from "src/app/service/selectedMenu.service" ;
import { NzModalService } from "ng-zorro-antd/modal" ;
import { ForgetComponent } from "./forget/forget.component" ;
import { PatternService } from "src/app/service/pattern.service" ;
declare var abp : any
@Component ( { @Component ( {
selector : 'app-login' , selector : "app-login" ,
templateUrl : './login.component.html' , templateUrl : "./login.component.html" ,
styleUrls : [ './login.component.scss' ] styleUrls : [ "./login.component.scss" ] ,
} ) } )
export class LoginComponent implements OnInit { export class LoginComponent implements OnInit {
validateForm ! : FormGroup ; validateForm ! : FormGroup ;
passwordValidateForm ! : FormGroup ; passwordValidateForm ! : FormGroup ;
constructor ( private http : HttpClient , private router : Router , private route : ActivatedRoute , public token : CacheTokenService , private fb : FormBuilder , private message : NzMessageService , private notificationService : NzNotificationService , private selectedMenu : SelectedMenu , private modal : NzModalService , private viewContainerRef : ViewContainerRef , private patternService : PatternService ) { constructor (
private http : HttpClient ,
private router : Router ,
private route : ActivatedRoute ,
public token : CacheTokenService ,
private fb : FormBuilder ,
private message : NzMessageService ,
private notificationService : NzNotificationService ,
private selectedMenu : SelectedMenu ,
private modal : NzModalService ,
private viewContainerRef : ViewContainerRef ,
private patternService : PatternService
) {
const { password } = MyValidators ; const { password } = MyValidators ;
this . validateForm = this . fb . group ( { this . validateForm = this . fb . group ( {
userName : [ null , [ Validators . required ] ] , userName : [ null , [ Validators . required ] ] ,
@ -34,224 +48,325 @@ export class LoginComponent implements OnInit {
this . passwordValidateForm = this . fb . group ( { this . passwordValidateForm = this . fb . group ( {
oldpassword : [ null , [ Validators . required ] ] , oldpassword : [ null , [ Validators . required ] ] ,
newpassword : [ null , [ Validators . required , password ] ] , newpassword : [ null , [ Validators . required , password ] ] ,
affirmpassword : [ null , [ Validators . required , password ] ] affirmpassword : [ null , [ Validators . required , password ] ] ,
} ) ; } ) ;
} }
isProd : boolean ;
isProd : boolean
ngOnInit() { ngOnInit() {
this . isProd = this . patternService . isProd this . isProd = this . patternService . isProd ;
//如果本地储存了账号密码信息，那就回显在输入框
//如果本地储存了账号密码信息，那就回显在输入框
let account = localStorage . getItem ( 'account' ) let account = localStorage . getItem ( "account" ) ;
let password = localStorage . getItem ( 'password' ) let password = localStorage . getItem ( "password" ) ;
if ( account && password ) { if ( account && password ) {
this . validateForm . patchValue ( { this . validateForm . patchValue ( {
userName : Base64.decode ( localStorage . getItem ( 'account' ) ) , userName : Base64.decode ( localStorage . getItem ( "account" ) ) ,
password : Base64.decode ( localStorage . getItem ( 'password' ) ) password : Base64.decode ( localStorage . getItem ( "password" ) ) ,
} ) ; } ) ;
this . remember = true //这一步是回显后让勾选框为选中状态
this . remember = true ; //这一步是回显后让勾选框为选中状态
} }
//自动登录
//自动登录
if ( localStorage . getItem ( 'isautologin' ) == 'true' ) { if ( localStorage . getItem ( "isautologin" ) == "true" ) {
this . submitForm ( ) this . submitForm ( ) ;
this . autologin = true //这一步是回显后让勾选框为选中状态
this . autologin = true ; //这一步是回显后让勾选框为选中状态
} }
} }
errmsg : string = '' ; //错误信息
errmsg : string = "" ; //错误信息
//跳转注册页面
//跳转注册页面
toRegister() { toRegister() {
this . router . navigate ( [ '/register' ] ) this . router . navigate ( [ "/register" ] ) ;
} }
//记住密码
//记住密码
rememberInfo() { rememberInfo() {
// 判断用户是否勾选记住密码，如果勾选，在本地储存中储存登录信息
// 判断用户是否勾选记住密码，如果勾选，在本地储存中储存登录信息
if ( this . remember ) { if ( this . remember ) {
localStorage . setItem ( "account" , Base64 . encode ( this . validateForm . value . userName ) ) localStorage . setItem (
localStorage . setItem ( "password" , Base64 . encode ( this . validateForm . value . password ) ) "account" ,
Base64 . encode ( this . validateForm . value . userName )
) ;
localStorage . setItem (
"password" ,
Base64 . encode ( this . validateForm . value . password )
) ;
} }
} }
//自动登录
//自动登录
autoLogin() { autoLogin() {
if ( this . autologin ) { if ( this . autologin ) {
localStorage . setItem ( "isautologin" , 'true' ) localStorage . setItem ( "isautologin" , "true" ) ;
} }
} }
remember : any remember : any ;
autologin : any autologin : any ;
isLoading = false ; isLoading = false ;
messages messages ;
encryptedAccessToken encryptedAccessToken ;
menu1 = [ menu1 = [
{ name : '首页' , url : '/homepage' } , { name : "首页" , url : "/homepage" } ,
{ name : '数字油站' , url : '/plan' } , { name : "数字油站" , url : "/plan" } ,
{ name : '今日预警' , url : '/todaywarning' } , { name : "今日预警" , url : "/todaywarning" } ,
{ name : '预警记录' , url : '/records_nav' } , { name : "预警记录" , url : "/records_nav" } ,
{ name : '证照管理' , url : '/audit' } , { name : "证照管理" , url : "/audit" } ,
] ] ;
menu2 = [ menu2 = [
{ name : '数字油站' , url : '/plan/petrolStation' } , { name : "数字油站" , url : "/plan/petrolStation" } ,
{ name : '今日预警' , url : '/todaywarning/petrolStation' } , { name : "今日预警" , url : "/todaywarning/petrolStation" } ,
{ name : '预警记录' , url : '/records_nav/petrolStation' } , { name : "预警记录" , url : "/records_nav/petrolStation" } ,
{ name : '证照管理' , url : '/license/petrolStation' } , { name : "证照管理" , url : "/license/petrolStation" } ,
] ] ;
init3D init3D ;
async getGasStationBaseInfo() { async getGasStationBaseInfo() {
await new Promise ( ( resolve , reject ) = > { await new Promise ( ( resolve , reject ) = > {
let params = { organizationUnitId : ( JSON . parse ( sessionStorage . getItem ( 'userdataOfgasstation' ) ) ) . organization . id } let params = {
this . http . get ( '/api/services/app/GasStation/Get' , { params : params } ) . subscribe ( ( data : any ) = > { organizationUnitId : JSON.parse (
resolve ( data . result ) sessionStorage . getItem ( "userdataOfgasstation" )
) . organization . id ,
} ;
this . http
. get ( "/api/services/app/GasStation/Get" , { params : params } )
. subscribe ( ( data : any ) = > {
resolve ( data . result ) ;
sessionStorage . setItem ( "3dSceneData" , JSON . stringify ( data . result ) ) sessionStorage . setItem ( "3dSceneData" , JSON . stringify ( data . result ) ) ;
this . init3D = data . result . hasBuildingInfo this . init3D = data . result . hasBuildingInfo ;
} ) ;
} ) } ) ;
} )
} }
submitForm ( ) : void {
submitData ;
submitForm ( ) : void {
if ( ! this . remember ) { if ( ! this . remember ) {
localStorage . removeItem ( "account" ) localStorage . removeItem ( "account" ) ;
localStorage . removeItem ( "password" ) localStorage . removeItem ( "password" ) ;
} }
if ( ! this . autologin ) { if ( ! this . autologin ) {
localStorage . removeItem ( "isautologin" ) localStorage . removeItem ( "isautologin" ) ;
} }
for ( const i in this . validateForm . controls ) { for ( const i in this . validateForm . controls ) {
this . validateForm . controls [ i ] . markAsDirty ( ) ; this . validateForm . controls [ i ] . markAsDirty ( ) ;
this . validateForm . controls [ i ] . updateValueAndValidity ( ) ; this . validateForm . controls [ i ] . updateValueAndValidity ( ) ;
} }
if ( ! this . validateForm . valid ) { if ( ! this . validateForm . valid ) {
this . message . create ( 'error' , ` 请输入账号密码 ` ) ; this . message . create ( "error" , ` 请输入账号密码 ` ) ;
return return ;
} }
this . isLoading = true ; this . isLoading = true ;
this . http . post ( '/api/TokenAuth/Authenticate' , { this . http
userNameOrEmailAddress : this.validateForm.value.userName , . post ( "/api/TokenAuth/Authenticate" , {
password : this.validateForm.value.password userNameOrEmailAddress : this.validateForm.value.userName ,
} ) . subscribe ( password : this.validateForm.value.password ,
( data : any ) = > { } )
sessionStorage . setItem ( "token" , data . result . accessToken ) ; . subscribe (
sessionStorage . setItem ( "encryptedAccessToken" , data . result . encryptedAccessToken ) ; ( data : any ) = > {
this . http . get ( '/api/services/app/Session/GetCurrentLoginInformations' ) . subscribe ( async ( data : any ) = > { sessionStorage . setItem ( "token" , data . result . accessToken ) ;
console . log ( 'GetCurrentLoginInformations' , data . result ) sessionStorage . setItem (
if ( data . result . user . menus . length == 0 ) { "encryptedAccessToken" ,
this . message . create ( 'error' , ` 当前用户未分配菜单 ` ) ; data . result . encryptedAccessToken
this . isLoading = false ) ;
return this . http
} . get ( "/api/services/app/Session/GetCurrentLoginInformations" )
. subscribe (
sessionStorage . setItem ( 'userdata' , JSON . stringify ( data . result . user ) ) async ( data : any ) = > {
sessionStorage . setItem ( 'userdataOfgasstation' , JSON . stringify ( data . result . user ) ) this . submitData = data ;
sessionStorage . setItem ( 'isDefaultPassword' , JSON . stringify ( data . result . user . isDefaultPassword ) ) console . log ( "GetCurrentLoginInformations" , data . result ) ;
sessionStorage . setItem ( 'isPasswordExpired' , JSON . stringify ( data . result . user . isPasswordExpired ) ) if ( data . result . user . menus . length == 0 ) {
this . isLoading = false ; this . message . create ( "error" , ` 当前用户未分配菜单 ` ) ;
if ( ! data . result . user . organization ) { this . isLoading = false ;
this . message . create ( 'error' , ` 当前用户没有组织机构信息 ` ) ; return ;
return }
}
if ( data . result . user . organization . isGasStation ) {
await this . getGasStationBaseInfo ( )
if ( data . result . user . menus [ 0 ] . name == "数字油站" && data . result . user . menus . length == 1 && ! this . init3D ) {
this . message . create ( 'error' , ` 当前用户油站未开通3D且仅分配油站菜单 ` ) ;
return
}
}
//记住密码
this . rememberInfo ( )
//自动登录
this . autoLogin ( )
if ( data . result . user . organization . isGasStation ) { sessionStorage . setItem (
sessionStorage . setItem ( "isGasStation" , 'true' ) ; "userdata" ,
let a = sessionStorage . getItem ( 'userdataOfgasstation' ) JSON . stringify ( data . result . user )
let menuList = this . returnLastMenus ( a , this . menu2 ) ) ;
let isTrue = menuList . find ( ( item ) = > { sessionStorage . setItem (
return item . name == "今日预警" "userdataOfgasstation" ,
} ) ; JSON . stringify ( data . result . user )
if ( isTrue ) { ) ;
this . router . navigate ( [ '/todaywarning/petrolStation' ] )
sessionStorage . setItem ( 'selectedMenu' , '今日预警' )
} else if ( data . result . user . menus [ 0 ] . name == "数字油站" && ! this . init3D ) {
this . router . navigate ( [ menuList [ 1 ] . url ] )
sessionStorage . setItem ( 'selectedMenu' , menuList [ 1 ] . name )
} else if ( menuList . length == 0 ) {
return this . message . create ( 'warning' , ` 当前用户未分配菜单 ` ) ;
} else {
this . router . navigate ( [ menuList [ 0 ] . url ] )
sessionStorage . setItem ( 'selectedMenu' , menuList [ 0 ] . name )
}
} else {
sessionStorage . setItem ( "isGasStation" , 'false' ) ;
let a = sessionStorage . getItem ( 'userdata' )
let menuList = this . returnLastMenus ( a , this . menu1 )
let isTrue = menuList . find ( ( item ) = > {
return item . name == "首页"
} ) ;
if ( menuList . length == 0 ) {
return this . message . create ( 'warning' , ` 当前用户未分配菜单 ` ) ; this . isLoading = false ;
if ( ! data . result . user . organization ) {
this . message . create ( "error" , ` 当前用户没有组织机构信息 ` ) ;
return ;
}
if ( data . result . user . organization . isGasStation ) {
await this . getGasStationBaseInfo ( ) ;
if (
data . result . user . menus [ 0 ] . name == "数字油站" &&
data . result . user . menus . length == 1 &&
! this . init3D
) {
this . message . create (
"error" ,
` 当前用户油站未开通3D且仅分配油站菜单 `
) ;
return ;
}
}
//记住密码
this . rememberInfo ( ) ;
//自动登录
this . autoLogin ( ) ;
if (
data . result . user . isDefaultPassword ||
data . result . user . isPasswordExpired
) {
this . isLoading = false ;
this . changePasswordPopup ( ) ;
return ;
}
} //跳转页面
if ( isTrue ) { this . toPage ( data ) ;
this . router . navigate ( [ '/homepage' ] )
sessionStorage . setItem ( 'selectedMenu' , '首页' )
} else {
this . router . navigate ( [ menuList [ 0 ] . url ] )
sessionStorage . setItem ( 'selectedMenu' , menuList [ 0 ] . name )
}
//
} this . message . create ( "success" , ` 登录成功 ` ) ;
this . message . create ( 'success' , ` 登录成功 ` ) ; } ,
} , err = > { ( err ) = > {
this . isLoading = false ;
}
) ;
} ,
( err ) = > {
this . isLoading = false ; this . isLoading = false ;
} ) }
} , ) ;
( err ) = > { }
this . isLoading = false ;
// this.message.create('error', err.error.error.details);
toPage ( data ) {
if ( data . result . user . organization . isGasStation ) {
sessionStorage . setItem ( "isGasStation" , "true" ) ;
let a = sessionStorage . getItem ( "userdataOfgasstation" ) ;
let menuList = this . returnLastMenus ( a , this . menu2 ) ;
let isTrue = menuList . find ( ( item ) = > {
return item . name == "今日预警" ;
} ) ;
if ( isTrue ) {
this . router . navigate ( [ "/todaywarning/petrolStation" ] ) ;
sessionStorage . setItem ( "selectedMenu" , "今日预警" ) ;
} else if ( data . result . user . menus [ 0 ] . name == "数字油站" && ! this . init3D ) {
this . router . navigate ( [ menuList [ 1 ] . url ] ) ;
sessionStorage . setItem ( "selectedMenu" , menuList [ 1 ] . name ) ;
} else if ( menuList . length == 0 ) {
return this . message . create ( "warning" , ` 当前用户未分配菜单 ` ) ;
} else {
this . router . navigate ( [ menuList [ 0 ] . url ] ) ;
sessionStorage . setItem ( "selectedMenu" , menuList [ 0 ] . name ) ;
} }
) } else {
sessionStorage . setItem ( "isGasStation" , "false" ) ;
let a = sessionStorage . getItem ( "userdata" ) ;
let menuList = this . returnLastMenus ( a , this . menu1 ) ;
let isTrue = menuList . find ( ( item ) = > {
return item . name == "首页" ;
} ) ;
if ( menuList . length == 0 ) {
return this . message . create ( "warning" , ` 当前用户未分配菜单 ` ) ;
}
if ( isTrue ) {
this . router . navigate ( [ "/homepage" ] ) ;
sessionStorage . setItem ( "selectedMenu" , "首页" ) ;
} else {
this . router . navigate ( [ menuList [ 0 ] . url ] ) ;
sessionStorage . setItem ( "selectedMenu" , menuList [ 0 ] . name ) ;
}
//
}
} }
returnLastMenus ( data , originalMenus ) { returnLastMenus ( data , originalMenus ) {
let userMenu = JSON . parse ( data ) . menus let userMenu = JSON . parse ( data ) . menus ;
let tap = [ ] let tap = [ ] ;
let menuList = [ ] let menuList = [ ] ;
for ( let index = 0 ; index < userMenu . length ; index ++ ) { for ( let index = 0 ; index < userMenu . length ; index ++ ) {
let a = userMenu [ index ] . name let a = userMenu [ index ] . name ;
tap . push ( a ) tap . push ( a ) ;
} }
for ( let index = 0 ; index < originalMenus . length ; index ++ ) { for ( let index = 0 ; index < originalMenus . length ; index ++ ) {
for ( let k = 0 ; k < tap . length ; k ++ ) { for ( let k = 0 ; k < tap . length ; k ++ ) {
if ( tap [ k ] == originalMenus [ index ] . name ) { if ( tap [ k ] == originalMenus [ index ] . name ) {
menuList . push ( originalMenus [ index ] ) menuList . push ( originalMenus [ index ] ) ;
} }
} }
} }
return menuList return menuList ;
} }
forget() { forget() {
// this.message.create('warning', `请联系管理员`);
// this.message.create('warning', `请联系管理员`);
this . modal . create ( { this . modal . create ( {
nzTitle : '忘记密码' , nzTitle : "忘记密码" ,
nzContent : ForgetComponent , nzContent : ForgetComponent ,
nzViewContainerRef : this.viewContainerRef , nzViewContainerRef : this.viewContainerRef ,
nzWidth : 288 , nzWidth : 288 ,
nzComponentParams : { } , nzComponentParams : { } ,
nzFooter : null nzFooter : null ,
} ) ; } ) ;
} }
//初次登陆修改密码弹窗
isVisible = false ;
isConfirmLoading = false ;
changePasswordPopup() {
this . isVisible = true ;
}
handleOk ( ) : void {
if ( this . passwordValidateForm . invalid ) {
this . message . create ( "warning" , ` 输入格式不正确 ` ) ;
} else {
if (
this . passwordValidateForm . value . newpassword !=
this . passwordValidateForm . value . affirmpassword
) {
this . message . create ( "warning" , "两次密码输入不一致!" ) ;
} else if (
this . passwordValidateForm . value . newpassword ==
this . passwordValidateForm . value . oldpassword
) {
this . message . create ( "warning" , "旧密码和新密码不能相同!" ) ;
} else {
this . isConfirmLoading = true ;
let body = {
currentPassword : this.passwordValidateForm.value.oldpassword ,
newPassword : this.passwordValidateForm.value.newpassword ,
} ;
this . http . post ( "/api/services/app/User/ChangePassword" , body ) . subscribe (
( data ) = > {
//记住密码
if ( this . remember ) {
localStorage . setItem (
"account" ,
Base64 . encode ( this . validateForm . value . userName )
) ;
localStorage . setItem (
"password" ,
Base64 . encode ( this . passwordValidateForm . value . newpassword )
) ;
}
//自动登录
this . autoLogin ( ) ;
this . message . create ( "success" , "修改成功!" ) ;
this . isConfirmLoading = false ;
this . isVisible = false ;
this . toPage ( this . submitData ) ;
} ,
( err ) = > {
this . message . create ( "warning" , err . error . error . message ) ;
this . isConfirmLoading = false ;
}
) ;
}
}
}
} }
export type MyErrorsOptions = { 'zh-cn' : string ; en : string } & Record < string , NzSafeAny > ; export type MyErrorsOptions = { "zh-cn" : string ; en : string } & Record <
string ,
NzSafeAny
> ;
export type MyValidationErrors = Record < string , MyErrorsOptions > ; export type MyValidationErrors = Record < string , MyErrorsOptions > ;
export class MyValidators extends Validators { export class MyValidators extends Validators {
static password ( control : AbstractControl ) : MyValidationErrors | null { static password ( control : AbstractControl ) : MyValidationErrors | null {
@ -261,14 +376,24 @@ export class MyValidators extends Validators {
return null ; return null ;
} }
return isPassword ( value ) ? null : { mobile : { 'zh-cn' : ` 长度至少 12 位，必须包含大写字母、小写字母、数字、符号四种中的三种 ` , en : ` Password phone number is not valid ` } } ; return isPassword ( value )
? null
: {
mobile : {
"zh-cn" : ` 长度至少 12 位，必须包含大写字母、小写字母、数字、符号四种中的三种 ` ,
en : ` Password phone number is not valid ` ,
} ,
} ;
} }
} }
function isEmptyInputValue ( value : NzSafeAny ) : boolean { function isEmptyInputValue ( value : NzSafeAny ) : boolean {
return value == null || value . length === 0 ; return value == null || value . length === 0 ;
} }
function isPassword ( value : string ) : boolean { function isPassword ( value : string ) : boolean {
return typeof value === 'string' && /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_!@#$%^&*`~()-+=]+$)(?![a-z0-9]+$)(?![a-z\W_!@#$%^&*`~()-+=]+$)(?![0-9\W_!@#$%^&*`~()-+=]+$)[a-zA-Z0-9\W_!@#$%^&*`~()-+=]{12,99}$/ . test ( value ) ; return (
typeof value === "string" &&
/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_!@#$%^&*`~()-+=]+$)(?![a-z0-9]+$)(?![a-z\W_!@#$%^&*`~()-+=]+$)(?![0-9\W_!@#$%^&*`~()-+=]+$)[a-zA-Z0-9\W_!@#$%^&*`~()-+=]{12,99}$/ . test (
value
)
) ;
} }
