chenjingyu
4 years ago
54 changed files with 567 additions and 1271 deletions
@ -0,0 +1,77 @@ |
|||||||
|
<div class="box" id="createtestscore"> |
||||||
|
<div class="topbox"> |
||||||
|
<app-tabbar></app-tabbar> |
||||||
|
</div> |
||||||
|
<div class="contant"> |
||||||
|
<div class="main"> |
||||||
|
<div class="leftDiv"> |
||||||
|
<div class="title"> |
||||||
|
<div> |
||||||
|
单位列表 |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
总分: <span class="colorspan">120</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="unitList"> |
||||||
|
<table> |
||||||
|
<tr> |
||||||
|
<td>单位名称</td> |
||||||
|
<td>总分</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<td>富力华大酒店</td> |
||||||
|
<td class="colorspan">80</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<td>富力华大酒店</td> |
||||||
|
<td class="colorspan">80</td> |
||||||
|
</tr> |
||||||
|
</table> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="rightDiv"> |
||||||
|
<div class="tabsbox"> |
||||||
|
<div [ngClass]="{selectedTab: selectedTab == 1}" (click)="selectTab(1)"> |
||||||
|
基本信息 |
||||||
|
</div> |
||||||
|
<div [ngClass]="{selectedTab: selectedTab == 2}" (click)="selectTab(2)"> |
||||||
|
作战部署 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="maincontantbox"> |
||||||
|
<div class="basicinfodiv" *ngIf="selectedTab == 1"> |
||||||
|
<div> |
||||||
|
<!-- 选择的单位名称 --> |
||||||
|
<p class="colorspan" style="margin: 0 0 12px 6px;">宇宙无敌酒店</p> |
||||||
|
<mat-accordion> |
||||||
|
<mat-expansion-panel style="box-shadow: 0 0 black;"> |
||||||
|
<mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' style="position: relative;padding-left:20px;background: #F5FDFE;"> |
||||||
|
<mat-panel-title> |
||||||
|
基本信息<span class="colorspan" style="margin-left: 20px;">30分</span> |
||||||
|
</mat-panel-title> |
||||||
|
</mat-expansion-panel-header> |
||||||
|
|
||||||
|
<div style="box-sizing: border-box;padding: 10px 20px;"> |
||||||
|
xxxxx |
||||||
|
</div> |
||||||
|
</mat-expansion-panel> |
||||||
|
</mat-accordion> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="fightdeploydiv" *ngIf="selectedTab == 2"> |
||||||
|
作战部署 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="btnbox"> |
||||||
|
<div class="btn"> |
||||||
|
上一步 |
||||||
|
</div> |
||||||
|
<div class="btn"> |
||||||
|
完成 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,125 @@ |
|||||||
|
table,table tr th, table tr td { border-bottom: 1px solid #EEF1F5; } |
||||||
|
table { text-align: center; border-collapse: collapse; padding:2px;} |
||||||
|
*{ |
||||||
|
-webkit-touch-callout: none; |
||||||
|
-webkit-user-select: none; |
||||||
|
-khtml-user-select: none; |
||||||
|
-moz-user-select: none; |
||||||
|
-ms-user-select: none; |
||||||
|
user-select: none; |
||||||
|
scrollbar-width: none; /* Firefox */ |
||||||
|
} |
||||||
|
::-webkit-scrollbar { |
||||||
|
display: none; /* Chrome Safari */ |
||||||
|
} |
||||||
|
|
||||||
|
.box{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
background: #F2F5F6; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
box-sizing: border-box; |
||||||
|
.contant{ |
||||||
|
flex: 1; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
.colorspan{ |
||||||
|
color: #07CDCF; |
||||||
|
} |
||||||
|
.main{ |
||||||
|
flex: 1; |
||||||
|
display: flex; |
||||||
|
div{ |
||||||
|
box-sizing: border-box; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 13px; |
||||||
|
} |
||||||
|
.leftDiv{ |
||||||
|
width: 18%; |
||||||
|
margin: 20px; |
||||||
|
margin-bottom: 0; |
||||||
|
padding: 18px; |
||||||
|
.title{ |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.unitList{ |
||||||
|
margin-top: 12px; |
||||||
|
table{ |
||||||
|
width: 100%; |
||||||
|
font-size: 15px; |
||||||
|
tr{ |
||||||
|
height: 35px; |
||||||
|
td:nth-child(1){ |
||||||
|
width: 60%; |
||||||
|
} |
||||||
|
} |
||||||
|
tr:nth-child(1){ |
||||||
|
background: #F5FDFE; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.rightDiv{ |
||||||
|
margin: 20px; |
||||||
|
margin-left: 0; |
||||||
|
flex: 1; |
||||||
|
margin-bottom: 0; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
.tabsbox{ |
||||||
|
height: 46px; |
||||||
|
border-radius: 0; |
||||||
|
background: #F2F5F6; |
||||||
|
div{ |
||||||
|
float: left; |
||||||
|
height: 46px; |
||||||
|
line-height: 46px; |
||||||
|
width: 100px; |
||||||
|
text-align: center; |
||||||
|
color: #1E2323; |
||||||
|
border-radius: 0; |
||||||
|
border-top: 2px solid #fff; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
// div:nth-child(1){ |
||||||
|
// border-radius:13px 0 0 0 ; |
||||||
|
// } |
||||||
|
//选中选项卡 |
||||||
|
.selectedTab{ |
||||||
|
color: #07CDCF; |
||||||
|
border-top: 2px solid #07CDCF; |
||||||
|
} |
||||||
|
} |
||||||
|
.maincontantbox{ |
||||||
|
flex: 1; |
||||||
|
overflow-y: auto; |
||||||
|
padding: 18px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.btnbox{ |
||||||
|
width: 100%; |
||||||
|
height: 70px; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
.btn{ |
||||||
|
width: 100px; |
||||||
|
height: 33px; |
||||||
|
background: #01CFD5; |
||||||
|
opacity: 1; |
||||||
|
border-radius: 8px; |
||||||
|
color: #FFFFFF; |
||||||
|
text-align: center; |
||||||
|
line-height: 33px; |
||||||
|
font-size: 16px; |
||||||
|
font-family: Source Han Sans CN; |
||||||
|
margin: 0 15px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -1,20 +1,20 @@ |
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||||
|
|
||||||
import { LoginComponent } from './login.component'; |
import { CreateTestScoreComponent } from './create-test-score.component'; |
||||||
|
|
||||||
describe('LoginComponent', () => { |
describe('CreateTestScoreComponent', () => { |
||||||
let component: LoginComponent; |
let component: CreateTestScoreComponent; |
||||||
let fixture: ComponentFixture<LoginComponent>; |
let fixture: ComponentFixture<CreateTestScoreComponent>; |
||||||
|
|
||||||
beforeEach(async(() => { |
beforeEach(async(() => { |
||||||
TestBed.configureTestingModule({ |
TestBed.configureTestingModule({ |
||||||
declarations: [ LoginComponent ] |
declarations: [ CreateTestScoreComponent ] |
||||||
}) |
}) |
||||||
.compileComponents(); |
.compileComponents(); |
||||||
})); |
})); |
||||||
|
|
||||||
beforeEach(() => { |
beforeEach(() => { |
||||||
fixture = TestBed.createComponent(LoginComponent); |
fixture = TestBed.createComponent(CreateTestScoreComponent); |
||||||
component = fixture.componentInstance; |
component = fixture.componentInstance; |
||||||
fixture.detectChanges(); |
fixture.detectChanges(); |
||||||
}); |
}); |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
import { Component, OnInit } from '@angular/core'; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: 'app-create-test-score', |
||||||
|
templateUrl: './create-test-score.component.html', |
||||||
|
styleUrls: ['./create-test-score.component.scss'] |
||||||
|
}) |
||||||
|
export class CreateTestScoreComponent implements OnInit { |
||||||
|
|
||||||
|
constructor() { } |
||||||
|
selectedTab:number = 1 //选中的选项卡
|
||||||
|
selectTab(index){ |
||||||
|
this.selectedTab = index |
||||||
|
} |
||||||
|
ngOnInit(): void { |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -1,33 +1,31 @@ |
|||||||
<div class="content"> |
<div class="login"> |
||||||
<div class="loginBox"> |
<div class="loginBox"> |
||||||
<h1 class="header">灭火救援指挥培训系统 (管理员)</h1> |
|
||||||
|
|
||||||
<div class="center"> |
<div> |
||||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
<div class="card"> |
||||||
|
|
||||||
|
<span class="cardheader">考核系统管理员登录页面</span> |
||||||
|
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||||
|
|
||||||
<div class="input"> |
<div class="input"> |
||||||
<mat-icon class="icon">account_box</mat-icon> |
<mat-icon class="icon">account_box</mat-icon> |
||||||
<input id="name" name="name" required ngModel placeholder="请输入用户名" maxlength="18"> |
<input id="name" name="name" required ngModel placeholder="请输入用户名" maxlength="20"> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<div class="input"> |
<div class="input"> |
||||||
<mat-icon class="icon2">lock</mat-icon> |
<mat-icon class="icon2">lock</mat-icon> |
||||||
<input id="password" name="password" type='password' required ngModel placeholder="请输入登录密码" maxlength="18"> |
<input id="password" name="password" type='password' required ngModel placeholder="请输入登录密码" maxlength="20"> |
||||||
</div> |
</div> |
||||||
|
|
||||||
|
<div class="forget"><label (click)='forget()'>忘记密码?</label></div> |
||||||
|
<div *ngIf="errmsg" class="alert-danger">{{errmsg}}</div> |
||||||
|
<button type="submit" [disabled]="!form.form.valid" class="loginBtn" mat-raised-button>登录</button> |
||||||
|
<label class="toAdmin" (click)='toAdminLogin()'>返回</label> |
||||||
|
|
||||||
<div class="forget"> |
|
||||||
<label (click)='forget()'>忘记密码?</label> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div *ngIf="errmsg" class="alert-danger"> |
|
||||||
{{errmsg}} |
|
||||||
</div> |
|
||||||
|
|
||||||
<button type="submit" [disabled]="!form.form.valid" class="loginBtn" mat-raised-button color="primary">登录</button> |
|
||||||
</form> |
</form> |
||||||
</div> |
|
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
<p class="toLogin" title="教员学员登录" (click)='toAdminLogin()'><mat-icon>arrow_drop_down_circle</mat-icon></p> |
|
||||||
<p class="footer">Copyright <mat-icon style="vertical-align: top; font-size: 20px;">copyright</mat-icon> 2019 北京安信科创软件有限公司出品</p> |
|
||||||
</div> |
</div> |
||||||
@ -1,17 +0,0 @@ |
|||||||
// import { Routes, RouterModule } from '@angular/router';
|
|
||||||
// import { NgModule } from '@angular/core';
|
|
||||||
// import { PagesComponent } from './pages.component';
|
|
||||||
// import { PersonaldataComponent } from './personaldata/personaldata.component';
|
|
||||||
|
|
||||||
|
|
||||||
// const routes: Routes = [
|
|
||||||
// { path: '', component: PagesComponent},
|
|
||||||
// { path: 'personaldata ', component: PersonaldataComponent},
|
|
||||||
|
|
||||||
// ];
|
|
||||||
|
|
||||||
// @NgModule({
|
|
||||||
// imports: [RouterModule.forChild(routes)],
|
|
||||||
// exports: [RouterModule]
|
|
||||||
// })
|
|
||||||
// export class PagesRoutingModule {}
|
|
||||||
@ -1,25 +0,0 @@ |
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
|
||||||
|
|
||||||
import { PagesComponent } from './pages.component'; |
|
||||||
|
|
||||||
describe('PagesComponent', () => { |
|
||||||
let component: PagesComponent; |
|
||||||
let fixture: ComponentFixture<PagesComponent>; |
|
||||||
|
|
||||||
beforeEach(async(() => { |
|
||||||
TestBed.configureTestingModule({ |
|
||||||
declarations: [ PagesComponent ] |
|
||||||
}) |
|
||||||
.compileComponents(); |
|
||||||
})); |
|
||||||
|
|
||||||
beforeEach(() => { |
|
||||||
fixture = TestBed.createComponent(PagesComponent); |
|
||||||
component = fixture.componentInstance; |
|
||||||
fixture.detectChanges(); |
|
||||||
}); |
|
||||||
|
|
||||||
it('should create', () => { |
|
||||||
expect(component).toBeTruthy(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
@ -1,15 +0,0 @@ |
|||||||
import { Component, OnInit } from '@angular/core'; |
|
||||||
|
|
||||||
@Component({ |
|
||||||
selector: 'app-pages', |
|
||||||
templateUrl: './pages.component.html', |
|
||||||
styleUrls: ['./pages.component.scss'] |
|
||||||
}) |
|
||||||
export class PagesComponent implements OnInit { |
|
||||||
|
|
||||||
constructor() { } |
|
||||||
|
|
||||||
ngOnInit() { |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
@ -1,280 +0,0 @@ |
|||||||
<div class="pages-profile"> |
|
||||||
<div fxLayout.gt-sm="row nowrap" fxLayout.lt-md="column nowrap" fxLayoutAlign.gt-sm="space-between start" |
|
||||||
fxLayoutGap="30px" id="xxx"> |
|
||||||
<mat-card fxFlex="30" class="profile-card"> |
|
||||||
<mat-card-content> |
|
||||||
<img mat-card-avatar src=""> |
|
||||||
<mat-card-title class="profile-user">安信科创</mat-card-title> |
|
||||||
<mat-card-subtitle class="profile-job">嘻嘻嘻嘻</mat-card-subtitle> |
|
||||||
<p class="profile-introduction"> |
|
||||||
不要做程序员，要做问题解决者 |
|
||||||
</p> |
|
||||||
<div class="profile-social"> |
|
||||||
<mat-icon size="1" class="secondary-text s-24"></mat-icon> |
|
||||||
<mat-icon size="1" class="secondary-text s-24"></mat-icon> |
|
||||||
<mat-icon size="1" class="secondary-text s-24"></mat-icon> |
|
||||||
<mat-icon size="1" class="secondary-text s-24"></mat-icon> |
|
||||||
</div> |
|
||||||
<button mat-flat-button color="accent">关注</button> |
|
||||||
</mat-card-content> |
|
||||||
<mat-card-actions class="profile-card-footer" fxLayout="row nowrap"> |
|
||||||
<div fxFlex="32"> |
|
||||||
<strong class="profile-stat-count">260</strong> |
|
||||||
<span>粉丝</span> |
|
||||||
</div> |
|
||||||
<div fxFlex="32"> |
|
||||||
<strong class="profile-stat-count">180</strong> |
|
||||||
<span>关注</span> |
|
||||||
</div> |
|
||||||
<div fxFlex="32"> |
|
||||||
<strong class="profile-stat-count">2000</strong> |
|
||||||
<span>博客</span> |
|
||||||
</div> |
|
||||||
</mat-card-actions> |
|
||||||
</mat-card> |
|
||||||
|
|
||||||
<mat-card fxFlex="70" class="profile-board"> |
|
||||||
<mat-tab-group> |
|
||||||
<mat-tab label="活动"> |
|
||||||
<mat-list> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
<img src="" alt=""> |
|
||||||
<img src="" alt=""> |
|
||||||
<img src="" alt=""> |
|
||||||
<img src="" alt=""> |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
<img src="" alt=""> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
</mat-list> |
|
||||||
<div class="pt-40 pb-40"> |
|
||||||
<button mat-flat-button class="show-more-btn">更多</button> |
|
||||||
</div> |
|
||||||
</mat-tab> |
|
||||||
<mat-tab label="评论"> |
|
||||||
<mat-list> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
<img src="" alt=""> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
|
|
||||||
|
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
<img src="" alt=""> |
|
||||||
<img src="" alt=""> |
|
||||||
<img src="" alt=""> |
|
||||||
<img src="" alt=""> |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
</mat-list> |
|
||||||
</mat-tab> |
|
||||||
<mat-tab label="消息"> |
|
||||||
<mat-list> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
<img src="" alt=""> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
<img src="" alt=""> |
|
||||||
<img src="" alt=""> |
|
||||||
<img src="" alt=""> |
|
||||||
<img src="" alt=""> |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
<mat-list-item> |
|
||||||
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
||||||
<img matListAvatar src=""> |
|
||||||
<div> |
|
||||||
<div>我是假数据 |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
<span class="secondary-text font-size-12">我是假数据</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div matLine class="profile-item-content"> |
|
||||||
我是假数据 |
|
||||||
</div> |
|
||||||
</mat-list-item> |
|
||||||
</mat-list> |
|
||||||
</mat-tab> |
|
||||||
</mat-tab-group> |
|
||||||
</mat-card> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
@ -1,110 +0,0 @@ |
|||||||
|
|
||||||
#xxx{ |
|
||||||
display: flex; |
|
||||||
justify-content: space-around; |
|
||||||
} |
|
||||||
.pages-profile { |
|
||||||
padding: 30px; |
|
||||||
|
|
||||||
.profile-card { |
|
||||||
padding: 9px; |
|
||||||
text-align: center; |
|
||||||
font-family: Roboto, sans-serif; |
|
||||||
width: 500px; |
|
||||||
height: 600px; |
|
||||||
mat-card-content { |
|
||||||
padding: 40px 15px; |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.mat-card-avatar { |
|
||||||
width: 130px; |
|
||||||
height: 130px; |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.profile-user { |
|
||||||
margin: 10px 0; |
|
||||||
font-weight: normal; |
|
||||||
} |
|
||||||
|
|
||||||
.profile-job { |
|
||||||
margin-bottom: 20px; |
|
||||||
color: #9e9e9e; |
|
||||||
font-weight: 500; |
|
||||||
} |
|
||||||
|
|
||||||
.profile-introduction { |
|
||||||
margin: 0 0 1rem; |
|
||||||
color: #757575; |
|
||||||
} |
|
||||||
|
|
||||||
.profile-social { |
|
||||||
margin: 25px 0; |
|
||||||
|
|
||||||
mat-icon { |
|
||||||
margin: 0 10px; |
|
||||||
color: rgba(66, 66, 66, .4); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
mat-card-actions { |
|
||||||
padding: 10px; |
|
||||||
background: #f6f9fd; |
|
||||||
} |
|
||||||
|
|
||||||
.profile-card-footer { |
|
||||||
display: flex; |
|
||||||
justify-content: space-around; |
|
||||||
.profile-stat-count { |
|
||||||
display: block; |
|
||||||
margin-bottom: 3px; |
|
||||||
font-size: 20px; |
|
||||||
font-weight: bold; |
|
||||||
color: #616161; |
|
||||||
|
|
||||||
+span { |
|
||||||
color: #9e9e9e; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
.profile-board { |
|
||||||
padding: 30px; |
|
||||||
width: 500px; |
|
||||||
mat-list { |
|
||||||
padding-bottom: 20px; |
|
||||||
} |
|
||||||
|
|
||||||
mat-list-item { |
|
||||||
height: auto; |
|
||||||
padding: 25px 0; |
|
||||||
margin-left: -16px; |
|
||||||
border-bottom: 1px solid #dfe0df; |
|
||||||
|
|
||||||
.profile-item-content { |
|
||||||
padding: 20px 0 0 56px; |
|
||||||
line-height: 1.571429; |
|
||||||
color: #757575; |
|
||||||
white-space: normal; |
|
||||||
display: flex; |
|
||||||
flex-wrap: wrap; |
|
||||||
|
|
||||||
img { |
|
||||||
width: 100%; |
|
||||||
max-width: 220px; |
|
||||||
max-height: 150px; |
|
||||||
padding: 0 20px 20px 0; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.show-more-btn { |
|
||||||
width: 100%; |
|
||||||
background-color: #eee; |
|
||||||
color: #3949ab; |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,25 +0,0 @@ |
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
|
||||||
|
|
||||||
import { PersonaldataComponent } from './personaldata.component'; |
|
||||||
|
|
||||||
describe('PersonaldataComponent', () => { |
|
||||||
let component: PersonaldataComponent; |
|
||||||
let fixture: ComponentFixture<PersonaldataComponent>; |
|
||||||
|
|
||||||
beforeEach(async(() => { |
|
||||||
TestBed.configureTestingModule({ |
|
||||||
declarations: [ PersonaldataComponent ] |
|
||||||
}) |
|
||||||
.compileComponents(); |
|
||||||
})); |
|
||||||
|
|
||||||
beforeEach(() => { |
|
||||||
fixture = TestBed.createComponent(PersonaldataComponent); |
|
||||||
component = fixture.componentInstance; |
|
||||||
fixture.detectChanges(); |
|
||||||
}); |
|
||||||
|
|
||||||
it('should create', () => { |
|
||||||
expect(component).toBeTruthy(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
@ -1,15 +0,0 @@ |
|||||||
import { Component, OnInit } from '@angular/core'; |
|
||||||
|
|
||||||
@Component({ |
|
||||||
selector: 'app-personaldata', |
|
||||||
templateUrl: './personaldata.component.html', |
|
||||||
styleUrls: ['./personaldata.component.scss'] |
|
||||||
}) |
|
||||||
export class PersonaldataComponent implements OnInit { |
|
||||||
|
|
||||||
constructor() { } |
|
||||||
|
|
||||||
ngOnInit() { |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
@ -1,81 +0,0 @@ |
|||||||
<div class="login"> |
|
||||||
<div class="loginbox"> |
|
||||||
|
|
||||||
<div class="intro"> |
|
||||||
<p>北京安信科创有限公司</p> |
|
||||||
<span>北京安信科创软件有限公司作为中国应急服务领跑者，于2006年进入消防救援领域，是一家专注于应急领域仿真培训演练与应急数据预判领域的软件服务供应商。安信主要利用大数据与虚拟现实技术实现对消防、公安、机场相关安防人员与企业安全监管人员的仿真培训与考核，致力于为我国应急产业的发展构建更美好的未来。目前，安信的业务遍布全国20多个省份和地区，服务全国将近四分之一以上的人口 |
|
||||||
</span> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="card"> |
|
||||||
<mat-card> |
|
||||||
|
|
||||||
<p class="cardheader">注册</p> |
|
||||||
<p>Please register first</p> |
|
||||||
|
|
||||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
|
||||||
|
|
||||||
<mat-form-field> |
|
||||||
<input matInput id="name" name="name" |
|
||||||
required |
|
||||||
ngModel #name="ngModel" placeholder="请输入账号"> |
|
||||||
</mat-form-field> |
|
||||||
|
|
||||||
<!-- <div *ngIf="name.invalid && (name.dirty || name.touched)" |
|
||||||
class="alert-danger"> |
|
||||||
<div *ngIf="name.errors.required"> |
|
||||||
账号不能为空 |
|
||||||
</div> |
|
||||||
</div> --> |
|
||||||
|
|
||||||
<mat-form-field> |
|
||||||
<input matInput id="email" name="email" |
|
||||||
required pattern="^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$" |
|
||||||
ngModel #email="ngModel" placeholder="请输入邮箱"> |
|
||||||
</mat-form-field> |
|
||||||
<!-- |
|
||||||
<div *ngIf="email.invalid && (email.dirty || email.touched)" |
|
||||||
class="alert-danger"> |
|
||||||
<div *ngIf="email.errors.required"> |
|
||||||
邮箱不能为空 |
|
||||||
</div> |
|
||||||
<div *ngIf="email.errors.pattern"> |
|
||||||
邮箱格式不正确 |
|
||||||
</div> |
|
||||||
</div> --> |
|
||||||
|
|
||||||
<mat-form-field> |
|
||||||
<input matInput id="password" name="password" type='password' |
|
||||||
required minlength="8" |
|
||||||
ngModel #password="ngModel" placeholder="请输入密码"> |
|
||||||
</mat-form-field> |
|
||||||
|
|
||||||
<!-- <div *ngIf="password.invalid && (password.dirty || password.touched)" |
|
||||||
class="alert-danger"> |
|
||||||
<div *ngIf="password.errors.required"> |
|
||||||
密码不能为空 |
|
||||||
</div> |
|
||||||
<div *ngIf="password.errors.minlength"> |
|
||||||
密码最少8位 |
|
||||||
</div> |
|
||||||
</div> --> |
|
||||||
|
|
||||||
<mat-checkbox style="margin-top: 25px;">请同意不扩散核武器条约条约</mat-checkbox> |
|
||||||
|
|
||||||
<button type="submit" [disabled]="!form.form.valid" class="loginbtn"mat-button>注册</button> |
|
||||||
</form> |
|
||||||
|
|
||||||
<div class="applyfor"> |
|
||||||
<p>已有账号？去<a href="/login">登录</a></p> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="website"> |
|
||||||
<p>WEBSITE BY AnXin</p> |
|
||||||
<p>© 2020. All RIGHT RESERVED.</p> |
|
||||||
</div> |
|
||||||
|
|
||||||
</mat-card> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
</div> |
|
||||||
@ -1,88 +0,0 @@ |
|||||||
.login { |
|
||||||
width: 100%; |
|
||||||
height: 100%; |
|
||||||
// background: url('../../../assets/images/bg_login.jpg'); |
|
||||||
|
|
||||||
.loginbox { |
|
||||||
width: 100%; |
|
||||||
height: 100%; |
|
||||||
background-color: #000; |
|
||||||
background: rgba(0,0,0,0.5);/*盒子背景透明*/ |
|
||||||
// opacity: 0.5; |
|
||||||
position: relative; |
|
||||||
} |
|
||||||
|
|
||||||
.intro { |
|
||||||
width: 650px; |
|
||||||
// height: 350px; |
|
||||||
position: fixed; |
|
||||||
top:35%; |
|
||||||
left: 15%; |
|
||||||
p { |
|
||||||
font-size: 36px; |
|
||||||
color:white; |
|
||||||
margin-bottom: 35px; |
|
||||||
} |
|
||||||
span { |
|
||||||
font-size: 16px; |
|
||||||
color:white; |
|
||||||
opacity: 0.5; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.card{ |
|
||||||
width: 460px; |
|
||||||
height: 100%; |
|
||||||
padding-left: 20px; |
|
||||||
background-color: #fff; |
|
||||||
position: absolute; |
|
||||||
right: 0; |
|
||||||
p { |
|
||||||
width: 100%; |
|
||||||
margin: 18px 0; |
|
||||||
} |
|
||||||
.cardheader{ |
|
||||||
font-size: 26px; |
|
||||||
font-weight: 500; |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
.example-container { |
|
||||||
display: flex; |
|
||||||
flex-direction: column; |
|
||||||
} |
|
||||||
|
|
||||||
.example-container > * { |
|
||||||
width: 100%; |
|
||||||
} |
|
||||||
.loginbtn { |
|
||||||
margin-top: 18px; |
|
||||||
height: 35px; |
|
||||||
background-color:#039be5; |
|
||||||
border-radius: 15px; |
|
||||||
color: #fff;; |
|
||||||
} |
|
||||||
.mat-card { |
|
||||||
box-shadow: 0 0 0; |
|
||||||
margin-top: 70px; |
|
||||||
} |
|
||||||
|
|
||||||
.applyfor { |
|
||||||
font-size: 16px; |
|
||||||
a { |
|
||||||
color: #039be5; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.website { |
|
||||||
font-size: 14px; |
|
||||||
text-align: center; |
|
||||||
margin-top: 50px; |
|
||||||
} |
|
||||||
.alert-danger { |
|
||||||
font-size: 14px; |
|
||||||
color: red; |
|
||||||
} |
|
||||||
@ -1,25 +0,0 @@ |
|||||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
|
||||||
|
|
||||||
import { RegisterComponent } from './register.component'; |
|
||||||
|
|
||||||
describe('RegisterComponent', () => { |
|
||||||
let component: RegisterComponent; |
|
||||||
let fixture: ComponentFixture<RegisterComponent>; |
|
||||||
|
|
||||||
beforeEach(async(() => { |
|
||||||
TestBed.configureTestingModule({ |
|
||||||
declarations: [ RegisterComponent ] |
|
||||||
}) |
|
||||||
.compileComponents(); |
|
||||||
})); |
|
||||||
|
|
||||||
beforeEach(() => { |
|
||||||
fixture = TestBed.createComponent(RegisterComponent); |
|
||||||
component = fixture.componentInstance; |
|
||||||
fixture.detectChanges(); |
|
||||||
}); |
|
||||||
|
|
||||||
it('should create', () => { |
|
||||||
expect(component).toBeTruthy(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
@ -1,19 +0,0 @@ |
|||||||
import { Component, OnInit } from '@angular/core'; |
|
||||||
|
|
||||||
@Component({ |
|
||||||
selector: 'app-register', |
|
||||||
templateUrl: './register.component.html', |
|
||||||
styleUrls: ['./register.component.scss'] |
|
||||||
}) |
|
||||||
export class RegisterComponent implements OnInit { |
|
||||||
|
|
||||||
constructor() { } |
|
||||||
|
|
||||||
ngOnInit() { |
|
||||||
} |
|
||||||
|
|
||||||
onSubmit(e){ |
|
||||||
// console.log(e)
|
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
@ -1,68 +1,77 @@ |
|||||||
<div class="header"> |
<div class="content"> |
||||||
<form #form="ngForm"> |
<div class="header"> |
||||||
<div class="queryBox"> |
<form #form="ngForm"> |
||||||
|
<div class="queryBox"> |
||||||
<div class="queryField"style="margin-right: 90px;"> |
|
||||||
<button type="button" mat-raised-button color="primary" (click)='open()'>创建用户</button> |
<div class="queryField"> |
||||||
</div> |
<label style="margin-right: 10px;">用户姓名:</label> |
||||||
|
<input type="text" [(ngModel)]="name" name="name" autocomplete="off" placeholder="请输入用户姓名"> |
||||||
<div class="queryField"> |
</div> |
||||||
<label style="margin-right: 10px;">姓名:</label> |
<div class="queryField"> |
||||||
<input type="text" [(ngModel)]="name" name="name" autocomplete="off"> |
<label style="margin-right: 10px;">身份证号:</label> |
||||||
</div> |
<input type="text" [(ngModel)]="identityCard" name="identityCard" autocomplete="off" placeholder="请输入身份证号"> |
||||||
|
</div> |
||||||
<div class="queryField"> |
<div class="queryField"> |
||||||
<label style="margin-right: 10px;">身份证号:</label> |
<label style="margin-right: 10px;">消防救援站:</label> |
||||||
<input type="text" [(ngModel)]="identityCard" name="identityCard" autocomplete="off"> |
<input type="text" [(ngModel)]="fireTeam" name="fireTeam" autocomplete="off" placeholder="请选择消防救援站"> |
||||||
</div> |
</div> |
||||||
<div class="btnbox" style="margin-left: 90px;"> |
<div class="queryField"> |
||||||
<button mat-raised-button color="primary" (click)='initData()'>查询</button> |
<button mat-raised-button (click)='initData()' style="background-color: #07CDCF;">查询</button> |
||||||
<button mat-raised-button style="margin-left: 10px;" type="button" (click)='empty()'>重置</button> |
<button mat-raised-button (click)='empty()' style="margin-left: 10px; background-color: #FF8678;">重置</button> |
||||||
|
</div> |
||||||
|
<div class="queryField"> |
||||||
|
<button mat-raised-button (click)='open()' style="background-color: #07CDCF;">新增用户</button> |
||||||
|
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
</div> |
</form> |
||||||
|
</div> |
||||||
</form> |
|
||||||
</div> |
<table mat-table [dataSource]="dataSource"> |
||||||
|
|
||||||
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> |
|
||||||
|
|
||||||
<ng-container matColumnDef="name"> |
<ng-container matColumnDef="name"> |
||||||
<th mat-header-cell *matHeaderCellDef>姓名</th> |
<th mat-header-cell *matHeaderCellDef>用户姓名</th> |
||||||
<td mat-cell *matCellDef="let element">{{element.realName}}</td> |
<td mat-cell *matCellDef="let element">{{element.realName}}</td> |
||||||
</ng-container> |
</ng-container> |
||||||
|
|
||||||
<ng-container matColumnDef="identitycard"> |
<ng-container matColumnDef="identitycard"> |
||||||
<th mat-header-cell *matHeaderCellDef>身份证号</th> |
<th mat-header-cell *matHeaderCellDef>身份证号</th> |
||||||
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
||||||
</ng-container> |
</ng-container> |
||||||
|
|
||||||
<ng-container matColumnDef="post"> |
<ng-container matColumnDef="post"> |
||||||
<th mat-header-cell *matHeaderCellDef>职务</th> |
<th mat-header-cell *matHeaderCellDef>消防救援站</th> |
||||||
<td mat-cell *matCellDef="let element"> |
<td mat-cell *matCellDef="let element">上海总队</td> |
||||||
<span *ngFor="let item of element.posts"> |
|
||||||
{{item.name}} |
|
||||||
</span> |
|
||||||
</td> |
|
||||||
</ng-container> |
</ng-container> |
||||||
|
|
||||||
|
<ng-container matColumnDef="tel"> |
||||||
|
<th mat-header-cell *matHeaderCellDef>手机号</th> |
||||||
|
<td mat-cell *matCellDef="let element">13562321997</td> |
||||||
|
</ng-container> |
||||||
|
|
||||||
|
<ng-container matColumnDef="time"> |
||||||
|
<th mat-header-cell *matHeaderCellDef>创建时间</th> |
||||||
|
<td mat-cell *matCellDef="let element">{{element.creationTime | date:'yyyy-MM-dd'}}</td> |
||||||
|
</ng-container> |
||||||
|
|
||||||
<ng-container matColumnDef="operation"> |
<ng-container matColumnDef="operation"> |
||||||
<th mat-header-cell *matHeaderCellDef>操作</th> |
<th mat-header-cell *matHeaderCellDef>操作</th> |
||||||
<td mat-cell *matCellDef="let element"> |
<td mat-cell *matCellDef="let element"> |
||||||
<span class="operationSpan"><mat-icon class="icon">assessment</mat-icon><span class="spanbtn blue" (click)="openRecord(element)">查看学习记录</span></span> |
<span class="operationSpan"><span class="spanbtn green" (click)="reset(element)">重置密码</span></span> |
||||||
<span class="operationSpan"><mat-icon class="icon">cached</mat-icon><span class="spanbtn blue" (click)="reset(element)">重置密码</span></span> |
<span class="operationSpan"><span class="spanbtn green" (click)="edit(element)">编辑</span></span> |
||||||
<span class="operationSpan"><mat-icon class="icon">edit</mat-icon><span class="spanbtn blue" (click)="edit(element)">修改</span></span> |
<span *ngIf="element.enabled" class="operationSpan"><span class="spanbtn red" (click)="noEnabled(element)">禁用</span></span> |
||||||
<span *ngIf="element.enabled" class="operationSpan"><mat-icon class="icon" style="color: rgb(245, 34, 45);">remove_circle</mat-icon><span class="spanbtn blue" (click)="noEnabled(element)">禁用</span></span> |
<span *ngIf="!element.enabled" class="operationSpan"><span class="spanbtn gray" (click)="enabled(element)">禁用</span></span> |
||||||
<span *ngIf="!element.enabled" class="operationSpan"><mat-icon class="icon" style="color: gray;">remove_circle</mat-icon><span class="spanbtn gray" (click)="enabled(element)">禁用</span></span> |
<span class="operationSpan"><span class="spanbtn red" (click)="delete(element)">删除</span></span> |
||||||
<span class="operationSpan"><mat-icon class="icon">delete</mat-icon><span class="spanbtn red" (click)="delete(element)">删除</span></span> |
|
||||||
</td> |
</td> |
||||||
</ng-container> |
</ng-container> |
||||||
|
|
||||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||||
</table> |
</table> |
||||||
<mat-paginator [length]="length" |
<mat-paginator [length]="length" |
||||||
[pageSize]="pageSize" |
[pageSize]="pageSize" |
||||||
[pageSizeOptions]="pageSizeOptions" |
[pageSizeOptions]="pageSizeOptions" |
||||||
(page)="chagePage($event)"> |
(page)="chagePage($event)"> |
||||||
</mat-paginator> |
</mat-paginator> |
||||||
|
|
||||||
|
</div> |
||||||
|
|||||||
@ -1,29 +0,0 @@ |
|||||||
<div> |
|
||||||
<div class="header"><img src="../../../assets/images/login.gif"></div> |
|
||||||
|
|
||||||
<div class="content"> |
|
||||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
|
||||||
|
|
||||||
<div class="input"> |
|
||||||
<mat-icon class="icon">account_box</mat-icon> |
|
||||||
<mat-form-field> |
|
||||||
<input matInput id="name" name="name" required ngModel placeholder="请输入账号"> |
|
||||||
</mat-form-field> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="input"> |
|
||||||
<mat-icon class="icon2">lock</mat-icon> |
|
||||||
<mat-form-field> |
|
||||||
<input matInput id="password" name="password" type='password' required ngModel placeholder="请输入密码"> |
|
||||||
</mat-form-field> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div *ngIf="errmsg" class="alert-danger"> |
|
||||||
{{errmsg}} |
|
||||||
</div> |
|
||||||
|
|
||||||
<button type="submit" [disabled]="!form.form.valid" class="loginBtn" mat-raised-button color="primary">登录</button> |
|
||||||
</form> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
@ -1,45 +0,0 @@ |
|||||||
.header { |
|
||||||
margin: 0 auto; |
|
||||||
width: 50px; |
|
||||||
height: 50px; |
|
||||||
border-radius: 50%; |
|
||||||
img { |
|
||||||
width: 100%; |
|
||||||
height: 100%; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.content { |
|
||||||
margin: 20px 0; |
|
||||||
text-align: center; |
|
||||||
.alert-danger { |
|
||||||
text-align: left; |
|
||||||
font-size: 14px; |
|
||||||
color: red; |
|
||||||
} |
|
||||||
.loginBtn { |
|
||||||
width: 90%; |
|
||||||
border-radius: 5px; |
|
||||||
margin-top: 10px; |
|
||||||
} |
|
||||||
} |
|
||||||
.input { |
|
||||||
margin-left: 22px; |
|
||||||
position: relative; |
|
||||||
} |
|
||||||
.icon { |
|
||||||
width: 24px; |
|
||||||
color: #666; |
|
||||||
font-size: 24px; |
|
||||||
position: absolute; |
|
||||||
top: 17px; |
|
||||||
left: -24px; |
|
||||||
} |
|
||||||
.icon2 { |
|
||||||
width: 24px; |
|
||||||
color: #666; |
|
||||||
font-size: 24px; |
|
||||||
position: absolute; |
|
||||||
top: 17px; |
|
||||||
left: -24px; |
|
||||||
} |
|
||||||
@ -1,42 +0,0 @@ |
|||||||
import { Component, OnInit } from '@angular/core'; |
|
||||||
import { HttpClient } from '@angular/common/http'; |
|
||||||
import { IsLoginService } from '../../is-login.service' |
|
||||||
import { CacheTokenService } from '../../http-interceptors/cache-token.service' |
|
||||||
import { MatDialogRef } from '@angular/material/dialog'; |
|
||||||
import { MatSnackBarConfig, 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 isLogin:IsLoginService,private token:CacheTokenService,public dialogRef: MatDialogRef<any>,public snackBar: MatSnackBar) { } |
|
||||||
|
|
||||||
ngOnInit(): void { |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
errmsg:any; //err信息
|
|
||||||
|
|
||||||
//登录
|
|
||||||
onSubmit (e) { |
|
||||||
let loginMsg = { |
|
||||||
name: e.name, |
|
||||||
password: e.password |
|
||||||
} |
|
||||||
this.http.post('/api/Account/SignIn',loginMsg).subscribe((data:any)=>{ |
|
||||||
sessionStorage.setItem("token",data.token); |
|
||||||
sessionStorage.setItem("refreshToken",data.refreshToken); |
|
||||||
this.token.startUp(); //登陆成功启动定时器刷新token
|
|
||||||
const config = new MatSnackBarConfig(); |
|
||||||
config.verticalPosition = 'top'; |
|
||||||
config.duration = 3000 |
|
||||||
this.snackBar.open('登陆成功','确定',config); |
|
||||||
this.dialogRef.close(data); |
|
||||||
},(err) => {this.errmsg = err}) |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
@ -1,68 +1,72 @@ |
|||||||
<div class="header"> |
<div class="content"> |
||||||
<form #form="ngForm"> |
<div class="header"> |
||||||
<div class="queryBox"> |
<form #form="ngForm"> |
||||||
|
<div class="queryBox"> |
||||||
<div class="queryField"style="margin-right: 90px;"> |
|
||||||
<button type="button" mat-raised-button color="primary" (click)='open()'>创建教员</button> |
<div class="queryField"> |
||||||
</div> |
<label style="margin-right: 10px;">用户账号:</label> |
||||||
|
<input type="text" [(ngModel)]="identityCard" name="identityCard" autocomplete="off" placeholder="请输入用户账号"> |
||||||
<div class="queryField"> |
</div> |
||||||
<label style="margin-right: 10px;">姓名:</label> |
<div class="queryField"> |
||||||
<input type="text" [(ngModel)]="name" name="name" autocomplete="off"> |
<label style="margin-right: 10px;">用户姓名:</label> |
||||||
</div> |
<input type="text" [(ngModel)]="name" name="name" autocomplete="off" placeholder="请输入用户姓名"> |
||||||
|
</div> |
||||||
<div class="queryField"> |
<div class="queryField"> |
||||||
<label style="margin-right: 10px;">帐号:</label> |
<label style="margin-right: 10px;">消防救援站:</label> |
||||||
<input type="text" [(ngModel)]="identityCard" name="identityCard" autocomplete="off"> |
<input type="text" [(ngModel)]="fireTeam" name="fireTeam" autocomplete="off" placeholder="请选择消防救援站"> |
||||||
</div> |
</div> |
||||||
<div class="btnbox" style="margin-left: 90px;"> |
<div class="queryField"> |
||||||
<button mat-raised-button color="primary" (click)='initData()'>查询</button> |
<button mat-raised-button (click)='initData()' style="background-color: #07CDCF;">查询</button> |
||||||
<button mat-raised-button style="margin-left: 10px;" type="button" (click)='empty()'>重置</button> |
<button mat-raised-button (click)='empty()' style="margin-left: 10px; background-color: #FF8678;">重置</button> |
||||||
|
</div> |
||||||
|
<div class="queryField"> |
||||||
|
<button mat-raised-button (click)='open()' style="background-color: #07CDCF;">新增用户</button> |
||||||
|
</div> |
||||||
|
|
||||||
</div> |
</div> |
||||||
</div> |
</form> |
||||||
|
</div> |
||||||
</form> |
|
||||||
</div> |
<table mat-table [dataSource]="dataSource"> |
||||||
|
|
||||||
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> |
|
||||||
|
|
||||||
<ng-container matColumnDef="name"> |
|
||||||
<th mat-header-cell *matHeaderCellDef>姓名</th> |
|
||||||
<td mat-cell *matCellDef="let element">{{element.realName}}</td> |
|
||||||
</ng-container> |
|
||||||
|
|
||||||
<ng-container matColumnDef="identitycard"> |
<ng-container matColumnDef="identitycard"> |
||||||
<th mat-header-cell *matHeaderCellDef>帐号</th> |
<th mat-header-cell *matHeaderCellDef>用户帐号</th> |
||||||
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
||||||
</ng-container> |
</ng-container> |
||||||
|
|
||||||
|
<ng-container matColumnDef="name"> |
||||||
|
<th mat-header-cell *matHeaderCellDef>用户姓名</th> |
||||||
|
<td mat-cell *matCellDef="let element">{{element.realName}}</td> |
||||||
|
</ng-container> |
||||||
|
|
||||||
<ng-container matColumnDef="post"> |
<ng-container matColumnDef="post"> |
||||||
<th mat-header-cell *matHeaderCellDef>职务</th> |
<th mat-header-cell *matHeaderCellDef>消防救援站</th> |
||||||
<td mat-cell *matCellDef="let element"> |
<td mat-cell *matCellDef="let element">上海总队</td> |
||||||
<span *ngFor="let item of element.posts"> |
|
||||||
{{item.name}} |
|
||||||
</span> |
|
||||||
</td> |
|
||||||
</ng-container> |
</ng-container> |
||||||
|
|
||||||
|
<ng-container matColumnDef="time"> |
||||||
|
<th mat-header-cell *matHeaderCellDef>创建时间</th> |
||||||
|
<td mat-cell *matCellDef="let element">{{element.creationTime | date:'yyyy-MM-dd'}}</td> |
||||||
|
</ng-container> |
||||||
|
|
||||||
<ng-container matColumnDef="operation"> |
<ng-container matColumnDef="operation"> |
||||||
<th mat-header-cell *matHeaderCellDef>操作</th> |
<th mat-header-cell *matHeaderCellDef>操作</th> |
||||||
<td mat-cell *matCellDef="let element"> |
<td mat-cell *matCellDef="let element"> |
||||||
<!-- <span class="operationSpan"><mat-icon class="icon">assessment</mat-icon><span class="spanbtn blue">查看学习记录</span></span> --> |
<span class="operationSpan"><span class="spanbtn green" (click)="reset(element)">重置密码</span></span> |
||||||
<span class="operationSpan"><mat-icon class="icon">cached</mat-icon><span class="spanbtn blue" (click)="reset(element)">重置密码</span></span> |
<span class="operationSpan"><span class="spanbtn green" (click)="edit(element)">编辑</span></span> |
||||||
<span class="operationSpan"><mat-icon class="icon">edit</mat-icon><span class="spanbtn blue" (click)="edit(element)">修改</span></span> |
<span *ngIf="element.enabled" class="operationSpan"><span class="spanbtn red" (click)="noEnabled(element)">禁用</span></span> |
||||||
<span *ngIf="element.enabled" class="operationSpan"><mat-icon class="icon" style="color: rgb(245, 34, 45);">remove_circle</mat-icon><span class="spanbtn blue" (click)="noEnabled(element)">禁用</span></span> |
<span *ngIf="!element.enabled" class="operationSpan"><span class="spanbtn gray" (click)="enabled(element)">禁用</span></span> |
||||||
<span *ngIf="!element.enabled" class="operationSpan"><mat-icon class="icon" style="color: gray;">remove_circle</mat-icon><span class="spanbtn gray" (click)="enabled(element)">禁用</span></span> |
<span class="operationSpan"><span class="spanbtn red" (click)="delete(element)">删除</span></span> |
||||||
<span class="operationSpan"><mat-icon class="icon">delete</mat-icon><span class="spanbtn red" (click)="delete(element)">删除</span></span> |
|
||||||
</td> |
</td> |
||||||
</ng-container> |
</ng-container> |
||||||
|
|
||||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||||
</table> |
</table> |
||||||
<mat-paginator [length]="length" |
<mat-paginator [length]="length" |
||||||
[pageSize]="pageSize" |
[pageSize]="pageSize" |
||||||
[pageSizeOptions]="pageSizeOptions" |
[pageSizeOptions]="pageSizeOptions" |
||||||
(page)="chagePage($event)"> |
(page)="chagePage($event)"> |
||||||
</mat-paginator> |
</mat-paginator> |
||||||
|
|
||||||
|
</div> |
||||||
|
|||||||
|
Before Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 447 KiB |
|
Before Width: | Height: | Size: 120 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
After Width: | Height: | Size: 373 KiB |
|
After Width: | Height: | Size: 14 KiB |
Loading…
Reference in new issue