9 changed files with 342 additions and 57 deletions
@ -0,0 +1,171 @@
|
||||
<div class="content"> |
||||
<div style="min-height: 60px;"><app-tabbar></app-tabbar></div> |
||||
<div class="center"> |
||||
|
||||
<div class="left"> |
||||
<div class="headerLeft"> |
||||
<div>单位列表</div> |
||||
<div style="text-align: right;">总分: |
||||
<label style="color: #07CDCF;">{{examScore}}</label> |
||||
</div> |
||||
</div> |
||||
<div class="centerLeft" style="background: #F5FDFE;"><div class="overflowText">单位名称</div><div class="overflowText">总分</div></div> |
||||
<div class="centerLeft" *ngFor="let item of paperCompanyData" [ngClass]="{'selectPaper': selectPaper.id == item.id}" (click)='togglePaper(item)'> |
||||
<div class="overflowText">{{item.companyInfo? item.companyInfo.name:'暂无单位名称'}}</div> |
||||
<div class="overflowText">{{item.score}}</div> |
||||
</div> |
||||
</div> |
||||
<div class="right"> |
||||
<div class="headerRight"> |
||||
<label (click)='togglePaperType(1)' [ngClass]="{'selectPaperType': selectPaperType == '1'}">基本信息</label> |
||||
<!-- <label (click)='togglePaperType(2)' [ngClass]="{'selectPaperType': selectPaperType == '2'}">作战部署</label> --> |
||||
<button (click)='submitResult()' style="width: 100px;">提交阅卷结果</button> |
||||
<label style="float: right;margin-right: 25px;opacity: 1;width: 150px;">基本信息总分: {{selectPaper.score || 0}}分</label> |
||||
</div> |
||||
<div class="centerRight"> |
||||
<div class="paperCenter" *ngIf="selectPaperType == '1'"> |
||||
|
||||
<mat-accordion multi> |
||||
<!-- 基本信息 --> |
||||
<mat-expansion-panel *ngIf="selectPaper.basicInfoData && selectPaper.basicInfoData.length"> |
||||
<mat-expansion-panel-header class="panelHeader"> |
||||
<label class="mariginRight">基本信息</label> |
||||
<label>总分: <label class="mark"> {{selectPaper.basicInfoScore}}</label>分, </label><label>单项<label class="mark"></label>分</label> |
||||
<button class="headerButton">全部正确</button> |
||||
</mat-expansion-panel-header> |
||||
<div class="publicTest" *ngFor="let item of selectPaper.basicInfoData;let itemkey = index"> |
||||
<div class="publicTitle">{{item.name}}</div> |
||||
<div class="publicTable" *ngIf="item.tabledata && item.tabledata.length"> |
||||
<div class="tableRow" *ngFor="let element of item.tabledata; let key = index"> |
||||
<div class="tabelHeader overflowText" title="{{element.propertyName}}">{{element.propertyName}}</div> |
||||
<ng-container *ngFor="let elements of element.data"> |
||||
<div class="tabelCenter" *ngIf="rowIsShow(selectPaper.basicInfoData[itemkey].children,elements.tag)"> |
||||
<label *ngIf="key===0" class="overflowText">{{elements.result}}</label> |
||||
<input type="text" [(ngModel)]="elements.userAnswer" name="userAnswer" *ngIf="key!=0" readonly> |
||||
<mat-icon>done</mat-icon> |
||||
</div> |
||||
</ng-container> |
||||
</div> |
||||
</div> |
||||
<ng-container *ngIf="!item.tabledata || !item.tabledata.length"> |
||||
<div class="publicInput" *ngFor="let element of item.children"> |
||||
<label>{{element.name}}:</label><input type="text" [(ngModel)]="element.userAnswer" name="userAnswer" readonly> |
||||
<mat-icon>done</mat-icon> |
||||
</div> |
||||
</ng-container> |
||||
</div> |
||||
</mat-expansion-panel> |
||||
<!-- 基本信息 --> |
||||
<!-- 四周毗邻 --> |
||||
<mat-expansion-panel *ngIf="selectPaper.adjoinData && selectPaper.adjoinData.length"> |
||||
<mat-expansion-panel-header class="panelHeader"> |
||||
<label class="mariginRight">四周毗邻</label> |
||||
<label>总分: <label class="mark"> {{selectPaper.adjoinScore}}</label>分, </label><label>单项<label class="mark"></label>分</label> |
||||
<button class="headerButton">全部正确</button> |
||||
</mat-expansion-panel-header> |
||||
<div class="publicTest" *ngFor="let item of selectPaper.adjoinData"> |
||||
<div class="publicTitle">{{item.name}}</div> |
||||
<div class="publicInput" *ngFor="let element of item.children"> |
||||
<label>{{element.name}}:</label><input type="text" [(ngModel)]="element.userAnswer" name="userAnswer" readonly> |
||||
<mat-icon>done</mat-icon> |
||||
</div> |
||||
</div> |
||||
</mat-expansion-panel> |
||||
<!-- 四周毗邻 --> |
||||
<!-- 重点部位 --> |
||||
<mat-expansion-panel *ngIf="selectPaper.importLocationData && selectPaper.importLocationData.length"> |
||||
<mat-expansion-panel-header class="panelHeader"> |
||||
<label class="mariginRight">重点部位</label> |
||||
<label>总分: <label class="mark"> {{selectPaper.importLocationScore}}</label>分, </label><label>单项<label class="mark"></label>分</label> |
||||
<button class="headerButton">全部正确</button> |
||||
</mat-expansion-panel-header> |
||||
<div class="publicTest" *ngFor="let item of selectPaper.importLocationData"> |
||||
<div class="publicTitle">{{item.name}}</div> |
||||
<div class="publicTable"> |
||||
<div class="tableRow" *ngFor="let element of item.tabledata; let key = index"> |
||||
<div class="tabelHeader overflowText" title="{{element.propertyName}}">{{element.propertyName}}</div> |
||||
<div class="tabelCenter" *ngFor="let elements of element.data"> |
||||
<label *ngIf="key===0" class="overflowText">{{elements.result}}</label> |
||||
<input type="text" [(ngModel)]="elements.userAnswer" name="userAnswer" *ngIf="key!=0" readonly> |
||||
<mat-icon>done</mat-icon> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</mat-expansion-panel> |
||||
<!-- 重点部位 --> |
||||
<!-- 功能分区 --> |
||||
<mat-expansion-panel *ngIf="selectPaper.functionalDivisionData && selectPaper.functionalDivisionData.length"> |
||||
<mat-expansion-panel-header class="panelHeader"> |
||||
<label class="mariginRight">功能分区</label> |
||||
<label>总分: <label class="mark"> {{selectPaper.functionalDivisionScore}}</label>分, </label><label>单项<label class="mark"></label>分</label> |
||||
<button class="headerButton">全部正确</button> |
||||
</mat-expansion-panel-header> |
||||
<div class="publicTest" *ngFor="let item of selectPaper.functionalDivisionData"> |
||||
<div class="publicTitle">{{item.name}}</div> |
||||
<div class="publicTable"> |
||||
<div class="tableRow" *ngFor="let element of item.tabledata; let key = index"> |
||||
<div class="tabelHeader overflowText" title="{{element.propertyName}}">{{element.propertyName}}</div> |
||||
<div class="tabelCenter" *ngFor="let elements of element.data"> |
||||
<label *ngIf="key===0" class="overflowText">{{elements.result}}</label> |
||||
<input type="text" [(ngModel)]="elements.userAnswer" name="userAnswer" *ngIf="key!=0" readonly> |
||||
<mat-icon>done</mat-icon> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</mat-expansion-panel> |
||||
<!-- 功能分区 --> |
||||
<!-- 数据核验 --> |
||||
<mat-expansion-panel *ngIf="selectPaper.facilityData && selectPaper.facilityData.length"> |
||||
<mat-expansion-panel-header class="panelHeader"> |
||||
<label class="mariginRight">数据核验</label> |
||||
<label>总分: <label class="mark"> {{selectPaper.facilityScore}}</label>分, </label><label>单项<label class="mark"></label>分</label> |
||||
<button class="headerButton">全部正确</button> |
||||
</mat-expansion-panel-header> |
||||
<div class="publicTest" *ngFor="let item of selectPaper.facilityData"> |
||||
<div class="publicTitle">{{item.name}}</div> |
||||
<div class="publicInput" *ngFor="let element of item.children"> |
||||
<label>{{element.name}}:</label><input type="text" [(ngModel)]="element.userAnswer" name="userAnswer" readonly> |
||||
<mat-icon>done</mat-icon> |
||||
</div> |
||||
</div> |
||||
</mat-expansion-panel> |
||||
<!-- 数据核验 --> |
||||
</mat-accordion> |
||||
|
||||
</div> |
||||
<!-- 作战部署 --> |
||||
<div class="paperCenter" *ngIf="selectPaperType == '2'"> |
||||
<div class="planList"> |
||||
<table> |
||||
<tr> |
||||
<td>预案名称</td> |
||||
<td>添加人</td> |
||||
<td>修改时间</td> |
||||
<td>是否公开</td> |
||||
<td>编制级别</td> |
||||
<td>设置分数</td> |
||||
<td>操作</td> |
||||
</tr> |
||||
<tr *ngFor="let item of selectPaper.planList"> |
||||
<td>{{item.title}}</td> |
||||
<td>{{item.creatorName}}</td> |
||||
<td>{{item.modifiedTime | date:'yyyy-MM-dd'}}</td> |
||||
<td>{{item.isPublic ? '已公开' : '未公开'}}</td> |
||||
<td>{{item.planLevel | planlevel}}</td> |
||||
<td style="color: #FF8678;">{{item.score}}分</td> |
||||
<td> |
||||
<span style="color: #07CDCF;" (click)="enterExam(item)">进入</span> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
<!-- 作战部署 --> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
@ -0,0 +1,15 @@
|
||||
.mat-icon { |
||||
vertical-align: middle; |
||||
color: #00CFAC; |
||||
margin-left: 5px; |
||||
} |
||||
.publicTest .publicInput input { width: 48%; } |
||||
.headerButton { |
||||
margin-left: auto; |
||||
margin-right: 25px; |
||||
background-color:#00CFAC; |
||||
color: #fff; |
||||
border-radius: 5px; |
||||
border: none; |
||||
outline: none; |
||||
} |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { ReviewFilesComponent } from './review-files.component'; |
||||
|
||||
describe('ReviewFilesComponent', () => { |
||||
let component: ReviewFilesComponent; |
||||
let fixture: ComponentFixture<ReviewFilesComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ ReviewFilesComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(ReviewFilesComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,82 @@
|
||||
import { HttpClient } from '@angular/common/http'; |
||||
import { Component, OnInit } from '@angular/core'; |
||||
import { MatDialog } from '@angular/material/dialog'; |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
import { ActivatedRoute } from '@angular/router'; |
||||
import { CanvasShareDataService } from 'src/app/canvas-share-data.service'; |
||||
|
||||
@Component({ |
||||
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 canvasData:CanvasShareDataService, public http:HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,public route:ActivatedRoute) { } |
||||
|
||||
ngOnInit(): void { |
||||
this.getTest() |
||||
} |
||||
|
||||
examId:any = this.route.snapshot.queryParams.examId //考卷id
|
||||
paperData:any //试卷信息
|
||||
examScore:number = 0//整个试卷的总分
|
||||
paperCompanyData:any = []; //考生具体考卷
|
||||
selectPaper:any = {id:null}; //选择当前考卷
|
||||
selectPaperType:string = '1'; //选择当前考卷内容 基本信息/作战部署
|
||||
|
||||
//获取考生试卷
|
||||
getTest () { |
||||
this.http.get(`/api/Examinations/${this.examId}`).subscribe((data:any)=>{ |
||||
this.paperData = data |
||||
this.paperData.examinationDataInfo.forEach(element => { |
||||
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.score = element.adjoinScore + element.basicInfoScore + element.facilityScore + element.functionalDivisionScore + element.importLocationScore |
||||
this.examScore = this.examScore + element.score |
||||
}); |
||||
this.paperCompanyData = JSON.parse( JSON.stringify(data.examinationDataInfo) ) //具体考卷
|
||||
this.selectPaper = this.paperCompanyData[0] |
||||
}) |
||||
} |
||||
|
||||
//基本信息表格 是否展示当前行
|
||||
rowIsShow (children,tag) { |
||||
let isShow:boolean = false |
||||
children.forEach(element => { |
||||
element.result == tag? isShow = true : null |
||||
}); |
||||
return isShow |
||||
} |
||||
|
||||
//切换 选择考卷
|
||||
togglePaper (e) { |
||||
if (this.selectPaper.id != e.id) { |
||||
this.selectPaper = e |
||||
} |
||||
} |
||||
|
||||
//切换 选择考卷内容
|
||||
togglePaperType (e) { |
||||
if (this.selectPaperType != e) { |
||||
this.selectPaperType = e |
||||
} |
||||
} |
||||
|
||||
//提交阅卷结果
|
||||
submitResult () { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 5000 |
||||
this.snackBar.open('阅卷结果提交成功','确定',config); |
||||
} |
||||
|
||||
//进入作战部署 阅卷
|
||||
enterExam(item){ |
||||
|
||||
} |
||||
|
||||
} |
||||
Loading…
Reference in new issue