10 changed files with 215 additions and 68 deletions
@ -0,0 +1,42 @@ |
|||||||
|
<div class="content"> |
||||||
|
<header><img src="../../../assets/images/tophead.png"></header> |
||||||
|
|
||||||
|
<div class="center"> |
||||||
|
<h3>业务理论考试</h3> |
||||||
|
<table> |
||||||
|
<tr> |
||||||
|
<th *ngFor="let header of headersZero">{{header}}</th> |
||||||
|
</tr> |
||||||
|
<tr *ngFor="let item of tableDataZero"> |
||||||
|
<td>{{item.order}}</td> |
||||||
|
<td>{{item.fireName}}</td> |
||||||
|
<td>{{item.drawLotsOrder}}</td> |
||||||
|
<td> |
||||||
|
<p *ngFor="let items of item.name" class="bottomBorder">{{items}}</p> |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
<p *ngFor="let items of item.seatNum" class="bottomBorder">{{items}}</p> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</table> |
||||||
|
<h3>指挥能力考评</h3> |
||||||
|
<table> |
||||||
|
<tr> |
||||||
|
<th *ngFor="let header of headers">{{header}}</th> |
||||||
|
</tr> |
||||||
|
<tr *ngFor="let item of tableData"> |
||||||
|
<td>{{item.order}}</td> |
||||||
|
<td>{{item.fireName}}</td> |
||||||
|
<td>{{item.drawLotsOrder}}</td> |
||||||
|
<td>{{item.num}}</td> |
||||||
|
<td> |
||||||
|
<p *ngFor="let items of item.name" class="bottomBorder">{{items}}</p> |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
<p *ngFor="let items of item.seatNum" class="bottomBorder">{{items}}</p> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</table> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
@ -0,0 +1,67 @@ |
|||||||
|
.content { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
overflow: hidden; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 1px; |
||||||
|
background: url('../../../assets/images/backgroud.png'); |
||||||
|
background-size: 100% 100%; |
||||||
|
header { |
||||||
|
width: 100%; |
||||||
|
height: 50px; |
||||||
|
text-align: center; |
||||||
|
background: url('../../../assets/images/head.png'); |
||||||
|
background-size: 100% 100%; |
||||||
|
img { margin: 11px 0; } |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.center { |
||||||
|
width: 80%; |
||||||
|
max-height: 90%; |
||||||
|
margin: 0 auto; |
||||||
|
overflow-x: hidden; |
||||||
|
overflow-y: auto; |
||||||
|
text-align: center; |
||||||
|
h3 { |
||||||
|
font-size: 26px; |
||||||
|
color: #fff; |
||||||
|
margin: 30px 0; |
||||||
|
} |
||||||
|
} |
||||||
|
.center::-webkit-scrollbar { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
table { |
||||||
|
width: 100%; |
||||||
|
box-sizing: border-box; |
||||||
|
background-color: #fff; |
||||||
|
text-align: center; |
||||||
|
border-collapse:collapse; |
||||||
|
word-break:break-all; |
||||||
|
word-wrap:break-all; |
||||||
|
table-layout:fixed; |
||||||
|
th { |
||||||
|
box-sizing: border-box; |
||||||
|
height: 50px; |
||||||
|
font-size: 24px; |
||||||
|
color: #fff; |
||||||
|
font-weight: 400; |
||||||
|
border: 1px solid #fff; |
||||||
|
background-color: #ff4d29; |
||||||
|
} |
||||||
|
td { |
||||||
|
box-sizing: border-box; |
||||||
|
height: 60px; |
||||||
|
color: #000; |
||||||
|
font-weight: 400; |
||||||
|
border: 1px solid #ECEDEE; |
||||||
|
} |
||||||
|
p { height: 30px; line-height: 30px; box-sizing: border-box; } |
||||||
|
.bottomBorder:not(:last-child) { |
||||||
|
border-bottom: 1px solid #ECEDEE; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
th,td,p { cursor: default; } |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||||
|
|
||||||
|
import { DrawingResultComponent } from './drawing-result.component'; |
||||||
|
|
||||||
|
describe('DrawingResultComponent', () => { |
||||||
|
let component: DrawingResultComponent; |
||||||
|
let fixture: ComponentFixture<DrawingResultComponent>; |
||||||
|
|
||||||
|
beforeEach(async(() => { |
||||||
|
TestBed.configureTestingModule({ |
||||||
|
declarations: [ DrawingResultComponent ] |
||||||
|
}) |
||||||
|
.compileComponents(); |
||||||
|
})); |
||||||
|
|
||||||
|
beforeEach(() => { |
||||||
|
fixture = TestBed.createComponent(DrawingResultComponent); |
||||||
|
component = fixture.componentInstance; |
||||||
|
fixture.detectChanges(); |
||||||
|
}); |
||||||
|
|
||||||
|
it('should create', () => { |
||||||
|
expect(component).toBeTruthy(); |
||||||
|
}); |
||||||
|
}); |
||||||
@ -0,0 +1,51 @@ |
|||||||
|
import { Component, OnInit } from '@angular/core'; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: 'app-drawing-result', |
||||||
|
templateUrl: './drawing-result.component.html', |
||||||
|
styleUrls: ['./drawing-result.component.scss'] |
||||||
|
}) |
||||||
|
export class DrawingResultComponent implements OnInit { |
||||||
|
|
||||||
|
constructor() { } |
||||||
|
|
||||||
|
ngOnInit(): void { |
||||||
|
} |
||||||
|
|
||||||
|
headersZero:string [] = ['序号','支队名称','抽签顺序', '职级','座位号'] |
||||||
|
tableDataZero = [ |
||||||
|
{order: 1, fireName: '南宁支队', drawLotsOrder: '01', name: ['支队长','副支队长'], seatNum: ['01','02'] }, |
||||||
|
{order: 2, fireName: '柳州支队', drawLotsOrder: '02', name: ['支队长','副支队长'], seatNum: ['03','04'] }, |
||||||
|
{order: 3, fireName: '桂林支队', drawLotsOrder: '03', name: ['支队长','副支队长'], seatNum: ['05','06'] }, |
||||||
|
{order: 4, fireName: '梧州支队', drawLotsOrder: '04', name: ['支队长','副支队长'], seatNum: ['01','02'] }, |
||||||
|
{order: 5, fireName: '北海支队', drawLotsOrder: '05', name: ['支队长','副支队长'], seatNum: ['03','04'] }, |
||||||
|
{order: 6, fireName: '防城港支队', drawLotsOrder: '06', name: ['支队长','副支队长'], seatNum: ['05','06'] }, |
||||||
|
{order: 7, fireName: '钦州支队', drawLotsOrder: '07', name: ['支队长','副支队长'], seatNum: ['01','02'] }, |
||||||
|
{order: 8, fireName: '贵港支队', drawLotsOrder: '08', name: ['支队长','副支队长'], seatNum: ['03','04'] }, |
||||||
|
{order: 9, fireName: '玉林支队', drawLotsOrder: '09', name: ['支队长','副支队长'], seatNum: ['05','06'] }, |
||||||
|
{order: 10, fireName: '百色支队', drawLotsOrder: '10', name: ['支队长','副支队长'], seatNum: ['01','02'] }, |
||||||
|
{order: 11, fireName: '贺州支队', drawLotsOrder: '11', name: ['支队长','副支队长'], seatNum: ['03','04'] }, |
||||||
|
{order: 12, fireName: '河池支队', drawLotsOrder: '12', name: ['支队长','副支队长'], seatNum: ['05','06'] }, |
||||||
|
{order: 13, fireName: '来宾支队', drawLotsOrder: '13', name: ['支队长','副支队长'], seatNum: ['03','04'] }, |
||||||
|
{order: 14, fireName: '崇左支队', drawLotsOrder: '14', name: ['支队长','副支队长'], seatNum: ['05','06'] }, |
||||||
|
] |
||||||
|
|
||||||
|
headers:string [] = ['序号','支队名称','抽签顺序','场景类型', '职级','座位号'] |
||||||
|
tableData = [ |
||||||
|
{order: 1, fireName: '南宁支队', drawLotsOrder: '05', num: localStorage.getItem('5') || '', name: ['支队长','副支队长'], seatNum: ['8号','21号'] }, |
||||||
|
{order: 2, fireName: '柳州支队', drawLotsOrder: '10', num: localStorage.getItem('10') || '', name: ['支队长','副支队长'], seatNum: ['12号','26号'] }, |
||||||
|
{order: 3, fireName: '桂林支队', drawLotsOrder: '14', num: localStorage.getItem('14') || '', name: ['支队长','副支队长'], seatNum: ['14号','15号'] }, |
||||||
|
{order: 4, fireName: '梧州支队', drawLotsOrder: '03', num: localStorage.getItem('3') || '', name: ['支队长','副支队长'], seatNum: ['13号','28号'] }, |
||||||
|
{order: 5, fireName: '北海支队', drawLotsOrder: '08', num: localStorage.getItem('8') || '', name: ['支队长','副支队长'], seatNum: ['4号','22号'] }, |
||||||
|
{order: 6, fireName: '防城港支队', drawLotsOrder: '13', num: localStorage.getItem('13') || '', name: ['支队长','副支队长'], seatNum: ['1号','16号'] }, |
||||||
|
{order: 7, fireName: '钦州支队', drawLotsOrder: '06', num: localStorage.getItem('6') || '', name: ['支队长','副支队长'], seatNum: ['10号','25号'] }, |
||||||
|
{order: 8, fireName: '贵港支队', drawLotsOrder: '01', num: localStorage.getItem('1') || '', name: ['支队长','副支队长'], seatNum: ['11号','19号'] }, |
||||||
|
{order: 9, fireName: '玉林支队', drawLotsOrder: '07', num: localStorage.getItem('7') || '', name: ['支队长','副支队长'], seatNum: ['2号','27号'] }, |
||||||
|
{order: 10, fireName: '百色支队', drawLotsOrder: '12', num: localStorage.getItem('12') || '', name: ['支队长','副支队长'], seatNum: ['9号','20号'] }, |
||||||
|
{order: 11, fireName: '贺州支队', drawLotsOrder: '02', num: localStorage.getItem('02') || '', name: ['支队长','副支队长'], seatNum: ['3号','24号'] }, |
||||||
|
{order: 12, fireName: '河池支队', drawLotsOrder: '04', num: localStorage.getItem('04') || '', name: ['支队长','副支队长'], seatNum: ['6号','18号'] }, |
||||||
|
{order: 13, fireName: '来宾支队', drawLotsOrder: '09', num: localStorage.getItem('09') || '', name: ['支队长','副支队长'], seatNum: ['7号','23号'] }, |
||||||
|
{order: 14, fireName: '崇左支队', drawLotsOrder: '11', num: localStorage.getItem('11') || '', name: ['支队长','副支队长'], seatNum: ['5号','17号'] }, |
||||||
|
] |
||||||
|
|
||||||
|
} |
||||||
Loading…
Reference in new issue