<div class="content__title">
|
<h1>图像抓拍</h1>
|
</div>
|
|
<nz-card [nzBordered]="false">
|
<form nz-form [nzLayout]="'inline'">
|
<div nz-row [nzGutter]="24" >
|
<div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md">
|
<div nz-form-item class="d-flex">
|
<div nz-form-label class="label-width-70">
|
<label>监测站点</label>
|
</div>
|
<div nz-form-control class="flex-1">
|
<nz-select [(ngModel)]="monitorPoint" name="monitorPoint" [nzPlaceHolder]="'请选择 监测站点'" [nzSize]="'large'"
|
[nzNotFoundContent]="'无法找到'" nzShowSearch (ngModelChange)="monitorPointChange($event)">
|
<nz-option *ngFor="let option of monitorPointOptions" [nzLabel]="option['name']" [nzValue]="option.id"> </nz-option>
|
</nz-select>
|
</div>
|
</div>
|
</div>
|
<div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md">
|
<div nz-form-item class="d-flex">
|
<div nz-form-label class="label-width-70">
|
<label>设备</label>
|
</div>
|
<div nz-form-control class="flex-1">
|
<nz-select [(ngModel)]="device" name="device" [nzSize]="'large'" [nzPlaceHolder]="'请选择 设备'" (ngModelChange)="deviceChange($event)">
|
<nz-option *ngFor="let option of deviceOptions" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
|
</nz-select>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
</nz-card>
|
|
<nz-card [nzBordered]="false">
|
<div nz-row [nzGutter]="24" class="pt-lg">
|
<div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md" *ngFor="let time of times;let i = index">
|
<h3>{{time}} 摄像</h3>
|
<img src="./assets/img/{{i+ base}}.jpg" width="300" height="250" />
|
</div>
|
</div>
|
</nz-card>
|
