Compare commits
49 Commits
master
...
智慧矿山应急安全培训
92 changed files with 9861 additions and 5897 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,28 @@
|
||||
<div class="box"> |
||||
<h1>批改记录</h1> |
||||
<div class="content" *ngFor="let item of this.modifyHistory"> |
||||
<div class="itembox"> |
||||
<span>批改人:</span> |
||||
<div> |
||||
{{item.modifiedBy.realName}} |
||||
</div> |
||||
</div> |
||||
<div class="itembox"> |
||||
<span>批改时间:</span> |
||||
<div> |
||||
{{item.modifiedTime | date:'yyyy-MM-dd HH:mm'}} |
||||
</div> |
||||
</div> |
||||
<div class="itembox"> |
||||
<span>批改内容:</span> |
||||
<div> |
||||
<div *ngFor="let i of item.data"> |
||||
<p style="color: #1890ff;">{{i.name}} : </p> |
||||
<p *ngFor="let e of i.data"> |
||||
<span>{{e.name}} : </span>由{{ e.oldIsRight }}修改为{{ e.newIsRight }} |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,29 @@
|
||||
.box { |
||||
width: 550px; |
||||
font-size: 14px; |
||||
max-height: 500px; |
||||
overflow-y: auto; |
||||
} |
||||
h1{ |
||||
font-weight: 600; |
||||
text-align: center; |
||||
} |
||||
.content { |
||||
box-sizing: border-box; |
||||
padding: 12px 0; |
||||
border-bottom: 1px dashed rgb(182, 180, 180); |
||||
} |
||||
|
||||
.itembox { |
||||
display: flex; |
||||
|
||||
span { |
||||
margin-right: 6px; |
||||
} |
||||
|
||||
div { |
||||
p { |
||||
margin-bottom: 3px; |
||||
} |
||||
} |
||||
} |
||||
@ -1,20 +1,20 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { StatisticAnalysisComponent } from './statistic-analysis.component'; |
||||
import { ReviewRecordComponent } from './review-record.component'; |
||||
|
||||
describe('StatisticAnalysisComponent', () => { |
||||
let component: StatisticAnalysisComponent; |
||||
let fixture: ComponentFixture<StatisticAnalysisComponent>; |
||||
describe('ReviewRecordComponent', () => { |
||||
let component: ReviewRecordComponent; |
||||
let fixture: ComponentFixture<ReviewRecordComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ StatisticAnalysisComponent ] |
||||
declarations: [ ReviewRecordComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(StatisticAnalysisComponent); |
||||
fixture = TestBed.createComponent(ReviewRecordComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
@ -0,0 +1,56 @@
|
||||
import { HttpClient } from "@angular/common/http"; |
||||
import { Component, OnInit, Inject } from "@angular/core"; |
||||
import { |
||||
MAT_DIALOG_DATA, |
||||
MatDialog, |
||||
MatDialogRef, |
||||
} from "@angular/material/dialog"; |
||||
import { MatSnackBar } from "@angular/material/snack-bar"; |
||||
|
||||
@Component({ |
||||
selector: "app-review-record", |
||||
templateUrl: "./review-record.component.html", |
||||
styleUrls: ["./review-record.component.scss"], |
||||
}) |
||||
export class ReviewRecordComponent implements OnInit { |
||||
constructor( |
||||
public http: HttpClient, |
||||
public dialog: MatDialog, |
||||
public snackBar: MatSnackBar, |
||||
@Inject(MAT_DIALOG_DATA) public data: any, |
||||
public dialogRef: MatDialogRef<any> |
||||
) {} |
||||
|
||||
modifyHistory = []; |
||||
ngOnInit(): void { |
||||
console.log(this.data); |
||||
this.http |
||||
.get(`/api/Examinations/${this.data.id}`) |
||||
.subscribe((data: any) => { |
||||
if (!data.modifyHistory) { |
||||
return; |
||||
} |
||||
let modifyHistory = JSON.parse(data.modifyHistory); |
||||
modifyHistory.forEach((element) => { |
||||
element.data.forEach((item) => { |
||||
item.data.forEach((i) => { |
||||
if (i.name.indexOf("作战部署") == -1) { |
||||
i.oldIsRight |
||||
? (i.oldIsRight = "正确") |
||||
: (i.oldIsRight = "错误"); |
||||
i.newIsRight |
||||
? (i.newIsRight = "正确") |
||||
: (i.newIsRight = "错误"); |
||||
}else{ |
||||
i.oldIsRight = i.oldIsRight+'分' |
||||
i.newIsRight = i.newIsRight+'分' |
||||
} |
||||
}); |
||||
}); |
||||
}); |
||||
this.modifyHistory = modifyHistory.reverse(); |
||||
|
||||
console.log(888, this.modifyHistory); |
||||
}); |
||||
} |
||||
} |
||||
@ -0,0 +1,10 @@
|
||||
<div class="editRightWrong"> |
||||
<p style="margin-bottom: 12px;">得分(最高分{{data.paperPlanInfo.score}}分):</p> |
||||
<div class="content"> |
||||
<input type="number" [(ngModel)]="isScore"> |
||||
</div> |
||||
<div mat-dialog-actions> |
||||
<button mat-raised-button color="primary" (click)='submit()'>确定</button> |
||||
<button mat-raised-button mat-dialog-close>取消</button> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,11 @@
|
||||
<h1 mat-dialog-title>考试评价:</h1> |
||||
<div mat-dialog-content> |
||||
<mat-form-field appearance="fill"> |
||||
<mat-label>评价</mat-label> |
||||
<input matInput [(ngModel)]="data.Evaluate"> |
||||
</mat-form-field> |
||||
</div> |
||||
<div mat-dialog-actions> |
||||
<button mat-button (click)="onNoClick(false)">取消</button> |
||||
<button mat-button (click)="onNoClick(true)">确定</button> |
||||
</div> |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { EvaluateComponent } from './evaluate.component'; |
||||
|
||||
describe('EvaluateComponent', () => { |
||||
let component: EvaluateComponent; |
||||
let fixture: ComponentFixture<EvaluateComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ EvaluateComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(EvaluateComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,28 @@
|
||||
import { Component, OnInit, Inject } from "@angular/core"; |
||||
import { |
||||
MatDialog, |
||||
MAT_DIALOG_DATA, |
||||
MatDialogRef, |
||||
} from "@angular/material/dialog"; |
||||
@Component({ |
||||
selector: "app-evaluate", |
||||
templateUrl: "./evaluate.component.html", |
||||
styleUrls: ["./evaluate.component.scss"], |
||||
}) |
||||
export class EvaluateComponent implements OnInit { |
||||
constructor( |
||||
public dialogRef: MatDialogRef<EvaluateComponent>, |
||||
@Inject(MAT_DIALOG_DATA) public data: any |
||||
) {} |
||||
ngOnInit(): void { |
||||
// throw new Error("Method not implemented.");
|
||||
} |
||||
|
||||
onNoClick(type): void { |
||||
let obj = { |
||||
type: type, |
||||
value: this.data.Evaluate, |
||||
}; |
||||
this.dialogRef.close(obj); |
||||
} |
||||
} |
||||
@ -1,342 +1,662 @@
|
||||
import { HttpClient } from '@angular/common/http'; |
||||
import { Component, Inject, OnInit } from '@angular/core'; |
||||
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
import { ActivatedRoute } from '@angular/router'; |
||||
import { HttpClient } from "@angular/common/http"; |
||||
import { Component, Inject, OnInit } from "@angular/core"; |
||||
import { |
||||
MatDialog, |
||||
MatDialogRef, |
||||
MAT_DIALOG_DATA, |
||||
} from "@angular/material/dialog"; |
||||
import { MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar"; |
||||
import { ActivatedRoute } from "@angular/router"; |
||||
import { EvaluateComponent } from "./evaluate/evaluate.component"; |
||||
|
||||
@Component({ |
||||
selector: 'app-review-files', |
||||
templateUrl: './review-files.component.html', |
||||
styleUrls: ['../../student/examination-details/examination-details.component.scss','./review-files.component.scss'] |
||||
selector: "app-review-files", |
||||
templateUrl: "./review-files.component.html", |
||||
styleUrls: [ |
||||
"../../student/examination-details/examination-details.component.scss", |
||||
"./review-files.component.scss", |
||||
], |
||||
}) |
||||
export class ReviewFilesComponent implements OnInit { |
||||
|
||||
constructor(public http:HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,public route:ActivatedRoute) { } |
||||
constructor( |
||||
public http: HttpClient, |
||||
public dialog: MatDialog, |
||||
public snackBar: MatSnackBar, |
||||
public route: ActivatedRoute |
||||
) {} |
||||
|
||||
async ngOnInit(): Promise<void> { |
||||
this.paperType = this.route.snapshot.queryParams.paperType || 1 |
||||
await this.getTest() |
||||
this.getUnitPlans()//将试卷的预案考题放进数据中
|
||||
this.paperType = this.route.snapshot.queryParams.paperType || 1; |
||||
await this.getTest(); |
||||
this.getUnitPlans(); //将试卷的预案考题放进数据中
|
||||
|
||||
//监听 此HTML标签焦点事件
|
||||
document.addEventListener('visibilitychange', ()=>{ |
||||
let isHidden = document.hidden |
||||
document.addEventListener("visibilitychange", () => { |
||||
let isHidden = document.hidden; |
||||
if (!isHidden) { |
||||
this.getUnitPlans(false) |
||||
this.getUnitPlans(false); |
||||
// console.log("此HTML标签焦点事件", this.correctionRecordData);
|
||||
} |
||||
}) |
||||
}); |
||||
} |
||||
|
||||
paperType: any = 1; //阅卷/查看
|
||||
examId: any = this.route.snapshot.queryParams.examId; //考卷id
|
||||
paperId: any; //试卷id
|
||||
paperData:any //试卷信息
|
||||
examScore:number = 0//整个试卷的总分
|
||||
paperData: any; //试卷信息
|
||||
examScore: number = 0; //整个试卷的总分
|
||||
paperCompanyData: any = []; //考生具体考卷
|
||||
selectPaper: any = { id: null }; //选择当前考卷
|
||||
selectPaperType:string = '1'; //选择当前考卷内容 基本信息/作战部署
|
||||
selectPaperType: string = "1"; //选择当前考卷内容 基本信息/作战部署
|
||||
|
||||
//获取考生试卷
|
||||
async getTest() { |
||||
await new Promise((resolve, reject) => { |
||||
this.http.get(`/api/Examinations/${this.examId}`).subscribe((data:any)=>{ |
||||
this.paperData = data |
||||
this.paperId = this.paperData.paperId |
||||
this.http |
||||
.get(`/api/Examinations/${this.examId}`) |
||||
.subscribe((data: any) => { |
||||
this.paperData = data; |
||||
this.paperId = this.paperData.paperId; |
||||
|
||||
this.paperData.examinationDataInfo.forEach((element, index) => { |
||||
element.adjoinData? element.adjoinData = JSON.parse(element.adjoinData) : null |
||||
element.basicInfoData? element.basicInfoData = JSON.parse(element.basicInfoData) : null |
||||
element.facilityData? element.facilityData = JSON.parse(element.facilityData) : null |
||||
element.functionalDivisionData? element.functionalDivisionData = JSON.parse(element.functionalDivisionData) : null |
||||
element.importLocationData? element.importLocationData = JSON.parse(element.importLocationData) : null |
||||
element.adjoinItemScore = data.paperInfo.paperDataInfo[index].adjoinItemScore //四周毗邻单项分
|
||||
element.basicInfoItemScore = data.paperInfo.paperDataInfo[index].basicInfoItemScore //基本信息单项分
|
||||
element.facilityItemScore = data.paperInfo.paperDataInfo[index].facilityItemScore //消防设施单项分
|
||||
element.functionalDivisionItemSocre = data.paperInfo.paperDataInfo[index].functionalDivisionItemSocre //功能分区单选分
|
||||
element.importLocationItemScore = data.paperInfo.paperDataInfo[index].importLocationItemScore //重点部位单项分
|
||||
if (this.paperType == 1) { //阅卷
|
||||
element.adjoinScore = data.paperInfo.paperDataInfo[index].adjoinScore //四周毗邻 总分
|
||||
element.basicInfoScore = data.paperInfo.paperDataInfo[index].basicInfoScore //基本信息 总分
|
||||
element.facilityScore = data.paperInfo.paperDataInfo[index].facilityScore //消防设施 总分
|
||||
element.functionalDivisionScore = data.paperInfo.paperDataInfo[index].functionalDivisionScore //功能分区 总分
|
||||
element.importLocationScore = data.paperInfo.paperDataInfo[index].importLocationScore //重点部位 总分
|
||||
} |
||||
element.score = element.adjoinScore + element.basicInfoScore + element.facilityScore + element.functionalDivisionScore + element.importLocationScore |
||||
}); |
||||
this.paperCompanyData = JSON.parse( JSON.stringify(data.examinationDataInfo) ) //具体考卷
|
||||
this.selectPaper = this.paperCompanyData[0] |
||||
resolve(1) |
||||
|
||||
}) |
||||
}) |
||||
element.adjoinData |
||||
? (element.adjoinData = JSON.parse(element.adjoinData)) |
||||
: null; |
||||
element.basicInfoData |
||||
? (element.basicInfoData = JSON.parse(element.basicInfoData)) |
||||
: null; |
||||
element.facilityData |
||||
? (element.facilityData = JSON.parse(element.facilityData)) |
||||
: null; |
||||
element.functionalDivisionData |
||||
? (element.functionalDivisionData = JSON.parse( |
||||
element.functionalDivisionData |
||||
)) |
||||
: null; |
||||
element.importLocationData |
||||
? (element.importLocationData = JSON.parse( |
||||
element.importLocationData |
||||
)) |
||||
: null; |
||||
element.adjoinItemScore = |
||||
data.paperInfo.paperDataInfo[index].adjoinItemScore; //四周毗邻单项分
|
||||
element.basicInfoItemScore = |
||||
data.paperInfo.paperDataInfo[index].basicInfoItemScore; //基本信息单项分
|
||||
element.facilityItemScore = |
||||
data.paperInfo.paperDataInfo[index].facilityItemScore; //消防设施单项分
|
||||
element.functionalDivisionItemSocre = |
||||
data.paperInfo.paperDataInfo[index].functionalDivisionItemSocre; //功能分区单选分
|
||||
element.importLocationItemScore = |
||||
data.paperInfo.paperDataInfo[index].importLocationItemScore; //重点部位单项分
|
||||
if (this.paperType == 1) { |
||||
//阅卷
|
||||
element.adjoinScore = |
||||
data.paperInfo.paperDataInfo[index].adjoinScore; //四周毗邻 总分
|
||||
element.basicInfoScore = |
||||
data.paperInfo.paperDataInfo[index].basicInfoScore; //基本信息 总分
|
||||
element.facilityScore = |
||||
data.paperInfo.paperDataInfo[index].facilityScore; //消防设施 总分
|
||||
element.functionalDivisionScore = |
||||
data.paperInfo.paperDataInfo[index].functionalDivisionScore; //功能分区 总分
|
||||
element.importLocationScore = |
||||
data.paperInfo.paperDataInfo[index].importLocationScore; //重点部位 总分
|
||||
} |
||||
element.score = |
||||
element.adjoinScore + |
||||
element.basicInfoScore + |
||||
element.facilityScore + |
||||
element.functionalDivisionScore + |
||||
element.importLocationScore; |
||||
}); |
||||
this.paperCompanyData = JSON.parse( |
||||
JSON.stringify(data.examinationDataInfo) |
||||
); //具体考卷
|
||||
this.selectPaper = this.paperCompanyData[0]; |
||||
resolve(1); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
//获得单位预案设定
|
||||
async getUnitPlans(type: boolean = true) { |
||||
for (let index = 0; index < this.paperCompanyData.length; index++) { |
||||
const item = this.paperCompanyData[index]; |
||||
item.planScore = 0 //预案总分
|
||||
item.planList = [] //预案data
|
||||
item.planScore = 0; //预案总分
|
||||
item.planList = []; //预案data
|
||||
let params = { |
||||
examinationId: this.route.snapshot.queryParams.examId, |
||||
companyId : item.companyInfo.id |
||||
} |
||||
companyId: item.companyInfo.id, |
||||
}; |
||||
await new Promise((resolve, reject) => { |
||||
this.http.get(`/api/ExaminationPlans`,{params:params}).subscribe(data => { |
||||
item.planList = data |
||||
item.planList.forEach(element => { item.planScore = item.planScore + element.paperPlanInfo.score }); |
||||
this.http |
||||
.get(`/api/ExaminationPlans`, { params: params }) |
||||
.subscribe((data) => { |
||||
item.planList = data; |
||||
item.planList.forEach((element) => { |
||||
item.planScore = item.planScore + element.paperPlanInfo.score; |
||||
}); |
||||
if (type == false) { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 5000 |
||||
this.snackBar.open('刷新成功','确定',config); |
||||
config.verticalPosition = "top"; |
||||
config.duration = 5000; |
||||
// this.snackBar.open('刷新成功','确定',config);
|
||||
} |
||||
resolve(1) |
||||
}) |
||||
})
|
||||
resolve(1); |
||||
}); |
||||
}); |
||||
} |
||||
type? this.handleResults() : null //计算答案正确错误
|
||||
type ? this.handleResults() : null; //计算答案正确错误
|
||||
} |
||||
|
||||
//处理数据 计算答案正确错误
|
||||
handleResults() { |
||||
this.examScore = 0 |
||||
this.paperCompanyData.forEach(element => { |
||||
this.examScore = this.examScore + element.score + element.planScore //试卷总分
|
||||
this.examScore = 0; |
||||
this.paperCompanyData.forEach((element) => { |
||||
this.examScore = this.examScore + element.score + element.planScore; //试卷总分
|
||||
//forEach
|
||||
element.adjoinData.forEach(item => { //四周毗邻
|
||||
item.children.forEach(items => { |
||||
element.adjoinData.forEach((item) => { |
||||
//四周毗邻
|
||||
item.children.forEach((items) => { |
||||
if (items.isRight === undefined) { |
||||
items.result == items.userAnswer? items.isRight = true : items.isRight = false
|
||||
items.result == items.userAnswer |
||||
? (items.isRight = true) |
||||
: (items.isRight = false); |
||||
} |
||||
}); |
||||
}); |
||||
element.basicInfoData.forEach(item => { //基本信息
|
||||
if (item.tabledata && item.tabledata.length) { //表格
|
||||
element.basicInfoData.forEach((item) => { |
||||
//基本信息
|
||||
if (item.tabledata && item.tabledata.length) { |
||||
//表格
|
||||
item.tabledata.forEach((itemss, index) => { |
||||
if (index != 0) { |
||||
itemss.data.forEach(items => { |
||||
if (items.isRight===undefined) { items.result == items.userAnswer? items.isRight = true : items.isRight = false } |
||||
itemss.data.forEach((items) => { |
||||
if (items.isRight === undefined) { |
||||
items.result == items.userAnswer |
||||
? (items.isRight = true) |
||||
: (items.isRight = false); |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
} else { |
||||
//input
|
||||
item.children.forEach((items) => { |
||||
if (items.isRight === undefined) { |
||||
items.result == items.userAnswer |
||||
? (items.isRight = true) |
||||
: (items.isRight = false); |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
} else { //input
|
||||
item.children.forEach(items => { if (items.isRight===undefined) { items.result == items.userAnswer? items.isRight = true : items.isRight = false } }); |
||||
element.facilityData.forEach((item) => { |
||||
//消防设施
|
||||
item.children.forEach((items) => { |
||||
if (items.isRight === undefined) { |
||||
items.result == items.userAnswer |
||||
? (items.isRight = true) |
||||
: (items.isRight = false); |
||||
} |
||||
}); |
||||
element.facilityData.forEach(item => { //消防设施
|
||||
item.children.forEach(items => { if (items.isRight===undefined) { items.result == items.userAnswer? items.isRight = true : items.isRight = false } }); |
||||
}); |
||||
element.functionalDivisionData.forEach(item => { //功能分区
|
||||
element.functionalDivisionData.forEach((item) => { |
||||
//功能分区
|
||||
item.tabledata.forEach((itemss, index) => { |
||||
if (index != 0) { |
||||
itemss.data.forEach(items => { if (items.isRight===undefined) { items.result == items.userAnswer? items.isRight = true : items.isRight = false } }); |
||||
itemss.data.forEach((items) => { |
||||
if (items.isRight === undefined) { |
||||
items.result == items.userAnswer |
||||
? (items.isRight = true) |
||||
: (items.isRight = false); |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
}); |
||||
element.importLocationData.forEach(item => { //重点部位
|
||||
element.importLocationData.forEach((item) => { |
||||
//重点部位
|
||||
item.tabledata.forEach((itemss, index) => { |
||||
if (index != 0) { |
||||
itemss.data.forEach(items => { if (items.isRight===undefined) { items.result == items.userAnswer? items.isRight = true : items.isRight = false } }); |
||||
itemss.data.forEach((items) => { |
||||
if (items.isRight === undefined) { |
||||
items.result == items.userAnswer |
||||
? (items.isRight = true) |
||||
: (items.isRight = false); |
||||
} |
||||
}); |
||||
} |
||||
}); |
||||
}); |
||||
//forEach
|
||||
}); |
||||
this.getPaperGrade() |
||||
this.getPaperGrade(); |
||||
} |
||||
|
||||
//循环 获取最新得分
|
||||
getPaperGrade() { |
||||
this.paperCompanyData.forEach(element => { |
||||
this.paperCompanyData.forEach((element) => { |
||||
//forEach
|
||||
element.adjoinTotalPoints = 0 //四周毗邻 分数
|
||||
element.adjoinData.forEach(item => { //四周毗邻
|
||||
item.children.forEach(items => { items.isRight? element.adjoinTotalPoints = element.adjoinTotalPoints + element.adjoinItemScore : null }); |
||||
}); |
||||
element.basicInfoTotalPoints = 0 //基本信息总分
|
||||
element.basicInfoData.forEach(item => { //基本信息
|
||||
if (item.tabledata && item.tabledata.length) { //表格
|
||||
let indexList = [] |
||||
item.tabledata[0].data.forEach((e,index) => { let everyRow = { isRight: true, index: index }; indexList.push(everyRow) }); //表格 行数
|
||||
element.adjoinTotalPoints = 0; //四周毗邻 分数
|
||||
element.adjoinData.forEach((item) => { |
||||
//四周毗邻
|
||||
item.children.forEach((items) => { |
||||
items.isRight |
||||
? (element.adjoinTotalPoints = |
||||
element.adjoinTotalPoints + element.adjoinItemScore) |
||||
: null; |
||||
}); |
||||
}); |
||||
element.basicInfoTotalPoints = 0; //基本信息总分
|
||||
element.basicInfoData.forEach((item) => { |
||||
//基本信息
|
||||
if (item.tabledata && item.tabledata.length) { |
||||
//表格
|
||||
let indexList = []; |
||||
item.tabledata[0].data.forEach((e, index) => { |
||||
let everyRow = { isRight: true, index: index }; |
||||
indexList.push(everyRow); |
||||
}); //表格 行数
|
||||
item.tabledata.forEach((itemss, index) => { |
||||
indexList.forEach(ele=>{ if (itemss.data[ele.index].isRight !=undefined && itemss.data[ele.index].isRight === false) { ele.isRight = false } }) |
||||
indexList.forEach((ele) => { |
||||
if ( |
||||
itemss.data[ele.index].isRight != undefined && |
||||
itemss.data[ele.index].isRight === false |
||||
) { |
||||
ele.isRight = false; |
||||
} |
||||
}); |
||||
}); |
||||
indexList.forEach((item) => { |
||||
item.isRight |
||||
? (element.basicInfoTotalPoints = |
||||
element.basicInfoTotalPoints + element.basicInfoItemScore) |
||||
: null; |
||||
}); |
||||
} else { |
||||
//input
|
||||
item.children.forEach((items) => { |
||||
items.isRight |
||||
? (element.basicInfoTotalPoints = |
||||
element.basicInfoTotalPoints + element.basicInfoItemScore) |
||||
: null; |
||||
}); |
||||
indexList.forEach(item=>{ |
||||
item.isRight? element.basicInfoTotalPoints = element.basicInfoTotalPoints + element.basicInfoItemScore : null |
||||
}) |
||||
} else { //input
|
||||
item.children.forEach(items => { items.isRight? element.basicInfoTotalPoints = element.basicInfoTotalPoints + element.basicInfoItemScore : null }); |
||||
} |
||||
}); |
||||
element.facilityTotalPoints = 0 //消防设施总分
|
||||
element.facilityData.forEach(item => { //消防设施
|
||||
item.children.forEach(items => { items.isRight? element.facilityTotalPoints = element.facilityTotalPoints + element.facilityItemScore : null }); |
||||
element.facilityTotalPoints = 0; //消防设施总分
|
||||
element.facilityData.forEach((item) => { |
||||
//消防设施
|
||||
item.children.forEach((items) => { |
||||
items.isRight |
||||
? (element.facilityTotalPoints = |
||||
element.facilityTotalPoints + element.facilityItemScore) |
||||
: null; |
||||
}); |
||||
}); |
||||
element.functionalDivisionTotalPoints = 0 //功能分区总分
|
||||
element.functionalDivisionData.forEach(item => { //功能分区
|
||||
element.functionalDivisionTotalPoints = 0; //功能分区总分
|
||||
element.functionalDivisionData.forEach((item) => { |
||||
//功能分区
|
||||
if (item.tabledata && item.tabledata.length) { |
||||
let indexList = [] |
||||
item.tabledata[0].data.forEach((e,index) => { let everyRow = { isRight: true, index: index }; indexList.push(everyRow) }); //表格 行数
|
||||
let indexList = []; |
||||
item.tabledata[0].data.forEach((e, index) => { |
||||
let everyRow = { isRight: true, index: index }; |
||||
indexList.push(everyRow); |
||||
}); //表格 行数
|
||||
item.tabledata.forEach((itemss, index) => { |
||||
indexList.forEach(ele=>{ if (itemss.data[ele.index].isRight !=undefined && itemss.data[ele.index].isRight === false) { ele.isRight = false } }) |
||||
indexList.forEach((ele) => { |
||||
if ( |
||||
itemss.data[ele.index].isRight != undefined && |
||||
itemss.data[ele.index].isRight === false |
||||
) { |
||||
ele.isRight = false; |
||||
} |
||||
}); |
||||
}); |
||||
indexList.forEach((item) => { |
||||
item.isRight |
||||
? (element.functionalDivisionTotalPoints = |
||||
element.functionalDivisionTotalPoints + |
||||
element.functionalDivisionItemSocre) |
||||
: null; |
||||
}); |
||||
indexList.forEach(item=>{ |
||||
item.isRight? element.functionalDivisionTotalPoints = element.functionalDivisionTotalPoints + element.functionalDivisionItemSocre : null |
||||
}) |
||||
} |
||||
}); |
||||
element.importLocationTotalPoints = 0 //重点部位总分
|
||||
element.importLocationData.forEach(item => { //重点部位
|
||||
element.importLocationTotalPoints = 0; //重点部位总分
|
||||
element.importLocationData.forEach((item) => { |
||||
//重点部位
|
||||
if (item.tabledata && item.tabledata.length) { |
||||
let indexList = [] |
||||
item.tabledata[0].data.forEach((e,index) => { let everyRow = { isRight: true, index: index }; indexList.push(everyRow) }); //表格 行数
|
||||
let indexList = []; |
||||
item.tabledata[0].data.forEach((e, index) => { |
||||
let everyRow = { isRight: true, index: index }; |
||||
indexList.push(everyRow); |
||||
}); //表格 行数
|
||||
item.tabledata.forEach((itemss, index) => { |
||||
indexList.forEach(ele=>{ if (itemss.data[ele.index].isRight !=undefined && itemss.data[ele.index].isRight === false) { ele.isRight = false } }) |
||||
indexList.forEach((ele) => { |
||||
if ( |
||||
itemss.data[ele.index].isRight != undefined && |
||||
itemss.data[ele.index].isRight === false |
||||
) { |
||||
ele.isRight = false; |
||||
} |
||||
}); |
||||
}); |
||||
indexList.forEach((item) => { |
||||
item.isRight |
||||
? (element.importLocationTotalPoints = |
||||
element.importLocationTotalPoints + |
||||
element.importLocationItemScore) |
||||
: null; |
||||
}); |
||||
indexList.forEach(item=>{ |
||||
item.isRight? element.importLocationTotalPoints = element.importLocationTotalPoints + element.importLocationItemScore : null |
||||
}) |
||||
} |
||||
}); |
||||
//forEach
|
||||
}); |
||||
} |
||||
|
||||
correctionRecordData = []; //批改记录
|
||||
//修改结果
|
||||
editResults(e) { |
||||
let data = e |
||||
console.log("e", e); |
||||
let data = e; |
||||
const dialogRef = this.dialog.open(editRightWrongComponent, { data }); |
||||
dialogRef.afterClosed().subscribe(data => { |
||||
if (data) { |
||||
if (e.isRight != data.isChecked) { |
||||
e.isRight = data.isChecked |
||||
this.getPaperGrade() |
||||
dialogRef.afterClosed().subscribe((res) => { |
||||
if (!res) { |
||||
return; |
||||
} |
||||
let isExist = this.correctionRecordData.findIndex( |
||||
(item) => item.name === this.selectPaper.companyInfo.name |
||||
); |
||||
let correctionRecordDataIndex; |
||||
if (isExist !== -1) { |
||||
correctionRecordDataIndex = isExist; |
||||
} else { |
||||
this.correctionRecordData.push({ |
||||
name: this.selectPaper.companyInfo.name, |
||||
data: [], |
||||
}); |
||||
correctionRecordDataIndex = this.correctionRecordData.length - 1; |
||||
} |
||||
//如果值变了
|
||||
if (e.isRight != res.isChecked) { |
||||
let isFind = this.correctionRecordData[ |
||||
correctionRecordDataIndex |
||||
].data.findIndex((ele) => ele.name === e.name); |
||||
if (isFind === -1) { |
||||
this.correctionRecordData[correctionRecordDataIndex].data.push({ |
||||
name: e.name, |
||||
oldIsRight: e.isRight, |
||||
newIsRight: res.isChecked, |
||||
}); |
||||
} else { |
||||
//如果数组中已经有值 说明改过但又改回来了
|
||||
this.correctionRecordData[correctionRecordDataIndex].data.splice( |
||||
isFind, |
||||
1 |
||||
); |
||||
} |
||||
e.isRight = res.isChecked; |
||||
this.getPaperGrade(); |
||||
} |
||||
}) |
||||
}); |
||||
} |
||||
editFraction(e) { |
||||
console.log("e", e); |
||||
let data = e; |
||||
const dialogRef = this.dialog.open(editFractionComponent, { data }); |
||||
dialogRef.afterClosed().subscribe((res) => { |
||||
if (!res) { |
||||
return; |
||||
} |
||||
let isExist = this.correctionRecordData.findIndex( |
||||
(item) => item.name === this.selectPaper.companyInfo.name |
||||
); |
||||
let correctionRecordDataIndex; |
||||
if (isExist !== -1) { |
||||
correctionRecordDataIndex = isExist; |
||||
} else { |
||||
this.correctionRecordData.push({ |
||||
name: this.selectPaper.companyInfo.name, |
||||
data: [], |
||||
}); |
||||
correctionRecordDataIndex = this.correctionRecordData.length - 1; |
||||
} |
||||
//如果值变了
|
||||
if (e.score != res.isScore) { |
||||
let isFind = this.correctionRecordData[ |
||||
correctionRecordDataIndex |
||||
].data.findIndex((ele) => ele.name === e.name); |
||||
if (isFind === -1) { |
||||
this.correctionRecordData[correctionRecordDataIndex].data.push({ |
||||
name: "作战部署-" + e.paperPlanInfo.title, |
||||
oldIsRight: e.score, |
||||
newIsRight: res.isScore, |
||||
}); |
||||
} else { |
||||
//如果数组中已经有值 说明改过但又改回来了
|
||||
this.correctionRecordData[correctionRecordDataIndex].data.splice( |
||||
isFind, |
||||
1 |
||||
); |
||||
} |
||||
console.log(this.correctionRecordData); |
||||
e.score = res.isScore; |
||||
this.getPaperGrade(); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
//刷新预案设定表格
|
||||
refreshTable() { |
||||
this.getUnitPlans(false) |
||||
this.getUnitPlans(false); |
||||
} |
||||
|
||||
//基本信息表格 是否展示当前行
|
||||
rowIsShow(children, tag) { |
||||
let isShow:boolean = false |
||||
children.forEach(element => { |
||||
element.result == tag? isShow = true : null |
||||
let isShow: boolean = false; |
||||
children.forEach((element) => { |
||||
element.result == tag ? (isShow = true) : null; |
||||
}); |
||||
return isShow |
||||
return isShow; |
||||
} |
||||
|
||||
//切换 选择考卷
|
||||
togglePaper(e) { |
||||
if (this.selectPaper.id != e.id) { |
||||
this.selectPaper = e |
||||
this.selectPaper = e; |
||||
} |
||||
} |
||||
|
||||
//切换 选择考卷内容
|
||||
togglePaperType(e) { |
||||
if (this.selectPaperType != e) { |
||||
this.selectPaperType = e |
||||
this.selectPaperType = e; |
||||
} |
||||
} |
||||
|
||||
//提交阅卷结果
|
||||
submitResult() { |
||||
let bodyData = { |
||||
const dialogRef = this.dialog.open(EvaluateComponent, { |
||||
data: { Evaluate: "" }, |
||||
}); |
||||
|
||||
dialogRef.afterClosed().subscribe((result) => { |
||||
// console.log("The dialog was closed", result);
|
||||
if (result.type) { |
||||
let bodyData: any = { |
||||
id: this.paperData.id, |
||||
isMarked: true, |
||||
totalScore: 0, |
||||
examinationDataInfo: [], |
||||
} |
||||
let paramsData = JSON.parse(JSON.stringify( this.paperCompanyData )) //考卷
|
||||
paramsData.forEach(element => { |
||||
comment: result.value, |
||||
}; |
||||
let paramsData = JSON.parse(JSON.stringify(this.paperCompanyData)); //考卷
|
||||
paramsData.forEach((element) => { |
||||
//计算总分
|
||||
bodyData.totalScore = bodyData.totalScore+element.adjoinTotalPoints+element.basicInfoTotalPoints+element.facilityTotalPoints+element.functionalDivisionTotalPoints+element.importLocationTotalPoints |
||||
element.planList.forEach(item => { |
||||
bodyData.totalScore = bodyData.totalScore + item.score || 0 |
||||
bodyData.totalScore = |
||||
bodyData.totalScore + |
||||
element.adjoinTotalPoints + |
||||
element.basicInfoTotalPoints + |
||||
element.facilityTotalPoints + |
||||
element.functionalDivisionTotalPoints + |
||||
element.importLocationTotalPoints; |
||||
element.planList.forEach((item) => { |
||||
bodyData.totalScore = bodyData.totalScore + item.score || 0; |
||||
}); |
||||
//计算总分
|
||||
element.adjoinScore = element.adjoinTotalPoints //四周毗邻
|
||||
delete element.adjoinTotalPoints |
||||
delete element.adjoinItemScore |
||||
element.basicInfoScore = element.basicInfoTotalPoints //基本信息
|
||||
delete element.basicInfoTotalPoints |
||||
delete element.basicInfoItemScore |
||||
element.facilityScore = element.facilityTotalPoints //消防设施
|
||||
delete element.facilityTotalPoints |
||||
delete element.facilityItemScore |
||||
element.functionalDivisionScore = element.functionalDivisionTotalPoints //功能分区
|
||||
delete element.functionalDivisionTotalPoints |
||||
delete element.functionalDivisionItemSocre |
||||
element.importLocationScore = element.importLocationTotalPoints //重点部位
|
||||
delete element.importLocationTotalPoints |
||||
delete element.importLocationItemScore |
||||
delete element.planList |
||||
delete element.planScore |
||||
delete element.score |
||||
element.adjoinData = JSON.stringify(element.adjoinData) |
||||
element.basicInfoData = JSON.stringify(element.basicInfoData) |
||||
element.facilityData = JSON.stringify(element.facilityData) |
||||
element.functionalDivisionData = JSON.stringify(element.functionalDivisionData) |
||||
element.importLocationData = JSON.stringify(element.importLocationData) |
||||
}); |
||||
bodyData.examinationDataInfo = paramsData |
||||
this.http.put(`/api/Examinations/${this.paperData.id}`,bodyData).subscribe(data=>{ |
||||
element.adjoinScore = element.adjoinTotalPoints; //四周毗邻
|
||||
delete element.adjoinTotalPoints; |
||||
delete element.adjoinItemScore; |
||||
element.basicInfoScore = element.basicInfoTotalPoints; //基本信息
|
||||
delete element.basicInfoTotalPoints; |
||||
delete element.basicInfoItemScore; |
||||
element.facilityScore = element.facilityTotalPoints; //消防设施
|
||||
delete element.facilityTotalPoints; |
||||
delete element.facilityItemScore; |
||||
element.functionalDivisionScore = |
||||
element.functionalDivisionTotalPoints; //功能分区
|
||||
delete element.functionalDivisionTotalPoints; |
||||
delete element.functionalDivisionItemSocre; |
||||
element.importLocationScore = element.importLocationTotalPoints; //重点部位
|
||||
delete element.importLocationTotalPoints; |
||||
delete element.importLocationItemScore; |
||||
delete element.planList; |
||||
delete element.planScore; |
||||
delete element.score; |
||||
element.adjoinData = JSON.stringify(element.adjoinData); |
||||
element.basicInfoData = JSON.stringify(element.basicInfoData); |
||||
element.facilityData = JSON.stringify(element.facilityData); |
||||
element.functionalDivisionData = JSON.stringify( |
||||
element.functionalDivisionData |
||||
); |
||||
element.importLocationData = JSON.stringify( |
||||
element.importLocationData |
||||
); |
||||
|
||||
console.log(this.correctionRecordData); |
||||
|
||||
// console.log("element", element);
|
||||
}); |
||||
// console.log(456, this.paperData);
|
||||
let arr = []; |
||||
if (this.paperData.modifyHistory) { |
||||
arr = JSON.parse(this.paperData.modifyHistory); |
||||
} |
||||
let obj = { |
||||
modifiedBy: JSON.parse(sessionStorage.getItem("creatorData")), |
||||
modifiedTime: new Date(), |
||||
data: this.correctionRecordData, |
||||
}; |
||||
arr.push(obj); |
||||
bodyData.examinationDataInfo = paramsData; |
||||
bodyData.modifyHistory = JSON.stringify(arr); |
||||
this.http |
||||
.put(`/api/Examinations/${this.paperData.id}`, bodyData) |
||||
.subscribe((data) => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 5000 |
||||
this.snackBar.open('阅卷结果提交成功','确定',config); |
||||
}) |
||||
config.verticalPosition = "top"; |
||||
config.duration = 5000; |
||||
this.snackBar.open( |
||||
"阅卷结果提交成功，页面将于一秒后关闭!", |
||||
"确定", |
||||
config |
||||
); |
||||
setTimeout(() => { |
||||
window.close(); |
||||
}, 1000); |
||||
}); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
//作战部署 阅卷
|
||||
readExam(item, e) { |
||||
sessionStorage.setItem('companyName', this.selectPaper.companyInfo.name) |
||||
sessionStorage.setItem('planId', item.paperPlanInfo.planComponentId) |
||||
sessionStorage.setItem('buildingTypeId', this.selectPaper.companyInfo.buildingTypes[0].id) |
||||
sessionStorage.setItem('companyId', this.selectPaper.companyInfo.id) |
||||
let openType |
||||
item.paperPlanInfo.examPlanType == 0 ? openType = 1 : openType = 2 |
||||
window.open(`/canvasToolRead?planName=${item.paperPlanInfo.title}&paperplanId=${item.paperPlanId}&openType=${openType}&paperId=${this.paperId}&examId=${this.route.snapshot.queryParams.examId}&planComponentId=${item.paperPlanInfo.planComponentId}&paperType=${e}`) |
||||
sessionStorage.setItem("companyName", this.selectPaper.companyInfo.name); |
||||
sessionStorage.setItem("planId", item.paperPlanInfo.planComponentId); |
||||
sessionStorage.setItem( |
||||
"buildingTypeId", |
||||
this.selectPaper.companyInfo.buildingTypes[0].id |
||||
); |
||||
sessionStorage.setItem("companyId", this.selectPaper.companyInfo.id); |
||||
sessionStorage.setItem("remark", item.remark); |
||||
let openType; |
||||
item.paperPlanInfo.examPlanType == 0 ? (openType = 1) : (openType = 2); |
||||
window.open( |
||||
`/canvasToolRead?planName=${item.paperPlanInfo.title}&paperplanId=${item.paperPlanId}&openType=${openType}&paperId=${this.paperId}&examId=${this.route.snapshot.queryParams.examId}&planComponentId=${item.paperPlanInfo.planComponentId}&paperType=${e}` |
||||
); |
||||
} |
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
export interface radioType { |
||||
isRight: boolean, |
||||
name: string, |
||||
isRight: boolean; |
||||
name: string; |
||||
} |
||||
@Component({ |
||||
selector: 'app-edit-rightWrong', |
||||
templateUrl: './editRightWrong.html', |
||||
styleUrls: ['./review-files.component.scss'] |
||||
selector: "app-edit-rightWrong", |
||||
templateUrl: "./editRightWrong.html", |
||||
styleUrls: ["./review-files.component.scss"], |
||||
}) |
||||
export class editRightWrongComponent implements OnInit { |
||||
|
||||
constructor(public http:HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,public route:ActivatedRoute,@Inject(MAT_DIALOG_DATA) public data: any,public dialogRef: MatDialogRef<any>,) { } |
||||
constructor( |
||||
public http: HttpClient, |
||||
public dialog: MatDialog, |
||||
public snackBar: MatSnackBar, |
||||
public route: ActivatedRoute, |
||||
@Inject(MAT_DIALOG_DATA) public data: any, |
||||
public dialogRef: MatDialogRef<any> |
||||
) {} |
||||
|
||||
ngOnInit(): void { |
||||
this.isChecked = JSON.parse( JSON.stringify(this.data.isRight) ) |
||||
this.isChecked = JSON.parse(JSON.stringify(this.data.isRight)); |
||||
} |
||||
|
||||
isChecked: boolean; //是否正确
|
||||
radioList: radioType[] = [ |
||||
{ isRight: true, name: '正确', }, |
||||
{ isRight: false, name: '错误', }, |
||||
{ isRight: true, name: "正确" }, |
||||
{ isRight: false, name: "错误" }, |
||||
]; |
||||
|
||||
submit() { |
||||
let data = {isChecked : this.isChecked} |
||||
this.dialogRef.close(data) |
||||
let data = { isChecked: this.isChecked }; |
||||
this.dialogRef.close(data); |
||||
} |
||||
} |
||||
@Component({ |
||||
selector: "app-edit-Fraction", |
||||
templateUrl: "./editFraction.html", |
||||
styleUrls: ["./review-files.component.scss"], |
||||
}) |
||||
export class editFractionComponent implements OnInit { |
||||
constructor( |
||||
public http: HttpClient, |
||||
public dialog: MatDialog, |
||||
public snackBar: MatSnackBar, |
||||
public route: ActivatedRoute, |
||||
@Inject(MAT_DIALOG_DATA) public data: any, |
||||
public dialogRef: MatDialogRef<any> |
||||
) {} |
||||
|
||||
ngOnInit(): void { |
||||
console.log(this.data); |
||||
|
||||
this.isScore = JSON.parse(JSON.stringify(this.data.score)); |
||||
} |
||||
|
||||
isScore: Number; //分数
|
||||
|
||||
submit() { |
||||
if (this.isScore > this.data.paperPlanInfo.score) { |
||||
alert("超出最大分值!"); |
||||
} else { |
||||
let params: any = { |
||||
paperPlanId: this.data.paperPlanId, |
||||
examinationId: this.data.examinationId, |
||||
score: this.isScore, |
||||
remark: this.data.remark, |
||||
}; |
||||
this.http |
||||
.put("/api/ExaminationPlans/ModifyScore", "", { params: params }) |
||||
.subscribe((res) => { |
||||
let data = { isScore: this.isScore }; |
||||
this.dialogRef.close(data); |
||||
}); |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,56 @@
|
||||
<div class="content"> |
||||
<div class="header"> |
||||
<div class="queryBox"> |
||||
<div class="queryField"> |
||||
<label>考生姓名:</label> |
||||
<input type="text" placeholder="请输入考生姓名" [(ngModel)]="name" /> |
||||
</div> |
||||
<div class="queryField"> |
||||
<label>消防救援站:</label> |
||||
<nz-tree-select [nzDropdownClassName]="'maxHeightTreeSelect'" style="width: 250px" [(ngModel)]="orId" |
||||
[nzNodes]="nodes" nzPlaceHolder="请选择"> |
||||
</nz-tree-select> |
||||
<mat-checkbox color="primary" style="margin-left: 26px;" [(ngModel)]="orIdChecked">包含下级 |
||||
</mat-checkbox> |
||||
</div> |
||||
<div class="queryField"> |
||||
<button style="background-color: #07CDCF;" (click)="Submit()">查询</button> |
||||
<button style="margin-left: 10px; background-color: #FF8678;" (click)="Reset()">重置</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="centertable"> |
||||
<table> |
||||
<thead> |
||||
<th style="width: 15%;">编号</th> |
||||
<th style="width: 15%;">考生姓名</th> |
||||
<th style="width: 25%;">所属机构</th> |
||||
<th style="width: 15%;">综合素质评分</th> |
||||
<th style="width: 15%;">作战能力评分</th> |
||||
<th style="width: 15%;">综合评分</th> |
||||
</thead> |
||||
<tbody> |
||||
<tr *ngFor="let item of tabledataSource;let key = index"> |
||||
<td>{{(PageNumber-1)*10+(key + 1)}}</td> |
||||
<td>{{item.examineeRealName || '/'}}</td> |
||||
<td>{{item.organizationName}}</td> |
||||
<td class="ratebox"> |
||||
<nz-rate [ngModel]="item.overallQualityRating" [nzDisabled]="true"></nz-rate> |
||||
<div class="mask"></div> |
||||
</td> |
||||
<td class="ratebox"> |
||||
<nz-rate [ngModel]="item.combatCapabilityRating" [nzDisabled]="true"></nz-rate> |
||||
<div class="mask"></div> |
||||
<td class="ratebox"> |
||||
<nz-rate [ngModel]="item.overallRating" [nzDisabled]="true"></nz-rate> |
||||
<div class="mask"></div> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
|
||||
</table> |
||||
<mat-paginator [length]="length" [pageSize]="10" (page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
</div> |
||||
|
||||
</div> |
||||
@ -0,0 +1,116 @@
|
||||
table { |
||||
width: 100%; |
||||
text-align: center; |
||||
|
||||
.cdk-header-cell { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
.content { |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
background: #F2F5F6; |
||||
overflow-y: auto; |
||||
} |
||||
|
||||
.header { |
||||
width: 100%; |
||||
padding: 10px; |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
.queryBox { |
||||
box-sizing: border-box; |
||||
padding: 5px 15px; |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
align-items: center; |
||||
justify-content: left; |
||||
|
||||
.queryField { |
||||
margin: 0 25px; |
||||
font-size: 13px; |
||||
|
||||
label { |
||||
margin-right: 10px; |
||||
font-size: 15px; |
||||
} |
||||
|
||||
input { |
||||
font-size: 13px; |
||||
width: 320px; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
border-radius: 3px; |
||||
padding-left: 5px; |
||||
outline: none; |
||||
border: 1px solid rgb(226, 211, 211); |
||||
} |
||||
|
||||
button { |
||||
border: none; |
||||
color: white; |
||||
padding: 8px 20px; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
font-size: 13px; |
||||
margin: 4px 2px; |
||||
cursor: pointer; |
||||
border-radius: 5px; |
||||
outline: 0 none !important; |
||||
} |
||||
} |
||||
|
||||
.headerright { |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.centertable { |
||||
width: 95%; |
||||
margin-right: 40px; |
||||
margin-left: 40px; |
||||
background-color: #FFFFFF; |
||||
|
||||
table { |
||||
|
||||
td, |
||||
th { |
||||
height: 48px; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
td { |
||||
border-bottom: 1px solid #F2F5F6; |
||||
} |
||||
|
||||
.ratebox{ |
||||
position: relative; |
||||
.mask{ |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
thead { |
||||
background-color: #F5FDFE; |
||||
} |
||||
|
||||
.green { |
||||
color: #07CDCF; |
||||
} |
||||
|
||||
.red { |
||||
color: #FF8678; |
||||
} |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { ExamineeCapacityComponent } from './examinee-capacity.component'; |
||||
|
||||
describe('ExamineeCapacityComponent', () => { |
||||
let component: ExamineeCapacityComponent; |
||||
let fixture: ComponentFixture<ExamineeCapacityComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ ExamineeCapacityComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(ExamineeCapacityComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,128 @@
|
||||
import { Component, OnInit } from "@angular/core"; |
||||
import { HttpClient } from "@angular/common/http"; |
||||
import { MatSnackBar } from "@angular/material/snack-bar"; |
||||
import { Router } from "@angular/router"; |
||||
import { TreeService } from "src/app/http-interceptors/tree.service"; |
||||
|
||||
@Component({ |
||||
selector: "app-examinee-capacity", |
||||
templateUrl: "./examinee-capacity.component.html", |
||||
styleUrls: ["./examinee-capacity.component.scss"], |
||||
}) |
||||
export class ExamineeCapacityComponent implements OnInit { |
||||
constructor( |
||||
private router: Router, |
||||
public http: HttpClient, |
||||
public snackBar: MatSnackBar, |
||||
private tree: TreeService |
||||
) {} |
||||
|
||||
Profiles: any; |
||||
ngOnInit(): void { |
||||
this.Profiles = JSON.parse(sessionStorage.getItem("creatorData")); |
||||
this.getOrganizations(); |
||||
this.getAlltabledate(); |
||||
} |
||||
|
||||
//获得所有组织机构
|
||||
allorganizations; |
||||
treedata; |
||||
nodes = []; |
||||
expandedKeys = []; |
||||
getOrganizations() { |
||||
this.http |
||||
.get("/api/Organizations", { |
||||
params: { |
||||
strict: "true", |
||||
}, |
||||
}) |
||||
.subscribe((data: any) => { |
||||
this.allorganizations = data; |
||||
this.allorganizations.forEach((element) => { |
||||
if (element.id === this.Profiles.organizationId) { |
||||
element.parentId = null; |
||||
} |
||||
}); |
||||
this.treedata = this.tree.toTree(data); |
||||
this.orId = this.Profiles.organizationId; |
||||
this.getpresentOrganization(); |
||||
}); |
||||
} |
||||
//得到当前单位所在组织机构的tree型数据
|
||||
organizationName; |
||||
newallorganizations; |
||||
getpresentOrganization() { |
||||
this.newallorganizations = this.allorganizations; |
||||
this.newallorganizations.forEach((item) => { |
||||
item.children = []; |
||||
this.newallorganizations.forEach((element) => { |
||||
if (element.parentId == item.id) { |
||||
item.children.push(element); |
||||
} |
||||
}); |
||||
}); |
||||
this.organizationName = this.Profiles.organizationName; |
||||
if (this.organizationName) { |
||||
this.newallorganizations.forEach((item) => { |
||||
if (item.name == this.organizationName) { |
||||
this.nodes = [item]; |
||||
this.expandedKeys = [item.key]; |
||||
} |
||||
}); |
||||
} else { |
||||
this.nodes = this.tree.toTree(this.treedata); |
||||
this.expandedKeys = this.nodes[0].key; |
||||
} |
||||
} |
||||
|
||||
//获取表格信息
|
||||
PageNumber = 1; |
||||
PageSize = 10; |
||||
name; |
||||
orId; |
||||
orIdChecked = true; |
||||
tabledataSource; |
||||
length; |
||||
getAlltabledate() { |
||||
let paramsdata: any = { |
||||
ExamineeRealName: this.name || "", |
||||
OrganizationId: this.Profiles.organizationId, |
||||
ContainsChildren: this.orIdChecked, |
||||
PageNumber: this.PageNumber, |
||||
PageSize: this.PageSize, |
||||
}; |
||||
this.http |
||||
.get("/api/ExamStatisticalAnalyses/AbilityAnalysis", { |
||||
params: paramsdata, |
||||
}) |
||||
.subscribe((data: any) => { |
||||
console.log("数据", data); |
||||
this.tabledataSource = data.items; |
||||
this.length = data.totalCount; |
||||
}); |
||||
} |
||||
//分页事件
|
||||
chagePage(e) { |
||||
this.PageNumber = e.pageIndex + 1; |
||||
this.getAlltabledate(); |
||||
} |
||||
|
||||
//查询按钮
|
||||
Submit() { |
||||
if (!this.orId) { |
||||
this.snackBar.open("组织机构不能为空", "确定", { |
||||
verticalPosition: "top", |
||||
duration: 3000, |
||||
}); |
||||
return; |
||||
} |
||||
this.getAlltabledate(); |
||||
} |
||||
//重置按钮
|
||||
Reset() { |
||||
this.name = ""; |
||||
this.orId = this.Profiles.organizationId; |
||||
this.orIdChecked = true; |
||||
this.getAlltabledate(); |
||||
} |
||||
} |
||||
@ -0,0 +1,19 @@
|
||||
<div class="conter"> |
||||
<div class="left"> |
||||
<div class="top"> |
||||
<div class="top-left"> |
||||
<button *ngIf="level!=0" (click)="back()">返回上一级</button> |
||||
</div> |
||||
<div class="top-right"> |
||||
<span (click)="switch('频次')" [ngClass]="{ select: !examinationIndex }" |
||||
>考试频次</span |
||||
> |
||||
| |
||||
<span (click)="switch('人数')" [ngClass]="{ select: examinationIndex }" |
||||
>考试人数</span |
||||
> |
||||
</div> |
||||
</div> |
||||
<div id="zhidui"></div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { EchartsComponent } from './echarts.component'; |
||||
|
||||
describe('EchartsComponent', () => { |
||||
let component: EchartsComponent; |
||||
let fixture: ComponentFixture<EchartsComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ EchartsComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(EchartsComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,226 @@
|
||||
import { Component, OnInit } from "@angular/core"; |
||||
import { Router, NavigationExtras } from "@angular/router"; |
||||
import { HttpClient, HttpHeaders } from "@angular/common/http"; |
||||
declare var echarts: any; |
||||
@Component({ |
||||
selector: "app-echarts", |
||||
templateUrl: "./echarts.component.html", |
||||
styleUrls: ["./echarts.component.scss"], |
||||
}) |
||||
export class EchartsComponent implements OnInit { |
||||
constructor(public router: Router, private http: HttpClient) {} |
||||
|
||||
ngOnInit(): void { |
||||
this.getProfiles(); |
||||
// window.setTimeout(() => {
|
||||
// this.initCharts();
|
||||
// }, 0);
|
||||
} |
||||
|
||||
zhutu; //柱状图实例
|
||||
echartsData; |
||||
zhiData = { |
||||
name: [], |
||||
number: [], |
||||
}; |
||||
|
||||
Profiles: any; |
||||
getProfiles() { |
||||
this.http.get("/api/ExamAccounts/Profiles").subscribe((data: any) => { |
||||
this.Profiles = data; |
||||
sessionStorage.setItem("creatorData", JSON.stringify(data)); |
||||
this.getExamStatisticalAnalyses(); |
||||
}); |
||||
} |
||||
organizationId; |
||||
oldOrganizationId; |
||||
queryMode = 0; |
||||
getExamStatisticalAnalyses() { |
||||
let params: any = { |
||||
QueryMode: this.queryMode, |
||||
OrganizationId: this.organizationId |
||||
? this.organizationId |
||||
: this.Profiles.organizationId, |
||||
PageNumber: 1, |
||||
PageSize: 9999, |
||||
}; |
||||
this.http |
||||
.get("/api/ExamStatisticalAnalyses/ExaminationStatistics", { |
||||
params: params, |
||||
}) |
||||
.subscribe((res: any) => { |
||||
console.log(res); |
||||
if (this.level == 1) { |
||||
this.oldOrganizationId = params.OrganizationId; |
||||
} |
||||
this.echartsData = res; |
||||
this.zhiData = { |
||||
name: [], |
||||
number: [], |
||||
}; |
||||
this.echartsData.forEach((element) => { |
||||
this.zhiData.name.push(element.organizationName); |
||||
this.zhiData.number.push(element.count); |
||||
}); |
||||
this.initCharts(); |
||||
}); |
||||
} |
||||
|
||||
title = "考试频次(次)"; |
||||
examinationIndex = false; |
||||
color = "#41CDFC"; |
||||
//切换
|
||||
switch(e) { |
||||
if (e == "频次") { |
||||
this.title = "考试频次(次)"; |
||||
this.examinationIndex = false; |
||||
this.color = "#41CDFC"; |
||||
this.queryMode = 0; |
||||
} else { |
||||
this.title = "考试人数(个)"; |
||||
this.examinationIndex = true; |
||||
this.color = "#FF8678"; |
||||
this.queryMode = 1; |
||||
} |
||||
let myChart = echarts.init(document.getElementById("zhidui")); |
||||
|
||||
myChart.dispose(); |
||||
this.getProfiles(); |
||||
} |
||||
//后退
|
||||
level = 0; |
||||
back() { |
||||
if (this.level == 1) { |
||||
this.organizationId = this.Profiles.organizationId; |
||||
} else if (this.level == 2) { |
||||
this.organizationId = this.oldOrganizationId; |
||||
} |
||||
this.level = this.level - 1; |
||||
let myChart = echarts.init(document.getElementById("zhidui")); |
||||
|
||||
myChart.dispose(); |
||||
this.getExamStatisticalAnalyses(); |
||||
} |
||||
initCharts() { |
||||
var detailPlanEchart = echarts.init(document.getElementById("zhidui")); |
||||
var option = { |
||||
title: { |
||||
text: this.title, |
||||
left: "5%", // 位置
|
||||
textStyle: { |
||||
color: "#A1A1A1", |
||||
fontSize: "16px", |
||||
textAlign: "left", |
||||
}, |
||||
}, |
||||
xAxis: { |
||||
type: "category", |
||||
data: this.zhiData.name, |
||||
axisLabel: { |
||||
fontSize: 12, |
||||
lineHeight: 31, |
||||
interval: 0, |
||||
rotate: this.zhiData.name.length < 15 ? 0 : 40, |
||||
}, |
||||
axisLine: { |
||||
show: false, |
||||
}, |
||||
splitLine: { |
||||
show: false, |
||||
}, |
||||
axisTick: { |
||||
show: false, |
||||
}, |
||||
}, |
||||
yAxis: { |
||||
type: "value", |
||||
axisLabel: { |
||||
fontSize: 18, |
||||
lineHeight: 31, |
||||
}, |
||||
axisTick: { |
||||
show: false, |
||||
}, |
||||
axisLine: { |
||||
show: false, |
||||
}, |
||||
splitLine: { |
||||
show: true, |
||||
lineStyle: { |
||||
opacity: 0.6, |
||||
type: "dashed", |
||||
}, |
||||
}, |
||||
show: true, |
||||
}, |
||||
grid: { |
||||
left: "5%", |
||||
right: "5%", |
||||
bottom: "1%", |
||||
containLabel: true, |
||||
}, |
||||
series: [ |
||||
{ |
||||
data: this.zhiData.number, |
||||
type: "bar", |
||||
// showBackground: true,
|
||||
backgroundStyle: { |
||||
color: "#F2F5F6", |
||||
}, |
||||
// barWidth: 30,
|
||||
barMaxWidth: 40, |
||||
color: this.color, |
||||
itemStyle: { |
||||
normal: { |
||||
label: { |
||||
show: true, //开启显示
|
||||
position: "top", //在上方显示
|
||||
textStyle: { |
||||
//数值样式
|
||||
color: "black", |
||||
fontSize: 12, |
||||
}, |
||||
}, |
||||
}, |
||||
}, |
||||
|
||||
// barWidth:"24px"
|
||||
}, |
||||
], |
||||
}; |
||||
detailPlanEchart.on("click", (e) => { |
||||
this.clickFunc(e); |
||||
}); |
||||
detailPlanEchart.setOption(option); |
||||
} |
||||
clickFunc(e) { |
||||
let myChart = echarts.init(document.getElementById("zhidui")); |
||||
console.log(e); |
||||
this.echartsData.forEach((element) => { |
||||
if (element.organizationName == e.name && element.level != 3) { |
||||
this.organizationId = element.organizationId; |
||||
this.level = this.level + 1; |
||||
myChart.dispose(); |
||||
this.getExamStatisticalAnalyses(); |
||||
} else if (element.organizationName == e.name && element.level == 3) { |
||||
window.open( |
||||
"home/statistic-examination/station-examinee?organizationId=" + |
||||
element.organizationId |
||||
); |
||||
} |
||||
}); |
||||
// if (e.name.indexOf("支队") != -1) {
|
||||
// this.zhiData = this.daData;
|
||||
// this.level = 1;
|
||||
// myChart.dispose();
|
||||
// this.initCharts();
|
||||
// } else if (e.name.indexOf("大队") != -1) {
|
||||
// this.zhiData = this.jiuData;
|
||||
// this.level = 2;
|
||||
// myChart.dispose();
|
||||
// this.initCharts();
|
||||
// } else {
|
||||
// window.open("home/statistic-examination/station-examinee");
|
||||
// }
|
||||
} |
||||
} |
||||
@ -0,0 +1,62 @@
|
||||
<div class="content"> |
||||
<div class="header"> |
||||
<div class="queryBox"> |
||||
<div class="queryField"> |
||||
<label>试卷名称:</label> |
||||
<input type="text" placeholder="请输入试卷名称" [(ngModel)]="name" /> |
||||
</div> |
||||
<div class="queryField"> |
||||
<label>考试开始时间:</label> |
||||
<input type="date" placeholder="请选择考试开始时间" [(ngModel)]="starttime" /> |
||||
</div> |
||||
<div class="queryField"> |
||||
<label>考试结束时间:</label> |
||||
<input type="date" placeholder="请选择考试结束时间" [(ngModel)]="endtime" /> |
||||
</div> |
||||
<div class="queryField"> |
||||
<button style="background-color: #07CDCF;" (click)="Submit()">查询</button> |
||||
<button style="margin-left: 10px; background-color: #FF8678;" (click)="Reset()">重置</button> |
||||
<button style="margin-left: 10px; background-color: #07CDCF;" (click)="Export()">导出</button> |
||||
<button style="margin-left: 10px; background-color: #07CDCF;" (click)="goback()">返回</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="centertable"> |
||||
<table> |
||||
<thead> |
||||
<th style="width: 15%;">编号</th> |
||||
<th style="width: 15%;">试卷名称</th> |
||||
<th style="width: 25%;">考核机构</th> |
||||
<th style="width: 15%;">考试结束时间</th> |
||||
<th style="width: 10%;">试卷得分</th> |
||||
<th style="width: 10%;">试卷评价</th> |
||||
<th style="width: 10%;">操作</th> |
||||
</thead> |
||||
<tbody> |
||||
<tr *ngFor="let item of tabledataSource;let key = index"> |
||||
<td>{{(PageNumber-1)*10+(key + 1)}}</td> |
||||
<td>{{item.examinationName}}</td> |
||||
<td> |
||||
<span style="margin: 0 2px;" *ngFor="let i of item.organizationNames">{{i}}</span> |
||||
</td> |
||||
<td> |
||||
{{item.endTime|date:'yyyy-MM-dd HH:mm'}} |
||||
</td> |
||||
<td> |
||||
{{item.score}} |
||||
</td> |
||||
<td> |
||||
{{item.comment}} |
||||
</td> |
||||
<td> |
||||
<span style="color: #07CDCF;cursor: pointer;" (click)="To(item)">详情</span> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
|
||||
</table> |
||||
<mat-paginator [length]="length" [pageSize]="10" (page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
</div> |
||||
|
||||
</div> |
||||
@ -0,0 +1,118 @@
|
||||
table { |
||||
width: 100%; |
||||
text-align: center; |
||||
|
||||
.cdk-header-cell { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
.content { |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
background: #F2F5F6; |
||||
overflow-y: auto; |
||||
} |
||||
|
||||
.header { |
||||
width: 100%; |
||||
padding: 10px; |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
.queryBox { |
||||
box-sizing: border-box; |
||||
padding: 5px 15px; |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
align-items: center; |
||||
justify-content: left; |
||||
|
||||
.queryField { |
||||
margin: 0 20px; |
||||
font-size: 13px; |
||||
|
||||
label { |
||||
margin-right: 10px; |
||||
font-size: 15px; |
||||
} |
||||
|
||||
input { |
||||
font-size: 13px; |
||||
width:250px; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
border-radius: 3px; |
||||
padding-left: 5px; |
||||
outline: none; |
||||
border: 1px solid rgb(226, 211, 211); |
||||
} |
||||
|
||||
button { |
||||
border: none; |
||||
color: white; |
||||
padding: 8px 20px; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
font-size: 13px; |
||||
margin: 4px 2px; |
||||
cursor: pointer; |
||||
border-radius: 5px; |
||||
outline: 0 none !important; |
||||
} |
||||
} |
||||
|
||||
.headerright { |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.centertable { |
||||
width: 95%; |
||||
margin-right: 40px; |
||||
margin-left: 40px; |
||||
background-color: #FFFFFF; |
||||
|
||||
table { |
||||
|
||||
td, |
||||
th { |
||||
height: 48px; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
td { |
||||
border-bottom: 1px solid #F2F5F6; |
||||
} |
||||
|
||||
.ratebox { |
||||
position: relative; |
||||
|
||||
.mask { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
thead { |
||||
background-color: #F5FDFE; |
||||
} |
||||
|
||||
.green { |
||||
color: #07CDCF; |
||||
} |
||||
|
||||
.red { |
||||
color: #FF8678; |
||||
} |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { ExamineePapersComponent } from './examinee-papers.component'; |
||||
|
||||
describe('ExamineePapersComponent', () => { |
||||
let component: ExamineePapersComponent; |
||||
let fixture: ComponentFixture<ExamineePapersComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ ExamineePapersComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(ExamineePapersComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,164 @@
|
||||
import { Component, OnInit } from "@angular/core"; |
||||
import { HttpClient } from "@angular/common/http"; |
||||
import { MatSnackBar } from "@angular/material/snack-bar"; |
||||
import { ActivatedRoute, Router } from "@angular/router"; |
||||
import { TreeService } from "src/app/http-interceptors/tree.service"; |
||||
|
||||
@Component({ |
||||
selector: "app-examinee-papers", |
||||
templateUrl: "./examinee-papers.component.html", |
||||
styleUrls: ["./examinee-papers.component.scss"], |
||||
}) |
||||
export class ExamineePapersComponent implements OnInit { |
||||
constructor( |
||||
private router: Router, |
||||
private route: ActivatedRoute, |
||||
public http: HttpClient, |
||||
public snackBar: MatSnackBar, |
||||
private tree: TreeService |
||||
) {} |
||||
|
||||
examineeId; |
||||
examineeRealName; |
||||
//获取登录账号的个人资料
|
||||
Profiles: any; |
||||
ngOnInit(): void { |
||||
this.Profiles = JSON.parse(sessionStorage.getItem("creatorData")); |
||||
this.examineeId = this.route.snapshot.queryParams.examineeId; |
||||
this.examineeRealName = this.route.snapshot.queryParams.examineeRealName; |
||||
this.getAlltabledate(); |
||||
} |
||||
|
||||
//获得所有组织机构
|
||||
allorganizations; |
||||
treedata; |
||||
nodes; |
||||
expandedKeys = []; |
||||
getOrganizations() { |
||||
this.http |
||||
.get("/api/Organizations", { |
||||
params: { |
||||
strict: "true", |
||||
}, |
||||
}) |
||||
.subscribe((data: any) => { |
||||
this.allorganizations = data; |
||||
this.allorganizations.forEach((element) => { |
||||
if (element.id === this.Profiles.organizationId) { |
||||
element.parentId = null; |
||||
} |
||||
}); |
||||
this.treedata = this.tree.toTree(data); |
||||
this.getpresentOrganization(); |
||||
}); |
||||
} |
||||
//得到当前单位所在组织机构的tree型数据
|
||||
organizationName; |
||||
newallorganizations; |
||||
getpresentOrganization() { |
||||
this.newallorganizations = this.allorganizations; |
||||
this.newallorganizations.forEach((item) => { |
||||
item.children = []; |
||||
this.newallorganizations.forEach((element) => { |
||||
if (element.parentId == item.id) { |
||||
item.children.push(element); |
||||
} |
||||
}); |
||||
}); |
||||
this.organizationName = this.Profiles.organizationName; |
||||
if (this.organizationName) { |
||||
this.newallorganizations.forEach((item) => { |
||||
if (item.name == this.organizationName) { |
||||
this.nodes = [item]; |
||||
this.expandedKeys = [item.key]; |
||||
} |
||||
}); |
||||
} else { |
||||
this.nodes = this.tree.toTree(this.treedata); |
||||
this.expandedKeys = this.nodes[0].key; |
||||
} |
||||
} |
||||
|
||||
//获取表格信息
|
||||
PageNumber = 1; |
||||
PageSize = 10; |
||||
name; |
||||
starttime; |
||||
endtime; |
||||
orId; |
||||
orIdChecked; |
||||
tabledataSource; |
||||
length; |
||||
getAlltabledate() { |
||||
let paramsdata: any = { |
||||
ExamineeId: this.examineeId, |
||||
ExaminationName: this.name || "", |
||||
EndTimeBegin: this.starttime ? this.starttime + " " + "0:0:0" : "", |
||||
EndTimeEnd: this.endtime ? this.endtime + " " + "23:59:59" : "", |
||||
PageNumber: this.PageNumber, |
||||
PageSize: this.PageSize, |
||||
}; |
||||
this.http |
||||
.get("/api/ExamStatisticalAnalyses/ExaminationStatistics/Examinations", { |
||||
params: paramsdata, |
||||
}) |
||||
.subscribe((data: any) => { |
||||
this.tabledataSource = data.items; |
||||
this.length = data.totalCount; |
||||
}); |
||||
} |
||||
//分页事件
|
||||
chagePage(e) { |
||||
this.PageNumber = e.pageIndex + 1; |
||||
this.getAlltabledate(); |
||||
} |
||||
To(item) { |
||||
window.open(`/reviewFiles?examId=${item.examinationId}&paperType=1`); |
||||
} |
||||
//查询按钮
|
||||
Submit() { |
||||
this.getAlltabledate(); |
||||
} |
||||
//重置按钮
|
||||
Reset() { |
||||
this.name = ""; |
||||
this.starttime = ""; |
||||
this.endtime = ""; |
||||
this.getAlltabledate(); |
||||
} |
||||
|
||||
Export() { |
||||
let paramsdata: any = { |
||||
ExamineeId: this.examineeId, |
||||
ExaminationName: this.name || "", |
||||
EndTimeBegin: this.starttime ? this.starttime + " " + "0:0:0" : "", |
||||
EndTimeEnd: this.endtime ? this.endtime + " " + "23:59:59" : "", |
||||
}; |
||||
this.http |
||||
.get( |
||||
"/api/ExamStatisticalAnalyses/ExaminationStatistics/ExportExaminations", |
||||
{ |
||||
responseType: "blob" as "json", |
||||
params: paramsdata, |
||||
} |
||||
) |
||||
.subscribe((data: any) => { |
||||
console.log("导出成功", data); |
||||
const link = document.createElement("a"); |
||||
const blob = new Blob([data], { type: "application/vnd.ms-excel" }); |
||||
link.setAttribute("href", window.URL.createObjectURL(blob)); |
||||
link.setAttribute( |
||||
"download", |
||||
this.examineeRealName + "考试记录" + ".xls" |
||||
); |
||||
link.style.visibility = "hidden"; |
||||
document.body.appendChild(link); |
||||
link.click(); |
||||
document.body.removeChild(link); |
||||
// this.message.create("success", `导出成功`);
|
||||
}); |
||||
} |
||||
goback() { |
||||
history.go(-1); |
||||
} |
||||
} |
||||
@ -0,0 +1,53 @@
|
||||
<div class="content"> |
||||
<div class="header"> |
||||
<div class="queryBox"> |
||||
<div class="queryField"> |
||||
<label>考生姓名:</label> |
||||
<input type="text" placeholder="请输入考生姓名" [(ngModel)]="name" /> |
||||
</div> |
||||
<div class="queryField"> |
||||
<label>消防救援站:</label> |
||||
<nz-tree-select [nzDropdownClassName]="'maxHeightTreeSelect'" style="width: 250px" [(ngModel)]="orId" |
||||
[nzNodes]="nodes" nzPlaceHolder="请选择"> |
||||
</nz-tree-select> |
||||
<!-- <mat-checkbox color="primary" style="margin-left: 26px;" [(ngModel)]="orIdChecked">包含下级 |
||||
</mat-checkbox> --> |
||||
</div> |
||||
<div class="queryField"> |
||||
<button style="background-color: #07CDCF;" (click)="Submit()">查询</button> |
||||
<button style="margin-left: 10px; background-color: #FF8678;" (click)="Reset()">重置</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="centertable"> |
||||
<table> |
||||
<thead> |
||||
<th style="width: 15%;">编号</th> |
||||
<th style="width: 15%;">考生姓名</th> |
||||
<th style="width: 25%;">所属机构</th> |
||||
<th style="width: 15%;">考试次数</th> |
||||
<th style="width: 15%;">平均成绩</th> |
||||
<th style="width: 15%;">操作</th> |
||||
</thead> |
||||
<tbody> |
||||
<tr *ngFor="let item of tabledataSource;let key = index"> |
||||
<td>{{(PageNumber-1)*10+(key + 1)}}</td> |
||||
<td>{{item.examineeRealName}}</td> |
||||
<td>{{item.organizationName}}</td> |
||||
<td> |
||||
{{item.examinationTimes}}次 |
||||
</td> |
||||
<td> |
||||
{{item.averageScore}}分 |
||||
<td> |
||||
<span style="color: #07CDCF;cursor: pointer;" (click)="To(item)">详情</span> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
|
||||
</table> |
||||
<mat-paginator [length]="length" [pageSize]="10" (page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
</div> |
||||
|
||||
</div> |
||||
@ -0,0 +1,118 @@
|
||||
table { |
||||
width: 100%; |
||||
text-align: center; |
||||
|
||||
.cdk-header-cell { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
.content { |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
background: #F2F5F6; |
||||
overflow-y: auto; |
||||
} |
||||
|
||||
.header { |
||||
width: 100%; |
||||
padding: 10px; |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
.queryBox { |
||||
box-sizing: border-box; |
||||
padding: 5px 15px; |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
align-items: center; |
||||
justify-content: left; |
||||
|
||||
.queryField { |
||||
margin: 0 25px; |
||||
font-size: 13px; |
||||
|
||||
label { |
||||
margin-right: 10px; |
||||
font-size: 15px; |
||||
} |
||||
|
||||
input { |
||||
font-size: 13px; |
||||
width: 320px; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
border-radius: 3px; |
||||
padding-left: 5px; |
||||
outline: none; |
||||
border: 1px solid rgb(226, 211, 211); |
||||
} |
||||
|
||||
button { |
||||
border: none; |
||||
color: white; |
||||
padding: 8px 20px; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
font-size: 13px; |
||||
margin: 4px 2px; |
||||
cursor: pointer; |
||||
border-radius: 5px; |
||||
outline: 0 none !important; |
||||
} |
||||
} |
||||
|
||||
.headerright { |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.centertable { |
||||
width: 95%; |
||||
margin-right: 40px; |
||||
margin-left: 40px; |
||||
background-color: #FFFFFF; |
||||
|
||||
table { |
||||
|
||||
td, |
||||
th { |
||||
height: 48px; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
td { |
||||
border-bottom: 1px solid #F2F5F6; |
||||
} |
||||
|
||||
.ratebox { |
||||
position: relative; |
||||
|
||||
.mask { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
thead { |
||||
background-color: #F5FDFE; |
||||
} |
||||
|
||||
.green { |
||||
color: #07CDCF; |
||||
} |
||||
|
||||
.red { |
||||
color: #FF8678; |
||||
} |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { StationExamineeComponent } from './station-examinee.component'; |
||||
|
||||
describe('StationExamineeComponent', () => { |
||||
let component: StationExamineeComponent; |
||||
let fixture: ComponentFixture<StationExamineeComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ StationExamineeComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(StationExamineeComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,118 @@
|
||||
import { Component, OnInit } from "@angular/core"; |
||||
import { HttpClient } from "@angular/common/http"; |
||||
import { MatSnackBar } from "@angular/material/snack-bar"; |
||||
import { ActivatedRoute, Router } from "@angular/router"; |
||||
import { TreeService } from "src/app/http-interceptors/tree.service"; |
||||
|
||||
@Component({ |
||||
selector: "app-station-examinee", |
||||
templateUrl: "./station-examinee.component.html", |
||||
styleUrls: ["./station-examinee.component.scss"], |
||||
}) |
||||
export class StationExamineeComponent implements OnInit { |
||||
constructor( |
||||
private router: Router, |
||||
private route: ActivatedRoute, |
||||
public http: HttpClient, |
||||
public snackBar: MatSnackBar, |
||||
private tree: TreeService |
||||
) {} |
||||
loginUserInfo; |
||||
ngOnInit() { |
||||
this.loginUserInfo = JSON.parse(sessionStorage.getItem("creatorData")); |
||||
this.orId = this.route.snapshot.queryParams.organizationId; |
||||
this.getOrganizations(); |
||||
this.getAlltabledate(); |
||||
} |
||||
//获取登录账号的个人资料
|
||||
Profiles: any; |
||||
getProfiles() { |
||||
return new Promise((resolve) => { |
||||
this.http.get("/api/ExamAccounts/Profiles").subscribe((data: any) => { |
||||
this.Profiles = data; |
||||
sessionStorage.setItem("creatorData", JSON.stringify(data)); |
||||
resolve(data); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
//获得所有组织机构
|
||||
allorganizations; |
||||
treedata; |
||||
nodes = []; |
||||
expandedKeys = []; |
||||
getOrganizations() { |
||||
this.http |
||||
.get("/api/Organizations", { |
||||
params: { |
||||
strict: "true", |
||||
}, |
||||
}) |
||||
.subscribe((data: any) => { |
||||
this.allorganizations = data; |
||||
this.allorganizations.forEach((element) => { |
||||
if (element.id === this.loginUserInfo.organizationId) { |
||||
element.parentId = null; |
||||
} |
||||
}); |
||||
this.nodes = [...this.tree.toTree(data)]; |
||||
}); |
||||
} |
||||
|
||||
//获取表格信息
|
||||
PageNumber = 1; |
||||
PageSize = 10; |
||||
name; |
||||
orId; |
||||
orIdChecked; |
||||
tabledataSource; |
||||
length; |
||||
getAlltabledate() { |
||||
let paramsdata: any = { |
||||
ExamineeRealName: this.name || "", |
||||
OrganizationId: this.orId || "", |
||||
PageNumber: this.PageNumber, |
||||
PageSize: this.PageSize, |
||||
}; |
||||
this.http |
||||
.get("/api/ExamStatisticalAnalyses/ExaminationStatistics/Examinees", { |
||||
params: paramsdata, |
||||
}) |
||||
.subscribe((data: any) => { |
||||
console.log("数据", data); |
||||
this.tabledataSource = data.items; |
||||
this.length = data.totalCount; |
||||
}); |
||||
} |
||||
//分页事件
|
||||
chagePage(e) { |
||||
this.PageNumber = e.pageIndex + 1; |
||||
this.getAlltabledate(); |
||||
} |
||||
To(item) { |
||||
this.router.navigate(["/home/statistic-examination/examinee-papers"], { |
||||
queryParams: { |
||||
examineeId: item.examineeId, |
||||
examineeRealName: item.examineeRealName, |
||||
}, |
||||
}); //登陆成功跳转页面
|
||||
} |
||||
//查询按钮
|
||||
Submit() { |
||||
if (!this.orId) { |
||||
this.snackBar.open("组织机构不能为空", "确定", { |
||||
verticalPosition: "top", |
||||
duration: 3000, |
||||
}); |
||||
return; |
||||
} |
||||
this.getAlltabledate(); |
||||
} |
||||
//重置按钮
|
||||
Reset() { |
||||
this.name = ""; |
||||
this.orId = this.route.snapshot.queryParams.organizationId; |
||||
// this.orIdChecked = true;
|
||||
this.getAlltabledate(); |
||||
} |
||||
} |
||||
@ -1,29 +0,0 @@
|
||||
<!-- |
||||
* @Descripttion: |
||||
* @version: |
||||
* @Author: sueRimn |
||||
* @Date: 2020-12-15 14:19:50 |
||||
* @LastEditors: sueRimn |
||||
* @LastEditTime: 2020-12-17 14:30:16 |
||||
--> |
||||
<div class="conter"> |
||||
<div class="left"> |
||||
<div id="zhidui"> |
||||
</div> |
||||
</div> |
||||
<div class="right"> |
||||
<img src="../../../assets/images/statictop.png" style="height: 90px;width: 90px;"> |
||||
<div class="rightone"> |
||||
<div><span style="font-size: 24px;">STATISTICS</span></div> |
||||
<div style="margin-top: 10px;"><span style="font-size: 20px;">消防救援单位信息</span></div> |
||||
<div style="margin-top: 10px;"><span style="font-size: 20px;"> 考核统计分析</span></div> |
||||
</div> |
||||
<div class="righttwo"> |
||||
<div><button [ngClass]="{'clickButton':upStatic}" (click)="upexam()"><img src="../../../assets/images/upload.png" > 发布统计</button></div> |
||||
<div style="margin-top: 20px;"><button [ngClass]="{'clickButton':staticExam}" (click)="staticecam()"><img src="../../../assets/images/examstatic.png" [ngStyle]="{'background-color':staticExam==true?'#07CDCF':''}"> 考试统计</button></div> |
||||
</div> |
||||
<div class="rightthree"> |
||||
<img src="../../../assets/images/examdown.png"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -1,101 +0,0 @@
|
||||
/* |
||||
* @Descripttion:
|
||||
* @version:
|
||||
* @Author: sueRimn |
||||
* @Date: 2020-12-15 14:19:50 |
||||
* @LastEditors: sueRimn |
||||
* @LastEditTime: 2020-12-17 16:02:43 |
||||
*/ |
||||
import { Component, OnInit } from '@angular/core'; |
||||
//import {EchartsDataService} from '../../echarts-data.service';
|
||||
declare var echarts: any; |
||||
|
||||
@Component({ |
||||
selector: 'app-statistic-analysis', |
||||
templateUrl: './statistic-analysis.component.html', |
||||
styleUrls: ['./statistic-analysis.component.scss'] |
||||
}) |
||||
export class StatisticAnalysisComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
window.setTimeout(()=>{ |
||||
this.initCharts() |
||||
},0) |
||||
} |
||||
|
||||
zhutu//柱状图实例
|
||||
zhiNameData =["浦东支队","黄浦支队","徐汇支队","长宁支队","静安支队","普陀支队","虹口支队","杨浦支队","闵行支队","宝山支队","嘉定支队"] |
||||
staticExam=false//考试统计
|
||||
upStatic=false//发布考试统计
|
||||
//考试统计按钮
|
||||
staticecam(){ |
||||
this.staticExam=true |
||||
this.upStatic=false |
||||
} |
||||
//发布考试按钮
|
||||
upexam(){ |
||||
this.staticExam=false |
||||
this.upStatic=true |
||||
} |
||||
|
||||
initCharts() { |
||||
var detailPlanEchart = echarts.init(document.getElementById('zhidui')); |
||||
var option = { |
||||
xAxis: { |
||||
type: 'category', |
||||
data: this.zhiNameData, |
||||
axisLabel:{ |
||||
fontSize:18, |
||||
lineHeight:31, |
||||
}, |
||||
axisLine:{ |
||||
show:false |
||||
}, |
||||
splitLine:{ |
||||
show:false |
||||
}, |
||||
axisTick:{ |
||||
show:false |
||||
}, |
||||
}, |
||||
yAxis: { |
||||
type: 'value', |
||||
axisLabel:{ |
||||
fontSize:18, |
||||
lineHeight:31 |
||||
}, |
||||
axisTick:{ |
||||
show:false |
||||
}, |
||||
axisLine:{ |
||||
show:false |
||||
}, |
||||
splitLine:{ |
||||
show:true, |
||||
lineStyle:{ |
||||
opacity:0.2, |
||||
type:'dashed' |
||||
} |
||||
}, |
||||
show:true |
||||
}, |
||||
series: [{ |
||||
data: [160, 150,140,130, 120, 100,90, 80, 60, 40,30], |
||||
type: 'bar', |
||||
showBackground: true, |
||||
backgroundStyle: { |
||||
color: '#F2F5F6' |
||||
}, |
||||
itemStyle:{ |
||||
color:"#FF8678", |
||||
barBorderRadius:12 |
||||
}, |
||||
barWidth:"24px" |
||||
}] |
||||
}; |
||||
detailPlanEchart.setOption(option); |
||||
} |
||||
|
||||
} |
||||
@ -1,22 +1,71 @@
|
||||
import { Component, OnInit ,Inject,ViewChild} from '@angular/core'; |
||||
import { CacheTokenService } from '../http-interceptors/cache-token.service'//引入服务
|
||||
import { HttpClient,HttpHeaders } from '@angular/common/http'; |
||||
import { FormControl } from '@angular/forms'; |
||||
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
import { IsLoginService } from '../is-login.service' |
||||
import { ComponentServiceService } from '../component-service.service'; |
||||
import { Router,ActivatedRoute } from '@angular/router' |
||||
import { Component, OnInit, Inject, ViewChild } from "@angular/core"; |
||||
import { CacheTokenService } from "../http-interceptors/cache-token.service"; //引入服务
|
||||
import { HttpClient, HttpHeaders } from "@angular/common/http"; |
||||
import { FormControl } from "@angular/forms"; |
||||
import { |
||||
MatDialog, |
||||
MatDialogRef, |
||||
MAT_DIALOG_DATA, |
||||
} from "@angular/material/dialog"; |
||||
import { MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar"; |
||||
import { IsLoginService } from "../is-login.service"; |
||||
import { ComponentServiceService } from "../component-service.service"; |
||||
import { Router, ActivatedRoute } from "@angular/router"; |
||||
@Component({ |
||||
selector: 'app-navigation', |
||||
templateUrl: './navigation.component.html', |
||||
styleUrls: ['./navigation.component.scss'] |
||||
selector: "app-navigation", |
||||
templateUrl: "./navigation.component.html", |
||||
styleUrls: ["./navigation.component.scss"], |
||||
}) |
||||
export class NavigationComponent implements OnInit { |
||||
constructor( |
||||
private router: Router, |
||||
private route: ActivatedRoute, |
||||
public emitService: ComponentServiceService, |
||||
public navmenus: CacheTokenService, |
||||
private http: HttpClient, |
||||
public dialog: MatDialog, |
||||
public snackBar: MatSnackBar, |
||||
public islogin: IsLoginService |
||||
) {} |
||||
|
||||
constructor(private router:Router,public emitService: ComponentServiceService,public navmenus:CacheTokenService,private http: HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,public islogin:IsLoginService) { } |
||||
roleType = sessionStorage.getItem("roleType"); |
||||
ngOnInit() { |
||||
if (this.router.url.indexOf("createexam-index") !== -1) { |
||||
this.selectedNav = "创建考试"; |
||||
} |
||||
if (this.router.url.indexOf("mark-papers-index") !== -1) { |
||||
this.selectedNav = "阅卷"; |
||||
} |
||||
if (this.router.url.indexOf("statistic") !== -1) { |
||||
this.selectedNav = "统计分析"; |
||||
if (this.router.url.indexOf("statistic-examination") !== -1) { |
||||
this.selectedNav2 = "考试统计"; |
||||
} else { |
||||
this.selectedNav2 = "能力分析"; |
||||
} |
||||
} |
||||
} |
||||
|
||||
roleType = sessionStorage.getItem('roleType') |
||||
ngOnInit() {} |
||||
selectedNav; |
||||
selectedNav2; |
||||
routerTo(name) { |
||||
this.selectedNav = name; |
||||
if (name === "统计分析") { |
||||
this.selectedNav2 = "考试统计"; |
||||
this.router.navigate([RouterUrl["考试统计"]]); //登陆成功跳转页面
|
||||
} else { |
||||
this.router.navigate([RouterUrl[name]]); //登陆成功跳转页面
|
||||
} |
||||
} |
||||
routerTo2(name) { |
||||
this.selectedNav2 = name; |
||||
this.router.navigate([RouterUrl[name]]); //登陆成功跳转页面
|
||||
} |
||||
} |
||||
|
||||
enum RouterUrl { |
||||
"创建考试" = "/home/createexam-index", |
||||
"阅卷" = "/home/mark-papers-index", |
||||
"考试统计" = "/home/statistic-examination", |
||||
"能力分析" = "/home/statistic-capacity", |
||||
} |
||||
|
||||
@ -1,62 +1,69 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
import { Router,ActivatedRoute } from '@angular/router' |
||||
import { MatSnackBarConfig, MatSnackBar } from '@angular/material/snack-bar'; |
||||
import { HttpClient } from '@angular/common/http'; |
||||
import { IsLoginService } from '../../is-login.service'//引入服务
|
||||
import {CacheTokenService} from '../../http-interceptors/cache-token.service'//引入服务
|
||||
|
||||
|
||||
import { Component, OnInit } from "@angular/core"; |
||||
import { Router, ActivatedRoute } from "@angular/router"; |
||||
import { MatSnackBarConfig, MatSnackBar } from "@angular/material/snack-bar"; |
||||
import { HttpClient } from "@angular/common/http"; |
||||
import { IsLoginService } from "../../is-login.service"; //引入服务
|
||||
import { CacheTokenService } from "../../http-interceptors/cache-token.service"; //引入服务
|
||||
|
||||
@Component({ |
||||
selector: 'app-lockscreen', |
||||
templateUrl: './lockscreen.component.html', |
||||
styleUrls: ['./lockscreen.component.scss'] |
||||
selector: "app-lockscreen", |
||||
templateUrl: "./lockscreen.component.html", |
||||
styleUrls: ["./lockscreen.component.scss"], |
||||
}) |
||||
export class LockscreenComponent implements OnInit { |
||||
constructor( |
||||
private http: HttpClient, |
||||
private router: Router, |
||||
private route: ActivatedRoute, |
||||
public token: CacheTokenService, |
||||
public snackBar: MatSnackBar, |
||||
private isLogin: IsLoginService |
||||
) {} |
||||
|
||||
constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,public token:CacheTokenService,public snackBar: MatSnackBar,private isLogin:IsLoginService) { } |
||||
|
||||
ngOnInit() { |
||||
|
||||
} |
||||
|
||||
roleType:string = '1'; //登录角色
|
||||
errmsg :string = ''; //错误信息
|
||||
|
||||
ngOnInit() {} |
||||
|
||||
roleType: string = "1"; //登录角色
|
||||
errmsg: string = ""; //错误信息
|
||||
|
||||
//登录
|
||||
onSubmit(e) { |
||||
let params = { roleType: this.roleType } |
||||
this.http.post('/api/ExamAccounts/SignIn',e,{params}).subscribe((data:any)=>{ |
||||
let params = { roleType: this.roleType }; |
||||
this.http.post("/api/ExamAccounts/SignIn", e, { params }).subscribe( |
||||
(data: any) => { |
||||
sessionStorage.setItem("realName", data.realName); |
||||
sessionStorage.setItem("roleType", data.roleType); |
||||
sessionStorage.setItem("token", data.token); |
||||
sessionStorage.setItem("refreshToken", data.refreshToken); |
||||
sessionStorage.setItem("level", data.level); |
||||
this.http.get("/api/ExamAccounts/Profiles").subscribe((v: any) => { |
||||
this.token.startUp(); //登陆成功启动定时器刷新token
|
||||
this.roleType == '1'? this.router.navigate(['/home/createexam-index']) : this.router.navigate(['/home/student-index']) |
||||
},(err) => {this.errmsg = err}) |
||||
this.roleType == "1" |
||||
? this.router.navigate(["/home/createexam-index"]) |
||||
: this.router.navigate(["/home/student-index"]); |
||||
sessionStorage.setItem("creatorData", JSON.stringify(v)); |
||||
}); |
||||
}, |
||||
(err) => { |
||||
this.errmsg = err; |
||||
} |
||||
); |
||||
} |
||||
|
||||
//切换登录角色
|
||||
toggle(e) { |
||||
this.roleType = e |
||||
this.roleType = e; |
||||
} |
||||
|
||||
//跳转管理员登录页面
|
||||
toAdminLogin() { |
||||
this.router.navigate(['/adminLogin']) //跳转管理员登录页面
|
||||
this.router.navigate(["/adminLogin"]); //跳转管理员登录页面
|
||||
} |
||||
|
||||
//忘记密码弹窗
|
||||
forget() { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('请联系管理员重置密码','确定',config); |
||||
config.verticalPosition = "top"; |
||||
config.duration = 3000; |
||||
this.snackBar.open("请联系管理员重置密码", "确定", config); |
||||
} |
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
@ -1,57 +1,61 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
import { HttpClient } from '@angular/common/http' |
||||
import { Router,ActivatedRoute } from '@angular/router' |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
import { IsLoginService } from '../../is-login.service'//引入服务
|
||||
import {CacheTokenService} from '../../http-interceptors/cache-token.service'//引入服务
|
||||
|
||||
|
||||
import { Component, OnInit } from "@angular/core"; |
||||
import { HttpClient } from "@angular/common/http"; |
||||
import { Router, ActivatedRoute } from "@angular/router"; |
||||
import { MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar"; |
||||
import { IsLoginService } from "../../is-login.service"; //引入服务
|
||||
import { CacheTokenService } from "../../http-interceptors/cache-token.service"; //引入服务
|
||||
|
||||
@Component({ |
||||
selector: 'app-login', |
||||
templateUrl: './login.component.html', |
||||
styleUrls: ['./login.component.scss'], |
||||
|
||||
selector: "app-login", |
||||
templateUrl: "./login.component.html", |
||||
styleUrls: ["./login.component.scss"], |
||||
}) |
||||
export class LoginComponent implements OnInit { |
||||
constructor( |
||||
private http: HttpClient, |
||||
private router: Router, |
||||
private route: ActivatedRoute, |
||||
public token: CacheTokenService, |
||||
public snackBar: MatSnackBar, |
||||
private isLogin: IsLoginService |
||||
) {} |
||||
|
||||
constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,public token:CacheTokenService,public snackBar: MatSnackBar,private isLogin:IsLoginService) { } |
||||
|
||||
ngOnInit() { |
||||
|
||||
} |
||||
|
||||
errmsg :string = ''; //错误信息
|
||||
|
||||
ngOnInit() {} |
||||
|
||||
errmsg: string = ""; //错误信息
|
||||
|
||||
//登录
|
||||
onSubmit(e) { |
||||
let params = { roleType: '0' } |
||||
this.http.post('/api/ExamAccounts/SignIn',e,{params}).subscribe((data:any)=>{ |
||||
let params = { roleType: "0" }; |
||||
this.http.post("/api/ExamAccounts/SignIn", e, { params }).subscribe( |
||||
(data: any) => { |
||||
sessionStorage.setItem("realName", data.realName); |
||||
sessionStorage.setItem("roleType", data.roleType); |
||||
sessionStorage.setItem("token", data.token); |
||||
sessionStorage.setItem("refreshToken", data.refreshToken); |
||||
sessionStorage.setItem("level", data.level); |
||||
this.http.get("/api/ExamAccounts/Profiles").subscribe((v: any) => { |
||||
this.token.startUp(); //登陆成功启动定时器刷新token
|
||||
this.router.navigate(['/home/teachear']) //登陆成功跳转页面
|
||||
},(err) => {this.errmsg = err}) |
||||
this.router.navigate(["/home/teachear"]); //登陆成功跳转页面
|
||||
sessionStorage.setItem("creatorData", JSON.stringify(v)); |
||||
}); |
||||
}, |
||||
(err) => { |
||||
this.errmsg = err; |
||||
} |
||||
); |
||||
} |
||||
|
||||
//跳转教员学员登录页面
|
||||
toAdminLogin() { |
||||
this.router.navigate(['/login']) //跳转管理员登录页面
|
||||
this.router.navigate(["/login"]); //跳转管理员登录页面
|
||||
} |
||||
|
||||
//忘记密码弹窗
|
||||
forget() { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('请联系 系统维护技术人员','确定',config); |
||||
config.verticalPosition = "top"; |
||||
config.duration = 3000; |
||||
this.snackBar.open("请联系 系统维护技术人员", "确定", config); |
||||
} |
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
@ -0,0 +1,46 @@
|
||||
<h2 mat-dialog-title>新增/编辑管理员</h2> |
||||
|
||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<input matInput name="name" [(ngModel)]="name" required placeholder="登录账号" autocomplete="off"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div> |
||||
<mat-form-field> |
||||
<input matInput name="realName" [(ngModel)]="realName" required placeholder="用户姓名" autocomplete="off"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div style="margin-bottom: 10px;"> |
||||
<p style="font-size: 14px;">消防救援站: <label style="margin-left: 10px;">{{organizationName}}</label></p> |
||||
</div> |
||||
|
||||
<div class="treeDiv"> |
||||
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> |
||||
<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding (click)='selectTree(node)'> |
||||
<button type="button" mat-icon-button disabled></button> |
||||
<li>{{node.name}}</li> |
||||
</mat-tree-node> |
||||
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding (click)='selectTree(node)'> |
||||
<button type="button" mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name"> |
||||
<mat-icon mat-icon class="mat-icon-rtl-mirror">{{treeControl.isExpanded(node) ? 'expand_more' : |
||||
'chevron_right'}}</mat-icon> |
||||
</button> |
||||
<li>{{node.name}}</li> |
||||
</mat-tree-node> |
||||
</mat-tree> |
||||
</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">确定</button> |
||||
<button mat-raised-button mat-dialog-close>取消</button> |
||||
</div> |
||||
|
||||
</form> |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { AddEditAdminComponent } from './add-edit-admin.component'; |
||||
|
||||
describe('AddEditAdminComponent', () => { |
||||
let component: AddEditAdminComponent; |
||||
let fixture: ComponentFixture<AddEditAdminComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ AddEditAdminComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(AddEditAdminComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,110 @@
|
||||
import { HttpClient } from "@angular/common/http"; |
||||
import { Component, OnInit, Inject } from "@angular/core"; |
||||
import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog"; |
||||
import { MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar"; |
||||
import { |
||||
MatTreeFlatDataSource, |
||||
MatTreeFlattener, |
||||
} from "@angular/material/tree"; |
||||
import { FlatTreeControl } from "@angular/cdk/tree"; |
||||
@Component({ |
||||
selector: "app-add-edit-admin", |
||||
templateUrl: "./add-edit-admin.component.html", |
||||
styleUrls: ["./add-edit-admin.component.scss"], |
||||
}) |
||||
export class AddEditAdminComponent implements OnInit { |
||||
constructor( |
||||
private http: HttpClient, |
||||
public dialogRef: MatDialogRef<AddEditAdminComponent>, |
||||
@Inject(MAT_DIALOG_DATA) public data, |
||||
public snackBar: MatSnackBar |
||||
) {} |
||||
|
||||
ngOnInit(): void { |
||||
this.dataSource.data = this.data.treeData; |
||||
if (this.data.userData) { |
||||
this.name = JSON.parse(JSON.stringify(this.data.userData.name)); |
||||
this.realName = JSON.parse(JSON.stringify(this.data.userData.realName)); |
||||
this.organizationId = JSON.parse( |
||||
JSON.stringify(this.data.userData.organizationId) |
||||
); |
||||
this.organizationName = JSON.parse( |
||||
JSON.stringify(this.data.userData.organizationName) |
||||
); |
||||
} |
||||
} |
||||
|
||||
errmsg: string = null; //捕获错误信息
|
||||
|
||||
name: string = null; |
||||
realName: string = null; |
||||
organizationId: string = null; |
||||
organizationName: string = null; |
||||
|
||||
private _transformer = (node, level: number) => { |
||||
//初始化tree
|
||||
return { |
||||
expandable: !!node.children && node.children.length > 0, |
||||
name: node.name, |
||||
level: level, |
||||
id: node.id, |
||||
parentId: node.parentId, |
||||
children: node.children, |
||||
}; |
||||
}; |
||||
treeControl = new FlatTreeControl<any>( |
||||
(node) => node.level, |
||||
(node) => node.expandable |
||||
); |
||||
treeFlattener = new MatTreeFlattener( |
||||
this._transformer, |
||||
(node) => node.level, |
||||
(node) => node.expandable, |
||||
(node) => node.children |
||||
); |
||||
dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener); |
||||
hasChild = (_: number, node: any) => node.expandable; |
||||
|
||||
//选择tree节点
|
||||
selectTree(e) { |
||||
this.organizationId = e.id; |
||||
this.organizationName = e.name; |
||||
} |
||||
|
||||
//提交创建表单
|
||||
onSubmit(e) { |
||||
if (this.organizationId && this.organizationName) { |
||||
if (this.data.userData) { |
||||
e.phone = this.data.userData.phone; |
||||
e.identityCard = this.data.userData.identityCard; |
||||
e.roleType = 0; |
||||
e.id = this.data.userData.id; |
||||
e.enabled = this.data.userData.enabled; |
||||
e.creationTime = new Date(); |
||||
e.organizationId = this.organizationId; |
||||
e.organizationName = this.organizationName; |
||||
this.http |
||||
.put(`/api/ExamUsers/${this.data.userData.id}`, e) |
||||
.subscribe((data) => { |
||||
this.dialogRef.close("success"); |
||||
}); |
||||
} else { |
||||
e.phone = '13864512542'; |
||||
e.identityCard = '370304199809261911'; |
||||
e.roleType = 0; |
||||
e.enabled = true; |
||||
e.creationTime = new Date(); |
||||
e.organizationId = this.organizationId; |
||||
e.organizationName = this.organizationName; |
||||
this.http.post(`/api/ExamUsers`, e).subscribe((data) => { |
||||
this.dialogRef.close("success"); |
||||
}); |
||||
} |
||||
} else { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = "top"; |
||||
config.duration = 3000; |
||||
this.snackBar.open("请选择消防救援站", "确定", config); |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,73 @@
|
||||
<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" style="position: relative;"> |
||||
<label style="margin-right: 10px;">消防救援站:</label> |
||||
<nz-tree-select [nzDropdownClassName]="'maxHeightTreeSelect'" style="width: 180px" [nzNodes]="nodes" |
||||
nzShowSearch nzPlaceHolder="请选择救援站" name="orTree" [(ngModel)]="organizationId" |
||||
[nzAllowClear]="false"> |
||||
</nz-tree-select> |
||||
</div> |
||||
<div class="queryField"> |
||||
<button mat-raised-button (click)='getAllUsers()' 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" (page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
|
||||
</div> |
||||
@ -0,0 +1,115 @@
|
||||
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: 30px; |
||||
line-height: 30px; |
||||
border-radius: 2px; |
||||
padding-left: 6px; |
||||
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; |
||||
} |
||||
} |
||||
|
||||
//tree |
||||
.treeDiv { |
||||
max-height: 300px; |
||||
overflow-y: auto; |
||||
|
||||
.mat-icon-button { |
||||
width: 20px; |
||||
height: 20px; |
||||
line-height: 20px; |
||||
} |
||||
|
||||
li { |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.mat-tree-node:hover { |
||||
background-color: rgb(240, 236, 236); |
||||
} |
||||
} |
||||
|
||||
.closeTree { |
||||
cursor: pointer; |
||||
position: absolute; |
||||
top: 40px; |
||||
right: -95px; |
||||
z-index: 100; |
||||
} |
||||
|
||||
.searchTree { |
||||
.mat-tree-node button .mat-icon { |
||||
color: #000; |
||||
} |
||||
|
||||
border: 1px solid rgb(207, 204, 204); |
||||
width: 350px; |
||||
max-height: 150px; |
||||
position: absolute; |
||||
top: 40px; |
||||
left: 0; |
||||
} |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { AdministratorsComponent } from './administrators.component'; |
||||
|
||||
describe('AdministratorsComponent', () => { |
||||
let component: AdministratorsComponent; |
||||
let fixture: ComponentFixture<AdministratorsComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ AdministratorsComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(AdministratorsComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,200 @@
|
||||
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 { MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar"; |
||||
import { FormControl } from "@angular/forms"; |
||||
import { FlatTreeControl } from "@angular/cdk/tree"; |
||||
import { |
||||
MatTreeFlatDataSource, |
||||
MatTreeFlattener, |
||||
} from "@angular/material/tree"; |
||||
import { TreeService } from "src/app/http-interceptors/tree.service"; |
||||
import { AddEditAdminComponent } from "./add-edit-admin/add-edit-admin.component"; |
||||
|
||||
@Component({ |
||||
selector: "app-administrators", |
||||
templateUrl: "./administrators.component.html", |
||||
styleUrls: ["./administrators.component.scss"], |
||||
}) |
||||
export class AdministratorsComponent implements OnInit { |
||||
constructor( |
||||
public http: HttpClient, |
||||
public dialog: MatDialog, |
||||
public snackBar: MatSnackBar, |
||||
public treeService: TreeService |
||||
) {} |
||||
|
||||
loginUserInfo; |
||||
ngOnInit() { |
||||
this.loginUserInfo = JSON.parse(sessionStorage.getItem("creatorData")); |
||||
this.getOrganizations(); |
||||
} |
||||
name: any; //用户姓名
|
||||
identityCard: any; //用户账号
|
||||
organizationId; |
||||
allOrganizations: any; //所有组织机构
|
||||
nodes = []; |
||||
//获取所有组织机构
|
||||
getOrganizations() { |
||||
this.http |
||||
.get("/api/Organizations", { |
||||
params: { |
||||
strict: "true", |
||||
}, |
||||
}) |
||||
.subscribe((data: any) => { |
||||
this.allOrganizations = data; |
||||
this.allOrganizations.forEach((element) => { |
||||
if (element.id === this.loginUserInfo.organizationId) { |
||||
element.parentId = null; |
||||
} |
||||
}); |
||||
this.nodes = [...this.treeService.toTree(this.allOrganizations)]; |
||||
this.organizationId = this.loginUserInfo.organizationId; |
||||
this.getAllUsers(); |
||||
}); |
||||
} |
||||
|
||||
displayedColumns: string[] = [ |
||||
"identitycard", |
||||
"name", |
||||
"post", |
||||
"time", |
||||
"operation", |
||||
]; |
||||
|
||||
dataSource: any; //所有企业用户表格数据
|
||||
//更新当前页数据
|
||||
pageNumber: number = 1; //第几页
|
||||
pageSize: any = "10"; //每页条数
|
||||
getAllUsers() { |
||||
let data = { |
||||
Name: this.identityCard || "", |
||||
RealName: this.name || "", |
||||
OrganizationId: this.organizationId || "", |
||||
RoleType: "0", |
||||
PageNumber: String(this.pageNumber), |
||||
PageSize: this.pageSize, |
||||
}; |
||||
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); |
||||
}); |
||||
} |
||||
//分页
|
||||
@ViewChild(MatPaginator, { static: true }) |
||||
pageEvent: PageEvent; |
||||
paginator: MatPaginator; |
||||
length: any; //共多少条数据
|
||||
|
||||
//分页切换
|
||||
chagePage(e) { |
||||
this.pageNumber = e.pageIndex + 1; |
||||
this.getAllUsers(); |
||||
} |
||||
|
||||
//清空搜索
|
||||
empty() { |
||||
this.pageNumber = 1; |
||||
this.name = ""; |
||||
this.identityCard = ""; |
||||
this.organizationId = this.loginUserInfo.organizationId; |
||||
this.getAllUsers(); |
||||
} |
||||
|
||||
//创建教员
|
||||
open() { |
||||
let data = { treeData: this.nodes, userData: null }; |
||||
let dialogRef = this.dialog.open(AddEditAdminComponent, { data }); |
||||
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 data = { treeData: this.nodes, userData: e }; |
||||
let dialogRef = this.dialog.open(AddEditAdminComponent, { data }); |
||||
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.id}/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) { |
||||
e.date = new Date(); |
||||
e.enabled = true; |
||||
this.http.put(`/api/ExamUsers/${e.id}`, e).subscribe((data) => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = "top"; |
||||
config.duration = 3000; |
||||
this.snackBar.open("启用成功!", "确定", config); |
||||
this.getAllUsers(); |
||||
}); |
||||
} |
||||
|
||||
//禁用
|
||||
noEnabled(e) { |
||||
e.date = new Date(); |
||||
e.enabled = false; |
||||
this.http.put(`/api/ExamUsers/${e.id}`, e).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.id}`).subscribe((data) => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = "top"; |
||||
config.duration = 3000; |
||||
this.snackBar.open("删除成功!", "确定", config); |
||||
this.getAllUsers(); |
||||
}); |
||||
} |
||||
} |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1 @@
|
||||
{{Remark}} |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { RemarkComponent } from './remark.component'; |
||||
|
||||
describe('RemarkComponent', () => { |
||||
let component: RemarkComponent; |
||||
let fixture: ComponentFixture<RemarkComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ RemarkComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(RemarkComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,22 @@
|
||||
import { Component, OnInit, Inject } from "@angular/core"; |
||||
import { |
||||
MatDialog, |
||||
MAT_DIALOG_DATA, |
||||
MatDialogRef, |
||||
} from "@angular/material/dialog"; |
||||
@Component({ |
||||
selector: "app-remark", |
||||
templateUrl: "./remark.component.html", |
||||
styleUrls: ["./remark.component.scss"], |
||||
}) |
||||
export class RemarkComponent implements OnInit { |
||||
constructor( |
||||
public dialogRef: MatDialogRef<RemarkComponent>, |
||||
@Inject(MAT_DIALOG_DATA) public data: any |
||||
) {} |
||||
|
||||
Remark; |
||||
ngOnInit(): void { |
||||
this.Remark = sessionStorage.getItem("remark"); |
||||
} |
||||
} |
||||
@ -1,10 +1,35 @@
|
||||
.box{ |
||||
width: 280px; |
||||
height: 280px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
|
||||
.content{ |
||||
width: 100%; |
||||
flex: 1; |
||||
margin: 15px 0; |
||||
|
||||
.formItem{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin: 5px 0; |
||||
span{ |
||||
font-size: 14px; |
||||
} |
||||
input{ |
||||
width: 100%; |
||||
height: 36px; |
||||
} |
||||
textarea{ |
||||
width: 278px; |
||||
height: 90px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.btnbox{ |
||||
button{ |
||||
margin: 0 5px; |
||||
} |
||||
} |
||||
.contant{ |
||||
height: 60px; |
||||
width: 100%; |
||||
margin: 15px 0; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -1,14 +1,15 @@
|
||||
import { Routes, RouterModule } from '@angular/router'; |
||||
import { NgModule } from '@angular/core'; |
||||
import { TeacherManagementComponent } from './teacherManagement/enterpriseuser.component'; |
||||
import { EnterpriseuserComponent } from './enterpriseuser/enterpriseuser.component'; |
||||
|
||||
import { Routes, RouterModule } from "@angular/router"; |
||||
import { NgModule } from "@angular/core"; |
||||
import { TeacherManagementComponent } from "./teacherManagement/enterpriseuser.component"; |
||||
import { EnterpriseuserComponent } from "./enterpriseuser/enterpriseuser.component"; |
||||
import { AdministratorsComponent } from "./administrators/administrators.component"; |
||||
const routes: Routes = [ |
||||
{ path: 'teachear', component:TeacherManagementComponent }, //管理员 教员页面
|
||||
{ path: 'examinee', component:EnterpriseuserComponent }, //管理员 考生页面
|
||||
] |
||||
{ path: "teachear", component: TeacherManagementComponent }, //管理员 教员页面
|
||||
{ path: "examinee", component: EnterpriseuserComponent }, //管理员 考生页面
|
||||
{ path: "admin", component: AdministratorsComponent }, //管理员 考生页面
|
||||
]; |
||||
@NgModule({ |
||||
imports: [RouterModule.forChild(routes)], |
||||
exports: [RouterModule] |
||||
exports: [RouterModule], |
||||
}) |
||||
export class UiRoutingModule {} |
||||
|
||||
Loading…
Reference in new issue