Files
bbq/src/app/routes/passport/components/login/login.component.html
2021-11-29 19:37:46 +08:00

56 lines
2.7 KiB
HTML

<div class="body-box">
<div></div>
<div>
<img class="box-header" [src]="imageUrl" alt="" srcset="" />
<div nz-row class="box-content">
<div nz-col nzXs="0" nzSm="0" nzMd="0" nzLg="12"
[style]="{ 'background-image': 'url(./assets/images/user/login-image.png)', 'background-size': '100%' }"></div>
<div nz-col nzXs="22" nzSm="20" nzMd="16" nzLg="12" class="form-box">
<h1 class="title">运营管理后台</h1>
<nz-tabset (nzSelectChange)="switch($event)">
<nz-tab nzTitle="手机号登录">
<sf #captchaSF [layout]="'vertical'" [schema]="captchaSchema" [ui]="captchaUI" [button]="'none'">
<ng-template sf-template="smsCode" let-me let-ui="ui" let-schema="schema">
<nz-input-group nzSearch [nzPrefix]="prefixTemplateMail" [nzSuffix]="suffixTemplateInfo">
<input nz-input type="text" placeholder="请输入验证码" [attr.id]="me.id" [disabled]="me.disabled"
[attr.disabled]="me.disabled" [nzSize]="ui.size" [ngModel]="me.formProperty.value"
(ngModelChange)="me.setValue($event)" />
</nz-input-group>
<ng-template #prefixTemplateMail>
<i nz-icon nzType="mail"></i>
</ng-template>
</ng-template>
</sf>
</nz-tab>
<nz-tab nzTitle="账户密码登录">
<sf #accountSF [layout]="'vertical'" [schema]="accountSchema" [ui]="accountUI" [button]="'none'"></sf>
</nz-tab>
</nz-tabset>
<button nz-button type="button" nzType="primary" nzSize="large" (click)="submit()"
[nzLoading]="userSrv?.http?.loading" nzBlock style="border-radius: 4px">
登录
</button>
<div class="other">
<p>
登录即代表您同意 <a target="_blank" [routerLink]="['/passport/agreement']" [queryParams]="{ type: 1 }">《平台服务协议》</a>
<a target="_blank" [queryParams]="{ type: 2 }" [routerLink]="['/passport/agreement']">《隐私政策》</a>
</p>
<div class="other text-right">
<a class="forgetPwd" routerLink="/passport/retrieve-password">忘记密码</a>
</div>
</div>
</div>
</div>
</div>
<div class="box-footer">
<!-- Copyright © 2015-2020 星链380star.com 版权所有 | 粤ICP备16120630号 -->
<p [innerHTML]="copyright"></p>
</div>
</div>
<ng-template #suffixTemplateInfo>
<ng-container *ngIf="count < 1; else intervalTemplate">
<span class="msg-btn" style="color: #3370ff; cursor: pointer" (click)="getCaptcha()">获取验证码</span>
</ng-container>
<ng-template #intervalTemplate> 请等待{{ count }}s </ng-template>
</ng-template>