index.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. {layout name="layout" /}
  2. <div id="actionbar">
  3. <div class="fn-left">
  4. <form id="form" action="{:url('bank/counts')}" method="get">
  5. <input placeholder="开始日期" class="input ui-time" type="text" readonly="readonly" name="starttime" value="{if $starttime}{$starttime|date="Y-m-d H:i:s"}{/if}" /> 至
  6. <input placeholder="结束日期" class="input ui-time" type="text" readonly="readonly" name="endtime" value="{if $endtime}{$endtime|date="Y-m-d H:i:s"}{/if}" />
  7. <input type="submit" value="搜索" class="button button-blue" />
  8. </form>
  9. </div>
  10. </div>
  11. <div class="titlebar"><i class="iconfont icon-cart"></i>商城订单</div>
  12. <div class="counts">
  13. <div class="box">
  14. <div class="fn-left">
  15. <i class="iconfont icon-text_icon"></i>
  16. </div>
  17. <div class="fn-right fn-tar">
  18. <div class="num">{$shopping}</div>
  19. <div class="text">订单数(单)</div>
  20. </div>
  21. </div>
  22. <div class="box">
  23. <div class="fn-left">
  24. <i class="iconfont icon-lingcunwei"></i>
  25. </div>
  26. <div class="fn-right fn-tar">
  27. <div class="num">{$shoppingexpress}</div>
  28. <div class="text">已发货(单)</div>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="titlebar"><i class="iconfont icon-discount"></i>活动订单</div>
  33. <div class="counts">
  34. <div class="box">
  35. <div class="fn-left">
  36. <i class="iconfont icon-text_icon"></i>
  37. </div>
  38. <div class="fn-right fn-tar">
  39. <div class="num">{$order}</div>
  40. <div class="text">订单数(单)</div>
  41. </div>
  42. </div>
  43. <div class="box">
  44. <div class="fn-left">
  45. <i class="iconfont icon-lingcunwei"></i>
  46. </div>
  47. <div class="fn-right fn-tar">
  48. <div class="num">{$express}</div>
  49. <div class="text">已发货(单)</div>
  50. </div>
  51. </div>
  52. </div>
  53. <div class="titlebar"><i class="iconfont icon-license"></i>委托交易</div>
  54. <div class="counts">
  55. <div class="box">
  56. <div class="fn-left">
  57. <i class="iconfont icon-zhuanzhang"></i>
  58. </div>
  59. <div class="fn-right fn-tar">
  60. <div class="num">{$entrust}</div>
  61. <div class="text">成交中(个)</div>
  62. </div>
  63. </div>
  64. <div class="box">
  65. <div class="fn-left">
  66. <i class="iconfont icon-chongzhi"></i>
  67. </div>
  68. <div class="fn-right fn-tar">
  69. <div class="num">{$entrust_rebate}</div>
  70. <div class="text">已成交(个)</div>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="titlebar"><i class="iconfont icon-my_icon"></i>用户统计</div>
  75. <div class="counts">
  76. <div class="box">
  77. <div class="fn-left">
  78. <i class="iconfont icon-text_icon"></i>
  79. </div>
  80. <div class="fn-right fn-tar">
  81. <div class="num">{$countuser}</div>
  82. <div class="text">用户总数(单)</div>
  83. </div>
  84. </div>
  85. <div class="box">
  86. <div class="fn-left">
  87. <i class="iconfont icon-text_icon"></i>
  88. </div>
  89. <div class="fn-right fn-tar">
  90. <div class="num">{$agent}</div>
  91. <div class="text">代理用户(单)</div>
  92. </div>
  93. </div>
  94. </div>
  95. <style type="text/css">
  96. .counts{display: flex;}
  97. .counts .box{flex: 1;background: #efefef;margin: 10px;padding: 20px;color: #333;border-left:2px solid #2d8cf0;}
  98. .counts .box:first-child{margin-left: 0px;}
  99. .counts .box:last-child{margin-right: 0px;}
  100. .counts .box .iconfont{font-size:40px;}
  101. .counts .box .num{font-size:25px;}
  102. .counts .box .text{font-size:14px;}
  103. </style>
  104. <script type="text/javascript">
  105. Do('base','layer','form','date', function () {
  106. $('#form').isForm({types:1});
  107. })
  108. </script>