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', // 本月销售合计
        month_purchase_amount: '0', // 本月采购合计
        month_in: '0', // 本月收入合计
        month_out: '0', // 本月支出合计

        insetPadding: '12 0 0 0', // 图表insetPadding
        maxBarWidth: 25, // 最大柱宽
    },

    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].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('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);
                    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_purchase: {
        //     model: 'saas.model.chart.DataXY',
        //     autoLoad: true,
        //     proxy: {
        //         type: 'ajax',
        //         // url: 'http://192.168.253.58:8920/homePage/purchaseData?sixMonths=false',
        //         url: '/api/commons/homePage/purchaseData?sixMonths=false',
        //         timeout: 8000,
        //         actionMethods: {
        //             read: 'GET'
        //         },
        //         reader: {
        //             type: 'json',
        //             rootProperty: 'data',
        //         },
        //         listeners: {
        //             exception: function(proxy, response, operation, eOpts) {
        //                 var p = Ext.getCmp('month_purchase');
        //                 p && p.setLoading(false);
        //             }
        //         }
        //     },
        //     listeners: {
        //         beforeload: function() {
        //             var p = Ext.getCmp('month_purchase');
        //                 p && p.setLoading(true);
        //         },
        //         load: function(s, d) {
        //             var p = Ext.getCmp('month_purchase');
        //                 p && p.setLoading(false);
        //             var sum = Ext.util.Format.number(s.sum('y'), '0.00') || 0;
        //             Ext.getCmp('home').getViewModel().set('month_purchase_amount', sum+'')
        //         }
        //     }
        // },

        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);
                    s.each(function(r) {
                        var sum = Ext.util.Format.number(r.get('main') + r.get('other'), '0.00') || 0;
                        if(r.get('x') == '收入') {
                            Ext.getCmp('home').getViewModel().set('month_in', sum);
                        }else if(r.get('x') == '支出') {
                            Ext.getCmp('home').getViewModel().set('month_out', sum);
                        }
                    });
                }
            }
        },

        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);
                }
            } 
        },

        // purchase_trend: {
        //     fields: ['x', 'y'],
        //     autoLoad: true,
        //     proxy: {
        //         type: 'ajax',
        //         // url: 'http://192.168.253.58:8920/homePage/purchaseData?sixMonths=true',
        //         url: '/api/commons/homePage/purchaseData?sixMonths=true',
        //         timeout: 8000,
        //         actionMethods: {
        //             read: 'GET'
        //         },
        //         reader: {
        //             type: 'json',
        //             rootProperty: 'data',
        //         },
        //         listeners: {
        //             exception: function(proxy, response, operation, eOpts) {
        //                 var p = Ext.getCmp('purchase_trend');
        //                 p && p.setLoading(false);
        //             }
        //         }
        //     },
        //     sorters: [
        //         { property: 'x', direction: 'ASC' }
        //     ],
        //     listeners: {
        //         beforeload: function() {
        //             var p = Ext.getCmp('purchase_trend');
        //                 p && p.setLoading(true);
        //         },
        //         load: function(s, d) {
        //             var p = Ext.getCmp('purchase_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);
                        }
                    });
                }
            } 
        },
    },
});