HomeModel.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468
  1. Ext.define('saas.view.home.HomeModel', {
  2. extend: 'Ext.app.ViewModel',
  3. alias: 'viewmodel.home',
  4. stores: {
  5. infoData: {
  6. model: 'saas.model.home.Info',
  7. autoLoad: true,
  8. proxy: {
  9. type: 'ajax',
  10. // url: 'http://192.168.253.58:8920/homePage/liveData',
  11. url: '/api/common/homePage/liveData',
  12. reader: {
  13. type: 'json'
  14. },
  15. listeners: {
  16. exception: function(proxy, response, operation, eOpts) {
  17. Ext.getCmp('infocard').setLoading(false);
  18. }
  19. }
  20. },
  21. listeners: {
  22. beforeload: function() {
  23. Ext.getCmp('infocard').setLoading(true);
  24. },
  25. load: function(s, d) {
  26. Ext.getCmp('infocard').setLoading(false);
  27. var titles = {
  28. unship: {
  29. text: '七天内待出货销售',
  30. color: 'yellow'
  31. },
  32. unstorage: {
  33. text: '七天内待入库采购',
  34. color: 'purple'
  35. },
  36. unpay: {
  37. text: '七天内代付款',
  38. color: 'red'
  39. },
  40. unreceive: {
  41. text: '七天内代收款',
  42. color: 'pink'
  43. },
  44. unauditcheck: {
  45. text: '未审核验收',
  46. color: 'blue'
  47. },
  48. unauditship: {
  49. text: '未审核出货',
  50. color: ''
  51. }
  52. };
  53. var res = d[0].data.data;
  54. var data = [];
  55. if(res) {
  56. for(var k in res) {
  57. data.push({
  58. title: titles[k].text,
  59. content: res[k] + '件',
  60. color: titles[k].color
  61. });
  62. }
  63. }
  64. Ext.getCmp('infocard').addCardItems(data);
  65. }
  66. }
  67. },
  68. barData: {
  69. model: 'saas.model.chart.DataXY',
  70. data: [
  71. {
  72. "xvalue": 2004,
  73. "yvalue": 239
  74. },
  75. {
  76. "xvalue": 2005,
  77. "yvalue": 402
  78. },
  79. {
  80. "xvalue": 2006,
  81. "yvalue": 706
  82. },
  83. {
  84. "xvalue": 2007,
  85. "yvalue": 432
  86. },
  87. {
  88. "xvalue": 2008,
  89. "yvalue": 200
  90. },
  91. {
  92. "xvalue": 2009,
  93. "yvalue": 763
  94. },
  95. {
  96. "xvalue": 2010,
  97. "yvalue": 550
  98. },
  99. {
  100. "xvalue": 2011,
  101. "yvalue": 630
  102. },
  103. {
  104. "xvalue": 2012,
  105. "yvalue": 278
  106. },
  107. {
  108. "xvalue": 2013,
  109. "yvalue": 312
  110. },
  111. {
  112. "xvalue": 2014,
  113. "yvalue": 600
  114. },
  115. {
  116. "xvalue": 2015,
  117. "yvalue": 283
  118. }
  119. ]
  120. },
  121. stackedData: {
  122. model: 'saas.model.chart.MultiDataXY',
  123. data: [
  124. {
  125. "xvalue": 1997,
  126. "y1value": 281,
  127. "y2value": 72,
  128. "y3value": 269,
  129. "y4value": 762
  130. },
  131. {
  132. "xvalue": 1981,
  133. "y1value": 518,
  134. "y2value": 999,
  135. "y3value": 43,
  136. "y4value": 310
  137. },
  138. {
  139. "xvalue": 1985,
  140. "y1value": 38,
  141. "y2value": 311,
  142. "y3value": 942,
  143. "y4value": 77
  144. },
  145. {
  146. "xvalue": 1984,
  147. "y1value": 936,
  148. "y2value": 415,
  149. "y3value": 562,
  150. "y4value": 412
  151. },
  152. {
  153. "xvalue": 1979,
  154. "y1value": 978,
  155. "y2value": 331,
  156. "y3value": 927,
  157. "y4value": 114
  158. },
  159. {
  160. "xvalue": 1982,
  161. "y1value": 196,
  162. "y2value": 240,
  163. "y3value": 72,
  164. "y4value": 888
  165. },
  166. {
  167. "xvalue": 1992,
  168. "y1value": 481,
  169. "y2value": 375,
  170. "y3value": 139,
  171. "y4value": 762
  172. },
  173. {
  174. "xvalue": 19895,
  175. "y1value": 623,
  176. "y2value": 999,
  177. "y3value": 260,
  178. "y4value": 310
  179. },
  180. {
  181. "xvalue": 1988,
  182. "y1value": 328,
  183. "y2value": 451,
  184. "y3value": 542,
  185. "y4value": 77
  186. },
  187. {
  188. "xvalue": 1980,
  189. "y1value": 456,
  190. "y2value": 615,
  191. "y3value": 342,
  192. "y4value": 412
  193. },
  194. {
  195. "xvalue": 1990,
  196. "y1value": 788,
  197. "y2value": 531,
  198. "y3value": 489,
  199. "y4value": 114
  200. }
  201. ]
  202. },
  203. gaugeData: {
  204. data: [
  205. {
  206. position: 40
  207. }
  208. ],
  209. fields: [
  210. {
  211. name: 'position'
  212. }
  213. ]
  214. },
  215. radialData: {
  216. model: 'saas.model.chart.DataXY',
  217. data: [
  218. {
  219. "xvalue": "A",
  220. "yvalue": 417
  221. },
  222. {
  223. "xvalue": "B",
  224. "yvalue": 676
  225. },
  226. {
  227. "xvalue": "C",
  228. "yvalue": 606
  229. },
  230. {
  231. "xvalue": "D",
  232. "yvalue": 124
  233. },
  234. {
  235. "xvalue": "E",
  236. "yvalue": 473
  237. },
  238. {
  239. "xvalue": "F",
  240. "yvalue": 108
  241. },
  242. {
  243. "xvalue": "G",
  244. "yvalue": 847
  245. },
  246. {
  247. "xvalue": "H",
  248. "yvalue": 947
  249. },
  250. {
  251. "xvalue": "I",
  252. "yvalue": 694
  253. },
  254. {
  255. "xvalue": "J",
  256. "yvalue": 603
  257. }
  258. ]
  259. },
  260. lineData: {
  261. model: 'saas.model.chart.DataXY',
  262. data: [
  263. {
  264. "xvalue": 2011,
  265. "yvalue": 0.1,
  266. "y1value": 0.2,
  267. "y2value": 0.3,
  268. "y3value": 0.1,
  269. "y4value": 0,
  270. "y5value": 1
  271. },
  272. {
  273. "xvalue": 2012,
  274. "yvalue": 0.2,
  275. "y1value": 0.4,
  276. "y2value": 0.2,
  277. "y3value": 0.2,
  278. "y4value": 0,
  279. "y5value": 1
  280. },
  281. {
  282. "xvalue": 2013,
  283. "yvalue": 0.3,
  284. "y1value": 0.2,
  285. "y2value": 0.4,
  286. "y3value": 0.3,
  287. "y4value": 0,
  288. "y5value": 1
  289. },
  290. {
  291. "xvalue": 2014,
  292. "yvalue": 0.2,
  293. "y1value": 0.4,
  294. "y2value": 0.1,
  295. "y3value": 0.2,
  296. "y4value": 0,
  297. "y5value": 1
  298. },{
  299. "xvalue": 2015,
  300. "yvalue": 0.4,
  301. "y1value": 0.3,
  302. "y2value": 0.4,
  303. "y3value": 0.4,
  304. "y4value": 0,
  305. "y5value": 1
  306. }
  307. ]
  308. },
  309. pieData: {
  310. model: 'saas.model.chart.DataXY',
  311. data: [{
  312. "xvalue": "华商龙",
  313. "yvalue": 200.19
  314. }, {
  315. "xvalue": "维泰",
  316. "yvalue": 180.17
  317. }, {
  318. "xvalue": "数码",
  319. "yvalue": 150.15
  320. }, {
  321. "xvalue": "优企",
  322. "yvalue": 150.15
  323. }, {
  324. "xvalue": "云服",
  325. "yvalue": 120.12
  326. }, {
  327. "xvalue": "其他",
  328. "yvalue": 230.22
  329. }]
  330. },
  331. areaData: {
  332. model: 'saas.model.chart.MultiDataXY',
  333. data: [
  334. {
  335. "xvalue": 250,
  336. "y1value": 94,
  337. "y2value": 40
  338. },
  339. {
  340. "xvalue": 500,
  341. "y1value": 78,
  342. "y2value": 46
  343. },
  344. {
  345. "xvalue": 750,
  346. "y1value": 60,
  347. "y2value": 53
  348. },
  349. {
  350. "xvalue": 1250,
  351. "y1value": 51,
  352. "y2value": 48
  353. },
  354. {
  355. "xvalue": 1500,
  356. "y1value": 60,
  357. "y2value": 36
  358. },
  359. {
  360. "xvalue": 1750,
  361. "y1value": 68,
  362. "y2value": 26
  363. },
  364. {
  365. "xvalue": 2250,
  366. "y1value": 59,
  367. "y2value": 37
  368. },
  369. {
  370. "xvalue": 2500,
  371. "y1value": 40,
  372. "y2value": 58
  373. },
  374. {
  375. "xvalue": 2750,
  376. "y1value": 24,
  377. "y2value": 78
  378. },
  379. {
  380. "xvalue": 3250,
  381. "y1value": 36,
  382. "y2value": 85
  383. },
  384. {
  385. "xvalue": 3500,
  386. "y1value": 65,
  387. "y2value": 70
  388. },
  389. {
  390. "xvalue": 3750,
  391. "y1value": 94,
  392. "y2value": 55
  393. },
  394. {
  395. "xvalue": 4250,
  396. "y1value": 103,
  397. "y2value": 61
  398. },
  399. {
  400. "xvalue": 4500,
  401. "y1value": 83,
  402. "y2value": 82
  403. },
  404. {
  405. "xvalue": 4750,
  406. "y1value": 61,
  407. "y2value": 102
  408. },
  409. {
  410. "xvalue": 5250,
  411. "y1value": 55,
  412. "y2value": 95
  413. },
  414. {
  415. "xvalue": 5500,
  416. "y1value": 70,
  417. "y2value": 67
  418. },
  419. {
  420. "xvalue": 5750,
  421. "y1value": 84,
  422. "y2value": 39
  423. },
  424. {
  425. "xvalue": 6250,
  426. "y1value": 78,
  427. "y2value": 31
  428. },
  429. {
  430. "xvalue": 6500,
  431. "y1value": 58,
  432. "y2value": 49
  433. },
  434. {
  435. "xvalue": 6750,
  436. "y1value": 38,
  437. "y2value": 69
  438. },
  439. {
  440. "xvalue": 7250,
  441. "y1value": 41,
  442. "y2value": 74
  443. },
  444. {
  445. "xvalue": 7500,
  446. "y1value": 65,
  447. "y2value": 60
  448. },
  449. {
  450. "xvalue": 7750,
  451. "y1value": 89,
  452. "y2value": 46
  453. }
  454. ]
  455. }
  456. }
  457. });