鉴权相关

frontend/saas-web/app/store/Company.js

@@ -0,0 +1,9 @@
+Ext.define('saas.store.Company', {
+    extend: 'Ext.data.Store',
+
+    fields: [
+        { name: 'id', type: 'int' },
+        { name: 'name', type: 'string' },
+        { name: 'logoUrl', type: 'string' }
+    ]
+});

frontend/saas-web/app/view/auth/CompanyPicker.js

@@ -0,0 +1,37 @@
+Ext.define('saas.view.auth.CompanyPicker', {
+    extend: 'Ext.window.Window',
+    xtype: 'companypicker',
+    controller: 'login',
+
+    title: '选择登录公司',
+    width: 500,
+    scrollable: true,
+    resizable: false,
+    autoShow: true,
+    bodyPadding: 10,
+    modal: true,
+    closable: false,
+
+    items: [{
+        xtype: 'dataview',
+        id: 'companies',
+        bind: {
+            store: '{companies}'
+        },
+        tpl: new Ext.XTemplate(
+            '<tpl for=".">',
+                '<div class="thumb">',
+                    '<img src="{logoUrl}" />',
+                    '<strong>{name}</strong>',
+                '</div>',
+            '</tpl>'
+        ),
+        itemSelector: 'div.thumb',
+        overItemCls: 'thumb-hover',
+        listeners: {
+            select: 'selectCompany'
+        }
+    }],
+
+    renderTo: Ext.getBody()
+});

frontend/saas-web/app/view/auth/CompanyPicker.scss

@@ -0,0 +1,38 @@
+#companies {
+    background-color: #fff;
+    text-shadow: #fff 0 1px 0;
+    position: relative;
+    display: block;
+    height: auto;
+
+    div.thumb {
+        @include box-shadow(rgba(0,0,0,0.2) 0 0 8px);
+        float: left;
+        padding: 15px;
+        margin: 5px;
+        text-align: center;
+        line-height: 14px;
+        height: 120px;
+        width: 140px;
+        color: #333;
+        overflow: hidden;
+        border-top: 1px solid transparent;
+        cursor: pointer;
+
+        img {
+            margin-bottom: 10px;
+        }
+
+        strong {
+            display: block;
+        }
+    }
+
+    div.thumb-hover {
+        background-color: $base-over-color;
+    }
+
+    .x-item-selected {
+        background-color: #d3e1f1 !important;
+    }
+}