| | |
| | | <html>
|
| | | <body>
|
| | | <nz-spin [nzTip]="'正在读取数据...'"[nzSize]="'large'" [nzSpinning]="spinning">
|
| | | </nz-spin>
|
| | | |
| | | <div >
|
| | | <div id="head" style="height: 486px; width: 1000px" *ngIf="! spinning">
|
| | | <h1>
|
| | | 七星博士检测报告
|
| | | </h1>
|
| | | </div>
|
| | |
|
| | | <div *ngFor="let i of sensorArr">
|
| | | <div id ="mydiv{{i}}" style="height: 486px; width: 1000px"></div>
|
| | | </div>
|
| | | <div id="content" style="display: none;">
|
| | | <div *ngFor="let i of sensorArr">
|
| | | <div id ="mydiv{{i}}" style="height: 487px; width: 1000px"></div>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div id="foot" style="height: 486px; width: 1000px" *ngIf="! spinning">
|
| | | <h1>
|
| | | 检测报告结论
|
| | | </h1>
|
| | | </div>
|
| | | </div>
|
| | | </body>
|
| | | </html>
|
| | |
| | | export class ReportComponent implements OnInit { |
| | | [x: string]: any; |
| | | |
| | | spinning: boolean = true; |
| | | constructor( |
| | | public injector: Injector, |
| | | public http: HttpClient, |
| | |
| | | sensorArr: any = []; |
| | | |
| | | ngOnInit() { |
| | | |
| | | this.activeRoute.queryParams.subscribe(params => { |
| | | const items = JSON.parse(params.items); |
| | | const query = params; |
| | |
| | | $('#mydiv' + i).remove(); |
| | | } |
| | | }); |
| | | $('#content').attr({style:"display: inline;"}); |
| | | } |
| | | this.spinning = false; |
| | | }); |
| | | }); |
| | | } |
| | |
| | | <label nz-form-item-required>时间</label> |
| | | </div> |
| | | <div nz-form-control class="flex-1"> |
| | | <nz-datepicker style="width: 100%;" value="" [(ngModel)]="item.time" name="time{{item.id}}" id="{{item.time}}" [nzPlaceHolder]="'请选择'" [nzFormat]="time.format" [nzMode]="time.mode" [nzSize]="'large'" nzShowTime></nz-datepicker> |
| | | <nz-datepicker style="width: 100%;" value="" [(ngModel)]="item.time" name="time{{item.id}}" id="{{item.time}}" [nzPlaceHolder]="'请选择'" [nzFormat]="time.format" [nzMode]="time.mode" [nzSize]="'large'" nzShowTime [nzDisabledDate]="_disabledDate"></nz-datepicker> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | {value: 'hour', label: '时', mode: 'day', xAxisName: '分', format: 'yyyy-MM-dd HH', typeFormat: '%Y-%m-%d %H:%i', timeLength: 60} |
| | | ]; |
| | | |
| | | |
| | | timeType = this.typeOptions[0]; |
| | | |
| | | typeChange(searchText) { |
| | | this.typeOptions.forEach(types => { |
| | | if (types.value === searchText) { |
| | |
| | | |
| | | } |
| | | |
| | | _disabledDate(current: Date): boolean { |
| | | return current && current.getTime() > Date.now() ; |
| | | } |
| | | } |