stat_store_sales.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. {include file="public/header" /}
  2. <div class="page">
  3. <div class="fixed-bar">
  4. <div class="item-title">
  5. <div class="subject">
  6. <h3>{$Think.lang.ds_statstore}</h3>
  7. <h5></h5>
  8. </div>
  9. {include file="public/admin_items" /}
  10. </div>
  11. </div>
  12. <div class="fixed-empty"></div>
  13. <form method="get" name="formSearch" id="formSearch">
  14. <div class="ds-search-form">
  15. <dl>
  16. <dd>
  17. <select name="search_sclass" id="search_sclass" class="querySelect">
  18. <option value="" selected >{$Think.lang.ds_storeclass}</option>
  19. {foreach name="store_class" item="v"}
  20. <option value="{$v.storeclass_id}" {$Request.param.search_sclass == $v.storeclass_id ?'selected':''}>{$v.storeclass_name}</option>
  21. {/foreach}
  22. </select>
  23. </dd>
  24. <dd>
  25. <select name="search_type" id="search_type" class="querySelect">
  26. <option value="day" {$Request.param.search_type == 'day'?'selected':''}>{$Think.lang.search_type_day}</option>
  27. <option value="week" {$Request.param.search_type == 'week'?'selected':''}>{$Think.lang.search_type_week}</option>
  28. <option value="month" {$Request.param.search_type == 'month'?'selected':''}>{$Think.lang.search_type_month}</option>
  29. </select>
  30. </dd>
  31. <dd id="searchtype_day" style="display:none;">
  32. <input class="txt date" type="text" value="{:date('Y-m-d',$search_arr.day.search_time)}" id="search_time" name="search_time">
  33. </dd>
  34. <dd id="searchtype_week" style="display:none;">
  35. <select name="searchweek_year" class="querySelect">
  36. {foreach name="year_arr" item="v"}
  37. <option value="{$key}" {if condition="$search_arr.week.current_year eq $key"}selected{/if}>{$v}</option>
  38. {/foreach}
  39. </select>
  40. <select name="searchweek_month" class="querySelect">
  41. {foreach name="month_arr" item="v"}
  42. <option value="{$key}" {if condition="$search_arr.week.current_month eq $key"}selected{/if}>{$v}</option>
  43. {/foreach}
  44. </select>
  45. <select name="searchweek_week" class="querySelect">
  46. {foreach name="week_arr" item="v"}
  47. <option value="{$v.key}" {if condition="$search_arr.week.current_week eq $v.key"}selected{/if}>{$v.val}</option>
  48. {/foreach}
  49. </select>
  50. </dd>
  51. <dd id="searchtype_month" style="display:none;">
  52. <select name="searchmonth_year" class="querySelect">
  53. {foreach name="year_arr" item="v"}
  54. <option value="{$key}" {if condition="$search_arr.month.current_year eq $key"}selected{/if}>{$v}</option>
  55. {/foreach}
  56. </select>
  57. <select name="searchmonth_month" class="querySelect">
  58. {foreach name="month_arr" item="v"}
  59. <option value="{$key}" {if condition="$search_arr.month.current_month eq $key"}selected{/if}>{$v}</option>
  60. {/foreach}
  61. </select>
  62. </dd>
  63. </dl>
  64. <dl>
  65. <dt>{$Think.lang.ds_store_name}</dt>
  66. <dd><input type="text" value="{$Request.get.search_sname}" name="search_sname" id="search_sname" class="txt"></dd>
  67. </dl>
  68. <div class="btn_group">
  69. <input type='text' style='display:none' name='t' value='{$searchtime}'>
  70. <a href="javascript:void(0);" id="dssubmit" class="btn tooltip" title="">{$Think.lang.ds_query}</a>
  71. <a href="{:url('Statstore/storesales')}" class="btn btn-default" title="{$Think.lang.ds_cancel}">{$Think.lang.ds_cancel}</a>
  72. </div>
  73. </div>
  74. </form>
  75. <div class="explanation" id="explanation">
  76. <div class="title" id="checkZoom">
  77. <h4 title="{$Think.lang.ds_explanation_tip}">{$Think.lang.ds_explanation}</h4>
  78. <span id="explanationZoom" title="{$Think.lang.ds_explanation_close}" class="arrow"></span>
  79. </div>
  80. <ul>
  81. <li>{$Think.lang.stat_validorder_explain}</li>
  82. <li>{$Think.lang.statstore_stat_store_sales_help1}</li>
  83. <li>{$Think.lang.statstore_stat_store_sales_help2}</li>
  84. </ul>
  85. </div>
  86. <div id="statlist" class="w100pre close_float ui-tabs"></div>
  87. <div id="stattrends" class="w100pre close_float ui-tabs"></div>
  88. </div>
  89. <script>
  90. //展示搜索时间框
  91. function show_searchtime(){
  92. s_type = $("#search_type").val();
  93. $("[id^='searchtype_']").hide();
  94. $("#searchtype_"+s_type).show();
  95. }
  96. //加载统计地图
  97. function getTrends(storeid){
  98. $('#stattrends').load(ADMINSITEURL+'/Statstore/storesales_trends.html?storeid='+storeid+'&search_type='+s_type+'&t={$searchtime}');
  99. }
  100. $(function () {
  101. //统计数据类型
  102. var s_type = $("#search_type").val();
  103. $('#search_time').datepicker({dateFormat: 'yy-mm-dd'});
  104. show_searchtime();
  105. $("#search_type").change(function(){
  106. show_searchtime();
  107. });
  108. //更新周数组
  109. $("[name='searchweek_month']").change(function(){
  110. var year = $("[name='searchweek_year']").val();
  111. var month = $("[name='searchweek_month']").val();
  112. $("[name='searchweek_week']").html('');
  113. $.getJSON(ADMINSITEURL+'/Common/getweekofmonth',{y:year,m:month},function(data){
  114. if(data != null){
  115. for(var i = 0; i < data.length; i++) {
  116. $("[name='searchweek_week']").append('<option value="'+data[i].key+'">'+data[i].val+'</option>');
  117. }
  118. }
  119. });
  120. });
  121. $('#dssubmit').click(function(){
  122. $('#formSearch').submit();
  123. });
  124. //加载统计列表
  125. //店铺分类
  126. var search_sclass = $("#search_sclass").val();
  127. var search_sname = $("#search_sname").val();
  128. $('#statlist').load(ADMINSITEURL+'/Statstore/storesales_list.html?search_sclass='+search_sclass+'&search_sname='+search_sname+'&t={$searchtime}');
  129. //店铺销售走势
  130. $("[ds_type='showtrends']").on('click',function(){
  131. var data_str = $(this).attr('data-param');
  132. eval('data_str = '+data_str);
  133. getTrends(data_str.storeid);
  134. });
  135. });
  136. </script>