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