You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.6 KiB
66 lines
2.6 KiB
<div class="box"> |
|
<div class="leftbox"> |
|
<nz-page-header class="site-page-header" (nzBack)="goback()" nzBackIcon nzSubtitle="返回上一页"></nz-page-header> |
|
<div class="cameraList"> |
|
<div class="title"> |
|
<span>摄像头列表</span> |
|
<button nz-button nzType="primary" (click)="addCamera()">新增摄像头</button> |
|
</div> |
|
<nz-table #basicTable [nzData]="listOfData" [nzShowPagination]="false" [nzLoading]="isLoading"> |
|
<thead> |
|
<tr> |
|
<th>序号</th> |
|
<th>名称</th> |
|
<th>用户名</th> |
|
<th>密码</th> |
|
<th>地址</th> |
|
<th>类型</th> |
|
<th>标注情况</th> |
|
<th>状态</th> |
|
<th>操作</th> |
|
</tr> |
|
</thead> |
|
<tbody> |
|
<tr *ngFor="let item of basicTable.data"> |
|
<td>{{ item.order }}</td> |
|
<td>{{ item.name }}</td> |
|
<td>{{ item.user }}</td> |
|
<td>{{ item.password }}</td> |
|
<td>{{ item.uri }}</td> |
|
<td>{{ item.type | cameraType}}</td> |
|
<td> |
|
<ng-container *ngIf="item.type == 1; else elseTemplate"> |
|
不需要标注 |
|
</ng-container> |
|
<ng-template #elseTemplate> |
|
{{item.dimensionedPoints ? '已标注' : '未标注'}} |
|
</ng-template> |
|
</td> |
|
<td>{{ item.isEnabled ? '已启用' : '已禁用'}}</td> |
|
<td> |
|
<span class="blue" style="margin-right: 12px;" (click)="editCamera(item)">编辑</span> |
|
<span class="blue" style="margin-right: 12px;" [ngClass]="{'forbid': item.type == 1}" |
|
(click)="label(item)">标注</span> |
|
<ng-container *ngIf="item.isEnabled; else elseTemplate2"> |
|
<span class="red" style="margin-right: 12px;" (click)="forbidden(item)">禁用</span> |
|
</ng-container> |
|
<ng-template #elseTemplate2> |
|
<span class="blue" style="margin-right: 12px;color: rgb(26, 173, 26);" (click)="forbidden(item)">启用</span> |
|
</ng-template> |
|
<span class="red" (click)="deleteCamera(item)">删除</span> |
|
</td> |
|
</tr> |
|
</tbody> |
|
</nz-table> |
|
<div class="footer"> |
|
<button nz-button nzType="primary" (click)="sourceYaml()">下发source.yaml配置</button> |
|
</div> |
|
<div class="footer"> |
|
<button [disabled]="isSourceYaml === false" nz-button nzType="primary" (click)="connect()">下发算法配置</button> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="rightbox"> |
|
|
|
</div> |
|
</div> |