Ext.define('saas.view.home.HomeModel', { extend: 'Ext.app.ViewModel', alias: 'viewmodel.home', stores: { infoData: { model: 'saas.model.home.Info', autoLoad: true, proxy: { type: 'ajax', // url: 'http://192.168.253.58:8920/homePage/liveData', url: '/api/common/homePage/liveData', reader: { type: 'json' }, listeners: { exception: function(proxy, response, operation, eOpts) { Ext.getCmp('infocard').setLoading(false); } } }, listeners: { beforeload: function() { Ext.getCmp('infocard').setLoading(true); }, load: function(s, d) { Ext.getCmp('infocard').setLoading(false); var titles = { unship: { text: '七天内待出货销售', color: 'yellow' }, unstorage: { text: '七天内待入库采购', color: 'purple' }, unpay: { text: '七天内代付款', color: 'red' }, unreceive: { text: '七天内代收款', color: 'pink' }, unauditcheck: { text: '未审核验收', color: 'blue' }, unauditship: { text: '未审核出货', color: '' } }; var res = d[0].data.data; var data = []; if(res) { for(var k in res) { data.push({ title: titles[k].text, content: res[k] + '件', color: titles[k].color }); } } Ext.getCmp('infocard').addCardItems(data); } } }, barData: { model: 'saas.model.chart.DataXY', data: [ { "xvalue": 2004, "yvalue": 239 }, { "xvalue": 2005, "yvalue": 402 }, { "xvalue": 2006, "yvalue": 706 }, { "xvalue": 2007, "yvalue": 432 }, { "xvalue": 2008, "yvalue": 200 }, { "xvalue": 2009, "yvalue": 763 }, { "xvalue": 2010, "yvalue": 550 }, { "xvalue": 2011, "yvalue": 630 }, { "xvalue": 2012, "yvalue": 278 }, { "xvalue": 2013, "yvalue": 312 }, { "xvalue": 2014, "yvalue": 600 }, { "xvalue": 2015, "yvalue": 283 } ] }, stackedData: { model: 'saas.model.chart.MultiDataXY', data: [ { "xvalue": 1997, "y1value": 281, "y2value": 72, "y3value": 269, "y4value": 762 }, { "xvalue": 1981, "y1value": 518, "y2value": 999, "y3value": 43, "y4value": 310 }, { "xvalue": 1985, "y1value": 38, "y2value": 311, "y3value": 942, "y4value": 77 }, { "xvalue": 1984, "y1value": 936, "y2value": 415, "y3value": 562, "y4value": 412 }, { "xvalue": 1979, "y1value": 978, "y2value": 331, "y3value": 927, "y4value": 114 }, { "xvalue": 1982, "y1value": 196, "y2value": 240, "y3value": 72, "y4value": 888 }, { "xvalue": 1992, "y1value": 481, "y2value": 375, "y3value": 139, "y4value": 762 }, { "xvalue": 19895, "y1value": 623, "y2value": 999, "y3value": 260, "y4value": 310 }, { "xvalue": 1988, "y1value": 328, "y2value": 451, "y3value": 542, "y4value": 77 }, { "xvalue": 1980, "y1value": 456, "y2value": 615, "y3value": 342, "y4value": 412 }, { "xvalue": 1990, "y1value": 788, "y2value": 531, "y3value": 489, "y4value": 114 } ] }, gaugeData: { data: [ { position: 40 } ], fields: [ { name: 'position' } ] }, radialData: { model: 'saas.model.chart.DataXY', data: [ { "xvalue": "A", "yvalue": 417 }, { "xvalue": "B", "yvalue": 676 }, { "xvalue": "C", "yvalue": 606 }, { "xvalue": "D", "yvalue": 124 }, { "xvalue": "E", "yvalue": 473 }, { "xvalue": "F", "yvalue": 108 }, { "xvalue": "G", "yvalue": 847 }, { "xvalue": "H", "yvalue": 947 }, { "xvalue": "I", "yvalue": 694 }, { "xvalue": "J", "yvalue": 603 } ] }, lineData: { model: 'saas.model.chart.DataXY', data: [ { "xvalue": 2011, "yvalue": 0.1, "y1value": 0.2, "y2value": 0.3, "y3value": 0.1, "y4value": 0, "y5value": 1 }, { "xvalue": 2012, "yvalue": 0.2, "y1value": 0.4, "y2value": 0.2, "y3value": 0.2, "y4value": 0, "y5value": 1 }, { "xvalue": 2013, "yvalue": 0.3, "y1value": 0.2, "y2value": 0.4, "y3value": 0.3, "y4value": 0, "y5value": 1 }, { "xvalue": 2014, "yvalue": 0.2, "y1value": 0.4, "y2value": 0.1, "y3value": 0.2, "y4value": 0, "y5value": 1 },{ "xvalue": 2015, "yvalue": 0.4, "y1value": 0.3, "y2value": 0.4, "y3value": 0.4, "y4value": 0, "y5value": 1 } ] }, pieData: { model: 'saas.model.chart.DataXY', data: [{ "xvalue": "华商龙", "yvalue": 200.19 }, { "xvalue": "维泰", "yvalue": 180.17 }, { "xvalue": "数码", "yvalue": 150.15 }, { "xvalue": "优企", "yvalue": 150.15 }, { "xvalue": "云服", "yvalue": 120.12 }, { "xvalue": "其他", "yvalue": 230.22 }] }, areaData: { model: 'saas.model.chart.MultiDataXY', data: [ { "xvalue": 250, "y1value": 94, "y2value": 40 }, { "xvalue": 500, "y1value": 78, "y2value": 46 }, { "xvalue": 750, "y1value": 60, "y2value": 53 }, { "xvalue": 1250, "y1value": 51, "y2value": 48 }, { "xvalue": 1500, "y1value": 60, "y2value": 36 }, { "xvalue": 1750, "y1value": 68, "y2value": 26 }, { "xvalue": 2250, "y1value": 59, "y2value": 37 }, { "xvalue": 2500, "y1value": 40, "y2value": 58 }, { "xvalue": 2750, "y1value": 24, "y2value": 78 }, { "xvalue": 3250, "y1value": 36, "y2value": 85 }, { "xvalue": 3500, "y1value": 65, "y2value": 70 }, { "xvalue": 3750, "y1value": 94, "y2value": 55 }, { "xvalue": 4250, "y1value": 103, "y2value": 61 }, { "xvalue": 4500, "y1value": 83, "y2value": 82 }, { "xvalue": 4750, "y1value": 61, "y2value": 102 }, { "xvalue": 5250, "y1value": 55, "y2value": 95 }, { "xvalue": 5500, "y1value": 70, "y2value": 67 }, { "xvalue": 5750, "y1value": 84, "y2value": 39 }, { "xvalue": 6250, "y1value": 78, "y2value": 31 }, { "xvalue": 6500, "y1value": 58, "y2value": 49 }, { "xvalue": 6750, "y1value": 38, "y2value": 69 }, { "xvalue": 7250, "y1value": 41, "y2value": 74 }, { "xvalue": 7500, "y1value": 65, "y2value": 60 }, { "xvalue": 7750, "y1value": 89, "y2value": 46 } ] } } });