Index.cshtml 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. @{
  2. ViewBag.Title = "RealCurve";
  3. Layout = "~/Views/Shared/_LayoutIndex.cshtml";
  4. }
  5. <script src="~/Content/scripts/plugins/echarts/echarts.min.js" type="text/javascript"></script>
  6. <script src="~/Areas/WaterWellManage/Content/real-curve.js"></script>
  7. <style>
  8. .curveContainer ul {
  9. width: 100%;
  10. height: 100%;
  11. }
  12. .curveContainer li {
  13. float: left;
  14. width: 50%;
  15. height: 50%;
  16. line-height: 30px;
  17. text-align: center;
  18. list-style: none;
  19. border: 1px solid gray;
  20. }
  21. </style>
  22. <div class="ui-layout" id="layout" style="height: 100%; width: 100%;">
  23. <div class="ui-layout-center">
  24. <div class="center-Panel">
  25. <div id="tabs">
  26. <div id="tabs-1">
  27. <div class="titlePanel">
  28. <div class="title-search">
  29. <table>
  30. <tr>
  31. <td style="padding-left: 10px;">查询类型:</td>
  32. <td style="padding-left: 10px;">
  33. <div id="type_menu" class="btn-group">
  34. <a class="btn btn-default dropdown-text" data-toggle="dropdown">选择类型</a>
  35. <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
  36. <ul class="dropdown-menu">
  37. <li><a data-value="VoltageA">A相电压</a></li>
  38. <li><a data-value="VoltageB">B相电压</a></li>
  39. <li><a data-value="VoltageC">C相电压</a></li>
  40. <li><a data-value="CurrentA">A相电流</a></li>
  41. <li><a data-value="CurrentB">B相电流</a></li>
  42. <li><a data-value="CurrentC">C相电流</a></li>
  43. <li><a data-value="ActiveElectricalEnergy">有功电能</a></li>
  44. <li><a data-value="NetAccumulatedCurrent">净累计流量</a></li>
  45. <li><a data-value="Pressure">压力</a></li>
  46. <li><a data-value="InstantaneousFlow">瞬时流量</a></li>
  47. <li><a data-value="Turbidity">浊度</a></li>
  48. <li><a data-value="Temperature">温度</a></li>
  49. <li><a data-value="HeightOfLiquidLevel">液位高度</a></li>
  50. <li><a data-value="Frequency">泵频率</a></li>
  51. </ul>
  52. </div>
  53. </td>
  54. <td style="padding-left: 10px;">
  55. <div id="line_menu" class="btn-group">
  56. <a class="btn btn-default dropdown-text" data-toggle="dropdown">行</a>
  57. <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
  58. <ul class="dropdown-menu">
  59. <li><a data-value="1">&nbsp;1</a></li>
  60. <li><a data-value="2">&nbsp;2</a></li>
  61. </ul>
  62. </div>
  63. </td>
  64. <td style="padding-left: 10px;">
  65. <div id="column_menu" class="btn-group">
  66. <a class="btn btn-default dropdown-text" data-toggle="dropdown">列</a>
  67. <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
  68. <ul class="dropdown-menu">
  69. <li><a data-value="1">&nbsp;1</a></li>
  70. <li><a data-value="2">&nbsp;2</a></li>
  71. <li><a data-value="3">&nbsp;3</a></li>
  72. </ul>
  73. </div>
  74. </td>
  75. <td>
  76. <span>&nbsp;&nbsp;</span>
  77. <a id="exchange_btn" class="btn btn-primary" onclick="exchange()"><i class="fa fa-exchange"></i>&nbsp;切换</a>
  78. @* <a id="clear_btn" class="btn btn-danger" onclick="clearAll()"><i class="fa fa-trash"></i>&nbsp;清空</a>*@
  79. </td>
  80. </tr>
  81. </table>
  82. </div>
  83. <div class="toolbar">
  84. <div class="btn-group">
  85. <a id="lr-replace" class="btn btn-default" onclick="reload();"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="curveContainer">
  90. <ul>
  91. </ul>
  92. </div>
  93. <div id="pager" class="text-center">
  94. <ul class="pagination">
  95. </ul>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>