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.9 KiB
66 lines
2.9 KiB
<div class="content"> |
|
<div class="leftBox"> |
|
<div class="bank"> |
|
<mat-icon (click)="showlist()" *ngIf="isshow">keyboard_arrow_down</mat-icon> |
|
<mat-icon (click)="showlist()" *ngIf="!isshow">chevron_right</mat-icon> |
|
<span>素材库管理</span> |
|
<div class="btnBox"> |
|
<button mat-icon-button (click)="addmatlibrary()"> |
|
<mat-icon>add_circle_outline</mat-icon> |
|
</button> |
|
<button mat-icon-button (click)="editmatlibrary()"> |
|
<mat-icon>create</mat-icon> |
|
</button> |
|
<button mat-icon-button (click)="disabled()"> |
|
<mat-icon>block</mat-icon> |
|
</button> |
|
<button mat-icon-button (click)="delete()"> |
|
<mat-icon>delete</mat-icon> |
|
</button> |
|
</div> |
|
</div> |
|
<div *ngIf="isshow"> |
|
<div *ngFor="let item of allMaterialBank,let key=index" class="material" |
|
(click)='add(item,key)' [ngClass]="{'active': key === materialIndex}"> |
|
<mat-icon class="btn">folder</mat-icon><span class="matname">{{item.name}}</span> |
|
<mat-icon *ngIf="!item.enabled" class="blockBtn">block</mat-icon> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
<div class="rightBox"> |
|
<div class="topBox"> |
|
<div class="originalScript"> |
|
<p>{{material.name}}</p> |
|
<div> |
|
<button mat-icon-button (click)="addoriginalcopy(material)"> |
|
<mat-icon>add_circle_outline</mat-icon> |
|
</button> |
|
<button mat-icon-button (click)="editoriginalcopy(material)"> |
|
<mat-icon>create</mat-icon> |
|
</button> |
|
<button mat-icon-button (click)="disableoriginal(material)"> |
|
<mat-icon>block</mat-icon> |
|
</button> |
|
<button mat-icon-button (click)="deleteoriginal(material)"> |
|
<mat-icon>delete</mat-icon> |
|
</button> |
|
<button mat-raised-button color="primary" style="margin-right: 10px;" |
|
(click)='viewProperties()'>查看属性</button> |
|
<button mat-raised-button color="primary" (click)="selectoriginal(material)">选择原件</button> |
|
</div> |
|
</div> |
|
|
|
<div class="imgBox"> |
|
<div class="imgDiv" *ngFor="let item of sourceMaterial,let key=index" |
|
(click)='addOriginal(item,key)'[ngClass]="{'OriginalActive':key===OriginalIndex}"> |
|
<img src="{{item.imageUrl}}"> |
|
<span>{{item.name}}</span> |
|
<mat-icon *ngIf="!item.enabled" class="blockBtn">block</mat-icon> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
</div>
|
|
|