edit.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <style>
  4. .custom-table.table{
  5. width: 100%;
  6. }
  7. .custom-table th,.custom-table td{
  8. padding: 10px;
  9. }
  10. .custom-table th{
  11. width: 120px;
  12. text-align: right;
  13. }
  14. .text {
  15. width: 200px;
  16. display: inline-block;
  17. }
  18. .num {
  19. margin-left: 20px;
  20. }
  21. </style>
  22. <div class="col-sm-12">
  23. <div class="panel panel-default">
  24. <div class="panel-heading clearfix">
  25. 详情
  26. <div class="btn-group pull-right">
  27. <a href="javascript:history.go(-1);">返回</a>
  28. </div>
  29. </div>
  30. <div class="panel-body">
  31. <div style="margin-bottom: 20px">
  32. 上次到期时间:{$data['data']['start']};
  33. 交款结束时间:{$data['data']['end']};
  34. 备注:<input type="text" name="remark"> <br>
  35. <p></p>
  36. <a href="javascript:;" onclick="onSave(this)" class="btn btn-warinig btn-sm">重新扎帐</a>
  37. </div>
  38. </div>
  39. </div>
  40. <div>
  41. <!-- nav tabs -->
  42. <ul class="nav nav-tabs" role="tablist">
  43. <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">基本汇总</a></li>
  44. <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">基本明细</a></li>
  45. <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">科目明细</a></li>
  46. </ul>
  47. <div class="tab-content">
  48. <div role="tabpanel" class="tab-pane active" id="home">
  49. <table class="table table-bordered">
  50. <tr>
  51. <th>总金额</th>
  52. <th>总预付款</th>
  53. <th>总实收</th>
  54. <th>现金</th>
  55. <th>支付宝</th>
  56. <th>银行托收</th>
  57. <th>微信</th>
  58. </tr>
  59. <tr>
  60. <td>{$data['data']['money']}</td>
  61. <td>{$data['data']['pre_money']}</td>
  62. <td>{$data['data']['true_money']}</td>
  63. <td>{$data['data']['pay_money1']}</td>
  64. <td>{$data['data']['pay_money3']}</td>
  65. <td>{$data['data']['pay_money4']}</td>
  66. <td>{$data['data']['pay_money5']}</td>
  67. </tr>
  68. </table>
  69. <table class="table table-bordered">
  70. <tr>
  71. <th>收费科目</th>
  72. <th>金额</th>
  73. </tr>
  74. {foreach $data['fees'] as $k=>$v}
  75. <tr>
  76. <td>{$v['fee_title']}</td>
  77. <td>{$v['money']}</td>
  78. </tr>
  79. {/foreach}
  80. </table>
  81. </div>
  82. <div role="tabpanel" class="tab-pane" id="profile">
  83. <table class="table table-bordered">
  84. <tr>
  85. <th>单据号</th>
  86. <th>业主</th>
  87. <th>应收</th>
  88. <th>实收</th>
  89. <th>预付款</th>
  90. <th>支付方式</th>
  91. <th>收款日期</th>
  92. <th>收款人</th>
  93. </tr>
  94. {foreach $data['list'] as $k=>$v}
  95. <tr>
  96. <td>{$v['sn']}</td>
  97. <td>{$v['name']}</td>
  98. <td>{$v['money']}</td>
  99. <td>{$v['true_money']}</td>
  100. <td>{$v['pre_money']}</td>
  101. <td>
  102. {if $v['pay_type'] == 1}现金{/if}
  103. {if $v['pay_type'] == 3}支付宝{/if}
  104. {if $v['pay_type'] == 4}银行托收{/if}
  105. {if $v['pay_type'] == 5}微信{/if}
  106. {if $v['pay_type'] == 6}组合付款{/if}
  107. </td>
  108. <td>{$v['pay_time']}</td>
  109. <td>{$v['payee']}</td>
  110. </tr>
  111. {/foreach}
  112. </table>
  113. </div>
  114. <div role="tabpanel" class="tab-pane" id="messages">
  115. <table class="table table-bordered">
  116. <tr>
  117. <th>单据号</th>
  118. <th>业主</th>
  119. <th>小区</th>
  120. <th>资源名称</th>
  121. <th>资源属性</th>
  122. <th>类型</th>
  123. <th>收费科目</th>
  124. <th>金额</th>
  125. <th>起止日期</th>
  126. <th>收款日期</th>
  127. <th>收款人</th>
  128. </tr>
  129. {foreach $data['logs'] as $k=>$v}
  130. <tr>
  131. <td>{$v['sn']}</td>
  132. <td>{$v['name']}</td>
  133. <td>{$v['area_title']}</td>
  134. <td>{$v['title']}</td>
  135. <td>
  136. {if $v['cate'] == 1}住房{/if}
  137. {if $v['cate'] == 2}商铺{/if}
  138. {if $v['cate'] == 3}营业房{/if}
  139. {if $v['cate'] == 4}储藏室{/if}
  140. {if $v['cate'] == 5}停车位{/if}
  141. </td>
  142. <td>{$v['c_type_name']}</td>
  143. <td>{$v['fee_title']}</td>
  144. <td>{$v['money']}</td>
  145. <td>
  146. {if $v['start']}
  147. {$v['start']} ~ {$v['end']}
  148. {/if}
  149. </td>
  150. <td>{$v['pay_time']}</td>
  151. <td>{$v['payee']}</td>
  152. </tr>
  153. {/foreach}
  154. </table>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. {/block}
  160. {block name="script"}
  161. <script src="/static/layDate-v5.0.9/laydate.js"></script>
  162. <script>
  163. $(function(){
  164. laydate.render({
  165. elem: '#end',
  166. theme: '#0061b3',
  167. type: 'datetime'
  168. });
  169. });
  170. function onSave(_self) {
  171. var flag = $(_self).attr('data-flag');
  172. if(flag == true){
  173. return ;
  174. }
  175. $(_self).attr('data-flag',true);
  176. var start = $('#start').val();
  177. var end = $('#end').val();
  178. var remark = $('#remark').val();
  179. var url = '{:url("addSave")}';
  180. $.post(url,{start:start,end:end,remark:remark},function (res) {
  181. if(res.code == 1){
  182. window.location.href = '{:url("index")}';
  183. }else{
  184. layer.msg(res.msg);
  185. }
  186. });
  187. }
  188. </script>
  189. {/block}