electric_detail_list.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>电表抄表查看</title>
  7. <style>
  8. .line {
  9. display: block;
  10. text-align: left;
  11. background-color: #fff;
  12. color: #333;
  13. border-bottom: 1px solid #0a6999;
  14. border-color: #fff;
  15. border-bottom: 1px solid #0a6999;
  16. margin-top: 10px;
  17. vertical-align: middle;
  18. padding: 4px 12px;
  19. height: 31px;
  20. line-height: 31px;
  21. font-size: 14px;
  22. font-weight: bold;
  23. }
  24. .float_left {
  25. float: left;
  26. }
  27. .mt_5 {
  28. margin-top: 5px !important;
  29. }
  30. .input-text {
  31. width: 110PX;
  32. }
  33. .child-style td:first-child{
  34. border-left:none;
  35. }
  36. .child-style tr:last-child td {
  37. border-bottom: none;
  38. }
  39. </style>
  40. </head>
  41. <body layout:fragment="content">
  42. <article class="page-container">
  43. <form class="form form-horizontal" id="form-water-record-add">
  44. <input type="hidden" name="is_water" value="true"/>
  45. <div class="row cl">
  46. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>电表名:</label>
  47. <div class="formControls col-xs-8 col-sm-9">
  48. [[${electric.name}]]
  49. </div>
  50. </div>
  51. <div class="row cl">
  52. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>性质:</label>
  53. <div class="formControls col-xs-8 col-sm-9">
  54. <span th:if="${electric.is_peak}">峰平谷值电表</span>
  55. <span th:unless="${electric.is_peak}">通用电表</span>
  56. </div>
  57. </div>
  58. <div class="row cl">
  59. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>倍率:</label>
  60. <div class="formControls col-xs-8 col-sm-9">
  61. [[${electric.ratio}]]
  62. </div>
  63. </div>
  64. <div class="row cl" th:unless="${electric.is_peak}">
  65. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>初始读数:</label>
  66. <div class="formControls col-xs-8 col-sm-9">
  67. <span th:unless="${#lists.isEmpty(electricReads)}">[[*{electricReads[0].electric_before_read}]]</span>
  68. </div>
  69. </div>
  70. <div class="row cl" th:if="${electric.is_peak}">
  71. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>初始峰值读数:</label>
  72. <div class="formControls col-xs-8 col-sm-9">
  73. <span th:unless="${#lists.isEmpty(electricReads)}">[[*{electricReads[0].electric_peak_before_read}]]</span>
  74. </div>
  75. </div>
  76. <div class="row cl" th:if="${electric.is_peak}">
  77. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>初始平值读数:</label>
  78. <div class="formControls col-xs-8 col-sm-9">
  79. <span th:unless="${#lists.isEmpty(electricReads)}">[[*{electricReads[0].electric_flat_before_read}]]</span>
  80. </div>
  81. </div>
  82. <div class="row cl" th:if="${electric.is_peak}">
  83. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>初始谷值读数:</label>
  84. <div class="formControls col-xs-8 col-sm-9">
  85. <span th:unless="${#lists.isEmpty(electricReads)}">[[*{electricReads[0].electric_valley_before_read}]]</span>
  86. </div>
  87. </div>
  88. <div class="row cl">
  89. <div class="formControls col-xs-8 col-sm-12">
  90. <table class="table table-border table-bordered table-bg table-hover">
  91. <thead>
  92. <tr class="text-c">
  93. <th>抄表日</th>
  94. <th th:unless="${electric.is_peak}">通用读数</th>
  95. <th th:if="${electric.is_peak}">峰值读数</th>
  96. <th th:if="${electric.is_peak}">平值读数</th>
  97. <th th:if="${electric.is_peak}">谷值读数</th>
  98. <th th:unless="${electric.is_peak}">通用度数</th>
  99. <th th:if="${electric.is_peak}">峰值度数</th>
  100. <th th:if="${electric.is_peak}">平值度数</th>
  101. <th th:if="${electric.is_peak}">谷值度数</th>
  102. <th>客户名称</th>
  103. <th th:unless="${electric.is_peak}" width="100">通用度数</th>
  104. <th th:if="${electric.is_peak}">峰值度数</th>
  105. <th th:if="${electric.is_peak}">平值度数</th>
  106. <th th:if="${electric.is_peak}">谷值度数</th>
  107. </tr>
  108. </thead>
  109. <tbody>
  110. <tr class="text-c electric_length" th:attr="electric_length=${#lists.size(electricReads)}"
  111. th:each="electricRead,iterStat:${electricReads}" th:object="${electricRead}">
  112. <td>[[*{meter_write}]]</td>
  113. <td th:unless="${electric.is_peak}"> [[*{electric_current_read}]]</td>
  114. <td th:if="${electric.is_peak}">[[*{electric_peak_current_read}]]</td>
  115. <td th:if="${electric.is_peak}">[[*{electric_flat_current_read}]]</td>
  116. <td th:if="${electric.is_peak}">[[*{electric_valley_current_read}]]</td>
  117. <td th:unless="${electric.is_peak}">[[*{use_electric}]]</td>
  118. <td th:if="${electric.is_peak}">[[*{use_peak_electric}]]</td>
  119. <td th:if="${electric.is_peak}">[[*{use_flat_electric}]]</td>
  120. <td th:if="${electric.is_peak}">[[*{use_valley_electric}]]</td>
  121. <td th:unless="${electric.is_peak}" colspan="2" style="padding: 0;">
  122. <table class="child-style">
  123. <tr th:each="company,index:*{electricReadCompanies}" th:object="${company}">
  124. <td><span class="float_left mt_5">[[*{company_name}]]</span></td>
  125. <td width="100"><span class="float_left mt_5">[[*{electric_count}]]</span></td>
  126. </tr>
  127. </table>
  128. </td>
  129. <td colspan="4" th:if="${electric.is_peak}">
  130. <div th:each="company,index:*{electricReadCompanies}" th:object="${company}">
  131. <span class="float_left mt_5">[[*{company_name}]]</span>
  132. <span class="float_left mt_5">[[*{electric_count}]]</span>
  133. <span class="float_left mt_5">[[*{electric_peak_count}]]</span>
  134. <span class="float_left mt_5">[[*{electric_flat_count}]]</span>
  135. <span class="float_left mt_5">[[*{electric_valley_count}]]</span>
  136. </div>
  137. </td>
  138. </tr>
  139. </tbody>
  140. </table>
  141. </div>
  142. </div>
  143. <div class="row cl" id="manageRow">
  144. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  145. <!--<button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>-->
  146. </div>
  147. </div>
  148. </form>
  149. </article>
  150. <script th:inline="javascript">
  151. /**
  152. * 取消
  153. */
  154. function removeIframe() {
  155. var index = parent.layer.getFrameIndex(window.name);
  156. parent.layer.close(index);
  157. }
  158. </script>
  159. </body>
  160. </html>