smartschool-platform/frontend/pc-web/app/view/auth/Login.js

/**
 * 登录页面
 */
Ext.define('school.view.auth.Login', {
    extend: 'Ext.container.Container',
    xtype: 'login',

    requires: [
        'Ext.form.Label',
        'Ext.form.field.Checkbox'
    ],

    controller: 'login',

    cls: 'auth-login',

    layout: {
        type: 'vbox',
        align: 'center',
        pack: 'center'
    },
    defaultFocus: 'authdialog',

    items: [
        {
            xtype: 'authdialog',
            reference: 'authdialog',
            defaultButton : 'loginButton',
            autoComplete: true,
            bodyPadding: '20 20',
            cls: 'auth-dialog-login',
            header: false,
            width: 415,
            layout: {
                type: 'vbox',
                align: 'stretch'
            },

            defaults : {
                margin : '5 0'
            },
            items: [
                {
                    xtype: 'component',
                    height: 50,
                    html:'<div class="auth-title"><img class="x-logo-text" style="" src="resources/images/login-text-img.png" alt=""><div>',
                },
                {
                    xtype: 'label',
                    style: {
                        'font-size': '18px',
                        'text-align': 'center',
                        'color': '#676565',
                        'font-weight': 'bold'
                    },
                    text: '账户登录'
                },
                {
                    xtype: 'textfield',
                    cls: 'auth-textbox',
                    name: 'username',
                    bind: '{username}',
                    height: 40,
                    hideLabel: true,
                    allowBlank : false,
                    emptyText: '用户名'
                },
                {
                    xtype: 'textfield',
                    cls: 'auth-textbox',
                    height: 40,
                    hideLabel: true,
                    emptyText: '密码',
                    inputType: 'password',
                    name: 'password',
                    bind: '{password}',
                    allowBlank : false
                },
                {
                    xtype: 'container',
                    layout: 'hbox',
                    items: [
                        {
                            xtype: 'checkboxfield',
                            flex : 1,
                            cls: 'form-panel-font-color rememberMeCheckbox',
                            height: 30,
                            bind: '{persist}',
                            boxLabel: '记住账户'
                        },
                        {
                            xtype: 'box',
                            html: '<a href="#passwordreset" class="link-forgot-password"> 忘记密码 ？</a>'
                        }
                    ]
                },
                {
                    xtype: 'button',
                    height: 40,
                    reference: 'loginButton',
                    // scale: 'large',
                    // ui: 'soft-green',
                    // iconAlign: 'right',
                    // iconCls: 'x-fa fa-angle-right',
                    text: '登录',
                    formBind: true,
                    listeners: {
                        click: 'onLoginButton'
                    }
                }          
            ]
        }
    ]
});