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
3 years ago
|
<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>
|