tenancy_list.html 4.2 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/tenancy/list}" 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="${searchTenancy.status}==0"></option>
  25. <option th:value="1" th:text="部分缴费" th:selected="${searchTenancy.status}==1"></option>
  26. <option th:value="2" th:text="已缴费" th:selected="${searchTenancy.status}==2"></option>
  27. </select>
  28. </span>
  29. <input type="text" class="input-text" style="width:250px" placeholder="请输入客户名称,合同编号" name="keyword" th:value="${keyword}"/>
  30. <button type="submit" class="btn btn-primary">
  31. 搜索
  32. </button>
  33. </div>
  34. <div class="cl pd-5 bg-1 bk-gray mt-20">
  35. <span class="r">共有数据:<strong th:text="${pageInfo?.total}" id="total">54</strong> 条</span>
  36. </div>
  37. <table id="notifyTb" class="table table-border table-bordered table-bg table-hover">
  38. <thead>
  39. <tr class="text-c">
  40. <th>客户名称</th>
  41. <th>合同编号</th>
  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. </tr>
  51. </thead>
  52. <tbody>
  53. <tr class="text-c" th:each="model,iterStat:${pageInfo.list}" th:object="${model}">
  54. <td th:text="*{company_name}"></td>
  55. <td th:text="*{contract_no}"></td>
  56. <td th:text="*{tenancy_area}"></td>
  57. <td th:text="*{payment_cycle}"></td>
  58. <td th:text="*{house_fee}"></td>
  59. <td th:text="*{paid_house_fee}"></td>
  60. <td th:text="*{pay_time}"></td>
  61. <td>
  62. <span th:if="*{period}=='-1'">末 期</span>
  63. <span th:unless="*{period}=='-1'">第 <span th:text="*{period}"></span> 期</span>
  64. </td>
  65. <td class="td-status">
  66. <span class="label radius" th:if="*{status}==0">未缴款</span>
  67. <span class="label radius" th:if="*{status}==1">部分缴款</span>
  68. <span class="label radius label-success" th:if="*{status}==2">已缴款</span>
  69. </td>
  70. <td class="td-manage">
  71. <a title="" href="javascript:;" th:unless="*{status}==2" th:onclick="'javascript:tenancy_confirm( \'/build/tenancy/feeRemind/4/'+*{id}+'\');'" class="ml-5" style="text-decoration:none">催缴</a>
  72. <a title="" href="javascript:;" th:onclick="'javascript:tenancy_dialog( \'编辑\',\'/build/tenancy/edit/'+*{id}+'\',\'890\',\'500\');'" class="ml-5" style="text-decoration:none">编辑</a>
  73. <a href="javascript:;" th:onclick="'javascript:tenancy_dialog(\'打印\',\'/build/tenancy/tenancyPrint/'+*{id}+'\');'" class="ml-5" style="text-decoration:none">打印</a>
  74. </td>
  75. </tr>
  76. </tbody>
  77. </table>
  78. <div th:replace="admin/common/page :: page"></div>
  79. </div>
  80. </form>
  81. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  82. <script type="text/javascript" th:src="@{/js/build/tenancy/tenancy_list.js}"></script>
  83. <script th:inline="javascript">
  84. </script>
  85. </body>
  86. </html>