@ -1,29 +1,43 @@
import { Component , OnInit , ViewContainerRef } from '@angular/core' ;
import { HttpClient } from '@angular/common/http'
import { Router , ActivatedRoute } from '@angular/router'
import { CacheTokenService } from '../../service/cache-token.service' //引入服务
import { AbstractControl , FormBuilder , FormGroup , Validators } from '@angular/forms' ;
import { NzMessageService } from 'ng-zorro-antd/message' ;
import { Base64 } from 'js-base64' ;
import { NzNotificationService } from 'ng-zorro-antd/notification' ;
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' ;
// import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
import { Component , OnInit , ViewContainerRef } from "@angular/core" ;
import { HttpClient } from "@angular/common/http" ;
import { Router , ActivatedRoute } from "@angular/router" ;
import { CacheTokenService } from "../../service/cache-token.service" ; //引入服务
import {
AbstractControl ,
FormBuilder ,
FormGroup ,
Validators ,
} from "@angular/forms" ;
import { NzMessageService } from "ng-zorro-antd/message" ;
import { Base64 } from "js-base64" ;
import { NzNotificationService } from "ng-zorro-antd/notification" ;
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 ( {
selector : 'app-login' ,
templateUrl : './login.component.html' ,
styleUrls : [ './login.component.scss' ]
selector : "app-login" ,
templateUrl : "./login.component.html" ,
styleUrls : [ "./login.component.scss" ] ,
} )
export class LoginComponent implements OnInit {
validateForm ! : 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 ;
this . validateForm = this . fb . group ( {
userName : [ null , [ Validators . required ] ] ,
@ -34,224 +48,325 @@ export class LoginComponent implements OnInit {
this . passwordValidateForm = this . fb . group ( {
oldpassword : [ null , [ Validators . required ] ] ,
newpassword : [ null , [ Validators . required , password ] ] ,
affirmpassword : [ null , [ Validators . required , password ] ]
affirmpassword : [ null , [ Validators . required , password ] ] ,
} ) ;
}
isProd : boolean
isProd : boolean ;
ngOnInit() {
this . isProd = this . patternService . isProd
this . isProd = this . patternService . isProd ;
//如果本地储存了账号密码信息，那就回显在输入框
let account = localStorage . getItem ( 'account' )
let password = localStorage . getItem ( 'password' )
let account = localStorage . getItem ( "account" ) ;
let password = localStorage . getItem ( "password" ) ;
if ( account && password ) {
this . validateForm . patchValue ( {
userName : Base64.decode ( localStorage . getItem ( 'account' ) ) ,
password : Base64.decode ( localStorage . getItem ( 'password' ) )
userName : Base64.decode ( localStorage . getItem ( "account" ) ) ,
password : Base64.decode ( localStorage . getItem ( "password" ) ) ,
} ) ;
this . remember = true //这一步是回显后让勾选框为选中状态
this . remember = true ; //这一步是回显后让勾选框为选中状态
}
//自动登录
if ( localStorage . getItem ( 'isautologin' ) == 'true' ) {
this . submitForm ( )
this . autologin = true //这一步是回显后让勾选框为选中状态
if ( localStorage . getItem ( "isautologin" ) == "true" ) {
this . submitForm ( ) ;
this . autologin = true ; //这一步是回显后让勾选框为选中状态
}
}
errmsg : string = '' ; //错误信息
errmsg : string = "" ; //错误信息
//跳转注册页面
toRegister() {
this . router . navigate ( [ '/register' ] )
this . router . navigate ( [ "/register" ] ) ;
}
//记住密码
rememberInfo() {
// 判断用户是否勾选记住密码，如果勾选，在本地储存中储存登录信息
if ( this . remember ) {
localStorage . setItem ( "account" , Base64 . encode ( this . validateForm . value . userName ) )
localStorage . setItem ( "password" , Base64 . encode ( this . validateForm . value . password ) )
localStorage . setItem (
"account" ,
Base64 . encode ( this . validateForm . value . userName )
) ;
localStorage . setItem (
"password" ,
Base64 . encode ( this . validateForm . value . password )
) ;
}
}
//自动登录
autoLogin() {
if ( this . autologin ) {
localStorage . setItem ( "isautologin" , 'true' )
localStorage . setItem ( "isautologin" , "true" ) ;
}
}
remember : any
autologin : any
remember : any ;
autologin : any ;
isLoading = false ;
messages
encryptedAccessToken
messages ;
encryptedAccessToken ;
menu1 = [
{ name : '首页' , url : '/homepage' } ,
{ name : '数字油站' , url : '/plan' } ,
{ name : '今日预警' , url : '/todaywarning' } ,
{ name : '预警记录' , url : '/records_nav' } ,
{ name : '证照管理' , url : '/audit' } ,
]
{ name : "首页" , url : "/homepage" } ,
{ name : "数字油站" , url : "/plan" } ,
{ name : "今日预警" , url : "/todaywarning" } ,
{ name : "预警记录" , url : "/records_nav" } ,
{ name : "证照管理" , url : "/audit" } ,
] ;
menu2 = [
{ name : '数字油站' , url : '/plan/petrolStation' } ,
{ name : '今日预警' , url : '/todaywarning/petrolStation' } ,
{ name : '预警记录' , url : '/records_nav/petrolStation' } ,
{ name : '证照管理' , url : '/license/petrolStation' } ,
]
init3D
{ name : "数字油站" , url : "/plan/petrolStation" } ,
{ name : "今日预警" , url : "/todaywarning/petrolStation" } ,
{ name : "预警记录" , url : "/records_nav/petrolStation" } ,
{ name : "证照管理" , url : "/license/petrolStation" } ,
] ;
init3D ;
async getGasStationBaseInfo() {
await new Promise ( ( resolve , reject ) = > {
let params = { organizationUnitId : ( JSON . parse ( sessionStorage . getItem ( 'userdataOfgasstation' ) ) ) . organization . id }
this . http . get ( '/api/services/app/GasStation/Get' , { params : params } ) . subscribe ( ( data : any ) = > {
resolve ( data . result )
let params = {
organizationUnitId : JSON.parse (
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 ) )
this . init3D = data . result . hasBuildingInfo
} )
} )
sessionStorage . setItem ( "3dSceneData" , JSON . stringify ( data . result ) ) ;
this . init3D = data . result . hasBuildingInfo ;
} ) ;
} ) ;
}
submitForm ( ) : void {
submitData ;
submitForm ( ) : void {
if ( ! this . remember ) {
localStorage . removeItem ( "account" )
localStorage . removeItem ( "password" )
localStorage . removeItem ( "account" ) ;
localStorage . removeItem ( "password" ) ;
}
if ( ! this . autologin ) {
localStorage . removeItem ( "isautologin" )
localStorage . removeItem ( "isautologin" ) ;
}
for ( const i in this . validateForm . controls ) {
this . validateForm . controls [ i ] . markAsDirty ( ) ;
this . validateForm . controls [ i ] . updateValueAndValidity ( ) ;
}
if ( ! this . validateForm . valid ) {
this . message . create ( 'error' , ` 请输入账号密码 ` ) ;
return
this . message . create ( "error" , ` 请输入账号密码 ` ) ;
return ;
}
this . isLoading = true ;
this . http . post ( '/api/TokenAuth/Authenticate' , {
userNameOrEmailAddress : this.validateForm.value.userName ,
password : this.validateForm.value.password
} ) . subscribe (
( data : any ) = > {
sessionStorage . setItem ( "token" , data . result . accessToken ) ;
sessionStorage . setItem ( "encryptedAccessToken" , data . result . encryptedAccessToken ) ;
this . http . get ( '/api/services/app/Session/GetCurrentLoginInformations' ) . subscribe ( async ( data : any ) = > {
console . log ( 'GetCurrentLoginInformations' , data . result )
if ( data . result . user . menus . length == 0 ) {
this . message . create ( 'error' , ` 当前用户未分配菜单 ` ) ;
this . isLoading = false
return
}
sessionStorage . setItem ( 'userdata' , JSON . stringify ( data . result . user ) )
sessionStorage . setItem ( 'userdataOfgasstation' , JSON . stringify ( data . result . user ) )
sessionStorage . setItem ( 'isDefaultPassword' , JSON . stringify ( data . result . user . isDefaultPassword ) )
sessionStorage . setItem ( 'isPasswordExpired' , JSON . stringify ( data . result . user . isPasswordExpired ) )
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 ( )
this . http
. post ( "/api/TokenAuth/Authenticate" , {
userNameOrEmailAddress : this.validateForm.value.userName ,
password : this.validateForm.value.password ,
} )
. subscribe (
( data : any ) = > {
sessionStorage . setItem ( "token" , data . result . accessToken ) ;
sessionStorage . setItem (
"encryptedAccessToken" ,
data . result . encryptedAccessToken
) ;
this . http
. get ( "/api/services/app/Session/GetCurrentLoginInformations" )
. subscribe (
async ( data : any ) = > {
this . submitData = data ;
console . log ( "GetCurrentLoginInformations" , data . result ) ;
if ( data . result . user . menus . length == 0 ) {
this . message . create ( "error" , ` 当前用户未分配菜单 ` ) ;
this . isLoading = false ;
return ;
}
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 ) {
sessionStorage . setItem (
"userdata" ,
JSON . stringify ( data . result . user )
) ;
sessionStorage . setItem (
"userdataOfgasstation" ,
JSON . stringify ( data . result . user )
) ;
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 . router . navigate ( [ '/homepage' ] )
sessionStorage . setItem ( 'selectedMenu' , '首页' )
} else {
this . router . navigate ( [ menuList [ 0 ] . url ] )
sessionStorage . setItem ( 'selectedMenu' , menuList [ 0 ] . name )
}
//
//跳转页面
this . toPage ( data ) ;
}
this . message . create ( 'success' , ` 登录成功 ` ) ;
} , err = > {
this . message . create ( "success" , ` 登录成功 ` ) ;
} ,
( err ) = > {
this . isLoading = false ;
}
) ;
} ,
( err ) = > {
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 ) {
let userMenu = JSON . parse ( data ) . menus
let tap = [ ]
let menuList = [ ]
let userMenu = JSON . parse ( data ) . menus ;
let tap = [ ] ;
let menuList = [ ] ;
for ( let index = 0 ; index < userMenu . length ; index ++ ) {
let a = userMenu [ index ] . name
tap . push ( a )
let a = userMenu [ index ] . name ;
tap . push ( a ) ;
}
for ( let index = 0 ; index < originalMenus . length ; index ++ ) {
for ( let k = 0 ; k < tap . length ; k ++ ) {
if ( tap [ k ] == originalMenus [ index ] . name ) {
menuList . push ( originalMenus [ index ] )
menuList . push ( originalMenus [ index ] ) ;
}
}
}
return menuList
return menuList ;
}
forget() {
// this.message.create('warning', `请联系管理员`);
this . modal . create ( {
nzTitle : '忘记密码' ,
nzTitle : "忘记密码" ,
nzContent : ForgetComponent ,
nzViewContainerRef : this.viewContainerRef ,
nzWidth : 288 ,
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 class MyValidators extends Validators {
static password ( control : AbstractControl ) : MyValidationErrors | null {
@ -261,14 +376,24 @@ export class MyValidators extends Validators {
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 {
return value == null || value . length === 0 ;
}
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
)
) ;
}
