electric_fee_list.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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. <nav class="breadcrumb">
  10. <i class="Hui-iconfont">&#xe67f;</i>
  11. 首页
  12. <span class="c-gray en">&gt;</span>费用管理 <span class="c-gray en">&gt;</span>
  13. 电费
  14. <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
  15. <i class="Hui-iconfont">&#xe68f;</i>
  16. </a>
  17. </nav>
  18. <form id="myForm" th:action="@{/build/electricWater/electricFeeList}" th:method="get">
  19. <div class="page-container">
  20. <div class="text-c">
  21. <span class="select-box" style="width:250px">
  22. <select th:id="status" class="select" th:name="status" onchange='$("#myForm").submit();'>
  23. <option value="">--全部--</option>
  24. <option th:value="0" th:text="未缴费" th:selected="${searchElectricFee.status}=='0'"></option>
  25. <option th:value="2" th:text="已缴费" th:selected="${searchElectricFee.status}=='2'"></option>
  26. </select>
  27. </span>
  28. <input type="text" class="input-text" style="width:250px;margin-top:0;" placeholder="请输入客户名称" name="keyword" th:value="${keyword}"/>
  29. <button type="submit" class="btn btn-primary">
  30. 搜索
  31. </button>
  32. </div>
  33. <div class="cl pd-5 bg-1 bk-gray mt-20">
  34. <span class="r">共有数据:<strong th:text="${pageInfo?.total}" id="total">54</strong> 条</span>
  35. </div>
  36. <table id="notifyTb" class="table table-border table-bordered table-bg table-hover">
  37. <thead>
  38. <tr class="text-c">
  39. <th>客户名称</th>
  40. <th>期数</th>
  41. <th>用电量(度)</th>
  42. <th>用电费用(元)</th>
  43. <th>缴费日期</th>
  44. <th>是否确认电费</th>
  45. <th>状态</th>
  46. <th>操作</th>
  47. </tr>
  48. </thead>
  49. <tbody>
  50. <tr class="text-c" th:each="model,iterStat:${pageInfo.list}" th:object="${model}">
  51. <td th:text="*{company_name}"></td>
  52. <td>第[[*{current_period}]]期</td>
  53. <td th:text="*{use_electric}"></td>
  54. <td><span th:if="*{is_electric}">[[*{electric_fee}]]</span></td>
  55. <td><span th:if="*{status==2}">[[*{actural_paid_date}]]</span></td>
  56. <td><span th:if="*{is_electric}">是</span><span th:unless="*{is_electric}">否</span></td>
  57. <td class="td-status">
  58. <span class="label radius" th:if="*{status}=='0'">未缴款</span>
  59. <span class="label radius label-success" th:if="*{status}=='2'">已缴款</span>
  60. </td>
  61. <td class="td-manage">
  62. <a th:if="*{status==0&&is_electric}" th:onclick="'javascript:electricWater_pay(\'/build/electricWater/feeRemind/3/'+*{id}+'\');'" class="ml-5" style="text-decoration:none">催缴</a>
  63. <a th:onclick="'javascript:electricWater_add(\'编辑\',\'/build/electricWater/electricFeeEdit/'+*{id}+'\',\'800\',\'500\');'" class="ml-5" style="text-decoration:none">编辑</a>
  64. <a th:if="*{is_electric}" th:onclick="'javascript:electricWater_add(\'打印\',\'/build/electricWater/electricFeePrint/'+*{id}+'\');'" class="ml-5" style="text-decoration:none">打印</a>
  65. </td>
  66. </tr>
  67. </tbody>
  68. </table>
  69. <div th:replace="admin/common/page :: page"></div>
  70. </div>
  71. </form>
  72. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  73. <script type="text/javascript" th:src="@{/js/build/electricWater/electric_water_list.js}"></script>
  74. <script th:inline="javascript">
  75. </script>
  76. </body>
  77. </html>