pline_check.html 4.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>生产线考核</title>
  5. <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  6. <meta content="webkit" name="renderer" />
  7. <link href="/images/favicon.ico" rel="Shortcut Icon" />
  8. <link href="http://static.vbdsm.com/js/lib/easyui/themes/vber/easyui.css" rel="stylesheet" type="text/css" />
  9. <link href="http://static.vbdsm.com/js/lib/easyui/themes/icon.css" rel="stylesheet" type="text/css" />
  10. <link href="http://static.vbdsm.com/js/lib/loadmask/jquery.loadmask.css" rel="stylesheet" type="text/css" />
  11. <script src="http://static.vbdsm.com/js/lib/jquery-1.8.0.min.js" type="text/javascript"></script>
  12. <script src="http://static.vbdsm.com/js/lib/jquery.query-2.1.7.js" type="text/javascript"></script>
  13. <script src="http://static.vbdsm.com/js/lib/easyui/jquery.easyui.min.js" type="text/javascript"></script>
  14. <script src="http://static.vbdsm.com/js/lib/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
  15. <script src="http://static.vbdsm.com/js/lib/loadmask/jquery.loadmask.min.js" type="text/javascript"></script>
  16. <script src="http://static.vbdsm.com/js/lib/highcharts/highcharts.js?v=4.1.8"></script>
  17. <script src="http://static.vbdsm.com/js/lib/highcharts/modules/exporting.js?v=4.1.8"></script>
  18. <script src="http://static.vbdsm.com/js/static.support.js" type="text/javascript"></script>
  19. <script src="http://static.vbdsm.com/js/easyui.support.js" type="text/javascript"></script>
  20. <script src="http://static.vbdsm.com/js/util.js" type="text/javascript"></script>
  21. <script src="js/date.util.js" type="text/javascript"></script>
  22. <script src="js/chart.util.js" type="text/javascript"></script>
  23. <script src="js/datagrid.util.js" type="text/javascript"></script>
  24. <script src="js/pline_check.util.js" type="text/javascript"></script>
  25. <script charset="UTF-8" type="text/javascript"></script>
  26. </head>
  27. <body>
  28. <div class="easyui-tabs" data-options="fit:true, border:false, tabPosition: 'top'">
  29. <div title="产品电量">
  30. <div style="padding: 2px; background-color: #eee; border-bottom: solid 1px #ddd">
  31. 统计类型:
  32. <select class="easyui-combobox" id="type" panelHeight="auto" style="width: 60px">
  33. <option value="1">按月</option>
  34. <option value="2">按年</option>
  35. </select>
  36. 时间:
  37. <input class="easyui-combobox" id="year" panelHeight="auto" style="width: 70px" />
  38. <input class="easyui-combobox" id="month" panelHeight="auto" style="width: 40px" />
  39. <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" id="selectProductEnergy">确定</a>
  40. <a class="easyui-linkbutton" data-options="iconCls:'icon-excelexport'" id="exportProductEnergy">导出Excel</a>
  41. </div>
  42. <div class="chartbox" id="stationChart" style="height: 300px; border-bottom: 1px solid #ddd">
  43. <div id="pieContainer" style="min-width: 310px; height: 298px; margin: 0 auto; width: 40%; float: left"></div>
  44. <div id="lineContainer" style="min-width: 310px; height: 298px; margin: 0 auto; width: 58%; float: left"></div>
  45. </div>
  46. <div id="energyTabDiv" style="min-height: 200px">
  47. <table class="easyui-datagrid" data-options="fit:true,singleSelect:true, border:false" id="energyTab" style="width: auto"></table>
  48. </div>
  49. </div>
  50. <div title="产品单耗">
  51. <div style="padding: 2px; background-color: #eee; border-bottom: solid 1px #ddd">
  52. 统计类型:
  53. <select class="easyui-combobox" id="type1" style="width: 60px">
  54. <option value="1">按月</option>
  55. <option value="2">按年</option>
  56. </select>
  57. 时间:
  58. <input class="easyui-combobox" id="year1" panelHeight="auto" style="width: 70px" />
  59. <input class="easyui-combobox" id="month1" panelHeight="auto" style="width: 40px" />
  60. <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" id="selectEnergy">确定</a>
  61. <a class="easyui-linkbutton" data-options="iconCls:'icon-excelexport'" id="exportEnergy">导出Excel</a>
  62. </div>
  63. <div id="energyTableDiv" style="min-height: 300px">
  64. <table class="easyui-datagrid" data-options="fit:true,treeField:'date', idField:'id', border:false, showFooter: true" id="energyTable" style="width: auto"></table>
  65. </div>
  66. </div>
  67. </div>
  68. <form action="" id="mainForm">
  69. <input id="formdata" name="gridData" type="hidden" />
  70. </form>
  71. </body>
  72. </html>