| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 |
- <!DOCTYPE HTML>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
- layout:decorate="~{admin/common/common}">
- <head>
- <title>物业费及其他</title>
- </head>
- <body layout:fragment="content">
- <style>
- .center{
- text-align:center;
- }
- .ml-40{
- margin-left: 40px;
- text-indent: 21.0pt;
- }
- .ml-450{
- margin-left: 450px;
- }
- .mr-40{
- margin-right: 40px;
- }
- tr{
- border-color: black;
- }
- .underline{
- border-bottom:solid 1px #0f0f0f;
- padding-left: 12px;
- padding-right: 12px;
- }
- </style>
- <h3 class="center">水费缴费通知</h3>
- <div class="ml-40">
- <br/>
- <span class="underline">[[${companyName}]]</span>租户:</br>
- 您好! <br/>
- 您/贵公司用水情况
- 如下表:<br/>
- <table border="1" cellspacing="0" cellpadding="0" style="border:none;" >
- <tr class="text-c" >
- <th>水表名称</th>
- <th>上期抄表日</th>
- <th>本期抄表日</th>
- <th>用水量(元/吨)</th>
- <th>单价(吨)</th>
- <th>小计金额(元)</th>
- </tr>
- <tr class="text-c" th:each="water,iterStat:${waterReadCompanies}"
- th:object="${water}">
- <td th:text="*{water_name}"></td>
- <td th:text="*{meter_write_before}"></td>
- <td th:text="*{meter_write}"></td>
- <td th:text="*{use_water}"></td>
- <td th:text="*{water_price}"></td>
- <td th:text="*{total_fee}"></td>
- </tr>
- <tr class="text-c">
- <td scope="col" colspan="5">其他费用</td>
- <td th:text="${waterFee.other_fee}"></td>
- </tr>
- <tr class="text-c">
- <td scope="col" colspan="4">合计</td>
- <td th:text="${waterFee.use_water}"></td>
- <td th:text="${waterFee.water_fee}"></td>
- </tr>
- </table>
- 为不影响您正常用水,请及时缴费
- [[${waterFee.water_fee}]] 元。感谢您的理解与配合。
- </br>
- </br>
- </br>
- </br>
- </br>
- </br>
- <span>特此通知!</span>
- </br>
- </br>
- </br>
- <span class="fr mr-40">
- <span class="underline" th:text="${#dates.format(new java.util.Date().getTime(),'yyyy')}"/>年
- <span class="underline" th:text="${#dates.format(new java.util.Date().getTime(),'MM')}"/>月
- <span class="underline" th:text="${#dates.format(new java.util.Date().getTime(),'dd')}"/>日</br>
- </span>
- <span class="fr mr-40" style="clear: both;" th:text="${build.display_name}?${build.display_name}:${build.name}"></span>
- </div>
- <div class="row cl" id="manageRow">
- <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
- <button class="btn btn-primary radius " onclick="submitPrint()" type="button">确认</button>
- <button onClick="removeIframe();" class="btn btn-default radius" type="button">取消</button>
- </div>
- </div>
- <article class="page-container">
- </article>
- <script th:inline="javascript">
- /**
- * 取消
- */
- function removeIframe() {
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- }
- function submitPrint(){
- $("#manageRow").hide();
- print();
- $("#manageRow").show();
- }
- </script>
- </body>
- </html>
|