saas-platform/frontend/saas-web/app/view/home/Home.js

Ext.define('saas.view.home.Home', {
    extend: 'Ext.container.Container',
    xtype: 'home',
    id: 'home',

    requires: [
        'Ext.slider.Single',
        'Ext.form.field.Display',
        'Ext.layout.container.Border',
        'Ext.ux.layout.ResponsiveColumn'
    ],

    controller: 'home',
    viewModel: {
        type: 'home'
    },

    cls: 'x-home-panel',

    layout: 'responsivecolumn',

    scrollable: true,

    defaults: {
        shadow: true,
        cls: 'x-home-box',
        userCls: 'big-100 small-100',
    },

    items: [{
        style: {
            marginRight: '0',
        },
        xtype: 'infocard'
    }, {
        xtype: 'panel',
        style: {
            marginRight: '0',
        },
        // title: '2018年11月经营分析',
        latyout: 'responsivecolumn',
        defaults: {
            cls: 'x-home-chart',
            margin: '0 0 0 14',
            userCls: 'big-33 small-50',
        },
        items: [{
            xtype: 'month-sale',
        }, {
            xtype: 'month-purchase',
        }, {
            xtype: 'month-io',
        }]
    }, {
        xtype: 'panel',
        // title: '2018年11月经营分析',
        latyout: 'responsivecolumn',
        style: {
            marginRight: '0',
            marginBottom: '0'
        },
        defaults: {
            cls: 'x-home-chart',
            margin: '0 0 0 14',
            userCls: 'big-33 small-50',
        },
        items: [{
            xtype: 'sale-trend',
        }, {
            xtype: 'purchase-trend'
        }, {
            xtype: 'stock-amount'
        }]
    }]
});