electric_fee_print.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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. </head>
  8. <body layout:fragment="content">
  9. <style>
  10. .center{
  11. text-align:center;
  12. }
  13. .ml-40{
  14. margin-left: 40px;
  15. text-indent: 21.0pt;
  16. }
  17. .ml-450{
  18. margin-left: 450px;
  19. }
  20. .mr-40{
  21. margin-right: 40px;
  22. }
  23. tr{
  24. border-color: black;
  25. }
  26. .underline{
  27. border-bottom:solid 1px #0f0f0f;
  28. padding-left: 12px;
  29. padding-right: 12px;
  30. }
  31. </style>
  32. <h3 class="center">电费缴费通知</h3>
  33. <div class="ml-40">
  34. <br/>
  35. <span class="underline">[[${companyName}]]</span>租户:</br>
  36. 您好! <br/>
  37. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您/贵公司用电情况
  38. 如下表:<br/>
  39. <table class="table" border="1" cellspacing="0" cellpadding="0" style="border:none;" >
  40. <thead class="text-c">
  41. <tr class="text-c">
  42. <th>电表名称</th>
  43. <th>上期抄表日</th>
  44. <th>本期抄表日</th>
  45. <th>倍率</th>
  46. <th>本期通用(度)</th>
  47. <th>本期峰值(度)</th>
  48. <th>本期平值(度)</th>
  49. <th>本期谷值(度)</th>
  50. <th>本期通用(元/度)</th>
  51. <th>本期峰值(元/度)</th>
  52. <th>本期平值(元/度)</th>
  53. <th>本期谷值(元/度)</th>
  54. <th>小计金额(元)</th>
  55. </tr>
  56. </thead>
  57. <tbody>
  58. <tr class="text-c electric_read_company" th:each="electric,iterStat:${electricReadCompanies}"
  59. th:object="${electric}">
  60. <td th:text="*{electric_name}"></td>
  61. <td th:text="*{meter_write_before}"></td>
  62. <td th:text="*{meter_write}"></td>
  63. <td class="ratio" th:attr="is_peak=*{is_peak}" th:text="*{ratio}"></td>
  64. <td><span class="electric_count" th:unless="*{is_peak}" th:text="*{electric_count}"></span></td>
  65. <td><span class="electric_peak_count" th:if="*{is_peak}" th:text="*{electric_peak_count}"></span></td>
  66. <td><span class="electric_flat_count" th:if="*{is_peak}" th:text="*{electric_flat_count}"></span></td>
  67. <td><span class="electric_valley_count" th:if="*{is_peak}" th:text="*{electric_valley_count}"></span></td>
  68. <td th:text="*{electric_price}"></td>
  69. <td th:text="*{electric_peak_price}"></td>
  70. <td th:text="*{electric_flat_price}"></td>
  71. <td th:text="*{electric_valley_price}"></td>
  72. <td th:text="*{total_fee}"></td>
  73. </tr>
  74. <tr class="text-c">
  75. <td scope="col" colspan="9">线损费用(元)</td>
  76. <td colspan="3">线损率:[[${electricFee.wire_loss}]]%</td>
  77. <td>[[${electricFee.total_wire_loss}]]</td>
  78. </tr>
  79. <tr class="text-c">
  80. <td scope="col" colspan="12">基本电费(元)</td>
  81. <td>[[${electricFee.base_electric}]]</td>
  82. </tr>
  83. <tr class="text-c">
  84. <td scope="col" colspan="12">电力设备租金(元)</td>
  85. <td>[[${electricFee.electric_rent}]]</td>
  86. </tr>
  87. <tr class="text-c">
  88. <td scope="col" colspan="12">其他费用(元)</td>
  89. <td>[[${electricFee.other_fee}]]</td>
  90. </tr>
  91. <tr class="text-c">
  92. <td scope="col" colspan="9">合计</td>
  93. <td colspan="3">用电量 <span th:text="${electricFee.use_electric}"></span></td>
  94. <td>[[${electricFee.electric_fee}]]</td>
  95. </tr>
  96. </tbody>
  97. </table>
  98. 为不影响您正常用电,请及时缴费[[${electricFee.electric_fee}]]元。感谢您的理解与配合。
  99. </br>
  100. </br>
  101. </br>
  102. </br>
  103. </br>
  104. </br>
  105. <span>特此通知!</span>
  106. </br>
  107. </br>
  108. </br>
  109. <span class="fr mr-40">
  110. <span class="underline" th:text="${#dates.format(new java.util.Date().getTime(),'yyyy')}"/>年
  111. <span class="underline" th:text="${#dates.format(new java.util.Date().getTime(),'MM')}"/>月
  112. <span class="underline" th:text="${#dates.format(new java.util.Date().getTime(),'dd')}"/>日</br>
  113. </span>
  114. <span class="fr mr-40" style="clear: both;" th:text="${build.display_name}?${build.display_name}:${build.name}"></span>
  115. </div>
  116. <div class="row cl" id="manageRow">
  117. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  118. <button class="btn btn-primary radius " onclick="submitPrint()" type="button">确认</button>
  119. <button onClick="removeIframe();" class="btn btn-default radius" type="button">取消</button>
  120. </div>
  121. </div>
  122. <article class="page-container">
  123. </article>
  124. <script th:inline="javascript">
  125. /**
  126. * 取消
  127. */
  128. function removeIframe() {
  129. var index = parent.layer.getFrameIndex(window.name);
  130. parent.layer.close(index);
  131. }
  132. function submitPrint(){
  133. $("#manageRow").hide();
  134. print();
  135. $("#manageRow").show();
  136. }
  137. </script>
  138. </body>
  139. </html>