contract_property_list.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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/contract/propertyList}" 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="is_paid" class="select" th:name="is_paid" onchange='$("#myForm").submit();'>
  23. <option value="">--全部--</option>
  24. <option th:value="0" th:text="未缴费" th:selected="${searchProperty.is_paid}=='0'"></option>
  25. <option th:value="2" th:text="已缴费" th:selected="${searchProperty.is_paid}=='2'"></option>
  26. </select>
  27. </span>
  28. <input type="text" class="input-text" style="width:250px" 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>单价(元/月/m²)</th>
  43. <th>面积(m²)</th>
  44. <th>总金额(元)</th>
  45. <th>收款周期</th>
  46. <th>应缴日期</th>
  47. <th>实缴日期</th>
  48. <th>状态</th>
  49. <th>操作</th>
  50. </tr>
  51. </thead>
  52. <tbody>
  53. <tr class="text-c" th:each="model,iterStat:${pageInfo.list}" th:object="${model}">
  54. <td th:text="*{contract_no}"></td>
  55. <td th:text="*{company_name}"></td>
  56. <td>
  57. <span th:if="*{fee_type}==1">物业费</span>
  58. <span th:if="*{fee_type}==0">停车费</span>
  59. </td>
  60. <td th:text="*{price}"></td>
  61. <td th:text="*{number}"></td>
  62. <td th:unless="*{total_fee}" th:text="(*{price})*(*{number})*(*{payment_cycle})"></td>
  63. <td th:if="*{total_fee}" th:text="*{total_fee}"></td>
  64. <td><span th:text="*{payment_cycle}"></span>个月</td>
  65. <td th:text="*{pay_time}"></td>
  66. <td th:text="*{actural_paid_date}"></td>
  67. <td class="td-status">
  68. <span class="label radius" th:unless="*{is_paid}=='2'">未缴费</span>
  69. <span class="label radius label-success" th:if="*{is_paid}=='2'">已缴费</span>
  70. </td>
  71. <td class="td-manage">
  72. <a th:unless="*{is_paid}=='2'" href="javascript:;"th:onclick="'javascript:fee_remind(\'/build/electricWater/feeRemind/'+*{fee_type}+'/'+*{id}+'\');'" class="ml-5" style="text-decoration:none">催缴</a>
  73. <a th:unless="*{is_paid}=='2'" href="javascript:;" th:onclick="'javascript:contract_dialog(\'编辑\',\'/build/contract/propertyEdit/'+*{id}+'\');'" class="ml-5" style="text-decoration:none">编辑</a>
  74. <a href="javascript:;" th:onclick="'javascript:contract_dialog(\'打印\',\'/build/contract/propertyPrint/'+*{id}+'\');'" class="ml-5" style="text-decoration:none">打印</a>
  75. </td>
  76. </tr>
  77. </tbody>
  78. </table>
  79. <div th:replace="admin/common/page :: page"></div>
  80. </div>
  81. </form>
  82. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  83. <script type="text/javascript" th:src="@{/js/build/contract/contract_property_list.js}"></script>
  84. <script th:inline="javascript">
  85. </script>
  86. </body>
  87. </html>