planInput_list.jsp 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  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. <div id="companyName" style='display:none;'>${companyName}</div>
  32. <div class="page-header position-relative" style="width:1000px;height:600px;">
  33. <div class="planInput" style="width:100%;height:100%;" id="planInput">
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. <!-- 返回顶部 -->
  41. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  42. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  43. </a>
  44. </div>
  45. <!-- /.main-container -->
  46. <!-- basic scripts -->
  47. <!-- 页面底部js¨ -->
  48. <%@ include file="../../system/index/foot.jsp"%>
  49. <!-- 删除时确认窗口 -->
  50. <script src="static/ace/js/bootbox.js"></script>
  51. <!-- ace scripts -->
  52. <script src="static/ace/js/ace/ace.js"></script>
  53. <!-- 下拉框 -->
  54. <script src="static/ace/js/chosen.jquery.js"></script>
  55. <!-- 日期框 -->
  56. <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
  57. <!--提示框-->
  58. <!-- <script type="text/javascript" src="static/js/jquery.tips.js"></script> -->
  59. <script type="text/javascript" src="static/js/myjs/actualInput.js"></script>
  60. <script type="text/javascript">
  61. var myChart = echarts.init(document.getElementById('planInput'));
  62. var companyName = document.getElementById("companyName").innerHTML;
  63. //检索
  64. function tosearch(){
  65. $.ajax({
  66. type : "get",
  67. url : '<%=basePath%>'+'planInput/chartData.do?companyName='+companyName,
  68. dataType : 'json',
  69. success : function(data){
  70. var xdata = [];
  71. var ydata = [];
  72. if(data.chartData){
  73. for(var i=0;i<data.chartData.length;i++){
  74. xdata.push(data.chartData[i].YEAR);
  75. ydata.push(data.chartData[i].DAILY_DESIGN);
  76. }
  77. }
  78. option.xAxis.data = xdata;
  79. option.series[0].data = ydata;
  80. myChart.setOption(option);
  81. }
  82. });
  83. }
  84. $(function() {
  85. $(getTop(globalThis).hangge());
  86. $('.date-picker').datepicker({
  87. autoclose: true,
  88. format: 'yyyy',
  89. startView: 'years',
  90. maxViewMode:'years',
  91. minViewMode:'years'
  92. });
  93. tosearch();
  94. })
  95. </script>
  96. </body>
  97. </html>