statCompare.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <div id="bd-toolbar">
  2. 仓库:
  3. <input id="grainId" class="easyui-combobox bd-w-type grainId" name="grainId" editable="true" style="width:120px">&emsp;
  4. 仓房1:<input id="houseId1" class="easyui-combobox houseId houseId1" editable="false" name="houseId1" style="width:100px">
  5. <select id="level1" class="easyui-combobox houseOne" name="level1" panelHeight="100" editable="false" style="width:100px">
  6. <option value="First">1层</option>
  7. <option value="Second">2层</option>
  8. <option value="Third">3层</option>
  9. <option value="Fourth">4层</option>
  10. </select>&emsp;
  11. 仓房2:<input id="houseId2" class="easyui-combobox houseId houseId2" name="houseId2" editable="false" style="width:100px">
  12. <select id="level2" class="easyui-combobox houseTwo" name="level2" panelHeight="100" editable="false" style="width:100px">
  13. <option value="First">1层</option>
  14. <option value="Second">2层</option>
  15. <option value="Third">3层</option>
  16. <option value="Fourth">4层</option>
  17. </select>
  18. <input class="easyui-datebox beignDate" id="beignDate" name="beginDate" editable="false" style="width:100px">-<input class="easyui-datebox endDate" id="endDate" name="endDate" editable="false" style="width:100px">&emsp;
  19. <a href="javascript:;" class="easyui-linkbutton bd-add-s temp-search">对比</a>
  20. <a href="#" class="easyui-linkbutton bd-add-s clear-btn" plain="true">清空</a>
  21. </div>
  22. <div class="lineChart-wrap">
  23. <div class="lineChart-top">
  24. <a href="javascript:;" class="easyui-linkbutton bd-add-s temp-max">高温</a>
  25. <a href="javascript:;" class="easyui-linkbutton bd-add-s temp-min">低温</a>
  26. <a href="javascript:;" class="easyui-linkbutton bd-add-s temp-avg">平均温</a>
  27. </div>
  28. <div class="lineChart"></div>
  29. </div>
  30. <!-- <script id="statInfoecharts" type="text/html">
  31. option = {
  32. title: {
  33. text: '仓房层温对比分析'
  34. },
  35. legend: {
  36. data:['{{title1}}','{{title2}}']
  37. },
  38. grid: {
  39. left: '3%',
  40. right: '4%',
  41. bottom: '3%',
  42. containLabel: true
  43. },
  44. toolbox: {
  45. feature: {
  46. saveAsImage: {}
  47. }
  48. },
  49. xAxis: {
  50. type: 'time',
  51. boundaryGap: false,
  52. data:
  53. [
  54. {{#xval}}
  55. {{.}},
  56. {{/xval}}
  57. ]
  58. },
  59. yAxis: {
  60. type: 'value',
  61. boundaryGap: false,
  62. splitLine: {
  63. show: false
  64. }
  65. },
  66. series: [
  67. {
  68. name:'{{title1}}',
  69. type:'line',
  70. stack: '总量',
  71. data:[
  72. {{#oney}}
  73. {{.}},
  74. {{/oney}}
  75. ]
  76. },
  77. {
  78. name:'{{title2}}',
  79. type:'line',
  80. stack: '总量',
  81. data:
  82. [
  83. {{#twoy}}
  84. {{.}},
  85. {{/twoy}}
  86. ]
  87. }
  88. ]
  89. };
  90. </script> -->
  91. <style type="text/css">
  92. .bif-con #bd-toolbar{
  93. height:50px;
  94. /*margin: 10px 0;*/
  95. }
  96. .bif-con .lineChart-wrap {
  97. width: 100%;
  98. height: 500px;
  99. border:1px solid #CCC;
  100. overflow: hidden;
  101. box-sizing: border-box;
  102. }
  103. .lineChart-top {
  104. display: none;
  105. height: 50px;
  106. box-sizing: border-box;
  107. padding-top: 10px;
  108. }
  109. .lineChart-top a {
  110. float: right;
  111. margin-right: 10px;
  112. }
  113. .bif-con .lineChart {
  114. width: 100%;
  115. height: 450px;
  116. overflow: hidden;
  117. }
  118. /* .charts{
  119. float: left;
  120. width: 33%;
  121. height: 100%;
  122. }*/
  123. </style>