57 changed files with 2 additions and 3830 deletions
@ -1,159 +0,0 @@
|
||||
|
||||
<div class="topbox"> |
||||
<div class="leftbox"> |
||||
<div class="upload" (mouseenter)="uploadBtnEnter()" (mouseleave)="uploadBtnLeave()" *ngIf="isAdmin"> |
||||
<div class="btn" style="width: 88px;height: 33px;" > |
||||
<mat-icon>backup</mat-icon><span> 上传</span> |
||||
<input type="file" (change)='selectFile($event)'> |
||||
</div> |
||||
<div class="openbtn" style="position: absolute;" *ngIf="isOpenUpload"> |
||||
<div> |
||||
<span>上传文件</span> |
||||
<input type="file" (change)='selectFile($event)'> |
||||
</div> |
||||
<div> |
||||
<span>上传文件夹</span> |
||||
<input multiple webkitdirectory type="file" (change)='selectFiles($event)'> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="newFile" (click)="createFolder()" *ngIf="isAdmin"> |
||||
<mat-icon>create_new_folder</mat-icon> <span>新建文件夹</span> |
||||
</div> |
||||
|
||||
<div class="newFile" style="width: 88px;" (click)='downLoadFile()'> |
||||
<mat-icon>save_alt</mat-icon> <span>下载</span> |
||||
</div> |
||||
|
||||
<div class="newFile delete" style="width: 88px;" *ngIf="isAdmin" (click)="deleteFiles()" > |
||||
<mat-icon>delete</mat-icon> <span>删除</span> |
||||
</div> |
||||
|
||||
<div class="progressBox" *ngIf="uploadisLoading"> |
||||
<button mat-raised-button style="margin-right: 5px;width: 84px;height: 33px;" (click)="cancel()">取消上传</button> |
||||
<span style="font-size: 12px;">上传中...</span> |
||||
<mat-progress-bar mode="determinate" [value]="uploadProgress" class="progress"></mat-progress-bar> |
||||
</div> |
||||
|
||||
<!-- <div class="progressBox" *ngIf="uploadisLoading2"> |
||||
<button mat-raised-button style="margin-right: 5px;width: 84px;height: 33px;" (click)="cancel2()">取消上传</button> |
||||
<span style="font-size: 12px;">文件夹上传中...(当前上传 {{uploadProgress2}} )</span> |
||||
<mat-spinner determinate style="position: absolute;right: 0;right: 260px;bottom: -10px;" diameter=40></mat-spinner> |
||||
</div> --> |
||||
|
||||
<div class="progressBox" *ngIf="downloadFile.isDownloading"> |
||||
<!-- <button mat-raised-button style="margin-right: 5px;" (click)="cancelDowload()">取消下载</button> --> |
||||
<span style="font-size: 12px;">下载中...</span> |
||||
<mat-progress-bar mode="determinate" [value]="downloadFile.downloadProgress" class="progress" style="left: 52px;top: 13px;"></mat-progress-bar> |
||||
</div> |
||||
</div> |
||||
<!-- <div class="rightbox"> |
||||
<div class="inputbox"> |
||||
<input type="text" [(ngModel)]="searchData" (focus)="searchfocus($event)" (blur)="searchblur($event)"> |
||||
<span class="cancel" *ngIf="isCancel" (click)="cancelbtn()"><mat-icon style="font-size: 16px;">cancel</mat-icon></span> |
||||
<span class="search" (click)="search()"><mat-icon>search</mat-icon></span> |
||||
</div> |
||||
</div> --> |
||||
</div> |
||||
<div class="titlebox"> |
||||
<div class="titleleft"> |
||||
<span class="goBack" (click)='backToTop()' *ngIf="selectedDataBank.includes('/')">返回根目录</span> |
||||
|
||||
<span class="goBack" (click)='backTominTop()' *ngIf="selectedDataBank.includes('/')">返回上一级</span> |
||||
<span style="margin: 0 3px;color: #c5d8f3;">|</span> |
||||
<span class="allFile" *ngIf="!selectedDataBank.includes('/')">全部文件</span> |
||||
<span style="margin: 0 3px;color: #c5d8f3;">→</span> |
||||
<span class="allFile">{{selectedDataBank}}</span> |
||||
</div> |
||||
|
||||
<div class="titleright"> |
||||
<span>已全部加载，共 {{fileNum}} 个</span> |
||||
</div> |
||||
</div> |
||||
<div class="mainbox" style="overflow-y: auto;max-height: 80%;width: 100%;"> |
||||
<table style="width: 100%;" mat-table [dataSource]="dataSource" matSort (matSortChange)="sortData($event)" class="mat-elevation-z8"> |
||||
<ng-container matColumnDef="select"> |
||||
<th style="width: 4%;" mat-header-cell *matHeaderCellDef> |
||||
<mat-checkbox (change)="$event ? masterToggle() : null" |
||||
[checked]="selection.hasValue() && isAllSelected()" |
||||
color="primary" |
||||
[indeterminate]="selection.hasValue() && !isAllSelected()"> |
||||
</mat-checkbox> |
||||
</th> |
||||
<td mat-cell *matCellDef="let row"> |
||||
<mat-checkbox (click)="clickCheckBox($event)" |
||||
color="primary" |
||||
(change)="$event ? selection.toggle(row) : null" |
||||
[checked]="selection.isSelected(row)"> |
||||
</mat-checkbox> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="name"> |
||||
<th style="width: 63%;" mat-header-cell *matHeaderCellDef> 文件名 </th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<img *ngIf="element.type == 'pdf'" src="../../../assets/images/pdf.png" alt=""> |
||||
<img *ngIf="element.type == 'jpeg' || element.type == 'jpg' || element.type == 'png' || element.type == 'gif' || element.type == 'svg'|| element.type == 'webp' || element.type == 'bmp'|| element.type == 'JPG'" src="../../../assets/images/img.png" alt=""> |
||||
<img *ngIf="element.type == 'doc' || element.type == 'docx'" src="../../../assets/images/word.png" alt=""> |
||||
<img *ngIf="element.type == 'xlsx'" src="../../../assets/images/excel.png" alt=""> |
||||
<img *ngIf="element.type == 'zip'" src="../../../assets/images/zip.png" alt=""> |
||||
<img *ngIf="element.type == 'MP4' || element.type == 'mp4'" src="../../../assets/images/video.png" alt=""> |
||||
<img *ngIf="element.type == 'txt'" src="../../../assets/images/text.png" alt=""> |
||||
<img *ngIf="element.type == 'pptx'" src="../../../assets/images/ppt.png" alt=""> |
||||
<img *ngIf="element.type == 'cad' || element.type == 'CAD'" src="../../../assets/images/cad.png" alt=""> |
||||
<img *ngIf="element.type == 'avi' || element.type == 'swf'|| element.type == 'mov'" src="../../../assets/images/video.png" alt=""> |
||||
<img *ngIf="element.type == 'mp3' || element.type == 'aif' || element.type == 'wav' || element.type == 'flac'" src="../../../assets/images/music.png" alt=""> |
||||
<img *ngIf="element.isDir" src="../../../assets/images/file.png" alt=""> |
||||
<img *ngIf="element.type == 'gaopenche' || element.type == 'denggao'" src="../../../assets/images/gaopenche.gif" alt=""> |
||||
<img *ngIf="element.type == 'jiqiren' || element.type == 'konghuqi'" src="../../../assets/images/shebei.jpg" alt=""> |
||||
<img *ngIf="element.type == 'waifu' || element.type == 'neifu' || element.type == 'gong' || element.type == 'qiu'" src="../../../assets/images/sheshi.jpg" alt=""> |
||||
|
||||
<span *ngIf="element.isDir == false" class="filename" (click)="clickName($event,element)"> |
||||
{{element.key | name}} |
||||
</span> |
||||
<span *ngIf="element.isDir == true" class="filename" (click)="clickName($event,element)"> |
||||
{{element.key | name2}} |
||||
</span> |
||||
<span class="font3d" *ngIf="element.type == 'waifu' || element.type == 'neifu' || element.type == 'gong' || element.type == 'qiu' || element.type == 'gaopenche' || element.type == 'denggao' || element.type == 'jiqiren' || element.type == 'konghuqi'"> |
||||
3D |
||||
</span> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="weight"> |
||||
<th mat-header-cell style="width: 15%;" *matHeaderCellDef> 大小 </th> |
||||
<td mat-cell *matCellDef="let element"> {{element.size | size}} </td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="time"> |
||||
<th style="width: 18%;" mat-header-cell *matHeaderCellDef mat-sort-header> 修改日期 </th> |
||||
<td mat-cell *matCellDef="let element"> {{element.lastModified | date:'yyyy-MM-dd HH:mm:ss'}} </td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;" |
||||
(click)="clickCheckBoxLi($event,row)"> |
||||
</tr> |
||||
</table> |
||||
|
||||
<div class="nofiles" *ngIf="isNoFileTitle && selectedDataBank.includes('/')"> |
||||
<span style="font-size: 14px;cursor: default;">您还没上传过文件哦～</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="openSystem" *ngIf="!selectedDataBank.includes('/') && roleType =='1' " > |
||||
<a (click)="openteacher()" [href]='aHrefUnsafeLearnFun()'> <mat-icon style="vertical-align: middle; font-size: 24px;">account_balance</mat-icon> 战术授课<span>进入</span></a> |
||||
</div> |
||||
|
||||
<div class="openSystem" *ngIf="!selectedDataBank.includes('/') && roleType == '2' "> |
||||
<a (click)="openlearn()" [href]='aHrefUnsafeLearnFun()'> <mat-icon style="vertical-align: middle; font-size: 24px;">account_balance</mat-icon> 战术学习<span>进入</span></a> |
||||
</div> |
||||
|
||||
<div class="fixedBox" [hidden]="!uploadisLoading2"> |
||||
<app-upload-files [thatFile]='this' #child></app-upload-files> |
||||
</div> |
||||
|
||||
<ul> |
||||
<li *ngFor="let item of checkedAllFiles">{{item.key}}</li> |
||||
</ul> |
||||
|
||||
@ -1,265 +0,0 @@
|
||||
// @import "//at.alicdn.com/t/font_1863119_sy1f800ck9h.css"; |
||||
.topbox{ |
||||
height: 33px; |
||||
position: relative; |
||||
padding: 11px 10px; |
||||
.leftbox{ |
||||
float: left; |
||||
display: flex; |
||||
.upload{ |
||||
margin-left:16px; |
||||
background-color: #09AAFF; |
||||
border-radius: 4px; |
||||
cursor: pointer; |
||||
.btn{ |
||||
position: relative; |
||||
color: white; |
||||
font-size: 13px; |
||||
mat-icon{ |
||||
position: absolute; |
||||
top: 5px; |
||||
left: 10px; |
||||
} |
||||
span{ |
||||
position: absolute; |
||||
left: 41px; |
||||
top: 9px; |
||||
} |
||||
input{ |
||||
width: 88px; |
||||
height: 33px; |
||||
opacity: 0; |
||||
} |
||||
} |
||||
.openbtn{ |
||||
background-color: white; |
||||
width: 86px; |
||||
text-align: center; |
||||
font-size: 12px; |
||||
border-radius: 0px 0px 4px 4px; |
||||
border: 1px solid #09AAFF; |
||||
div{ |
||||
position: relative; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
color: #09AAFF; |
||||
input{ |
||||
width: 86px; |
||||
height: 30px; |
||||
opacity: 0; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
} |
||||
} |
||||
div:hover{ |
||||
background-color: whitesmoke; |
||||
} |
||||
} |
||||
} |
||||
.newFile{ |
||||
cursor: pointer; |
||||
background-color: #fff; |
||||
color: #09AAFF; |
||||
border: 1px solid #C3EAFF; |
||||
border-radius: 4px; |
||||
margin-left: 12px; |
||||
height: 33px; |
||||
line-height: 33px; |
||||
font-size: 13px; |
||||
position: relative; |
||||
width: 130px; |
||||
height: 33px; |
||||
float: left; |
||||
mat-icon{ |
||||
position: absolute; |
||||
top: 5px; |
||||
left: 10px; |
||||
} |
||||
span{ |
||||
position: absolute; |
||||
left: 41px; |
||||
} |
||||
} |
||||
.delete{ |
||||
color: rgba(245, 59, 59); |
||||
border: 0.5px solid rgba(245, 59, 59); |
||||
// background-color: red; |
||||
// color: white; |
||||
} |
||||
} |
||||
.rightbox{ |
||||
float: right; |
||||
width: 21%; |
||||
.inputbox{ |
||||
float: right; |
||||
width: 21%; |
||||
min-width: 165px; |
||||
max-width: 315px; |
||||
height: 30px; |
||||
// margin: 12px 8px 12px 0; |
||||
position: relative; |
||||
right: 100px; |
||||
border-radius: 33px; |
||||
padding-left: 15px; |
||||
padding-right: 54px; |
||||
background: #f1f2f4; |
||||
border-radius: 33px; |
||||
input{ |
||||
width: 100%; |
||||
height: 30px; |
||||
background: 0 0; |
||||
border: 0; |
||||
outline: 0; |
||||
line-height: 29px!important; |
||||
position: relative; |
||||
font-size: 12px; |
||||
} |
||||
.search{ |
||||
cursor: pointer; |
||||
position: absolute; |
||||
right: 5px; |
||||
top: 3px; |
||||
color: grey; |
||||
} |
||||
.cancel{ |
||||
cursor: pointer; |
||||
position: absolute; |
||||
right: 22px; |
||||
top: 5px; |
||||
color: #808080; |
||||
} |
||||
.cancel:hover{ |
||||
mat-icon{ |
||||
color: #808090; |
||||
; |
||||
} |
||||
|
||||
} |
||||
} |
||||
} |
||||
//进度条 |
||||
.progressBox{ |
||||
position: absolute; |
||||
display: inline-block; |
||||
width: 550px; |
||||
left: 480px; |
||||
} |
||||
.progress{ |
||||
position: absolute; |
||||
width: 350px; |
||||
top: 18px; |
||||
left: 160px; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
.titlebox{ |
||||
height: 30px; |
||||
line-height: 30px; |
||||
padding-left: 18px; |
||||
padding-right: 18px; |
||||
span{ |
||||
font-size: 12px; |
||||
} |
||||
.titleleft{ |
||||
float: left; |
||||
.goBack{ |
||||
color: #09aaff; |
||||
} |
||||
.goBack:hover{ |
||||
cursor: pointer; |
||||
text-decoration: underline; |
||||
} |
||||
} |
||||
.titleright{ |
||||
float: right; |
||||
} |
||||
} |
||||
.mainbox{ |
||||
// overflow-y: auto; |
||||
table{ |
||||
td{ |
||||
img{ |
||||
position: relative; |
||||
width: 26px; |
||||
height: 26px; |
||||
top: 6px; |
||||
margin-right: 3px; |
||||
} |
||||
.filename:hover{ |
||||
cursor: pointer; |
||||
color: #09aaff; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.btn{ |
||||
width: 100%; |
||||
text-align: center; |
||||
button{ |
||||
margin: 0 5px; |
||||
} |
||||
} |
||||
.font3d{ |
||||
font-size: 13px; |
||||
background-color: #2cbe4e; |
||||
display: inline-block; |
||||
font-weight: 600; |
||||
line-height: 20px; |
||||
color: #fff; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
border-radius: 3px; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
//上传文件夹弹窗 |
||||
.fixedBox { |
||||
position: fixed; |
||||
bottom: 3%; |
||||
right: 3%; |
||||
width: 500px; |
||||
} |
||||
.nofiles{ |
||||
background: url("../../../assets/images/nofiles.png") no-repeat scroll center 0 transparent; |
||||
padding-top: 150px; |
||||
width: 488px; |
||||
position: absolute; |
||||
left: 50%; |
||||
top: 50%; |
||||
text-align: center; |
||||
margin: -78px 0 0 -244px; |
||||
} |
||||
.openSystem{ |
||||
position: relative; |
||||
a{ |
||||
color: rgba(0, 0, 0, 0.87); |
||||
font-size: 14px; |
||||
display: block; |
||||
width: 100%; |
||||
height: 48px; |
||||
line-height: 48px; |
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12); |
||||
padding-left: 4%; |
||||
background-color: white; |
||||
img{ |
||||
position: relative; |
||||
width: 26px; |
||||
height: 26px; |
||||
top: 6px; |
||||
margin-right: 8px; |
||||
} |
||||
span{ |
||||
position: absolute; |
||||
right: 31.3%; |
||||
line-height: 48px; |
||||
font-size: 14px; |
||||
} |
||||
} |
||||
|
||||
|
||||
} |
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { AllFileComponent } from './all-file.component'; |
||||
|
||||
describe('AllFileComponent', () => { |
||||
let component: AllFileComponent; |
||||
let fixture: ComponentFixture<AllFileComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ AllFileComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(AllFileComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -1,14 +0,0 @@
|
||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||
<mat-form-field> |
||||
<input matInput id="name" name="name" type='text' |
||||
required |
||||
style="font-size: 12px;" |
||||
onfocus="this.select()" |
||||
[(ngModel)]="newFolderName" placeholder="创建文件夹"> |
||||
</mat-form-field> |
||||
|
||||
<div class="btn"> |
||||
<button type="submit" class="savebtn" mat-raised-button color="primary" [disabled]='form.invalid'>确定</button> |
||||
<button type="button" mat-button (click)="onNoClick()" mat-raised-button>取消</button> |
||||
</div> |
||||
</form> |
||||
@ -1,12 +0,0 @@
|
||||
<div style="position: relative;"> |
||||
<div style="position: absolute;right: 0;top: 0;cursor: pointer;" (click)="closeDialog()"> |
||||
<span><mat-icon>clear</mat-icon></span> |
||||
</div> |
||||
<div class="imgbox" style="text-align: center;"> |
||||
<img *ngIf="data.type == 'img'" style="max-width: 96%;max-height: 100%;margin-top: 20px;" class="imgitemdefault" [src]="Url"> |
||||
<video style="margin-top:18px;" autoplay controls *ngIf="data.type == 'video'" [src]="Url"></video> |
||||
<audio autoplay controls *ngIf="data.type == 'mp3'" [src]="Url"></audio> |
||||
<!-- <pre *ngIf="data.type == 'txt'">{{Url}}</pre> --> |
||||
<!-- <iframe *ngIf="data.type == 'txt'" [src]="Url" frameborder="1" width="100%" height="600"></iframe> --> |
||||
</div> |
||||
</div> |
||||
@ -1,54 +0,0 @@
|
||||
<div class="box"> |
||||
<div class="createBtn"> |
||||
<button mat-raised-button color="primary" (click)="createTest()">新增考题</button> |
||||
</div> |
||||
<div class="tablebox"> |
||||
<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.name}}</td> |
||||
</ng-container> |
||||
|
||||
<!-- Name Column --> |
||||
<ng-container matColumnDef="organization"> |
||||
<th mat-header-cell *matHeaderCellDef>考核中队</th> |
||||
<td mat-cell *matCellDef="let element">{{element.organization}}</td> |
||||
</ng-container> |
||||
|
||||
<!-- Weight Column --> |
||||
<ng-container matColumnDef="startTime"> |
||||
<th mat-header-cell *matHeaderCellDef>开考时间</th> |
||||
<td mat-cell *matCellDef="let element">{{element.startTime}}</td> |
||||
</ng-container> |
||||
|
||||
<!-- Symbol Column --> |
||||
<ng-container matColumnDef="overTime"> |
||||
<th mat-header-cell *matHeaderCellDef>结束时间</th> |
||||
<td mat-cell *matCellDef="let element">{{element.overTime}}</td> |
||||
</ng-container> |
||||
|
||||
<!-- Symbol Column --> |
||||
<ng-container matColumnDef="testState"> |
||||
<th mat-header-cell *matHeaderCellDef>考试状态</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<i [ngClass]="{'green': element.testState == '2','red':element.testState == '3'}"> |
||||
{{element.testState | testState}} |
||||
</i> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<!-- Symbol Column --> |
||||
<ng-container matColumnDef="operation"> |
||||
<th mat-header-cell *matHeaderCellDef>操作</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<span>编辑</span> |
||||
<span>详情</span> |
||||
<span [ngClass]="{'grey': element.testState == '2' || element.testState == '3'}">删除</span> |
||||
</td> |
||||
</ng-container> |
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<mat-paginator [pageSize]="10"></mat-paginator> |
||||
</div> |
||||
</div> |
||||
@ -1,52 +0,0 @@
|
||||
.box{ |
||||
width:100%; |
||||
height: 100%; |
||||
margin: 0 auto; |
||||
.createBtn{ |
||||
height: 60px; |
||||
line-height: 60px; |
||||
margin-bottom: 6px; |
||||
margin-left: 20px; |
||||
} |
||||
.tablebox{ |
||||
table{ |
||||
width: 100%; |
||||
} |
||||
|
||||
} |
||||
} |
||||
.mat-header-cell{ |
||||
text-align: center; |
||||
} |
||||
.mat-cell{ |
||||
text-align: center; |
||||
span{ |
||||
color: #0000BF; |
||||
margin: 0 3px; |
||||
cursor: pointer; |
||||
} |
||||
span:hover{ |
||||
text-decoration:underline |
||||
} |
||||
.grey{ |
||||
color: grey; |
||||
pointer-events: none; |
||||
} |
||||
.green{ |
||||
color: #70b603; |
||||
} |
||||
.red{ |
||||
color: #d9001b; |
||||
} |
||||
} |
||||
|
||||
.dialog{ |
||||
.title{ |
||||
h1{ |
||||
font-size: 25px; |
||||
font-weight: 900; |
||||
text-align: center; |
||||
} |
||||
|
||||
} |
||||
} |
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { CreateExamComponent } from './create-exam.component'; |
||||
|
||||
describe('CreateExamComponent', () => { |
||||
let component: CreateExamComponent; |
||||
let fixture: ComponentFixture<CreateExamComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ CreateExamComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(CreateExamComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -1,76 +0,0 @@
|
||||
import { Component, OnInit,Inject } from '@angular/core'; |
||||
import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog'; |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
import {FormControl} from '@angular/forms'; |
||||
const ELEMENT_DATA: any[] = [ |
||||
{name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'1'}, |
||||
{name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'1'}, |
||||
{name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'2'}, |
||||
{name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'2'}, |
||||
{name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'2'}, |
||||
{name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'2'}, |
||||
{name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'2'}, |
||||
{name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'3'}, |
||||
{name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'3'}, |
||||
{name: "富华酒店", organization: '浦东支队', startTime: "2020-09-19 10:00", overTime: '2020-09-19 12:00',testState:'3'}, |
||||
]; |
||||
@Component({ |
||||
selector: 'app-create-exam', |
||||
templateUrl: './create-exam.component.html', |
||||
styleUrls: ['./create-exam.component.scss'] |
||||
}) |
||||
export class CreateExamComponent implements OnInit { |
||||
|
||||
constructor(public dialog: MatDialog,public snackBar: MatSnackBar) { } |
||||
displayedColumns: string[] = ['name', 'organization', 'startTime', 'overTime', 'testState', 'operation']; |
||||
dataSource = ELEMENT_DATA; |
||||
ngOnInit(): void { |
||||
} |
||||
//新增考题弹出框
|
||||
createTest(){ |
||||
const dialogRef = this.dialog.open(CreateDialog, { |
||||
data: {} |
||||
}); |
||||
dialogRef.afterClosed().subscribe( |
||||
data=>{ |
||||
if(data){ |
||||
|
||||
}
|
||||
} |
||||
); |
||||
} |
||||
} |
||||
|
||||
// import getISOWeek from 'date-fns/getISOWeek';
|
||||
//创建组织
|
||||
@Component({ |
||||
selector: 'CreateDialog', |
||||
templateUrl: './createDialog.html', |
||||
styleUrls: ['./create-exam.component.scss'] |
||||
}) |
||||
export class CreateDialog { |
||||
myControl = new FormControl(); |
||||
constructor( |
||||
public dialogRef: MatDialogRef<CreateDialog>, |
||||
@Inject(MAT_DIALOG_DATA) public data, |
||||
public snackBar: MatSnackBar) {} |
||||
|
||||
onNoClick(): void { |
||||
this.dialogRef.close(); |
||||
} |
||||
|
||||
onSubmit(value){ |
||||
} |
||||
date = null; |
||||
|
||||
onChange(result: Date[]): void { |
||||
console.log('onChange: ', result); |
||||
} |
||||
// getWeek(result: Date[]): void {
|
||||
// console.log('week: ', result.map(getISOWeek));
|
||||
// }
|
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
@ -1,34 +0,0 @@
|
||||
<div class="dialog"> |
||||
<div class="title"> |
||||
<h1>试卷新增</h1> |
||||
</div> |
||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||
|
||||
<div> |
||||
<span>试卷名称</span> |
||||
<input id="name" name="name" type='text' |
||||
required |
||||
ngModel #name="ngModel"> |
||||
</div> |
||||
|
||||
|
||||
<div> |
||||
<span>考核中队</span> |
||||
<input id="name" name="name" type='text' |
||||
required |
||||
ngModel #name="ngModel"> |
||||
</div> |
||||
<div> |
||||
<span>考试时间</span> |
||||
<!-- <nz-range-picker id="date" name="date" [nzShowTime]="true" [(ngModel)]="date" (ngModelChange)="onChange($event)"></nz-range-picker> --> |
||||
</div> |
||||
|
||||
|
||||
<div class="btn"> |
||||
<button type="submit" class="savebtn" mat-raised-button color="primary" [disabled]='form.invalid'>确定</button> |
||||
<button type="button" mat-button (click)="onNoClick()" mat-raised-button>取消</button> |
||||
</div> |
||||
|
||||
</form> |
||||
</div> |
||||
|
||||
@ -1,40 +0,0 @@
|
||||
<div class="content"> |
||||
|
||||
<div class="header"> |
||||
<form #form="ngForm"> |
||||
<div class="queryBox"> |
||||
|
||||
<div class="queryField" style="margin-right: 90px;"> |
||||
<!-- <button type="button" mat-raised-button color="primary" style="margin-right: 10px;" (click)='goBack()'><mat-icon style="vertical-align: middle; font-size: 20px;">reply</mat-icon>返回</button> --> |
||||
<button type="button" mat-raised-button color="primary" (click)='queryAll()'>查看全部详情</button> |
||||
</div> |
||||
|
||||
<!-- <div class="queryField"> |
||||
<label style="margin-right: 10px;">开始时间:</label> |
||||
<input matInput [matDatepicker]="start" placeholder="请选择开始时间" readonly (dateChange)="startEvent($event)" [formControl]='startTime'> |
||||
<mat-datepicker-toggle matSuffix [for]="start"></mat-datepicker-toggle> |
||||
<mat-datepicker #start></mat-datepicker> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">结束时间:</label> |
||||
<input matInput [matDatepicker]="end" placeholder="请选择结束时间" readonly (dateChange)="endEvent($event)" [formControl]='endTime'> |
||||
<mat-datepicker-toggle matSuffix [for]="end"></mat-datepicker-toggle> |
||||
<mat-datepicker #end></mat-datepicker> |
||||
</div> --> |
||||
|
||||
|
||||
<div class="btnbox" style="margin-left: 90px;"> |
||||
<button mat-raised-button color="primary" (click)='query()'>查询</button> |
||||
<button mat-raised-button style="margin-left: 10px;" type="button" (click)='getList()'>重置</button> |
||||
</div> |
||||
</div> |
||||
|
||||
</form> |
||||
</div> |
||||
|
||||
<div class="center" id="center"></div> |
||||
<div class="nofiles" *ngIf="!echartsData.length"> |
||||
<span style="font-size: 14px;cursor: default;">暂无学习记录～</span> |
||||
</div> |
||||
</div> |
||||
@ -1,50 +0,0 @@
|
||||
.content{ |
||||
width: 100%; |
||||
height: 93%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
|
||||
.header { |
||||
padding: 10px; |
||||
box-sizing: border-box; |
||||
border-bottom: 1px solid #999; |
||||
.queryBox { |
||||
box-sizing: border-box; |
||||
padding: 5px 15px; |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
align-items:center; |
||||
justify-content:center; |
||||
.queryField { |
||||
margin: 0 15px; |
||||
font-size: 14px; |
||||
input { |
||||
width: 180px; |
||||
height: 22px; |
||||
line-height: 22px; |
||||
} |
||||
} |
||||
.btnbox{ |
||||
float: right; |
||||
} |
||||
|
||||
} //queryBox |
||||
} |
||||
|
||||
.center { |
||||
flex: 1; |
||||
box-sizing: border-box; |
||||
padding: 10px; |
||||
} |
||||
.nofiles{ |
||||
background: url("../../../assets/images/nofiles.png") no-repeat scroll center 0 transparent; |
||||
padding-top: 150px; |
||||
width: 488px; |
||||
position: absolute; |
||||
left: 50%; |
||||
top: 50%; |
||||
text-align: center; |
||||
margin: -96px 0 0 -244px; |
||||
} |
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { EhartsStatisticsComponent } from './eharts-statistics.component'; |
||||
|
||||
describe('EhartsStatisticsComponent', () => { |
||||
let component: EhartsStatisticsComponent; |
||||
let fixture: ComponentFixture<EhartsStatisticsComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ EhartsStatisticsComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(EhartsStatisticsComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -1,228 +0,0 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core'; |
||||
import {MatDatepickerInputEvent} from '@angular/material/datepicker'; |
||||
import { HttpClient } from '@angular/common/http'; |
||||
import { FormControl } from '@angular/forms'; |
||||
import { MatSnackBarConfig, MatSnackBar } from '@angular/material/snack-bar'; |
||||
import { ActivatedRoute, Router } from '@angular/router'; |
||||
declare var echarts : any; |
||||
|
||||
@Component({ |
||||
selector: 'app-eharts-statistics', |
||||
templateUrl: './eharts-statistics.component.html', |
||||
styleUrls: ['./eharts-statistics.component.scss'], |
||||
}) |
||||
export class EhartsStatisticsComponent implements OnInit { |
||||
|
||||
constructor(private adapter: DateAdapter<any>,private http:HttpClient,public snackBar: MatSnackBar,private route:ActivatedRoute,private router:Router) { } |
||||
|
||||
ngOnInit(): void { |
||||
this.idCard = this.route.snapshot.queryParams.id || '' |
||||
this.idName = this.route.snapshot.queryParams.name || '' |
||||
this.adapter.setLocale('CH') |
||||
this.getList() |
||||
} |
||||
|
||||
ngAfterViewInit(): void { |
||||
|
||||
} |
||||
|
||||
startTime:any; //查询开始时间
|
||||
endTime:any; //查询结束时间
|
||||
oneMonthDate:number = 30*24*60*60*1000; //一个月的时间戳
|
||||
|
||||
echartsData:any = []; //图表数据
|
||||
|
||||
idCard:string; //用户身份证
|
||||
idName:string; //用户姓名
|
||||
|
||||
//初始化 + 重置
|
||||
getList () { |
||||
this.startTime = new FormControl( new Date((new Date(new Date().getTime()-this.oneMonthDate)).toLocaleDateString()) ) |
||||
this.endTime = new FormControl( new Date() ) |
||||
let msg = { |
||||
Name: this.idCard, |
||||
// StartTime: new Date(new Date().getTime()-this.oneMonthDate).toLocaleDateString(),
|
||||
// EndTime: new Date().toLocaleDateString(),
|
||||
} |
||||
this.http.get('/api/StudyRecords/Statistics',{params:msg}).subscribe((data:any)=>{ |
||||
this.echartsData = data |
||||
if (data.length) { |
||||
this.handleData(data) |
||||
} else { //数据为空时销毁图表
|
||||
let chartHynyxf = echarts.init(document.getElementById('center'), 'skinUpp'); |
||||
chartHynyxf.dispose(); |
||||
} |
||||
}) |
||||
} |
||||
|
||||
//查询
|
||||
query () { |
||||
let msg = { |
||||
Name: this.idCard, |
||||
StartTime: this.getTime(this.startTime.value), //开始时间
|
||||
EndTime: this.getTime(this.endTime.value), //结束时间
|
||||
} |
||||
this.http.get('/api/StudyRecords/Statistics',{params:msg}).subscribe((data:any)=>{ |
||||
this.echartsData = data |
||||
if (data.length) { |
||||
this.handleData(data) |
||||
} else { //数据为空时销毁图表
|
||||
let chartHynyxf = echarts.init(document.getElementById('center'), 'skinUpp'); |
||||
chartHynyxf.dispose(); |
||||
} |
||||
}) |
||||
} |
||||
|
||||
//查询全部详情
|
||||
queryAll () { |
||||
this.router.navigate(['/home/learningrecorddetails'],{queryParams:{'Catalog': '','id':this.idCard}}); |
||||
} |
||||
|
||||
//返回上一页
|
||||
goBack () { |
||||
history.go(-1) |
||||
} |
||||
|
||||
//处理时间 传入 new Date()格式
|
||||
getTime(date){ |
||||
let year = date.getFullYear(); //年
|
||||
let month = date.getMonth() + 1; //月
|
||||
let day = date.getDate(); //日
|
||||
let hour = date.getHours() //时
|
||||
let min = date.getMinutes(); //分
|
||||
let seconds = date.getSeconds(); //秒
|
||||
return year+'-'+month+'-'+ day + " "+ hour +':'+ min +':'+ seconds; |
||||
} |
||||
|
||||
//选择开始时间
|
||||
startEvent (e: MatDatepickerInputEvent<Date>) { |
||||
let nowTime = new Date() |
||||
if (nowTime < e.value) { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('选择时间不能大于现在时间段','确定',config); |
||||
this.startTime = new FormControl( new Date(new Date().toLocaleDateString()) ) |
||||
} else { |
||||
this.startTime = new FormControl(e.value) |
||||
} |
||||
} |
||||
|
||||
//选择结束时间
|
||||
endEvent (e: MatDatepickerInputEvent<Date>) { |
||||
let oneDay:number = 86399000; //一天的毫秒数
|
||||
let selectDay = (e.value).toLocaleDateString() //选择的年月日
|
||||
let newDay = (new Date()).toLocaleDateString() //现在的年月日
|
||||
let nowTime = new Date() //现在的时间
|
||||
|
||||
if (nowTime < e.value && selectDay!=newDay) { //选择时间段大于现在时间段时
|
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('选择时间不能大于现在时间段','确定',config); |
||||
this.endTime = new FormControl( new Date() ) |
||||
} else if (nowTime > e.value && selectDay!=newDay) { //正常情况下 时间+1天
|
||||
this.endTime = new FormControl( new Date(e.value.getTime()+oneDay) ) |
||||
} else if ( selectDay == newDay ) { //选择时间段是今天时
|
||||
this.endTime = new FormControl( new Date() ) |
||||
} |
||||
} |
||||
|
||||
//处理图表数据
|
||||
handleData (data) { |
||||
let postNames = [] //y轴坐标
|
||||
let catalogs = [] //学习目标
|
||||
let counts = [] //统计次数
|
||||
let newData = data.sort( function (a,b) { |
||||
return b.count - a.count |
||||
} ) |
||||
newData.forEach(element => { |
||||
postNames.push(element.postName ? element.postName : '暂无数据') |
||||
catalogs.push(element.catalog ? element.catalog : '暂无数据') |
||||
counts.push(element.count ? element.count : 0) |
||||
}); |
||||
this.echartsInit(postNames,catalogs,counts) |
||||
} |
||||
|
||||
//图表初始化
|
||||
echartsInit (postNames,catalogs,counts) { |
||||
let that = this |
||||
let chartHynyxf = echarts.init(document.getElementById('center'), 'skinUpp'); |
||||
let option = { |
||||
title: {
|
||||
text: that.idName, |
||||
left:45, |
||||
top:20 |
||||
}, |
||||
tooltip: { |
||||
trigger: 'axis', |
||||
axisPointer: {type: 'shadow'} |
||||
}, |
||||
grid: { |
||||
left: '3%', |
||||
right: '4%', |
||||
bottom: '3%', |
||||
containLabel: true |
||||
}, |
||||
xAxis: { |
||||
show: false, |
||||
type: 'value', |
||||
boundaryGap: [0, 0.01] |
||||
}, |
||||
yAxis: { |
||||
inverse: true, |
||||
"axisLine":{ //y轴
|
||||
"show":false |
||||
}, |
||||
"axisTick":{ //y轴刻度线
|
||||
"show":false, |
||||
}, |
||||
"splitLine": { //网格线
|
||||
"show": false |
||||
}, |
||||
type: 'category', |
||||
data: postNames, |
||||
max: 15 |
||||
}, |
||||
series: [ |
||||
{ |
||||
type: 'bar', |
||||
data: counts, |
||||
barMinWidth: 10, // 最小宽度
|
||||
barMaxWidth: 30, // 最大宽度
|
||||
barCategoryGap: 5, |
||||
itemStyle:{ |
||||
normal:{ |
||||
color:'#40B4E8', |
||||
barBorderRadius:[10, 10, 10, 10], |
||||
label: { |
||||
formatter: function (e) { |
||||
return `${catalogs[e.dataIndex]}`+` (统计次数: ${e.value})` |
||||
}, |
||||
show: true, |
||||
position: 'insideLeft', |
||||
textStyle: { color: '#555'}, |
||||
fontSize: 14, |
||||
fontWeight: 550 |
||||
}, |
||||
}, |
||||
} //itemStyle
|
||||
}, |
||||
|
||||
] //series
|
||||
|
||||
}; |
||||
|
||||
chartHynyxf.setOption(option); |
||||
|
||||
//柱状图点击事件
|
||||
chartHynyxf.on('click', function(e) { |
||||
that.router.navigate(['/home/learningrecorddetails'],{queryParams:{'Catalog':catalogs[e.dataIndex],'id':that.idCard,'PostName':e.name}}); |
||||
}); |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
} |
||||
@ -1,49 +0,0 @@
|
||||
<h2 mat-dialog-title>创建用户</h2> |
||||
|
||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<input matInput id="idNumber" name="idNumber" |
||||
required ngModel placeholder="请输入身份证号" autocomplete="off" pattern="^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$"> |
||||
<mat-error> |
||||
<strong>请输入正确身份证号</strong> |
||||
</mat-error> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<input matInput id="realName" name="realName" |
||||
maxlength="100" |
||||
required ngModel placeholder="请输入真实姓名" autocomplete="off"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<mat-select placeholder="请选择职务" [formControl]="toppings" multiple required> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of detachmentPosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of brigadePosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of RescueStationPosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
|
||||
<div mat-dialog-content *ngIf="errmsg"> |
||||
<p style="font-size: 14px; color: red;">{{errmsg}}</p> |
||||
</div> |
||||
|
||||
<div mat-dialog-actions> |
||||
<button mat-raised-button color="primary" type="submit" [disabled]="!form.form.valid || toppings.value == null">确定</button> |
||||
<button mat-raised-button mat-dialog-close>取消</button> |
||||
</div> |
||||
|
||||
</form> |
||||
@ -1,67 +0,0 @@
|
||||
import { Component, OnInit, Inject } from '@angular/core'; |
||||
import { HttpClient } from '@angular/common/http'; |
||||
import {MatDialogRef} from '@angular/material/dialog'; |
||||
import {FormControl} from '@angular/forms'; |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
|
||||
@Component({ |
||||
selector: 'addenterpriseuser', |
||||
templateUrl: './addenterpriseuser.component.html', |
||||
styleUrls: ['./enterpriseuser.component.scss'] |
||||
}) |
||||
export class AddEnterpriserUser { |
||||
|
||||
toppings = new FormControl(); |
||||
constructor(private http: HttpClient,public dialogRef: MatDialogRef<AddEnterpriserUser>,public snackBar: MatSnackBar) {} |
||||
errmsg:any; //捕获错误信息
|
||||
detachmentPosts: any = []//支队职务列表
|
||||
brigadePosts: any = []//大队职务列表
|
||||
RescueStationPosts: any = []//救援站职务列表
|
||||
ngOnInit(): void { |
||||
this.getAllPosts() |
||||
} |
||||
|
||||
//获得所有职务
|
||||
getAllPosts(){ |
||||
this.http.get("/api/Posts").subscribe( (data:any) =>{ |
||||
data.forEach(item => { |
||||
if(item.name.indexOf("支队级") != -1){ |
||||
this.detachmentPosts.push(item) |
||||
}else if(item.name.indexOf("大队级") != -1){ |
||||
this.brigadePosts.push(item) |
||||
}else{ |
||||
this.RescueStationPosts.push(item) |
||||
} |
||||
}); |
||||
})
|
||||
} |
||||
|
||||
|
||||
//提交创建表单
|
||||
onSubmit (e) { |
||||
let date = new Date() |
||||
let postsArr = this.toppings.value |
||||
let postsObj = [] |
||||
postsArr.forEach((item) => { |
||||
postsObj.push({id:item, name:""}) |
||||
}) |
||||
let body = { |
||||
name : e.idNumber, |
||||
realName : e.realName, |
||||
roleType : 2, |
||||
enabled : true, |
||||
creationTime : date, |
||||
posts : postsObj |
||||
} |
||||
this.http.post("/api/Users",body).subscribe( data => { |
||||
this.dialogRef.close(data); |
||||
},err => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open(err,'确定',config); |
||||
}) |
||||
|
||||
} |
||||
|
||||
} |
||||
@ -1,46 +0,0 @@
|
||||
<h2 mat-dialog-title>编辑用户</h2> |
||||
|
||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<input matInput id="idNumber" name="idNumber" |
||||
required [(ngModel)]="IdNumber" placeholder="请输入身份证号" autocomplete="off" disabled pattern="^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<input matInput id="realName" name="realName" |
||||
maxlength="100" |
||||
required [(ngModel)]="realName" placeholder="请输入真实姓名" autocomplete="off"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<mat-select placeholder="请选择职务" [formControl]="toppings" multiple required> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of detachmentPosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of brigadePosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of RescueStationPosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
|
||||
<div mat-dialog-content *ngIf="errmsg"> |
||||
<p style="font-size: 14px; color: red;">{{errmsg}}</p> |
||||
</div> |
||||
|
||||
<div mat-dialog-actions> |
||||
<button mat-raised-button color="primary" type="submit" [disabled]="!form.form.valid || toppings.value == null">确定</button> |
||||
<button mat-raised-button mat-dialog-close>取消</button> |
||||
</div> |
||||
|
||||
</form> |
||||
@ -1,77 +0,0 @@
|
||||
<div class="content"> |
||||
<div class="header"> |
||||
<form #form="ngForm"> |
||||
<div class="queryBox"> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">用户姓名:</label> |
||||
<input type="text" [(ngModel)]="name" name="name" autocomplete="off" placeholder="请输入用户姓名"> |
||||
</div> |
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">身份证号:</label> |
||||
<input type="text" [(ngModel)]="identityCard" name="identityCard" autocomplete="off" placeholder="请输入身份证号"> |
||||
</div> |
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">消防救援站:</label> |
||||
<input type="text" [(ngModel)]="fireTeam" name="fireTeam" autocomplete="off" placeholder="请选择消防救援站"> |
||||
</div> |
||||
<div class="queryField"> |
||||
<button mat-raised-button (click)='initData()' style="background-color: #07CDCF;">查询</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> |
||||
</form> |
||||
</div> |
||||
|
||||
<table mat-table [dataSource]="dataSource"> |
||||
|
||||
<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"> |
||||
<th mat-header-cell *matHeaderCellDef>身份证号</th> |
||||
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="post"> |
||||
<th mat-header-cell *matHeaderCellDef>消防救援站</th> |
||||
<td mat-cell *matCellDef="let element">{{element.organizationName}}</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="tel"> |
||||
<th mat-header-cell *matHeaderCellDef>手机号</th> |
||||
<td mat-cell *matCellDef="let element">{{element.phone}}</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"> |
||||
<th mat-header-cell *matHeaderCellDef>操作</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<span class="operationSpan"><span class="spanbtn green" (click)="reset(element)">重置密码</span></span> |
||||
<span class="operationSpan"><span class="spanbtn green" (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"><span class="spanbtn gray" (click)="enabled(element)">禁用</span></span> |
||||
<span class="operationSpan"><span class="spanbtn red" (click)="delete(element)">删除</span></span> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<mat-paginator [length]="length" |
||||
[pageSize]="pageSize" |
||||
[pageSizeOptions]="pageSizeOptions" |
||||
(page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
|
||||
</div> |
||||
@ -1,54 +0,0 @@
|
||||
table { |
||||
width: 100%; |
||||
text-align: center; |
||||
.cdk-header-cell { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
.content { |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
background: #F2F5F6; |
||||
} |
||||
.header { |
||||
width: 100%; |
||||
padding: 10px; |
||||
margin-bottom: 10px; |
||||
box-sizing: border-box; |
||||
.queryBox { |
||||
box-sizing: border-box; |
||||
padding: 5px 15px; |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
align-items:center; |
||||
justify-content:center; |
||||
.queryField { |
||||
margin: 0 25px; |
||||
font-size: 14px; |
||||
input { |
||||
width: 160px; |
||||
height: 34px; |
||||
line-height: 34px; |
||||
border-radius: 5px; |
||||
padding-left: 5px; |
||||
outline: none; |
||||
border: 1px solid rgb(226, 211, 211); |
||||
} |
||||
button { color: #fff; } |
||||
} |
||||
} //queryBox |
||||
} |
||||
|
||||
.operationSpan{ |
||||
margin: 0 10px; |
||||
.spanbtn { |
||||
font-weight: 550; |
||||
cursor: pointer; |
||||
} |
||||
.green{ color: #04ced1; } |
||||
.red{ color: #FF8678 } |
||||
.gray{ color: gray; } |
||||
} |
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { EnterpriseuserComponent } from './enterpriseuser.component'; |
||||
|
||||
describe('EnterpriseuserComponent', () => { |
||||
let component: EnterpriseuserComponent; |
||||
let fixture: ComponentFixture<EnterpriseuserComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ EnterpriseuserComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(EnterpriseuserComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -1,273 +0,0 @@
|
||||
import { Component, OnInit, ViewChild, Inject } from '@angular/core'; |
||||
import {HttpClient} from '@angular/common/http' |
||||
import { MatDialogRef, MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
||||
import { MatPaginator } from '@angular/material/paginator'; |
||||
import { MatTableDataSource } from '@angular/material/table'; |
||||
import { PageEvent } from '@angular/material/paginator'; |
||||
import { AddEnterpriserUser } from './addenterpriseuser.component' |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
import {FormControl} from '@angular/forms'; |
||||
import { Router,ActivatedRoute } from '@angular/router' |
||||
|
||||
@Component({ |
||||
selector: 'app-enterpriseuser', |
||||
templateUrl: './enterpriseuser.component.html', |
||||
styleUrls: ['./enterpriseuser.component.scss'] |
||||
}) |
||||
export class EnterpriseuserComponent implements OnInit { |
||||
|
||||
constructor(public http: HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,private router:Router,private route:ActivatedRoute) { } |
||||
|
||||
ngOnInit() { |
||||
this.initData() |
||||
} |
||||
|
||||
displayedColumns: string[] = [ 'name','identitycard', 'post', 'tel', 'time', 'operation',]; |
||||
dataSource:any; //所有企业用户
|
||||
|
||||
name:any //姓名
|
||||
identityCard:any //身份证
|
||||
fireTeam:any; //消防救援站
|
||||
|
||||
//分页
|
||||
@ViewChild(MatPaginator, {static: true})
|
||||
pageEvent: PageEvent; |
||||
paginator: MatPaginator; |
||||
length:any; //共多少条数据
|
||||
pageSize:any; //每页条数
|
||||
pageSizeOptions: number[] = [10] //设置每页条数
|
||||
pageNumber:number = 1; //第几页
|
||||
|
||||
//分页切换
|
||||
chagePage (e) { |
||||
this.pageNumber = e.pageIndex+1 |
||||
let data= { |
||||
Name: this.identityCard || '', |
||||
RealName: this.name || '', |
||||
RoleType: '2', |
||||
PageNumber: String(this.pageNumber), |
||||
} |
||||
this.http.get('/api/ExamUsers',{params:data}).subscribe((data:any)=>{ |
||||
this.length = data.totalCount |
||||
this.pageSize = data.pageSize |
||||
this.dataSource = new MatTableDataSource<any>(data.items) |
||||
}) |
||||
} |
||||
|
||||
//页面初始化 + 查询 + 重置
|
||||
initData () { |
||||
let data= { |
||||
Name: this.identityCard || '', |
||||
RealName: this.name || '', |
||||
RoleType: '2', |
||||
} |
||||
this.http.get('/api/ExamUsers',{params:data}).subscribe((data:any)=>{ |
||||
this.length = data.totalCount |
||||
this.pageSize = data.pageSize |
||||
this.pageEvent.pageIndex = 0 |
||||
this.dataSource = new MatTableDataSource<any>(data.items) |
||||
}) |
||||
} |
||||
|
||||
//更新当前页数据
|
||||
getAllUsers () { |
||||
let data= { |
||||
Name: this.identityCard || '', |
||||
RealName: this.name || '', |
||||
RoleType: '2', |
||||
PageNumber: String(this.pageNumber), |
||||
} |
||||
this.http.get('/api/ExamUsers',{params:data}).subscribe((data:any)=>{ |
||||
this.length = data.totalCount |
||||
this.pageSize = data.pageSize |
||||
this.dataSource = new MatTableDataSource<any>(data.items) |
||||
}) |
||||
} |
||||
|
||||
//清空搜索
|
||||
empty () { |
||||
this.identityCard = '' |
||||
this.name = '' |
||||
this.initData() |
||||
} |
||||
|
||||
//创建用户
|
||||
open(){ |
||||
let dialogRef = this.dialog.open(AddEnterpriserUser, {//调用open方法打开对话框并且携带参数过去
|
||||
width: '250px', |
||||
}); |
||||
dialogRef.afterClosed().subscribe(data=>{ |
||||
if (data) { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('创建成功!','确定',config); |
||||
this.getAllUsers() |
||||
} |
||||
}); |
||||
} |
||||
|
||||
//编辑企业用户
|
||||
edit (e) { |
||||
let dialogRef = this.dialog.open(editenterpriseuser,{ |
||||
width: '250px', |
||||
data:e |
||||
}); |
||||
dialogRef.afterClosed().subscribe(data=>{ |
||||
if (data) { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('修改成功!','确定',config);
|
||||
this.getAllUsers() |
||||
} |
||||
}); |
||||
} |
||||
|
||||
//重置密码
|
||||
reset (e) { |
||||
this.http.put(`/api/ExamUsers/${e.name}/ResetPassword`,{}).subscribe( |
||||
data=>{ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('重置密码成功!','确定',config); |
||||
},err=>{ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('重置密码失败!','确定',config); |
||||
}) |
||||
} |
||||
|
||||
//启用
|
||||
enabled (e) { |
||||
let date = new Date() |
||||
let body = { |
||||
name : e.name, |
||||
realName : e.realName, |
||||
roleType : e.roleType, |
||||
enabled : true, |
||||
creationTime : date, |
||||
posts : e.posts |
||||
} |
||||
this.http.put(`/api/ExamUsers/${e.name}`,body).subscribe(data => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000; |
||||
this.snackBar.open('启用成功!','确定',config); |
||||
this.getAllUsers(); |
||||
}) |
||||
} |
||||
|
||||
//禁用
|
||||
noEnabled (e) { |
||||
let date = new Date() |
||||
let body = { |
||||
name : e.name, |
||||
realName : e.realName, |
||||
roleType : e.roleType, |
||||
enabled : false, |
||||
creationTime : date, |
||||
posts : e.posts |
||||
} |
||||
this.http.put(`/api/ExamUsers/${e.name}`,body).subscribe(data => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000; |
||||
this.snackBar.open('禁用成功!','确定',config); |
||||
this.getAllUsers(); |
||||
}) |
||||
} |
||||
|
||||
//删除
|
||||
delete (e) { |
||||
let isTrue = confirm('您确定要删除吗') |
||||
if (isTrue) { |
||||
this.http.delete(`/api/ExamUsers/${e.name}`).subscribe(data=>{ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('删除成功!','确定',config); |
||||
this.getAllUsers() |
||||
}) |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
//编辑企业用户
|
||||
@Component({ |
||||
selector: 'app-editenterpriseuser', |
||||
templateUrl: './editenterpriseuser.html', |
||||
styleUrls: ['./enterpriseuser.component.scss'] |
||||
}) |
||||
export class editenterpriseuser { |
||||
|
||||
toppings:any = new FormControl(); |
||||
constructor(private http: HttpClient,public dialogRef: MatDialogRef<editenterpriseuser>,@Inject(MAT_DIALOG_DATA) public data) {} |
||||
errmsg:any; //捕获错误信息
|
||||
detachmentPosts: any = []//支队职务列表
|
||||
brigadePosts: any = []//大队职务列表
|
||||
RescueStationPosts: any = []//救援站职务列表
|
||||
|
||||
IdNumber:any //身份证号
|
||||
realName:any //真实姓名
|
||||
ngOnInit(): void { |
||||
this.toppings.value = [] |
||||
this.IdNumber = this.data.name |
||||
this.realName = this.data.realName |
||||
this.data.posts.forEach((item) => { |
||||
this.toppings.value.push(item.id) |
||||
}) |
||||
} |
||||
|
||||
//获得所有职务
|
||||
getAllPosts(){ |
||||
|
||||
} |
||||
|
||||
|
||||
//提交创建表单
|
||||
onSubmit (e) { |
||||
let date = new Date() |
||||
let postsArr = this.toppings.value |
||||
let postsObj = [] |
||||
postsArr.forEach((item) => { |
||||
postsObj.push({id:item, name:""}) |
||||
}) |
||||
let body = { |
||||
name : this.data.name, |
||||
realName : e.realName, |
||||
roleType : 2, |
||||
enabled : this.data.enabled, |
||||
creationTime : date, |
||||
posts : postsObj |
||||
} |
||||
this.http.put(`/api/ExamUsers/${this.data.name}`,body).subscribe(data => { |
||||
this.dialogRef.close("修改成功"); |
||||
}) |
||||
} |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
//查看企业用户
|
||||
@Component({ |
||||
selector: 'app-seeenterpriseuser', |
||||
templateUrl: './seeenterpriseuser.html', |
||||
styleUrls: ['./enterpriseuser.component.scss'] |
||||
}) |
||||
export class seeenterpriseuser { |
||||
|
||||
constructor(public http: HttpClient,public dialog: MatDialog, |
||||
@Inject(MAT_DIALOG_DATA) public data) { } |
||||
|
||||
ngOnInit() {} |
||||
|
||||
} |
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { JoinExamComponent } from './join-exam.component'; |
||||
|
||||
describe('JoinExamComponent', () => { |
||||
let component: JoinExamComponent; |
||||
let fixture: ComponentFixture<JoinExamComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ JoinExamComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(JoinExamComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -1,15 +0,0 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-join-exam', |
||||
templateUrl: './join-exam.component.html', |
||||
styleUrls: ['./join-exam.component.scss'] |
||||
}) |
||||
export class JoinExamComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
|
||||
} |
||||
@ -1,49 +0,0 @@
|
||||
|
||||
<div style="height: 100%; width: 100%;"> |
||||
<div class="topbox"> |
||||
<div class="backtop"> |
||||
<button type="button" mat-raised-button color="primary" (click)="backtop()"><mat-icon style="vertical-align: middle;font-size: 20px;">reply</mat-icon>返回</button> |
||||
</div> |
||||
<div class="datasearch"> |
||||
<!-- <div class="starttime"> |
||||
<span>开始时间 :</span> |
||||
<input style="width: 220px; height:21px;line-height: 21px;font-size: 15px;" matInput [matDatepicker]="dp" readonly [formControl]="startdate"> |
||||
<mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle> |
||||
<mat-datepicker #dp disabled="false"></mat-datepicker> |
||||
|
||||
</div> |
||||
<div class="endtime"> |
||||
<span>结束时间 :</span> |
||||
<input style="width: 220px; height:21px;line-height: 21px;font-size: 15px;" matInput [matDatepicker]="dp2" readonly [formControl]="enddate"> |
||||
<mat-datepicker-toggle matSuffix [for]="dp2"></mat-datepicker-toggle> |
||||
<mat-datepicker #dp2 disabled="false"></mat-datepicker> |
||||
</div> --> |
||||
</div> |
||||
<div class="btnbox"> |
||||
<button type="button" mat-raised-button color="primary" (click)="onSubmit()">查询</button> |
||||
<button type="button" mat-raised-button (click)="reset()">重置</button> |
||||
</div> |
||||
</div> |
||||
<mat-divider></mat-divider> |
||||
<div class="listbox" [hidden]="noRecord"> |
||||
<ul> |
||||
<li *ngFor="let item of recordList;let key = index"> |
||||
<p class="timeTitle" *ngIf="key ==0 || item.time != recordList[key - 1].time">{{item.time}}</p> |
||||
<span class="listitem"> |
||||
<span style="margin-right: 5px;">{{item.time2}}</span> |
||||
{{item.operation}} : {{item.target | name3}} |
||||
</span> |
||||
|
||||
</li> |
||||
</ul> |
||||
<mat-paginator |
||||
|
||||
[length]="length" |
||||
[pageSize]="pageSize" |
||||
(page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
</div> |
||||
<div class="nofiles" *ngIf="noRecord"> |
||||
<span style="font-size: 14px;cursor: default;">该时间段未查询到学习记录～</span> |
||||
</div> |
||||
</div> |
||||
@ -1,57 +0,0 @@
|
||||
.topbox{ |
||||
display: flex; |
||||
width: 100%; |
||||
height:7%; |
||||
line-height: 66px; |
||||
// border-bottom: 1px solid gray; |
||||
justify-content: space-around; |
||||
.datasearch{ |
||||
display: flex; |
||||
div{ |
||||
margin: 0 10px; |
||||
span{ |
||||
margin-right: 5px; |
||||
} |
||||
mat-form-field{ |
||||
input{ |
||||
padding-left: 3px; |
||||
} |
||||
} |
||||
|
||||
} |
||||
} |
||||
.btnbox{ |
||||
button{ |
||||
margin: 0 10px; |
||||
} |
||||
} |
||||
} |
||||
.listbox{ |
||||
margin-top: 18px; |
||||
margin-left: 26%; |
||||
height: 84%; |
||||
overflow-y: auto; |
||||
.timeTitle{ |
||||
font-weight: 800; |
||||
font-size: 18px; |
||||
} |
||||
.listitem{ |
||||
margin-left: 80px; |
||||
font-size: 16px; |
||||
line-height: 30px; |
||||
} |
||||
} |
||||
.mat-paginator { |
||||
background-color: hsla(0,0%,100%,0); |
||||
padding-right: 10%; |
||||
} |
||||
.nofiles{ |
||||
background: url("../../../assets/images/nofiles.png") no-repeat scroll center 0 transparent; |
||||
padding-top: 150px; |
||||
width: 488px; |
||||
position: absolute; |
||||
left: 50%; |
||||
top: 50%; |
||||
text-align: center; |
||||
margin: -88px 0 0 -244px; |
||||
} |
||||
@ -1,188 +0,0 @@
|
||||
import { Component, OnInit ,ViewChild} from '@angular/core'; |
||||
import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core'; |
||||
import {MatDatepicker} from '@angular/material/datepicker'; |
||||
import {FormControl} from '@angular/forms'; |
||||
import {HttpClient} from '@angular/common/http'; |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
import { MatPaginator } from '@angular/material/paginator'; |
||||
import { PageEvent } from '@angular/material/paginator'; |
||||
import { Router,ActivatedRoute } from '@angular/router' |
||||
@Component({ |
||||
selector: 'app-learning-record-details', |
||||
templateUrl: './learning-record-details.component.html', |
||||
styleUrls: ['./learning-record-details.component.scss'] |
||||
}) |
||||
export class LearningRecordDetailsComponent implements OnInit { |
||||
startdate:any //开始时间
|
||||
enddate:any //结束时间
|
||||
constructor(private adapter: DateAdapter<any>,private http:HttpClient,public snackBar: MatSnackBar,private router:Router,private route:ActivatedRoute) { } |
||||
|
||||
lastdate:any //上个月日期
|
||||
|
||||
startTime:any //开始时间查询条件
|
||||
endTime:any //结束时间查询条件
|
||||
|
||||
Catalog:any = this.route.snapshot.queryParams.Catalog || "" //目录
|
||||
|
||||
PageNumber:any = 1//当前页数
|
||||
id:any = this.route.snapshot.queryParams.id//身份证
|
||||
PostName:any = this.route.snapshot.queryParams.PostName || "" //传过来的职务名称
|
||||
|
||||
recordList:any = false//渲染的100条列表
|
||||
oneMonthDate:number = 30*24*60*60*1000; //一个月的时间戳
|
||||
|
||||
|
||||
noRecord:boolean
|
||||
//分页
|
||||
@ViewChild(MatPaginator, {static: true})
|
||||
pageEvent: PageEvent; |
||||
paginator: MatPaginator; |
||||
length:any; //共多少条数据
|
||||
pageSize:any; //每页条数
|
||||
// pageSizeOptions: number[] = [10] //设置每页条数
|
||||
pageNumber:number = 1; //第几页
|
||||
|
||||
ngOnInit(): void { |
||||
this.adapter.setLocale('CH'); |
||||
|
||||
let nowdate = new Date().toLocaleDateString() //本月日期 2020/07/11 形式
|
||||
this.lastdate = new Date(new Date().getTime()-this.oneMonthDate).toLocaleDateString() //上个月日期 2020/06/11 形式
|
||||
|
||||
this.startdate = new FormControl(new Date(this.lastdate)); //日历开始时间显示
|
||||
this.enddate = new FormControl(new Date()); //日历结束时间显示
|
||||
|
||||
this.startTime = this.getTIme(new Date(this.lastdate))
|
||||
this.endTime = this.getTIme(new Date()) |
||||
|
||||
this.getAllStudyRecords() |
||||
} |
||||
|
||||
|
||||
//分页切换
|
||||
chagePage (e) { |
||||
this.pageNumber = e.pageIndex+1 |
||||
let date:any = new Date() |
||||
let data = { |
||||
Name : this.id, |
||||
StartTime : this.startTime, |
||||
EndTime : this.endTime, |
||||
Catalog : this.Catalog, |
||||
PageNumber : String(this.pageNumber), |
||||
PageSize:"100", |
||||
PostName : this.PostName |
||||
} |
||||
this.http.get("/api/StudyRecords",{params:data}).subscribe((data:any) => { |
||||
this.recordList = data.items |
||||
if(data.items.length == 0){ |
||||
this.noRecord = true |
||||
}else{ |
||||
this.noRecord = false |
||||
} |
||||
this.recordList.forEach((item) => { |
||||
item.time = item.creationTime.substring(0,10) |
||||
item.time2 = item.creationTime.substring(11,16) |
||||
}) |
||||
this.length = data.totalCount |
||||
this.pageSize = data.pageSize |
||||
}) |
||||
} |
||||
|
||||
//传入 new Date()格式 将日期变为 年月日时分秒
|
||||
getTIme(date){ |
||||
let year = date.getFullYear(); //年
|
||||
let month = date.getMonth() + 1; //月
|
||||
let day = date.getDate(); //日
|
||||
let hour = date.getHours() //时
|
||||
let min = date.getMinutes(); //分
|
||||
let seconds = date.getSeconds(); //秒
|
||||
return year+'-'+month+'-'+ day + " "+ hour +':'+ min +':'+ seconds; |
||||
}
|
||||
|
||||
//初始获得所有学习记录
|
||||
getAllStudyRecords(){ |
||||
let date:any = new Date() |
||||
let data = { |
||||
Name : this.id, |
||||
Catalog : this.Catalog || "", |
||||
PageNumber : this.PageNumber, |
||||
PageSize:"100", |
||||
PostName:this.PostName |
||||
} |
||||
this.http.get("/api/StudyRecords",{params:data}).subscribe((data:any) => { |
||||
this.recordList = data.items |
||||
if(data.items.length == 0){ |
||||
this.noRecord = true |
||||
}else{ |
||||
this.noRecord = false |
||||
} |
||||
this.recordList.forEach((item) => { |
||||
item.time = item.creationTime.substring(0,10) |
||||
item.time2 = item.creationTime.substring(11,16) |
||||
}) |
||||
this.length = data.totalCount |
||||
this.pageSize = data.pageSize |
||||
this.pageEvent.pageIndex = 0 |
||||
}) |
||||
} |
||||
|
||||
//返回上一页
|
||||
backtop(){ |
||||
history.go(-1) |
||||
} |
||||
//带查询时间获得所有学习记录
|
||||
getAllStudyRecords2(){ |
||||
let date:any = new Date() |
||||
let data = { |
||||
Name : this.id, |
||||
StartTime : this.startTime, |
||||
EndTime : this.endTime, |
||||
Catalog : this.Catalog || "", |
||||
PageNumber : this.PageNumber, |
||||
PageSize:"100", |
||||
PostName:this.PostName |
||||
} |
||||
this.http.get("/api/StudyRecords",{params:data}).subscribe((data:any) => { |
||||
this.recordList = data.items |
||||
if(data.items.length == 0){ |
||||
this.noRecord = true |
||||
}else{ |
||||
this.noRecord = false |
||||
} |
||||
this.recordList.forEach((item) => { |
||||
item.time = item.creationTime.substring(0,10) |
||||
item.time2 = item.creationTime.substring(11,16) |
||||
}) |
||||
this.length = data.totalCount |
||||
this.pageSize = data.pageSize |
||||
this.pageEvent.pageIndex = 0 |
||||
}) |
||||
} |
||||
|
||||
//
|
||||
//查询
|
||||
onSubmit(){ |
||||
if(this.startdate.value > this.enddate.value){ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('起始时间大于结束时间','确定',config); |
||||
} |
||||
if(this.enddate.value.toLocaleDateString() == new Date().toLocaleDateString() || this.enddate.value > new Date()){ |
||||
this.enddate.value = new Date() |
||||
} |
||||
if(this.enddate.value < new Date() && this.enddate.value.toLocaleDateString() != new Date().toLocaleDateString()){ |
||||
this.enddate.value = new Date(this.enddate.value.getTime() + 24*60*60*1000) |
||||
} |
||||
this.startTime = this.getTIme(this.startdate.value) |
||||
this.endTime = this.getTIme(this.enddate.value) |
||||
this.getAllStudyRecords2() |
||||
} |
||||
//重置
|
||||
reset(){ |
||||
this.startdate = new FormControl(new Date(this.lastdate)); //日历开始时间显示
|
||||
this.enddate = new FormControl(new Date()); //日历结束时间显示
|
||||
this.startTime = this.getTIme(this.startdate.value) |
||||
this.endTime = this.getTIme(this.enddate.value) |
||||
this.getAllStudyRecords() |
||||
} |
||||
} |
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { LookOverTestComponent } from './look-over-test.component'; |
||||
|
||||
describe('LookOverTestComponent', () => { |
||||
let component: LookOverTestComponent; |
||||
let fixture: ComponentFixture<LookOverTestComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ LookOverTestComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(LookOverTestComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -1,15 +0,0 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-look-over-test', |
||||
templateUrl: './look-over-test.component.html', |
||||
styleUrls: ['./look-over-test.component.scss'] |
||||
}) |
||||
export class LookOverTestComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
|
||||
} |
||||
@ -1 +0,0 @@
|
||||
<p>统计分析</p> |
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { StatisticAnalysisComponent } from './statistic-analysis.component'; |
||||
|
||||
describe('StatisticAnalysisComponent', () => { |
||||
let component: StatisticAnalysisComponent; |
||||
let fixture: ComponentFixture<StatisticAnalysisComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ StatisticAnalysisComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(StatisticAnalysisComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -1,15 +0,0 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-statistic-analysis', |
||||
templateUrl: './statistic-analysis.component.html', |
||||
styleUrls: ['./statistic-analysis.component.scss'] |
||||
}) |
||||
export class StatisticAnalysisComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
|
||||
} |
||||
@ -1,49 +0,0 @@
|
||||
<h2 mat-dialog-title>创建教员</h2> |
||||
|
||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<input matInput id="idNumber" name="idNumber" |
||||
required ngModel placeholder="请输入帐号" autocomplete="off" pattern="^[a-zA-Z][a-zA-Z0-9_]{4,19}$"> |
||||
<mat-error> |
||||
<strong>帐号格式为字母+数字</strong> |
||||
</mat-error> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<input matInput id="realName" name="realName" |
||||
maxlength="100" |
||||
required ngModel placeholder="请输入真实姓名" autocomplete="off"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<mat-select placeholder="请选择职务" [formControl]="toppings" multiple required> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of detachmentPosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of brigadePosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of RescueStationPosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
|
||||
<div mat-dialog-content *ngIf="errmsg"> |
||||
<p style="font-size: 14px; color: red;">{{errmsg}}</p> |
||||
</div> |
||||
|
||||
<div mat-dialog-actions> |
||||
<button mat-raised-button color="primary" type="submit" [disabled]="!form.form.valid || toppings.value == null">确定</button> |
||||
<button mat-raised-button mat-dialog-close>取消</button> |
||||
</div> |
||||
|
||||
</form> |
||||
@ -1,67 +0,0 @@
|
||||
import { Component, OnInit, Inject } from '@angular/core'; |
||||
import { HttpClient } from '@angular/common/http'; |
||||
import {MatDialogRef} from '@angular/material/dialog'; |
||||
import {FormControl} from '@angular/forms'; |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
|
||||
@Component({ |
||||
selector: 'addenterpriseuser', |
||||
templateUrl: './addenterpriseuser.component.html', |
||||
styleUrls: ['./enterpriseuser.component.scss'] |
||||
}) |
||||
export class AddTeacher { |
||||
|
||||
toppings = new FormControl(); |
||||
constructor(private http: HttpClient,public dialogRef: MatDialogRef<AddTeacher>,public snackBar: MatSnackBar) {} |
||||
errmsg:any; //捕获错误信息
|
||||
detachmentPosts: any = []//支队职务列表
|
||||
brigadePosts: any = []//大队职务列表
|
||||
RescueStationPosts: any = []//救援站职务列表
|
||||
ngOnInit(): void { |
||||
this.getAllPosts() |
||||
} |
||||
|
||||
//获得所有职务
|
||||
getAllPosts(){ |
||||
this.http.get("/api/Posts").subscribe( (data:any) =>{ |
||||
data.forEach(item => { |
||||
if(item.name.indexOf("支队级") != -1){ |
||||
this.detachmentPosts.push(item) |
||||
}else if(item.name.indexOf("大队级") != -1){ |
||||
this.brigadePosts.push(item) |
||||
}else{ |
||||
this.RescueStationPosts.push(item) |
||||
} |
||||
}); |
||||
})
|
||||
} |
||||
|
||||
|
||||
//提交创建表单
|
||||
onSubmit (e) { |
||||
let date = new Date() |
||||
let postsArr = this.toppings.value |
||||
let postsObj = [] |
||||
postsArr.forEach((item) => { |
||||
postsObj.push({id:item, name:""}) |
||||
}) |
||||
let body = { |
||||
name : e.idNumber, |
||||
realName : e.realName, |
||||
roleType : 1, |
||||
enabled : true, |
||||
creationTime : date, |
||||
posts : postsObj |
||||
} |
||||
this.http.post("/api/Users",body).subscribe( data => { |
||||
this.dialogRef.close(data); |
||||
},err=>{ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open(err,'确定',config); |
||||
}) |
||||
|
||||
} |
||||
|
||||
} |
||||
@ -1,46 +0,0 @@
|
||||
<h2 mat-dialog-title>编辑教员</h2> |
||||
|
||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<input matInput id="idNumber" name="idNumber" |
||||
required [(ngModel)]="IdNumber" placeholder="请输入帐号" autocomplete="off" disabled pattern="^[a-zA-Z][a-zA-Z0-9_]{4,19}$"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<input matInput id="realName" name="realName" |
||||
maxlength="100" |
||||
required [(ngModel)]="realName" placeholder="请输入真实姓名" autocomplete="off"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<mat-select placeholder="请选择职务" [formControl]="toppings" multiple required> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of detachmentPosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of brigadePosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
<div style="float: left;"> |
||||
<mat-option *ngFor="let item of RescueStationPosts" [value]="item.id">{{item.name}}</mat-option> |
||||
</div> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
|
||||
<div mat-dialog-content *ngIf="errmsg"> |
||||
<p style="font-size: 14px; color: red;">{{errmsg}}</p> |
||||
</div> |
||||
|
||||
<div mat-dialog-actions> |
||||
<button mat-raised-button color="primary" type="submit" [disabled]="!form.form.valid || toppings.value == null">确定</button> |
||||
<button mat-raised-button mat-dialog-close>取消</button> |
||||
</div> |
||||
|
||||
</form> |
||||
@ -1,72 +0,0 @@
|
||||
<div class="content"> |
||||
<div class="header"> |
||||
<form #form="ngForm"> |
||||
<div class="queryBox"> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">用户账号:</label> |
||||
<input type="text" [(ngModel)]="identityCard" name="identityCard" autocomplete="off" placeholder="请输入用户账号"> |
||||
</div> |
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">用户姓名:</label> |
||||
<input type="text" [(ngModel)]="name" name="name" autocomplete="off" placeholder="请输入用户姓名"> |
||||
</div> |
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">消防救援站:</label> |
||||
<input type="text" [(ngModel)]="fireTeam" name="fireTeam" autocomplete="off" placeholder="请选择消防救援站"> |
||||
</div> |
||||
<div class="queryField"> |
||||
<button mat-raised-button (click)='initData()' style="background-color: #07CDCF;">查询</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> |
||||
</form> |
||||
</div> |
||||
|
||||
<table mat-table [dataSource]="dataSource"> |
||||
|
||||
<ng-container matColumnDef="identitycard"> |
||||
<th mat-header-cell *matHeaderCellDef>用户帐号</th> |
||||
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
||||
</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"> |
||||
<th mat-header-cell *matHeaderCellDef>消防救援站</th> |
||||
<td mat-cell *matCellDef="let element">{{element.organizationName}}</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"> |
||||
<th mat-header-cell *matHeaderCellDef>操作</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<span class="operationSpan"><span class="spanbtn green" (click)="reset(element)">重置密码</span></span> |
||||
<span class="operationSpan"><span class="spanbtn green" (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"><span class="spanbtn gray" (click)="enabled(element)">禁用</span></span> |
||||
<span class="operationSpan"><span class="spanbtn red" (click)="delete(element)">删除</span></span> |
||||
</td> |
||||
</ng-container> |
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
||||
</table> |
||||
<mat-paginator [length]="length" |
||||
[pageSize]="pageSize" |
||||
[pageSizeOptions]="pageSizeOptions" |
||||
(page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
|
||||
</div> |
||||
@ -1,54 +0,0 @@
|
||||
table { |
||||
width: 100%; |
||||
text-align: center; |
||||
.cdk-header-cell { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
.content { |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
background: #F2F5F6; |
||||
} |
||||
.header { |
||||
width: 100%; |
||||
padding: 10px; |
||||
margin-bottom: 10px; |
||||
box-sizing: border-box; |
||||
.queryBox { |
||||
box-sizing: border-box; |
||||
padding: 5px 15px; |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
align-items:center; |
||||
justify-content:center; |
||||
.queryField { |
||||
margin: 0 25px; |
||||
font-size: 14px; |
||||
input { |
||||
width: 160px; |
||||
height: 34px; |
||||
line-height: 34px; |
||||
border-radius: 5px; |
||||
padding-left: 5px; |
||||
outline: none; |
||||
border: 1px solid rgb(226, 211, 211); |
||||
} |
||||
button { color: #fff; } |
||||
} |
||||
} //queryBox |
||||
} |
||||
|
||||
.operationSpan{ |
||||
margin: 0 10px; |
||||
.spanbtn { |
||||
font-weight: 550; |
||||
cursor: pointer; |
||||
} |
||||
.green{ color: #04ced1; } |
||||
.red{ color: #FF8678 } |
||||
.gray{ color: gray; } |
||||
} |
||||
@ -1,272 +0,0 @@
|
||||
import { Component, OnInit, ViewChild, Inject } from '@angular/core'; |
||||
import {HttpClient} from '@angular/common/http' |
||||
import { MatDialogRef, MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
||||
import { MatPaginator } from '@angular/material/paginator'; |
||||
import { MatTableDataSource } from '@angular/material/table'; |
||||
import { PageEvent } from '@angular/material/paginator'; |
||||
import { AddTeacher } from './addenterpriseuser.component' |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
import {FormControl} from '@angular/forms'; |
||||
|
||||
@Component({ |
||||
selector: 'app-enterpriseuser', |
||||
templateUrl: './enterpriseuser.component.html', |
||||
styleUrls: ['./enterpriseuser.component.scss'] |
||||
}) |
||||
export class TeacherManagementComponent implements OnInit { |
||||
|
||||
constructor(public http: HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar) { } |
||||
|
||||
ngOnInit() { |
||||
this.initData() |
||||
} |
||||
|
||||
displayedColumns: string[] = ['identitycard', 'name', 'post', 'time', 'operation',]; |
||||
dataSource:any; //所有企业用户
|
||||
|
||||
name:any //用户姓名
|
||||
identityCard:any //用户账号
|
||||
fireTeam:any; //消防救援站
|
||||
|
||||
//分页
|
||||
@ViewChild(MatPaginator, {static: true})
|
||||
pageEvent: PageEvent; |
||||
paginator: MatPaginator; |
||||
length:any; //共多少条数据
|
||||
pageSize:any; //每页条数
|
||||
pageSizeOptions: number[] = [10] //设置每页条数
|
||||
pageNumber:number = 1; //第几页
|
||||
|
||||
//分页切换
|
||||
chagePage (e) { |
||||
this.pageNumber = e.pageIndex+1 |
||||
let data= { |
||||
Name: this.identityCard || '', |
||||
RealName: this.name || '', |
||||
RoleType: '1', |
||||
PageNumber: String(this.pageNumber), |
||||
} |
||||
this.http.get('/api/ExamUsers',{params:data}).subscribe((data:any)=>{ |
||||
this.length = data.totalCount |
||||
this.pageSize = data.pageSize |
||||
this.dataSource = new MatTableDataSource<any>(data.items) |
||||
}) |
||||
} |
||||
|
||||
//页面初始化 + 查询 + 重置
|
||||
initData () { |
||||
let data= { |
||||
Name: this.identityCard || '', |
||||
RealName: this.name || '', |
||||
RoleType: '1', |
||||
} |
||||
this.http.get('/api/ExamUsers',{params:data}).subscribe((data:any)=>{ |
||||
this.length = data.totalCount |
||||
this.pageSize = data.pageSize |
||||
this.pageEvent.pageIndex = 0 |
||||
this.dataSource = new MatTableDataSource<any>(data.items) |
||||
}) |
||||
} |
||||
|
||||
//更新当前页数据
|
||||
getAllUsers () { |
||||
let data= { |
||||
Name: this.identityCard || '', |
||||
RealName: this.name || '', |
||||
RoleType: '1', |
||||
PageNumber: String(this.pageNumber), |
||||
} |
||||
this.http.get('/api/ExamUsers',{params:data}).subscribe((data:any)=>{ |
||||
this.length = data.totalCount |
||||
this.pageSize = data.pageSize |
||||
this.dataSource = new MatTableDataSource<any>(data.items) |
||||
}) |
||||
} |
||||
|
||||
//清空搜索
|
||||
empty () { |
||||
this.identityCard = '' |
||||
this.name = '' |
||||
this.initData() |
||||
} |
||||
|
||||
//创建教员
|
||||
open(){ |
||||
let dialogRef = this.dialog.open(AddTeacher, {//调用open方法打开对话框并且携带参数过去
|
||||
width: '250px', |
||||
}); |
||||
dialogRef.afterClosed().subscribe(data=>{ |
||||
if (data) { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('创建成功!','确定',config); |
||||
this.getAllUsers() |
||||
} |
||||
}); |
||||
} |
||||
|
||||
//编辑企业用户
|
||||
edit (e) { |
||||
let dialogRef = this.dialog.open(editTeacher,{ |
||||
width: '250px', |
||||
data:e |
||||
}); |
||||
dialogRef.afterClosed().subscribe(data=>{ |
||||
if (data) { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('修改成功!','确定',config);
|
||||
this.getAllUsers() |
||||
} |
||||
}); |
||||
} |
||||
|
||||
//重置密码
|
||||
reset (e) { |
||||
this.http.put(`/api/ExamUsers/${e.name}/ResetPassword`,{}).subscribe( |
||||
data=>{ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('重置密码成功!','确定',config); |
||||
},err=>{ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('重置密码失败!','确定',config); |
||||
}) |
||||
} |
||||
|
||||
//启用
|
||||
enabled (e) { |
||||
let date = new Date() |
||||
let body = { |
||||
name : e.name, |
||||
realName : e.realName, |
||||
roleType : e.roleType, |
||||
enabled : true, |
||||
creationTime : date, |
||||
posts : e.posts |
||||
} |
||||
this.http.put(`/api/ExamUsers/${e.name}`,body).subscribe(data => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000; |
||||
this.snackBar.open('启用成功!','确定',config); |
||||
this.getAllUsers(); |
||||
}) |
||||
} |
||||
|
||||
//禁用
|
||||
noEnabled (e) { |
||||
let date = new Date() |
||||
let body = { |
||||
name : e.name, |
||||
realName : e.realName, |
||||
roleType : e.roleType, |
||||
enabled : false, |
||||
creationTime : date, |
||||
posts : e.posts |
||||
} |
||||
this.http.put(`/api/ExamUsers/${e.name}`,body).subscribe(data => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000; |
||||
this.snackBar.open('禁用成功!','确定',config); |
||||
this.getAllUsers(); |
||||
}) |
||||
} |
||||
|
||||
//删除
|
||||
delete (e) { |
||||
let isTrue = confirm('您确定要删除吗') |
||||
if (isTrue) { |
||||
this.http.delete(`/api/ExamUsers/${e.name}`).subscribe(data=>{ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('删除成功!','确定',config); |
||||
this.getAllUsers() |
||||
}) |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
//编辑企业用户
|
||||
@Component({ |
||||
selector: 'app-editenterpriseuser', |
||||
templateUrl: './editenterpriseuser.html', |
||||
styleUrls: ['./enterpriseuser.component.scss'] |
||||
}) |
||||
export class editTeacher { |
||||
|
||||
toppings:any = new FormControl(); |
||||
constructor(private http: HttpClient,public dialogRef: MatDialogRef<editTeacher>,@Inject(MAT_DIALOG_DATA) public data) {} |
||||
errmsg:any; //捕获错误信息
|
||||
detachmentPosts: any = []//支队职务列表
|
||||
brigadePosts: any = []//大队职务列表
|
||||
RescueStationPosts: any = []//救援站职务列表
|
||||
|
||||
IdNumber:any //身份证号
|
||||
realName:any //真实姓名
|
||||
ngOnInit(): void { |
||||
this.toppings.value = [] |
||||
this.IdNumber = this.data.name |
||||
this.realName = this.data.realName |
||||
this.data.posts.forEach((item) => { |
||||
this.toppings.value.push(item.id) |
||||
}) |
||||
} |
||||
|
||||
//获得所有职务
|
||||
getAllPosts(){ |
||||
|
||||
} |
||||
|
||||
|
||||
//提交创建表单
|
||||
onSubmit (e) { |
||||
let date = new Date() |
||||
let postsArr = this.toppings.value |
||||
let postsObj = [] |
||||
postsArr.forEach((item) => { |
||||
postsObj.push({id:item, name:""}) |
||||
}) |
||||
let body = { |
||||
name : this.data.name, |
||||
realName : e.realName, |
||||
roleType : 1, |
||||
enabled : this.data.enabled, |
||||
creationTime : date, |
||||
posts : postsObj |
||||
} |
||||
this.http.put(`/api/ExamUsers/${this.data.name}`,body).subscribe(data => { |
||||
this.dialogRef.close("修改成功"); |
||||
}) |
||||
} |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
//查看企业用户
|
||||
@Component({ |
||||
selector: 'app-seeenterpriseuser', |
||||
templateUrl: './seeenterpriseuser.html', |
||||
styleUrls: ['./enterpriseuser.component.scss'] |
||||
}) |
||||
export class seeTeacher { |
||||
|
||||
constructor(public http: HttpClient,public dialog: MatDialog, |
||||
@Inject(MAT_DIALOG_DATA) public data) { } |
||||
|
||||
ngOnInit() {} |
||||
|
||||
} |
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { TestRecordsComponent } from './test-records.component'; |
||||
|
||||
describe('TestRecordsComponent', () => { |
||||
let component: TestRecordsComponent; |
||||
let fixture: ComponentFixture<TestRecordsComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ TestRecordsComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(TestRecordsComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -1,15 +0,0 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-test-records', |
||||
templateUrl: './test-records.component.html', |
||||
styleUrls: ['./test-records.component.scss'] |
||||
}) |
||||
export class TestRecordsComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
|
||||
} |
||||
@ -1,23 +0,0 @@
|
||||
<div class="content"> |
||||
<div class="header"> |
||||
<label style="font-size: 14px;">{{thatFile.uploadProgress2}} 上传中...</label> |
||||
<button mat-raised-button style="margin-left: 60%;" *ngIf="isShow" (click)='toggle()'><mat-icon>keyboard_arrow_down</mat-icon></button> |
||||
<button mat-raised-button style="margin-left: 60%;" *ngIf="!isShow" (click)='toggle()'><mat-icon>keyboard_arrow_up</mat-icon></button> |
||||
</div> |
||||
|
||||
<div style="margin-top: 10px; border-top: 1px solid #e2e2e2;" [hidden]="!isShow"> |
||||
|
||||
<p class="dataStyle" *ngFor="let item of filesData"> |
||||
<span class="dataName">{{item.name}}</span> |
||||
<span class="dataSize">{{item.size | size}}</span> |
||||
<span class="dataState" style="position: relative;"> |
||||
<label *ngIf="item.state==0">等待中...</label> |
||||
<label *ngIf="item.state==1"><mat-spinner diameter=24></mat-spinner></label> |
||||
<label *ngIf="item.state==2" style="color: green;">√</label> |
||||
</span> |
||||
<span class="dataState" *ngIf="item.state==1 && item.size > 5242880" style="font-size: 22px; cursor:pointer;" title='取消上传' (click)='cancel()'> × </span> |
||||
</p> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
@ -1,72 +0,0 @@
|
||||
.content { |
||||
width: 100%; |
||||
max-height: 250px; |
||||
overflow-y: auto; |
||||
overflow-x: hidden; |
||||
background-color: #fff; |
||||
border: 1px solid #e2e2e2; |
||||
box-shadow: 0 0 10px #ccc; |
||||
border-radius: 10px; |
||||
box-sizing: border-box; |
||||
padding: 10px; |
||||
} |
||||
.header { |
||||
box-sizing: border-box; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
button { |
||||
height: 30px; |
||||
line-height: 30px; |
||||
} |
||||
} |
||||
|
||||
//每一行数据 |
||||
.dataStyle { |
||||
height: 30px; |
||||
line-height: 30px; |
||||
margin: 5px 0; |
||||
box-sizing: border-box; |
||||
padding: 0 3px; |
||||
span{ |
||||
display: inline-block; |
||||
font-size: 12px; |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
line-height: 30px; |
||||
} |
||||
.dataName { |
||||
width: 40%; |
||||
margin-right: 10px; |
||||
} |
||||
.dataSize { |
||||
width: 20%; |
||||
} |
||||
.dataState { |
||||
width: 15%; |
||||
} |
||||
} |
||||
.dataStyle:hover { |
||||
background-color: #e2e2e2; |
||||
} |
||||
|
||||
|
||||
|
||||
//滚动条样式 |
||||
.content::-webkit-scrollbar { |
||||
/*滚动条整体样式*/ |
||||
width : 6px; /*高宽分别对应横竖滚动条的尺寸*/ |
||||
height: 1px; |
||||
} |
||||
.content::-webkit-scrollbar-thumb { |
||||
/*滚动条里面小方块*/ |
||||
border-radius: 10px; |
||||
box-shadow : inset 0 0 5px #999; |
||||
background : #535353; |
||||
} |
||||
.content::-webkit-scrollbar-track { |
||||
/*滚动条里面轨道*/ |
||||
box-shadow : inset 0 0 5px #999; |
||||
border-radius: 10px; |
||||
background : #ededed; |
||||
} |
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { UploadFilesComponent } from './upload-files.component'; |
||||
|
||||
describe('UploadFilesComponent', () => { |
||||
let component: UploadFilesComponent; |
||||
let fixture: ComponentFixture<UploadFilesComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ UploadFilesComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(UploadFilesComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -1,67 +0,0 @@
|
||||
import { Component, OnInit,Input } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-upload-files', |
||||
templateUrl: './upload-files.component.html', |
||||
styleUrls: ['./upload-files.component.scss'] |
||||
}) |
||||
export class UploadFilesComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
|
||||
} |
||||
|
||||
@Input( ) thatFile:any //父组件
|
||||
|
||||
isShow:boolean = true; //弹出框最大/化最小化
|
||||
filesData:any = []; //上传文件夹数据
|
||||
|
||||
//上传文件夹弹窗显隐
|
||||
toggle () { |
||||
this.isShow = !this.isShow |
||||
} |
||||
|
||||
//处理数据格式
|
||||
handleData () { |
||||
this.filesData = [] |
||||
for (let i=0; i<this.thatFile.fileArr.length; i++) { |
||||
this.thatFile.fileArr[i].state = 0 |
||||
this.filesData.push(this.thatFile.fileArr[i]) |
||||
} |
||||
} |
||||
|
||||
//当前上传文件正在上传
|
||||
uploading (e) { |
||||
this.filesData.forEach(element => { |
||||
if (element.name == e.name) { |
||||
element.state = 1
|
||||
return |
||||
} |
||||
}); |
||||
} |
||||
|
||||
//当前上传文件上传成功
|
||||
endUpload (e) { |
||||
this.filesData.forEach(element => { |
||||
if (element.name == e.name) { |
||||
element.state = 2
|
||||
return |
||||
} |
||||
}); |
||||
} |
||||
|
||||
//清空数据
|
||||
delete () { |
||||
this.filesData = [] |
||||
} |
||||
|
||||
//取消上传
|
||||
cancel () { |
||||
this.thatFile.cancel2() |
||||
} |
||||
|
||||
|
||||
|
||||
} |
||||
Loading…
Reference in new issue