contract_property_edit.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  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. .line{display: block;
  9. text-align: left;
  10. background-color: #fff;
  11. color: #333;
  12. border-bottom: 1px solid #0a6999;
  13. border-color: #fff;
  14. border-bottom: 1px solid #0a6999;
  15. margin-top: 10px;
  16. vertical-align: middle;
  17. padding: 4px 12px;
  18. height: 31px;
  19. line-height: 31px;
  20. font-size: 14px;
  21. font-weight: bold;
  22. }
  23. </style>
  24. </head>
  25. <body layout:fragment="content">
  26. <article class="page-container">
  27. <form class="form form-horizontal" id="form-property-edit">
  28. <input type="hidden" th:name="id" th:id="property_id" th:value="${property.id}"/>
  29. <div id="contractInfo" th:if="${contract}">
  30. <div class="line">基本信息</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-9">
  34. [[${contract.company_name}]]
  35. </div>
  36. </div>
  37. <div class="row cl">
  38. <label class="form-label col-xs-4 col-sm-2"> 合同编号:</label>
  39. <div class="formControls col-xs-8 col-sm-9">
  40. [[${contract.contract_no}]]
  41. </div>
  42. </div>
  43. <div class="row cl" th:each="companyContact,iterStat:${contract.companyContacts}" th:object="${companyContact}">
  44. <label class="form-label col-xs-4 col-sm-2"> <span th:if="${iterStat.first}">联系人:</span></label>
  45. <div class="formControls col-xs-8 col-sm-4">
  46. [[*{contact}]]
  47. </div>
  48. <label class="form-label col-xs-4 col-sm-2"><span th:if="${iterStat.first}"> 联系电话:</span></label>
  49. <div class="formControls col-xs-8 col-sm-4">
  50. [[*{phone}]]
  51. </div>
  52. </div>
  53. <div class="row cl">
  54. <label class="form-label col-xs-4 col-sm-2"> 位置:</label>
  55. <div class="formControls col-xs-8 col-sm-4">
  56. [[${contract.location}]]
  57. </div>
  58. </div>
  59. </div>
  60. <div class="line">合同信息</div>
  61. <table id="propertyTb" style="margin-top: 15px" class="table table-border table-bordered table-bg table-hover">
  62. <thead>
  63. <tr class="text-c">
  64. <th>费用项</th>
  65. <th>单价(元/月/m²)</th>
  66. <th>面积(m²)</th>
  67. <th>开始日期</th>
  68. <th>结束日期</th>
  69. <th>收款周期</th>
  70. </tr>
  71. </thead>
  72. <tbody>
  73. <tr class="text-c" th:object="${property}">
  74. <td>
  75. <span th:if="*{fee_type}==1">物业费</span>
  76. <span th:if="*{fee_type}==0">停车费</span>
  77. </td>
  78. <td th:text="*{price}"></td>
  79. <td th:text="*{number}"></td>
  80. <td th:text="*{period_start_date}"></td>
  81. <td th:text="*{period_end_date}"></td>
  82. <td ><span th:text="*{payment_cycle}"></span>个月</td>
  83. </tr>
  84. </tbody>
  85. </table>
  86. <div class="line">本期费用</div>
  87. <table id="" style="margin-top: 15px" class="table table-border table-bordered table-bg table-hover">
  88. <thead>
  89. <tr class="text-c">
  90. <th>开始日期</th>
  91. <th>结束日期</th>
  92. <th>总金额(元)</th>
  93. <!-- <th>收款周期</th> -->
  94. <th>缴费日期</th>
  95. </tr>
  96. </thead>
  97. <tbody>
  98. <tr class="text-c" th:object="${property}">
  99. <td th:text="*{period_start_date}"></td>
  100. <td th:text="*{period_end_date}"></td>
  101. <td th:unless="*{total_fee}" th:text="(*{price})*(*{number})*(*{payment_cycle})"></td>
  102. <td th:if="*{total_fee}" th:text="*{total_fee}"></td>
  103. <!-- <td><span th:text="*{payment_cycle}"></span>个月</td> -->
  104. <td><span th:text="*{pay_time}"></span></td>
  105. </tr>
  106. </tbody>
  107. </table>
  108. <div class="row cl">
  109. <label class="form-label col-xs-4 col-sm-2"> 是否已缴费:</label>
  110. <div th:if="${editable}==true" class="formControls col-xs-8 col-sm-3">
  111. <span class="select-box" th:unless="${property.is_paid}=='2'">
  112. <select class="select" required th:name="is_paid" th:value="${property.is_paid}">
  113. <option th:selected="${property.is_paid}=='0'" value="0" >未缴费</option>
  114. <option th:selected="${property.is_paid}=='2'" value="2">已缴费</option>
  115. </select>
  116. </span>
  117. <span th:if="${property.is_paid}=='2'">已缴款</span>
  118. </div>
  119. <div th:unless="${editable}==true" class="formControls col-xs-8 col-sm-9">
  120. <span th:if="${property.is_paid}=='2'">已缴款</span>
  121. <span th:unless="${property.is_paid}=='2'">未缴款</span>
  122. </div>
  123. </div>
  124. <div class="row cl" id="manageRow">
  125. <div th:if="${editable}==true" class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  126. <button th:unless="${property.is_paid}=='2'" class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i>保存</button>
  127. <!--<button onClick="printProperty();" class="btn btn-primary radius" type="button">&nbsp;&nbsp;打印&nbsp;&nbsp;</button>-->
  128. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  129. </div>
  130. </div>
  131. </form>
  132. </article>
  133. <script type="text/javascript" th:src="@{/js/build/contract/contract_property_edit.js}"></script>
  134. <script th:inline="javascript">
  135. /**
  136. * 取消
  137. */
  138. function removeIframe() {
  139. var index = parent.layer.getFrameIndex(window.name);
  140. parent.layer.close(index);
  141. }
  142. </script>
  143. </body>
  144. </html>