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