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

Ext.define('saas.view.home.HomeModel', {
    extend: 'Ext.app.ViewModel',
    alias: 'viewmodel.home',

    data: {
        month_sale_amount: '0', // 本月销售合计
    },

    stores: {
        infoData: {
            model: 'saas.model.home.Info',
            autoLoad: true,
            proxy: {
                type: 'ajax',
                // url: 'http://192.168.253.58:8920/homePage/liveData',
                url: '/api/commons/homePage/liveData',
                timeout: 8000,
                actionMethods: {
                    read: 'GET'
                },
                reader: {
                    type: 'json'
                },
                listeners: {
                    exception: function(proxy, response, operation, eOpts) {
                        var p = Ext.getCmp('infocard');
                        p && p.setLoading(false);
                    }
                }
            },
            listeners: {
                beforeload: function() {
                    var p = Ext.getCmp('infocard');
                        p && p.setLoading(true);
                },
                load: function(s, d) {
                    var p = Ext.getCmp('infocard');
                        p && p.setLoading(false);

                    if(!d) return;
                    var res = d[0] ? (d[0].data ? (d[0].data.data || {}) : {}) : {};

                    Ext.getCmp('infocard').addCardItems(res);
                }
            }
        },

        month_sale: {
            model: 'saas.model.chart.DataXY',
            autoLoad: true,
            proxy: {
                type: 'ajax',
                // url: 'http://192.168.253.58:8920/homePage/saleData',
                url: '/api/commons/homePage/saleData',
                timeout: 8000,
                actionMethods: {
                    read: 'GET'
                },
                reader: {
                    type: 'json',
                    rootProperty: 'data',
                },
                listeners: {
                    exception: function(proxy, response, operation, eOpts) {
                        var p = Ext.getCmp('month_sale');
                        p && p.setLoading(false);
                    }
                }
            },
            listeners: {
                beforeload: function() {
                    var p = Ext.getCmp('month_sale');
                        p && p.setLoading(true);
                },
                load: function(s, d) {
                    var p = Ext.getCmp('month_sale');
                        p && p.setLoading(false);
                    var sum = Ext.util.Format.number(s.sum('y'), '0.00') || 0;
                    Ext.getCmp('home').getViewModel().set('month_sale_amount', sum);

                    s.each(function(r) {
                        var z = r.get('z'),
                        x = r.get('x');
                        if(!z) {
                            r.set('z', x.length > 3 ? (x.substr(0,3) + '...') : x);
                        }else {
                            r.set('z', z.length > 3 ? (z.substr(0,3) + '...') : z);
                        }
                    });
                }
            }
        },

        month_io: {
            fields: ['x', 'main', 'other'],
            autoLoad: true,
            proxy: {
                type: 'ajax',
                // url: 'http://192.168.253.58:8920/homePage/payAndRecData',
                url: '/api/commons/homePage/payAndRecData',
                timeout: 8000,
                actionMethods: {
                    read: 'GET'
                },
                reader: {
                    type: 'json',
                    rootProperty: 'data',
                },
                listeners: {
                    exception: function(proxy, response, operation, eOpts) {
                        var p = Ext.getCmp('month_io');
                        p && p.setLoading(false);
                    }
                }
            },
            listeners: {
                beforeload: function() {
                    var p = Ext.getCmp('month_io');
                    p && p.setLoading(true);
                },
                load: function(s, d) {
                    var p = Ext.getCmp('month_io');
                    p && p.setLoading(false);
                }
            }
        },

        sale_trend: {
            fields: ['x', 'sale', 'saleback'],
            autoLoad: true,
            proxy: {
                type: 'ajax',
                // url: 'http://192.168.253.58:8920/homePage/saleFutureData',
                url: '/api/commons/homePage/saleFutureData',
                timeout: 8000,
                actionMethods: {
                    read: 'GET'
                },
                reader: {
                    type: 'json',
                    rootProperty: 'data',
                },
                listeners: {
                    exception: function(proxy, response, operation, eOpts) {
                        var p = Ext.getCmp('sale_trend');
                        p && p.setLoading(false);
                    }
                }
            },
            // sorters: [
            //     { property: 'x', direction: 'ASC' }
            // ],
            listeners: {
                beforeload: function() {
                    var p = Ext.getCmp('sale_trend');
                        p && p.setLoading(true);
                },
                load: function(s, d) {
                    var p = Ext.getCmp('sale_trend');
                        p && p.setLoading(false);
                }
            } 
        },

        stock_amount: {
            fields: ['x', 'y'],
            autoLoad: true,
            proxy: {
                type: 'ajax',
                // url: 'http://192.168.253.58:8920/homePage/storageData',
                url: '/api/commons/homePage/storageData',
                timeout: 8000,
                actionMethods: {
                    read: 'GET'
                },
                reader: {
                    type: 'json',
                    rootProperty: 'data',
                },
                listeners: {
                    exception: function(proxy, response, operation, eOpts) {
                        var p = Ext.getCmp('stock_amount');
                        p && p.setLoading(false);
                    }
                }
            },
            // sorters: [
            //     { property: 'x', direction: 'ASC' }
            // ],
            listeners: {
                beforeload: function() {
                    var p = Ext.getCmp('stock_amount');
                    p && p.setLoading(true);
                },
                load: function(s, d) {
                    var p = Ext.getCmp('stock_amount');
                    p && p.setLoading(false);
                }
            } 
        },

        key_data: {
            fields: ['name', 'value'],
            autoLoad: true,
            proxy: {
                type: 'ajax',
                // url: 'http://192.168.253.58:8920/homePage/keyData',
                url: '/api/commons/homePage/keyData',
                timeout: 8000,
                actionMethods: {
                    read: 'GET'
                },
                reader: {
                    type: 'json',
                    rootProperty: 'data',
                },
                listeners: {
                    exception: function(proxy, response, operation, eOpts) {
                        var p = Ext.getCmp('key_data');
                        p && p.setLoading(false);
                    }
                }
            },
            listeners: {
                beforeload: function() {
                    var p = Ext.getCmp('key_data');
                        p && p.setLoading(true);
                },
                load: function(s, d) {
                    var p = Ext.getCmp('key_data');
                        p && p.setLoading(false),
                        data = s.getAt(0) ? s.getAt(0).data : null;
                    if(data) {
                        delete data.id;
                        p.updateValue(data);
                        // Ext.getCmp('home').getViewModel().set('keydata', data);
                    }
                }
            } 
        },

        profit_detail: {
            fields: ['x', 'y', 'z'],
            autoLoad: true,
            proxy: {
                type: 'ajax',
                // url: 'http://192.168.253.58:8560/api/commons/homePage/monthProfit',
                url: '/api/commons/homePage/monthProfit',
                timeout: 8000,
                // header: {
                //     Authorization: 'eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJnIiwiYXBwSWQiOiJ0cmFkZS1hcHAiLCJ1c2VySWQiOjM4LCJjb21wYW55SWQiOjIxLCJ1c2VyTmFtZSI6ImciLCJyZWFsTmFtZSI6Iue-pCIsImV4cCI6MTU0NjIyNTg5Mn0.oe6BmpVchOlL6PoR7UspHbThFEJ_HLlKTHBpV4P9wSA4YbL2Pv5sAah2U6M2q7nmu0J1DV5WwMaMClI19Us7n-8fSgNeQrl1IsVFO4sf5nSC3SrUJk0sraBq5dLAqONfAIj9qFOuyduL6tXkV2av5IfmikT1uMk8okTJKDtHj8U'
                // },
                actionMethods: {
                    read: 'GET'
                },
                reader: {
                    type: 'json',
                    rootProperty: 'data',
                },
                listeners: {
                    exception: function(proxy, response, operation, eOpts) {
                        var p = Ext.getCmp('profit_detail');
                        p && p.setLoading(false);
                    }
                }
            },
            listeners: {
                beforeload: function() {
                    var p = Ext.getCmp('profit_detail');
                        p && p.setLoading(true);
                },
                load: function(s, d) {
                    var p = Ext.getCmp('profit_detail');
                        p && p.setLoading(false);

                    s.each(function(r) {
                        var z = r.get('z'),
                        x = r.get('x');
                        if(!z) {
                            r.set('z', x.length > 3 ? (x.substr(0,3) + '...') : x);
                        }else {
                            r.set('z', z.length > 3 ? (z.substr(0,3) + '...') : z);
                        }
                    });
                }
            } 
        },
    },
});