kely
1 year ago
43 changed files with 277 additions and 66 deletions
@ -0,0 +1,46 @@ |
|||||
|
<h1>License 管理</h1> |
||||
|
@if (license.time.includes('过期')) { |
||||
|
<nz-alert nzShowIcon [nzType]="'warning'" nzMessage="授权证书已过期"> </nz-alert> |
||||
|
} @else { |
||||
|
<nz-alert nzShowIcon [nzType]="'success'" nzMessage="授权生效中"> </nz-alert> |
||||
|
} |
||||
|
|
||||
|
<div class="mt-4"> |
||||
|
<nz-table nzTemplateMode nzBordered> |
||||
|
<tbody> |
||||
|
<tr> |
||||
|
<td>证书标题</td> |
||||
|
<td> |
||||
|
{{ license.subject }} |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>描述信息</td> |
||||
|
<td> |
||||
|
{{ license.description }} |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>授权时间</td> |
||||
|
<td> |
||||
|
{{ license.time }} |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>更新证书</td> |
||||
|
<td> |
||||
|
<button class="upload-btn" nz-button [nzLoading]="uploadLoading"> |
||||
|
<i nz-icon nzType="upload"></i> |
||||
|
选择证书 |
||||
|
<input type="file" (change)="onFileChange($event)" /> |
||||
|
</button> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</tbody> |
||||
|
</nz-table> |
||||
|
@if (!license.time.includes('过期')) { |
||||
|
<div class="mt-4 flex"> |
||||
|
<button nz-button nzType="primary" [routerLink]="['/']">回到首页</button> |
||||
|
</div> |
||||
|
} |
||||
|
</div> |
||||
@ -0,0 +1,55 @@ |
|||||
|
import { Component, Input, OnInit } from '@angular/core' |
||||
|
import { ApiService } from 'app/services' |
||||
|
import { SharedModule } from 'app/shared/shared.module' |
||||
|
import { NzSafeAny } from 'ng-zorro-antd/core/types' |
||||
|
import { NzMessageService } from 'ng-zorro-antd/message' |
||||
|
import { finalize } from 'rxjs' |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'app-license', |
||||
|
standalone: true, |
||||
|
imports: [SharedModule], |
||||
|
templateUrl: './license.component.html', |
||||
|
styleUrl: './license.component.less', |
||||
|
}) |
||||
|
export class LicenseComponent implements OnInit { |
||||
|
constructor( |
||||
|
private api: ApiService, |
||||
|
private msg: NzMessageService, |
||||
|
) {} |
||||
|
|
||||
|
license: NzSafeAny = null |
||||
|
|
||||
|
ngOnInit(): void { |
||||
|
this.loadLicense() |
||||
|
} |
||||
|
|
||||
|
uploadLoading = false |
||||
|
|
||||
|
loadLicense() { |
||||
|
this.api.getLicenseInfo().subscribe((res) => { |
||||
|
this.license = res.body |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
onFileChange(e: Event) { |
||||
|
const target = e.target as HTMLInputElement |
||||
|
const file = target.files![0] |
||||
|
target.value = '' |
||||
|
|
||||
|
const formdata = new FormData() |
||||
|
formdata.append('file', file) |
||||
|
this.uploadLoading = true |
||||
|
this.api |
||||
|
.uploadLicenseInfo(formdata) |
||||
|
.pipe( |
||||
|
finalize(() => { |
||||
|
this.uploadLoading = false |
||||
|
}), |
||||
|
) |
||||
|
.subscribe((res) => { |
||||
|
this.msg.success(res.desc) |
||||
|
this.loadLicense() |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,5 @@ |
|||||
|
<div class="page-container"> |
||||
|
<div class="bg-white w-1/2 h-[500px] shadow-md p-6"> |
||||
|
<app-license /> |
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,8 @@ |
|||||
|
.page-container { |
||||
|
position: fixed; |
||||
|
inset: 0; |
||||
|
z-index: 100; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
} |
||||
@ -0,0 +1,12 @@ |
|||||
|
import { Component } from '@angular/core' |
||||
|
import { LicenseComponent } from 'app/components/license/license.component' |
||||
|
import { SharedModule } from 'app/shared/shared.module' |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'app-upload-license', |
||||
|
standalone: true, |
||||
|
imports: [SharedModule, LicenseComponent], |
||||
|
templateUrl: './license.component.html', |
||||
|
styleUrl: './license.component.less', |
||||
|
}) |
||||
|
export class LicensePageComponent {} |
||||
@ -0,0 +1,5 @@ |
|||||
|
<div class="p-4"> |
||||
|
<nz-card [nzBordered]="false"> |
||||
|
<app-license /> |
||||
|
</nz-card> |
||||
|
</div> |
||||
@ -0,0 +1,12 @@ |
|||||
|
import { Component } from '@angular/core' |
||||
|
import { LicenseComponent } from 'app/components/license/license.component' |
||||
|
import { SharedModule } from 'app/shared/shared.module' |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'app-system-license', |
||||
|
standalone: true, |
||||
|
imports: [SharedModule, LicenseComponent], |
||||
|
templateUrl: './license.component.html', |
||||
|
styleUrl: './license.component.less', |
||||
|
}) |
||||
|
export class SystemLicenseComponent {} |
||||
Loading…
Reference in new issue