ModifydataStatistics.jsp 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%@ page import="com.runzhixing.tool.Util" %>
  3. <%@ page import="com.runzhixing.bean.CityPlace" %>
  4. <%@ page import="com.runzhixing.bean.CountryPlace" %>
  5. <%@ page import="com.runzhixing.bean.Station" %>
  6. <%@ page import="com.runzhixing.bean.AuthorityRegionPlace" %>
  7. <%@ page import="com.runzhixing.bean.User" %>
  8. <%@ page import="com.runzhixing.constant.Constant" %>
  9. <%
  10. String path = request.getContextPath();
  11. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  12. User user = (User)session.getAttribute(Constant.userMark);
  13. List<AuthorityRegionPlace> arplist = user.getPrivilegePlaces1();
  14. List<CityPlace> cplist = new ArrayList<CityPlace>();
  15. List<CountryPlace> cyplist = new ArrayList<CountryPlace>();
  16. List<Station> slist = new ArrayList<Station>();
  17. %>
  18. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  19. <html>
  20. <head>
  21. <base href="<%=basePath%>">
  22. <title>改装数据统计</title>
  23. <meta http-equiv="pragma" content="no-cache">
  24. <meta http-equiv="cache-control" content="no-cache">
  25. <meta http-equiv="expires" content="0">
  26. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  27. <meta http-equiv="description" content="This is my page">
  28. <meta http-equiv="X-UA-Compatible" content="IE=9"/>
  29. <meta http-equiv="X-UA-Compatible" content="IE=10"/>
  30. <link rel="stylesheet" type="text/css" href="css/easyui/themes/default/easyui.css">
  31. <link rel="stylesheet" type="text/css" href="css/easyui/themes/icon.css">
  32. <link rel="stylesheet" type="text/css" href="css/easyui/demo/demo.css">
  33. <script type="text/javascript" src="css/easyui/jquery.min.js"></script>
  34. <script type="text/javascript" src="css/easyui/jquery.easyui.min.js" charset="utf-8"></script>
  35. <script type="text/javascript" src="css/easyui/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
  36. <link rel="stylesheet" type="text/css" href="css/common/hzbstyle.css">
  37. <script type="text/javascript" src="js/common/area.js"></script>
  38. <script src="js/highcharts.js"></script>
  39. <script src="js/exporting.js"></script>
  40. <script src="http://cdn.hcharts.cn/highcharts/modules/offline-exporting.js"></script>
  41. <script type="text/javascript">
  42. var i = 1;//第几页
  43. var sum;//总条数
  44. var totalpage;//总页数
  45. var pageSize =10;
  46. $(document).ready(function(){
  47. fLoadTable();
  48. //selectCountry();
  49. selectStation();
  50. //fLoadData(1,10);
  51. });
  52. function fLoadTable(){
  53. $('#tt').datagrid({
  54. fit: true,//自动大小
  55. title: '',
  56. width: '100%',
  57. height: 580,
  58. toolbar: '#toolbar',
  59. fitColumns: true,
  60. singleSelect:false,
  61. loadMsg:'正在加载, 请稍等 …',
  62. nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取
  63. striped : true,//设置为true将交替显示行背景
  64. collapsible : false,//显示可折叠按钮
  65. singleSelect:true,//为true时只能选择单行
  66. fitColumns:true//允许表格自动缩放,以适应父容器
  67. });
  68. }
  69. function fLoadData(page,rows){
  70. if(!$('#modifyCompany option:selected').text()){
  71. return false;
  72. }
  73. var cylinderpName = $('#cylinderpName').val();
  74. var myDate = new Date();
  75. var cylinderTime = myDate.getTime();
  76. cylinderpName = "images/createImg/"+cylinderTime+".png";
  77. var checkText="";
  78. var checkText1=$("#province").find("option:selected").text();
  79. var checkText2=$("#city").find("option:selected").text();
  80. checkText2 = checkText2.replace("无", "");
  81. checkText2 = checkText2.replace("全部", "");
  82. var checkText3=$("#country").find("option:selected").text();
  83. checkText3 = checkText3.replace("无", "");
  84. checkText3 = checkText3.replace("全部", "");
  85. checkText = checkText1+checkText2+checkText3;
  86. if (!checkText ){
  87. checkText = "改装数据统计";
  88. } 
  89. $.messager.progress({
  90. title: '请等待',
  91. msg: '正在加载数据...',
  92. text: '查询中.......'
  93. });
  94. $.ajax({
  95. type:"POST",
  96. contentType: "application/x-www-form-urlencoded; charset=UTF-8",
  97. data:$('#modifyCompanyform').serialize(),
  98. url:"ajax/modifyCompanyform?cylinderpName="+cylinderTime,
  99. success:function (data){
  100. //document.getElementById("titleContent").innerHTML=checkText;
  101. //document.getElementById("cylinderImg").innerHTML='<img src='+cylinderpName+' height="70%;" width="90%"/>';
  102. $.messager.progress('close');
  103. var vData = $.parseJSON(data);
  104. var xText = "";
  105. var chart = Highcharts.chart('container',{
  106. chart: {
  107. type: 'column'
  108. },
  109. title: {
  110. text: '改装数据统计'
  111. },
  112. subtitle: {
  113. text: ''
  114. },
  115. credits: {
  116. enabled:false
  117. },//去掉地址
  118. xAxis: {
  119. categories:vData.xAxisList,
  120. crosshair: true
  121. },
  122. yAxis: {
  123. min: 0,
  124. title: {
  125. text: '数量'
  126. }
  127. },
  128. plotOptions: {
  129. column: {
  130. borderWidth: 0,
  131. dataLabels:{
  132. enabled:true, // dataLabels设为true
  133. style:{
  134. color:'#000000'
  135. }
  136. }
  137. }
  138. },
  139. series: [{
  140. name: xText,
  141. data: vData.yAxisList
  142. }]
  143. });
  144. }
  145. });
  146. }
  147. function selectCountry(){
  148. var id=document.getElementById("city").value;
  149. var select = document.getElementById("country");
  150. for(var i=select.options.length-1;i>=0;i--) {
  151. select.options.remove(i);
  152. }
  153. $.ajax({
  154. type:"POST",
  155. contentType: "application/x-www-form-urlencoded; charset=UTF-8",
  156. url:"ajax/hiddenCity?cityId="+id,
  157. success:function (data){
  158. var obj=eval("(" + data + ")");
  159. $.each(obj.rows, function(i,item){
  160. select.options.add(new Option(item.name, item.id));
  161. });
  162. }
  163. });
  164. }
  165. function selectCountry1(){
  166. selectCountry();
  167. //fLoadData(1,10);
  168. }
  169. function selectStation(){
  170. var ii=1;
  171. var select = document.getElementById("modifyCompany");
  172. for(var i=select.options.length-1;i>=0;i--) {
  173. select.options.remove(i);
  174. }
  175. $.ajax({
  176. type:"POST",
  177. contentType: "application/x-www-form-urlencoded; charset=UTF-8",
  178. data:$('#modifyCompanyform').serialize(),
  179. url:"ajax/hiddenspeStation?type=3",
  180. success:function (data){
  181. var obj=eval("(" + data + ")");
  182. $.each(obj.rows, function(i,item){
  183. select.options.add(new Option(item.name, item.id));
  184. });
  185. }
  186. });
  187. }
  188. function selectStation1(){
  189. selectStation();
  190. //fLoadData(1,10);
  191. }
  192. </script>
  193. </head>
  194. <body>
  195. <!-- 查询结果:数据表格 -->
  196. <table id="tt" cellspacing="0" cellpadding="0" >
  197. </table>
  198. <div id="toolbar" style="padding-top: 0px;height: auto;">
  199. <form id="modifyCompanyform" method="post">
  200. <table>
  201. <tr>
  202. <td>
  203. <span class="hzbspan" >改装厂:</span>
  204. </td>
  205. <td>
  206. <select name="modifyCompany" id = "modifyCompany" style="width: 150px;height: 34px" class="hzbspan select" >
  207. </select>
  208. </td>
  209. </tr>
  210. <tr>
  211. <td>
  212. <span class="hzbspan" >发标签开始时间:</span>
  213. </td>
  214. <td>
  215. <input type="text" class="easyui-datebox" id="startTime" name="startTime" style="width: 150px;height: 34px" class="hzbspan" data-options="prompt:'- - - - - - -'">
  216. </td>
  217. <td>
  218. <span class="hzbspan" >发标签结束时间:</span>
  219. </td>
  220. <td>
  221. <input type="text" class="easyui-datebox" id="endTime" name="endTime" style="width: 150px;height: 34px" class="hzbspan" data-options="prompt:'- - - - - - -'">
  222. </td>
  223. <td>
  224. <a id="btninfosearch" class="easyui-linkbutton" style="width: 150px;height: 34px" icon="icon-search" onclick="fLoadData(1,10);" style="margin-bottom: 5px;" ><span class="hzbspan" style="color: #f08300;font-size: 16px;">查&nbsp;&nbsp;询&nbsp;&nbsp;</span></a>
  225. </td>
  226. </tr>
  227. </table>
  228. <select name="province" id="province" style="width: auto;height: 24px;min-width: 100px; display: none;" class="hzbspan">
  229. <%for(AuthorityRegionPlace arp:arplist){
  230. cplist = arp.getCityPlace();
  231. %>
  232. <option value="<%=arp.getId() %>">
  233. <%=arp.getName() %>
  234. </option>
  235. <%} %>
  236. </select>
  237. <select name="city" id="city" style="width: auto;height: 24px;min-width: 100px;display: none;" class="hzbspan" >
  238. <%
  239. for(CityPlace cp:cplist){
  240. cyplist = cp.getSubPlaceList();
  241. %>
  242. <option value="<%=cp.getId() %>">
  243. <%=cp.getName() %>
  244. </option>
  245. <%} %>
  246. </select>
  247. <select name="country" id = "country" style="width: auto;height: 24px;min-width: 100px;display: none;" class="hzbspan" onchange="selectStation1();" >
  248. </select>
  249. </form>
  250. </div>
  251. <!--
  252. <center>
  253. <div id="cylinderImg" style="position: absolute;top:150px;left: 10%;width: 80%;height: 500px;text-align: center;overflow: auto;">
  254. </div>
  255. <div id="titleContent" style="position: absolute;top:100px;height: auto;left: 10%;width:80%; text-align: center;font-size: 18px;" class="hzbspan">
  256. </div>
  257. </center>
  258. -->
  259. <div id="container" style="position: absolute;top:150px;width: 100%; height: auto;text-align: center;overflow:auto; ">
  260. </div>
  261. </body>
  262. </html>