Browse Source

[完善]左侧资料库完善, 面包屑完善

master
陈鹏飞 5 years ago
parent
commit
ebac414ec8
  1. 7
      src/app/navigation/navigation.component.html
  2. 22
      src/app/navigation/navigation.component.ts
  3. 2
      src/app/ui/all-file/all-file.component.html
  4. 2
      src/app/ui/all-file/all-file.component.ts

7
src/app/navigation/navigation.component.html

@ -19,9 +19,10 @@
(mouseenter)="liEnter(item)"
(mouseleave)="liLeave(item)"
>{{item.name}}
<h4 class="editli" [ngClass]="{'editlihover': item.id === hoverDataBank}" *ngIf="islogin.isLogin">
<span><mat-icon class="editicon" (click)="editDataBankName(item)">edit</mat-icon></span>
<span><mat-icon class="deleteicon" (click)="deleteDataBank(item)" style="color: #e02626;">delete</mat-icon></span>
<h4 class="editli" [ngClass]="{'editlihover': item.id === hoverDataBank}"
*ngIf="islogin.isLogin && item.name != '法律法规' && item.name != '消防知识' && item.name != '装备车辆' && item.name != '设备设施'">
<span><mat-icon class="editicon" (click)="editDataBankName($event,item)">edit</mat-icon></span>
<span><mat-icon class="deleteicon" (click)="deleteDataBank($event,item)" style="color: #e02626;">delete</mat-icon></span>
</h4>
</li>
</ul>

22
src/app/navigation/navigation.component.ts

@ -106,7 +106,8 @@ export class NavigationComponent implements OnInit {
this.hoverDataBank = ""
}
//修改资料库名称
editDataBankName(item){
editDataBankName(e,item){
e.stopPropagation()
const dialogRef = this.dialog.open(EditDataBankName, {//调用open方法打开对话框并且携带参数过去
width: '260px',
data: {name:item.name}
@ -135,7 +136,8 @@ export class NavigationComponent implements OnInit {
);
}
//删除资料库
deleteDataBank(item){
deleteDataBank(e,item){
e.stopPropagation()
var r = confirm(`您确定要删除 ${item.name} 资料库吗?`);
if (r == true) {
this.http.delete(`/api/DataBanks/${item.id}`).subscribe(data => {
@ -170,8 +172,16 @@ export class AddDataBank {
}
onSubmit(value){
if ( value.name.includes('/') ) {
let config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
this.snackBar.open('名称不允许有特殊字符','确定',config);
} else {
this.dialogRef.close(value);
}
}
}
//更改资料库名称
@ -191,6 +201,14 @@ export class EditDataBankName {
}
onSubmit(value){
if ( value.name.includes('/') ) {
let config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
this.snackBar.open('名称不允许有特殊字符','确定',config);
} else {
this.dialogRef.close(value);
}
}
}

2
src/app/ui/all-file/all-file.component.html

@ -56,7 +56,7 @@
</div>
<div class="titlebox">
<div class="titleleft">
<span class="goBack" (click)='backToTop()'>返回一级目录</span>
<span class="goBack" (click)='backToTop()' *ngIf="selectedDataBank.includes('/')">返回一级目录</span>
<span style="margin: 0 3px;color: #c5d8f3;">|</span>
<span class="allFile">全部文件</span>
<span style="margin: 0 3px;color: #c5d8f3;"></span>

2
src/app/ui/all-file/all-file.component.ts

@ -26,7 +26,7 @@ export class AllFileComponent {
selectedDataBank:string //当前需要显示的资料库
selectedDataBank:string = '' //当前需要显示的资料库
fileNum:any = 0 //当前资料库文件数量
selection = new SelectionModel(true, []);

Loading…
Cancel
Save