mainpage.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <style type="text/css">
  2. .content-detail {
  3. display: inline;
  4. line-height: 80px;
  5. }
  6. #stockcur_num,#stockcur_amount{
  7. width: 400px;
  8. height: 400px;
  9. }
  10. </style>
  11. <div class="panel panel-default panel-intro">
  12. <div class="panel-body">
  13. <div id="myTabContent" class="tab-content">
  14. <div class="tab-pane fade active in" id="one">
  15. <div class="row" style="margin-top:15px;">
  16. <div class="col-xs-6 col-md-3">
  17. <div class="panel bg-blue">
  18. <div class="panel-body">
  19. <div class="panel-title">
  20. <h3>今日入库</h3>
  21. </div>
  22. <div class="panel-content">
  23. <div class="row">
  24. <div class="col-md-6">
  25. <h1 class="no-margins content-detail">{$stockinsum.totalnums}</h1>
  26. <small>件</small>
  27. </div>
  28. <div class="col-md-6">
  29. <h1 class="no-margins content-detail">{$stockinsum.totalamount}</h1>
  30. <small>千克</small>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="col-xs-6 col-md-3">
  38. <div class="panel bg-aqua-gradient">
  39. <div class="panel-body">
  40. <div class="ibox-title">
  41. <h3>今日出库</h3>
  42. </div>
  43. <div class="ibox-content">
  44. <div class="row">
  45. <div class="col-md-6">
  46. <h1 class="no-margins content-detail">{$stockoutsum.totalnums}</h1>
  47. <small>件</small>
  48. </div>
  49. <div class="col-md-6">
  50. <h1 class="no-margins content-detail">{$stockoutsum.totalamount}</h1>
  51. <small>千克</small>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="col-xs-6 col-md-3">
  59. <div class="panel bg-purple-gradient">
  60. <div class="panel-body">
  61. <div class="ibox-title">
  62. <h3>库存商品</h3>
  63. </div>
  64. <div class="ibox-content">
  65. <div class="row">
  66. <div class="col-md-6">
  67. <h1 class="no-margins content-detail">{$stockcursum.totalnums}</h1>
  68. <small>件</small>
  69. </div>
  70. <div class="col-md-6">
  71. <h1 class="no-margins content-detail">{$stockcursum.totalamount}</h1>
  72. <small>千克</small>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. <div class="col-xs-6 col-md-3">
  80. <div class="panel bg-green-gradient">
  81. <div class="panel-body">
  82. <div class="ibox-title">
  83. <h3>待审核单据</h3>
  84. </div>
  85. <div class="ibox-content">
  86. <div class="row">
  87. <div class="col-md-6">
  88. <small>入库单:</small>
  89. <h1 class="no-margins content-detail">{$stockin_toaudit}</h1>
  90. </div>
  91. <div class="col-md-6">
  92. <small>出库单:</small>
  93. <h1 class="no-margins content-detail">{$stockout_toaudit}</h1>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="row" style="margin-top:30px;">
  102. <div class="col-lg-6">
  103. <div id="linechart" class="btn-refresh" style="height:500px;width:100%;"></div>
  104. </div>
  105. <div class="col-lg-3">
  106. <div id="stockcur_amount"></div>
  107. </div>
  108. <div class="col-lg-3">
  109. <div id="stockcur_num"></div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>