uas-platform/frontend/uas-web/app/auth/Login.js

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

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

    // controller: 'login',
    viewModel: 'login',

    layout: 'border',
    defaultFocus: 'authdialog',

    items: [{
        region: 'center',
        xtype: 'container',
        cls: 'auth-login',
        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: 'label',
                    text: '账 户 登 录',
                    cls: 'auth-title'
                },
                {
                    xtype: 'combobox',
                    name: 'locale',
                    bind: '{locale}',
                    store: {
                        type: 'locale'
                    },
                    queryMode: 'local',
                    displayField: 'name',
                    valueField: 'code',
                    selectFirstIfNull: true,
                    height: 55,
                    hideLabel: true,
                    allowBlank: false,
                    emptyText: '语言',
                    editable: false,
                    triggers: {
                        picker: {
                            cls: 'trigger-glyph-noop auth-locale-trigger'
                        }
                    }
                },
                {
                    xtype: 'combobox',
                    name: 'datacenter',
                    bind: '{datacenter}',
                    store: {
                        type: 'datacenter'
                    },
                    queryMode: 'local',
                    displayField: 'name',
                    valueField: 'id',
                    selectFirstIfNull: true,
                    height: 55,
                    hideLabel: true,
                    allowBlank: false,
                    emptyText: '数据中心',
                    editable: false,
                    triggers: {
                        picker: {
                            cls: 'trigger-glyph-noop auth-datacenter-trigger'
                        }
                    }
                },
                {
                    xtype: 'textfield',
                    name: 'username',
                    bind: '{username}',
                    height: 55,
                    hideLabel: true,
                    allowBlank: false,
                    emptyText: '账号/邮箱/手机号',
                    triggers: {
                        glyphed: {
                            cls: 'trigger-glyph-noop auth-email-trigger'
                        }
                    }
                },
                {
                    xtype: 'textfield',
                    height: 55,
                    hideLabel: true,
                    emptyText: '密码',
                    inputType: 'password',
                    name: 'password',
                    bind: '{password}',
                    allowBlank: false,
                    triggers: {
                        glyphed: {
                            cls: 'trigger-glyph-noop auth-password-trigger'
                        }
                    }
                },
                {
                    xtype: 'container',
                    layout: 'hbox',
                    items: [{
                            xtype: 'checkboxfield',
                            flex: 1,
                            height: 30,
                            bind: '{persist}',
                            boxLabel: '记住账户'
                        },
                        {
                            xtype: 'box',
                            html: '<a href="#passwordreset" class="link-forgot-password"> 忘记密码 ？</a>'
                        }
                    ]
                },
                {
                    xtype: 'button',
                    reference: 'loginButton',
                    scale: 'large',
                    ui: 'login',
                    iconAlign: 'right',
                    iconCls: 'x-fa fa-angle-right',
                    text: '登录',
                    formBind: true,
                    operation: 'login'
                }
            ]
        }]
    }, {
        region: 'south',
        cls: 'auth-login-footer',
        html: '©2019 深圳市优软科技有限公司 版权所有'
    }]
});