kkerwin
2 years ago
26 changed files with 341 additions and 24 deletions
@ -0,0 +1,158 @@ |
|||
<app-page> |
|||
<nz-card [nzTitle]="orgInfoTpl" *ngIf="account?.vender as org"> |
|||
<ng-template #orgInfoTpl> |
|||
<span> |
|||
单位基础信息 |
|||
</span> |
|||
<small class="ml-2"> |
|||
<a> |
|||
编辑 |
|||
</a> |
|||
</small> |
|||
</ng-template> |
|||
<div nz-form> |
|||
<nz-form-item> |
|||
<nz-form-label> |
|||
单位名称 |
|||
</nz-form-label> |
|||
<nz-form-control> |
|||
{{org.name}} |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label> |
|||
单位Logo |
|||
</nz-form-label> |
|||
<nz-form-control> |
|||
<div class="w-20 h-20" *ngIf="org.icon"> |
|||
<img [src]="org.icon" class=" w-full h-full" /> |
|||
</div> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label> |
|||
地址 |
|||
</nz-form-label> |
|||
<nz-form-control> |
|||
{{org.address ?? '-'}} |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label> |
|||
联系人 |
|||
</nz-form-label> |
|||
<nz-form-control> |
|||
{{org.contacts ?? '-'}} |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label> |
|||
联系电话 |
|||
</nz-form-label> |
|||
<nz-form-control> |
|||
{{org.phone ?? '-'}} |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label> |
|||
邮箱 |
|||
</nz-form-label> |
|||
<nz-form-control> |
|||
{{org.email ?? '-'}} |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
</nz-card> |
|||
|
|||
<nz-card [nzTitle]="orgInfoTpl" *ngIf="account?.vender as org" class="mt-4"> |
|||
<ng-template #orgInfoTpl> |
|||
<span> |
|||
账号信息 |
|||
</span> |
|||
<small class="ml-2 text-slate-500"> |
|||
仅支持主账号操作 |
|||
</small> |
|||
</ng-template> |
|||
<div nz-form> |
|||
<nz-form-item> |
|||
<nz-form-label> |
|||
账号 |
|||
</nz-form-label> |
|||
<nz-form-control> |
|||
{{account?.uid}} |
|||
<a class="ml-4" (click)="updateAccount('uid',updateAccountInfoTpl)"> |
|||
修改账号 |
|||
</a> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
|
|||
<nz-form-item> |
|||
<nz-form-label> |
|||
密码 |
|||
</nz-form-label> |
|||
<nz-form-control> |
|||
<a (click)="changePassword(changePasswordTpl)"> |
|||
修改密码 |
|||
</a> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label> |
|||
账号到期时间 |
|||
</nz-form-label> |
|||
<nz-form-control> |
|||
{{org?.expire | date:'yyyy-MM-dd'}} |
|||
<a class="ml-4" (click)="updateAccount(org?.expire,updateAccountInfoTpl)"> |
|||
续费 |
|||
</a> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
|
|||
</div> |
|||
</nz-card> |
|||
</app-page> |
|||
|
|||
<ng-template #updateAccountInfoTpl> |
|||
<div *ngIf="account?.vender as org" class=" text-base text-blue-500"> |
|||
<span> |
|||
{{org.contacts ?? '-'}} |
|||
</span> |
|||
<span> |
|||
{{org.phone ?? '-'}} |
|||
</span> |
|||
</div> |
|||
</ng-template> |
|||
|
|||
<ng-template #changePasswordTpl> |
|||
<form nz-form [formGroup]="pwdForm"> |
|||
<nz-form-item> |
|||
<nz-form-label nzSpan="6" [nzRequired]="true"> |
|||
原密码 |
|||
</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errTipTpl" nzSpan="12"> |
|||
<input nz-input type="password" placeholder="请输入原密码" formControlName="oldPwd" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label nzSpan="6" [nzRequired]="true"> |
|||
新密码 |
|||
</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errTipTpl" nzSpan="12"> |
|||
<input nz-input type="password" placeholder="请输入新密码" formControlName="newPwd" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label nzSpan="6" [nzRequired]="true"> |
|||
确认密码 |
|||
</nz-form-label> |
|||
<nz-form-control [nzErrorTip]="errTipTpl" nzSpan="12"> |
|||
<input nz-input type="password" placeholder="请再次输入新密码" formControlName="rePwd" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</form> |
|||
</ng-template> |
|||
|
|||
|
|||
<ng-template #errTipTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
@ -0,0 +1,68 @@ |
|||
import { Component, OnInit, TemplateRef } from "@angular/core"; |
|||
import { NzModalService } from "ng-zorro-antd/modal"; |
|||
import { format } from "date-fns"; |
|||
import { ClientApiService } from "../../../services"; |
|||
import { FormControl, FormGroup } from "@angular/forms"; |
|||
import { FormValidators } from "@cdk/validators"; |
|||
import { Utils } from "@cdk/utils"; |
|||
import { NzMessageService } from "ng-zorro-antd/message"; |
|||
|
|||
@Component({ |
|||
selector: "app-org-info", |
|||
templateUrl: "./org-info.component.html", |
|||
styleUrls: ["./org-info.component.less"], |
|||
}) |
|||
export class OrgInfoComponent implements OnInit { |
|||
constructor(private api: ClientApiService, private modal: NzModalService, private msg: NzMessageService) {} |
|||
|
|||
account: any = null; |
|||
|
|||
pwdForm = new FormGroup({ |
|||
oldPwd: new FormControl("", [FormValidators.required("请输入原密码")]), |
|||
newPwd: new FormControl("", [FormValidators.required("请输入新密码")]), |
|||
rePwd: new FormControl("", [FormValidators.required("请再次输入新密码")]), |
|||
}); |
|||
|
|||
ngOnInit(): void { |
|||
try { |
|||
const strageAccount = localStorage.getItem(this.api.accountKey); |
|||
if (strageAccount) { |
|||
this.account = JSON.parse(strageAccount); |
|||
} |
|||
} catch (error) {} |
|||
} |
|||
|
|||
updateAccount(type: string | number, nzContent: TemplateRef<{}>) { |
|||
const nzTitle = |
|||
type === "uid" |
|||
? "如需修改超级管理员账号，请联系：" |
|||
: `账号将于 ${format(type as number, "yyyy-MM-dd")} 到期，续费请联系`; |
|||
this.modal.info({ |
|||
nzTitle, |
|||
nzContent, |
|||
nzOkText: "知道了", |
|||
}); |
|||
} |
|||
|
|||
cancelPwdForm() { |
|||
this.pwdForm.reset(); |
|||
} |
|||
|
|||
changePassword(nzContent: TemplateRef<{}>) { |
|||
this.modal.create({ |
|||
nzTitle: "修改密码", |
|||
nzContent, |
|||
nzOnOk: async () => { |
|||
if (Utils.validateFormGroup(this.pwdForm)) { |
|||
const { value } = this.pwdForm; |
|||
if (value.newPwd !== value.rePwd) { |
|||
this.msg.error("两次密码输入不一致"); |
|||
return false; |
|||
} |
|||
} |
|||
return false; |
|||
}, |
|||
nzOnCancel: this.cancelPwdForm.bind(this), |
|||
}); |
|||
} |
|||
} |
|||
Loading…
Reference in new issue