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.
59 lines
3.0 KiB
59 lines
3.0 KiB
<div class="content"> |
|
<div class="leftBox"> |
|
<div class="bank"> |
|
<div> |
|
<span class="title">实景图</span> |
|
<mat-icon title="创建" (click)='addReal()'>add_circle_outline</mat-icon> |
|
<mat-icon title="编辑" (click)='editReal()'>create</mat-icon> |
|
<mat-icon title="删除" (click)='delete()'>delete</mat-icon> |
|
</div> |
|
</div> |
|
<div style="box-sizing: border-box;padding-top: 20px;"> |
|
<div *ngFor="let item of allRealPicture,let key=index" class="material" |
|
[ngClass]="{'leftFile': selectRealIndex===key}" (click)="changeReal(item,key)"> |
|
<mat-icon class="btn">folder</mat-icon><span>{{item.name}}</span> |
|
</div> |
|
<div class="material" *ngIf="!allRealPicture.length"> |
|
<span>暂无数据</span> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="rightBox"> |
|
<div class="topBox"> |
|
<div> |
|
<span class="title" *ngIf="selectReal">{{selectReal.name}}</span> |
|
<button mat-raised-button color="primary" class="uploadFileFixed" *ngIf="!isLoading && selectReal && selectReal.id != '重点部位'"> |
|
上传图片 |
|
<input type="file" id="uploadFile" class="uploadFile" (change)='uploadFile($event)' ng2FileSelect [uploader]="uploader" accept="image/*"> |
|
</button> |
|
<button mat-raised-button color="primary" style="margin-left: 15px;" (click)='download()'>批量下载</button> |
|
<button mat-raised-button color="primary" style="margin-left: 15px;" *ngIf="isDownload && !isLoading" (click)='batchDownload()'>下载</button> |
|
<mat-spinner *ngIf="isLoading" diameter=25 class="isLoading"></mat-spinner> |
|
<span style="margin-left: 15px;color: red;font-size: 12px;" *ngIf="isDownload">*现为批量下载状态,如需预览图片,请关闭批量下载</span> |
|
</div> |
|
</div> |
|
|
|
<div class="bottomBox"> |
|
<div class="imgsBoxflex"> |
|
|
|
<div *ngFor="let item of allImages;let key = index" class="imgBox"> |
|
<mat-icon class="checkedImg" *ngIf="item.checked">check_circle</mat-icon> |
|
<div class="fixedImg"><img [src]="item.newImageUrl" (click)='operation(item,key)' [ngClass]="{'selectImg': item.checked}"></div> |
|
<label style="margin-left: 5px;">图片名称:</label> |
|
<input type="text" style="margin-left: 10px;" [(ngModel)]="item.nameStart" maxlength="20"> |
|
<a *ngIf="selectReal.id != '重点部位'" href="javascript:" style="margin-left: 5px;" (click)='preservationImg(item)'>保存</a> |
|
<a *ngIf="selectReal.id != '重点部位'" href="javascript:" style="margin-left: 5px;" (click)="deleteImg(item)">删除</a> |
|
</div> |
|
|
|
<p style="width: 100px;margin: 30px auto;" *ngIf="!allImages.length">暂无数据</p> |
|
</div> |
|
<mat-paginator [length]="length" |
|
[pageSize]='pageSize' |
|
[pageSizeOptions]="pageSizeOptions" |
|
(page)="chagePage($event)"> |
|
</mat-paginator> |
|
</div> |
|
|
|
</div> |
|
</div>
|
|
|