7 changed files with 141 additions and 35 deletions
@ -0,0 +1,27 @@
|
||||
<div class="content"> |
||||
<header><img src="../../../assets/images/tophead.png"></header> |
||||
|
||||
<div class="center"> |
||||
<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.testTime}}</td> |
||||
<td> |
||||
<p *ngFor="let items of item.num" class="bottomBorder">{{items}}</p> |
||||
</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,51 @@
|
||||
.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%; |
||||
margin: 50px auto; |
||||
background-color: #fff; |
||||
} |
||||
|
||||
table { |
||||
width: 100%; |
||||
text-align: center; |
||||
border-collapse:collapse; |
||||
word-break:break-all; |
||||
word-wrap:break-all; |
||||
table-layout:fixed; |
||||
th { |
||||
height: 50px; |
||||
font-size: 24px; |
||||
color: #fff; |
||||
font-weight: 400; |
||||
border: 1px solid #fff; |
||||
background-color: #ff4d29; |
||||
} |
||||
td { |
||||
height: 80px; |
||||
color: #000; |
||||
font-weight: 400; |
||||
border: 1px solid #ECEDEE; |
||||
} |
||||
.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,22 @@
|
||||
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 { |
||||
} |
||||
|
||||
headers:string [] = ['序号','支队名称','抽签顺序','考试批次','编号', '姓名','座位号'] |
||||
tableData = [ |
||||
{order: 1, fireName: '南宁市消防救援队', drawLotsOrder: '01', testTime: '上午8:00', num: ['01-01','01-02','01-03','01-04'], name: ['陈小辉','毛志毅','韩月','白显乐'], seatNum: ['01','02','03','04'] }, |
||||
{order: 2, fireName: '南宁市消防救援队', drawLotsOrder: '01', testTime: '上午8:00', num: ['01-01','01-02','01-03','01-04'], name: ['陈小辉','毛志毅','韩月','白显乐'], seatNum: ['01','02','03','04'] }, |
||||
{order: 3, fireName: '南宁市消防救援队', drawLotsOrder: '01', testTime: '上午8:00', num: ['01-01','01-02','01-03','01-04'], name: ['陈小辉','毛志毅','韩月','白显乐'], seatNum: ['01','02','03','04'] }, |
||||
] |
||||
|
||||
} |
||||
Loading…
Reference in new issue