tenancy_detail_edit.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  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. <article class="page-container">
  10. <form class="form form-horizontal" id="form-tenancy-detail-edit">
  11. <input type="hidden" th:value="${tenancy.id}" th:name="id"/>
  12. <div class="row cl">
  13. <label class="form-label col-xs-4 col-sm-2">缴费期数:</label>
  14. <div class="formControls col-xs-8 col-sm-9">
  15. <span>第</span><span th:text="${tenancy.period}"></span><span>期</span>
  16. <input type="hidden" th:value="${tenancy.period}" th:name="period"/>
  17. </div>
  18. </div>
  19. <div class="row cl">
  20. <label class="form-label col-xs-4 col-sm-2">开始日期:</label>
  21. <div class="formControls col-xs-8 col-sm-3">
  22. <span th:text="${tenancy.period_start_date}"></span>
  23. <input type="hidden" th:value="${tenancy.period_start_date}" th:name="period_start_date"/>
  24. </div>
  25. <label class="form-label col-xs-4 col-sm-2">结束日期:</label>
  26. <div class="formControls col-xs-8 col-sm-4">
  27. <span th:text="${tenancy.period_end_date}"></span>
  28. <input type="hidden" th:value="${tenancy.period_end_date}" th:name="period_end_date"/>
  29. </div>
  30. </div>
  31. <div class="row cl">
  32. <label class="form-label col-xs-4 col-sm-2">应缴房租(元):</label>
  33. <div class="formControls col-xs-8 col-sm-3">
  34. <span th:text="${tenancy.house_fee}"></span>
  35. <input id="house_fee" type="hidden" th:value="${tenancy.house_fee}" th:name="house_fee"/>
  36. </div>
  37. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>已缴房租(元):</label>
  38. <div class="formControls col-xs-8 col-sm-4">
  39. <input type="text" class="input-text" number="true" required min="0" th:value="${tenancy.paid_house_fee}" th:name="paid_house_fee"/>
  40. </div>
  41. <div class="formControls col-xs-1 col-sm-1">
  42. </div>
  43. </div>
  44. <div class="row cl">
  45. <label class="form-label col-xs-4 col-sm-2">应缴费日期:</label>
  46. <div class="formControls col-xs-8 col-sm-9">
  47. <span th:text="${tenancy.pay_time}"></span>
  48. <input type="hidden" th:value="${tenancy.pay_time}" th:name="pay_time"/>
  49. </div>
  50. </div>
  51. <div class="row cl">
  52. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>缴费状态:</label>
  53. <div class="formControls col-xs-8 col-sm-4">
  54. <span class="select-box">
  55. <select class="select status" required th:name="status" >
  56. <option value="0" th:selected="${tenancy.status}==0">未缴费</option>
  57. <option value="2" th:selected="${tenancy.status}==2">已缴费</option>
  58. <option value="1" th:selected="${tenancy.status}==1">部分缴费</option>
  59. </select>
  60. </span>
  61. </div>
  62. </div>
  63. <div class="row cl">
  64. <label class="form-label col-xs-4 col-sm-2">备注:</label>
  65. <div class="formControls col-xs-8 col-sm-9">
  66. <input type="text" class="input-text" th:value="${tenancy.remark}" th:name="remark"/>
  67. </div>
  68. </div>
  69. <div class="row cl" id="manageRow">
  70. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  71. <!--<button onClick="article_save();" class="btn btn-secondary radius" type="button"><i-->
  72. <!--class="Hui-iconfont">&#xe632;</i> 保存草稿-->
  73. <!--</button>-->
  74. <!--<button onClick="printTenancy();" class="btn btn-primary radius" type="button">&nbsp;&nbsp;打印&nbsp;&nbsp;</button>-->
  75. <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i>保存</button>
  76. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  77. </div>
  78. </div>
  79. </form>
  80. </article>
  81. <script type="text/javascript" th:src="@{/js/build/tenancy/tenancy_edit.js}"></script>
  82. <script th:inline="javascript">
  83. /**
  84. * 取消
  85. */
  86. function removeIframe() {
  87. var index = parent.layer.getFrameIndex(window.name);
  88. parent.layer.close(index);
  89. }
  90. function printTenancy(){
  91. $("#manageRow").hide();
  92. print();
  93. $("#manageRow").show();
  94. }
  95. </script>
  96. </body>
  97. </html>