Home.js 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. Ext.define('saas.view.home.Home', {
  2. extend: 'Ext.container.Container',
  3. xtype: 'home',
  4. requires: [
  5. 'saas.view.home.MsgCard',
  6. 'Ext.slider.Single',
  7. 'Ext.form.field.Display',
  8. 'Ext.layout.container.Border'
  9. ],
  10. layout: {
  11. type: 'vbox',
  12. pack: 'start',
  13. align: 'stretch'
  14. },
  15. bodyPadding: 5,
  16. defaults: {
  17. xtype: 'container'
  18. },
  19. items: [
  20. {
  21. height: 200,
  22. layout: 'column',
  23. margin: '0 0 20 0',
  24. items: [
  25. {
  26. xtype: 'msgcard',
  27. containerColor: 'cornflower-blue',
  28. columnWidth: 0.25,
  29. margin: '0 15 0 0',
  30. data: {
  31. count: 0,
  32. title: '库存预警',
  33. icon: 'exclamation-triangle'
  34. }
  35. },
  36. {
  37. xtype: 'msgcard',
  38. containerColor: 'green',
  39. columnWidth: 0.25,
  40. margin: '0 15 0 0',
  41. data: {
  42. count: 11,
  43. title: '未发货销售订单',
  44. icon: 'shopping-cart'
  45. }
  46. },
  47. {
  48. xtype: 'msgcard',
  49. containerColor: 'magenta',
  50. columnWidth: 0.25,
  51. margin: '0 15 0 0',
  52. data: {
  53. count: 6,
  54. title: '未审核销售订单',
  55. icon: 'check'
  56. }
  57. },
  58. {
  59. xtype: 'msgcard',
  60. containerColor: 'orange',
  61. columnWidth: 0.25,
  62. data: {
  63. count: 5,
  64. title: '未审核购货订单',
  65. icon: 'calendar-check-o'
  66. }
  67. },
  68. ]
  69. },
  70. {
  71. xtype: 'tabpanel',
  72. flex: 10,
  73. cls: 'shadow',
  74. items: [
  75. {
  76. title: '销货'
  77. },
  78. {
  79. title: '购货'
  80. },
  81. {
  82. title: '仓库'
  83. }
  84. ]
  85. }
  86. ]
  87. });