tenancy_info.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  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. <style>
  8. .text-c thead tr th{
  9. white-space: nowrap;
  10. }
  11. .line{display: block;
  12. text-align: left;
  13. background-color: #fff;
  14. color: #333;
  15. border-bottom: 1px solid #0a6999;
  16. border-color: #fff;
  17. border-bottom: 1px solid #0a6999;
  18. margin-top: 10px;
  19. vertical-align: middle;
  20. padding: 4px 12px;
  21. height: 31px;
  22. line-height: 31px;
  23. font-size: 14px;
  24. font-weight: bold;
  25. }
  26. </style>
  27. </head>
  28. <body layout:fragment="content">
  29. <article class="page-container">
  30. <form class="form form-horizontal" id="form-electricWater-edit">
  31. <div class="line">基本信息</div>
  32. <div class="row cl">
  33. <label class="form-label col-xs-4 col-sm-2">客户名称:</label>
  34. <div class="formControls col-xs-8 col-sm-9">
  35. <span th:text="${contract.company_name}"></span>
  36. </div>
  37. </div>
  38. <div class="row cl">
  39. <label class="form-label col-xs-4 col-sm-2">合同编号:</label>
  40. <div class="formControls col-xs-8 col-sm-4">
  41. <span th:text="${contract.contract_no}"></span>
  42. </div>
  43. <label class="form-label col-xs-4 col-sm-2">收款周期:</label>
  44. <div class="formControls col-xs-8 col-sm-4">
  45. <span th:text="${contract.tenancy_payment_cycle}"></span><span> 个月</span>
  46. <input type="hidden" id="tenancy_payment_cycle" th:value="${contract.tenancy_payment_cycle}"/>
  47. </div>
  48. </div>
  49. <div class="row cl">
  50. <label class="form-label col-xs-4 col-sm-2">合同生效日:</label>
  51. <div class="formControls col-xs-8 col-sm-4">
  52. <span th:text="${contract.contract_start_date}"></span>
  53. </div>
  54. <label class="form-label col-xs-4 col-sm-2">合同到期日:</label>
  55. <div class="formControls col-xs-8 col-sm-4">
  56. <span th:text="${contract.contract_end_date}"></span>
  57. </div>
  58. </div>
  59. <div class="row cl">
  60. <div class="formControls col-xs-8 col-sm-12">
  61. <table class="table table-border table-bordered table-bg table-hover">
  62. <thead>
  63. <tr class="text-c">
  64. <th>楼栋</th>
  65. <th>层数</th>
  66. <th>面积(平方米)</th>
  67. <th>单价(元/月/平方米)</th>
  68. </tr>
  69. </thead>
  70. <tbody >
  71. <tr class="text-c " th:each="buildLive,iterStat : ${buildLives}" th:object="${buildLive}">
  72. <td th:text="*{build_number}"></td>
  73. <td th:text="*{floor}"></td>
  74. <td th:text="*{use_area}"></td>
  75. <td th:text="*{pay}"></td>
  76. </tr>
  77. </tbody>
  78. </table>
  79. </div>
  80. </div>
  81. <div class="row cl">
  82. <div class="formControls col-xs-8 col-sm-12">
  83. <div class="line">缴费信息</div>
  84. <div style="min-width: 1000px">
  85. <table id="tenancyTb" class="table table-border table-bordered table-bg table-hover">
  86. <thead>
  87. <tr class="text-c">
  88. <th>缴费期数</th>
  89. <th>开始日期</th>
  90. <th>结束日期</th>
  91. <th>应缴房租(元)</th>
  92. <th>已缴房租(元)</th>
  93. <th>应缴费日期</th>
  94. <th>缴费状态</th>
  95. <th>备注</th>
  96. </tr>
  97. </thead>
  98. <tbody class="pre_tenancy_line" id="pre_tenancy_line">
  99. <tr th:object="${tenancy}">
  100. <td>
  101. <span th:if="*{period}=='-1'">末 期</span>
  102. <span th:unless="*{period}=='-1'">第 <span th:text="*{period}"></span> 期</span>
  103. <input type="hidden"/>
  104. </td>
  105. <td th:text="*{period_start_date}"></td>
  106. <td th:text="*{period_end_date}"></td>
  107. <td th:text="*{house_fee}"></td>
  108. <td th:text="*{paid_house_fee}"></td>
  109. <td class="pay_time" th:text="*{pay_time}"></td>
  110. <td class="td-status">
  111. <span class="label radius" th:if="*{status}==0">未缴款</span>
  112. <span class="label radius label-success" th:if="*{status}==2">已缴款</span>
  113. <span class="label radius" th:if="*{status}==1">部分缴款</span>
  114. </td>
  115. <td th:text="*{remark}"></td>
  116. </tr>
  117. </tbody>
  118. </table>
  119. </div>
  120. </div>
  121. </div>
  122. <div class="row cl">
  123. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  124. <!--<button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>-->
  125. </div>
  126. </div>
  127. </form>
  128. </article>
  129. <script th:inline="javascript">
  130. /**
  131. * 取消
  132. */
  133. function removeIframe() {
  134. var index = parent.layer.getFrameIndex(window.name);
  135. parent.layer.close(index);
  136. }
  137. </script>
  138. </body>
  139. </html>