56 lines
2.7 KiB
HTML
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> |