companyInput_list.jsp 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme() + "://"
  8. + request.getServerName() + ":" + request.getServerPort()
  9. + path + "/";
  10. %>
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  14. <base href="<%=basePath%>">
  15. <!-- 下拉框 -->
  16. <link rel="stylesheet" href="static/ace/css/chosen.css" />
  17. <!-- jsp文件头和头部 -->
  18. <%@ include file="../../system/index/top.jsp"%>
  19. <!-- 日期框 -->
  20. <link rel="stylesheet" href="static/ace/css/datepicker.css" />
  21. <script type="text/javascript" src="static/js/common/echarts.min.js"></script>
  22. </head>
  23. <body class="no-skin">
  24. <!-- /section:basics/navbar.layout -->
  25. <div class="main-container" id="main-container">
  26. <div class="main-content">
  27. <div class="main-content-inner">
  28. <div class="page-content">
  29. <div class="row">
  30. <div class="col-xs-12">
  31. <!-- 检索 -->
  32. <table style="margin-top: 5px;">
  33. <tr>
  34. <td style="padding-right: 8px;">年份</td>
  35. <td style="padding-right: 8px;">
  36. <input style="width:120px;" class="span12 date-picker"
  37. id="YEAR" value='${YEAR}' readonly='readonly'/>
  38. </td>
  39. <td style="vertical-align: top; padding-left: 5px">
  40. <a class="btn btn-light btn-xs" onclick="tosearch();" title="检索">
  41. <i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i>
  42. </a>
  43. </td>
  44. </tr>
  45. </table>
  46. <div class="page-header position-relative" style="width:1000px;height:600px;">
  47. <div class="planInput" style="width:100%;height:100%;" id="planInput">
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <!-- 返回顶部 -->
  55. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  56. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  57. </a>
  58. </div>
  59. <!-- /.main-container -->
  60. <!-- basic scripts -->
  61. <!-- 页面底部js¨ -->
  62. <%@ include file="../../system/index/foot.jsp"%>
  63. <!-- 删除时确认窗口 -->
  64. <script src="static/ace/js/bootbox.js"></script>
  65. <!-- ace scripts -->
  66. <script src="static/ace/js/ace/ace.js"></script>
  67. <!-- 下拉框 -->
  68. <script src="static/ace/js/chosen.jquery.js"></script>
  69. <!-- 日期框 -->
  70. <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
  71. <!--提示框-->
  72. <!-- <script type="text/javascript" src="static/js/jquery.tips.js"></script> -->
  73. <script type="text/javascript" src="static/js/myjs/actualInput.js"></script>
  74. <script type="text/javascript">
  75. var myChart = echarts.init(document.getElementById('planInput'));
  76. //检索
  77. function tosearch(){
  78. $.ajax({
  79. type : "get",
  80. url : '<%=basePath%>'+'companyInput/chartData.do?YEAR='+$('#YEAR').val(),
  81. dataType : 'json',
  82. success : function(data){
  83. var xdata = [];
  84. var ydata = [];
  85. if(data.chartData){
  86. for(var i=0;i<data.chartData.length;i++){
  87. xdata.push(data.chartData[i].COMPANY);
  88. ydata.push(data.chartData[i].DAILY_COMPLETE);
  89. }
  90. }
  91. option.xAxis.data = xdata;
  92. option.series[0].data = ydata;
  93. myChart.setOption(option);
  94. }
  95. });
  96. }
  97. $(function() {
  98. $(getTop(globalThis).hangge());
  99. $('.date-picker').datepicker({
  100. autoclose: true,
  101. format: 'yyyy',
  102. startView: 'years',
  103. maxViewMode:'years',
  104. minViewMode:'years'
  105. });
  106. tosearch();
  107. })
  108. </script>
  109. </body>
  110. </html>