AX.Angular9DataCollection/src/app/pages/login/login.component.ts

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http'
import { Data } from '../../interface'
import { Router,ActivatedRoute } from '@angular/router'
import {CacheTokenService} from '../../http-interceptors/cache-token.service'//引入服务
import { MatSnackBar } from '@angular/material/snack-bar';



@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.scss'],

})
export class LoginComponent implements OnInit {

  constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,public token:CacheTokenService,
    public snackBar: MatSnackBar) { }

  ngOnInit() {}

  errmsg :string = ''; //错误信息

  //提交登录表单
  onSubmit(e){
    this.http.post('/api/CompanyAccount/SignIn',{
        name: e.name,
        password: e.password}).subscribe(
      (data: Data) => 
        {
          sessionStorage.setItem("realName",data.realName)
          sessionStorage.setItem("token",data.token);
          sessionStorage.setItem("refreshToken",data.refreshToken);
          this.router.navigate(['/datacollection/basicinfo'])

          //调用服务中的function刷新token
          this.token.startUp()
        },
      (err) =>
        {this.errmsg = err}
    )
  }

  //跳转注册页面
  toRegister () {
    this.router.navigate(['/register'])
  }

  //打开忘记密码弹窗
  open () {
    this.snackBar.open('请联系管理员: 1391111111', '确定', {
      duration: 3000
    });
  }



}