viewServiceCharge.php 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <title>查看服务费详细</title>
  7. <meta name="description" content="">
  8. <meta name="keywords" content="">
  9. <link href="/css/ims/base.css" rel="stylesheet">
  10. <link rel="stylesheet" type="text/css" href="/css/ims/bootstrap.min.css"/>
  11. <link rel="stylesheet" type="text/css" href="/css/ims/jquery.datetimepicker.css"/>
  12. <link rel="stylesheet" type="text/css" href="/css/ims/ace.min.css"/>
  13. <style>
  14. .green {
  15. color: green;
  16. }
  17. .red {
  18. color: red;
  19. }
  20. .ims-box {
  21. margin: 20px;
  22. }
  23. .screen > div {
  24. float: left;
  25. margin-right: 8px;
  26. }
  27. .screen .date > input {
  28. height: 30px;
  29. border-radius: 4px;
  30. border: 1px solid #ccc;
  31. box-shadow: none;
  32. text-indent: 10px;
  33. }
  34. .screen .purposeOrderNo > input {
  35. height: 30px;
  36. border-radius: 4px;
  37. border: 1px solid #ccc;
  38. box-shadow: none;
  39. text-indent: 10px;
  40. }
  41. .screen button {
  42. padding: 4px 12px;
  43. }
  44. .table-box {
  45. margin-top: 30px;
  46. }
  47. .btn-formal-order {
  48. cursor: pointer;
  49. }
  50. .application-number-box {
  51. margin-top: 50px;
  52. text-align: center;
  53. }
  54. .application-number-box span {
  55. margin-right: 20px;
  56. }
  57. .layui-layer-btn .layui-layer-btn0 {
  58. border-color: #15ae68 !important;
  59. background-color: #15ae68 !important;
  60. color: #fff;
  61. }
  62. .btn-date_show{
  63. display: inline-block;width: 170px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
  64. }
  65. .cancel{
  66. background: #0e8e54;
  67. color:white;
  68. padding: 5px;
  69. border:1px solid #666;
  70. }
  71. .class-modal-1 {
  72. width: auto;
  73. background: #fff;
  74. border-radius: 5px;
  75. position: absolute;
  76. top: 50%;
  77. left: 50%;
  78. transform: translate(-50%, -50%);
  79. border: 1px solid #0e8e54;
  80. }
  81. .class-modal-head-1 {
  82. font-size: 14px;
  83. text-align: left;
  84. color:#fff;
  85. line-height:30px;
  86. background: #2977ff;
  87. padding-left:15px;
  88. }
  89. .class-modal-body-1{
  90. padding:15px;
  91. }
  92. .class-modal-body-1 h2,.class-modal-body-1 h3{
  93. font-size:14px;
  94. font-weight:normal;
  95. margin-top:10px;
  96. }
  97. .class-modal-body-1 h3 span{
  98. font-size:10px;
  99. color:#ccc;
  100. }
  101. .class-modal-body-1 label{
  102. display: inline-block;
  103. font-weight: normal;
  104. margin-right: 15px;
  105. height:30px;
  106. position: relative;
  107. }
  108. .class-modal-1 .icon-close-1{
  109. position: absolute;
  110. right: 10px;
  111. top:5px;
  112. }
  113. .class-modal-1 .class_area{
  114. height:115px;
  115. border:1px solid #ccc;
  116. padding:5px;
  117. overflow-y: auto;
  118. margin-bottom:15px;
  119. }
  120. .class-modal-1 .checkAll{
  121. position:absolute;
  122. right:5px;
  123. top:115px;
  124. }
  125. .class-modal-1 .subsection{
  126. }
  127. .class-modal-1 .btn p{color:#000;}
  128. .class-modal-1 .btn_area{
  129. padding: 10px;
  130. border-top: 1px solid #aab6aa;
  131. margin-top:10px;
  132. }
  133. .class-modal-1 .btn_area p{
  134. display: inline-block;
  135. }
  136. .class-modal-1 .btn_area button{
  137. margin-left:5px;
  138. }
  139. .confirmbox-mask {
  140. background: rgba(0, 0, 0, .7);
  141. left: 0;
  142. right: 0;
  143. top: 0;
  144. bottom: 0;
  145. z-index: 99;
  146. position: fixed;
  147. }
  148. </style>
  149. </head>
  150. <body>
  151. <div class="ims-box">
  152. <p><b>学管服务费核算结果</b></p>
  153. <div class="table-box">
  154. <table id="intention-table"
  155. class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable"
  156. style="font-size:12px">
  157. <thead>
  158. <tr>
  159. <th>学校</th>
  160. <th>学管姓名</th>
  161. <th>结算服务费</th>
  162. <th>预留服务费</th>
  163. <th>应发服务费</th>
  164. <th>应服务天数</th>
  165. <th>实际服务天数</th>
  166. <th>已发服务费</th>
  167. <th>扣款</th>
  168. <th>实际下发</th>
  169. </tr>
  170. </thead>
  171. <tbody>
  172. <?php foreach ($batches as $batch):?>
  173. <tr>
  174. <td><?php echo $batch['schoolName'];?></td>
  175. <td><?php echo $batch['coachName'];?></td>
  176. <td><?php echo $batch['shouldSettlementMoney'];?></td>
  177. <td><?php echo $batch['reservedMoney'];?></td>
  178. <td><?php echo $batch['shouldBeSentMoney'];?></td>
  179. <td><?php echo isset($batch['shouldServiceDay'])?$batch['shouldServiceDay']:'';?></td>
  180. <td><?php echo isset($batch['settlementDay'])?$batch['settlementDay']:'';?></td>
  181. <td><?php echo $batch['alreadyGrant'];?></td>
  182. <td><?php echo $batch['deduction'];?></td>
  183. <td><?php echo $batch['currentRealGrant'];?></td>
  184. </tr>
  185. <?php endforeach;?>
  186. </tbody>
  187. </table>
  188. </div>
  189. <p><a id="tipWindow" href="javascript:void(0)">服务费计算规则说明</a></p>
  190. <!---- 弹窗提示 ----->
  191. <div class="confirmbox-mask" id="t-window" style="display: none;">
  192. <div class="class-modal-1">
  193. <div class="class-modal-head-1">计算规则说明</div>
  194. <div class="class-modal-body-1">
  195. <div>
  196. <span>服务费均按照订单、回款、服务费政策和日常综合表现核算,各项字段规则如下</span>
  197. </div>
  198. <table style="margin-top: 15px;" class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable">
  199. <thead>
  200. <tr>
  201. <th>字段</th>
  202. <th>说明</th>
  203. </tr>
  204. </thead>
  205. <tbody >
  206. <tr><td>结算服务费</td><td>由每一个产品和回款决定结算费用金额</td></tr>
  207. <tr><td>预留服务费</td><td>预留15%的结算服务费,即预留服务费=结算服务费*15%</td></tr>
  208. <tr><td>应服务天数</td><<td>本学期月份内应服务天数,每月按照30天计算</td>/tr>
  209. <tr><td>实际服务天数</td><td>本学期实际在校服务天数</td></tr>
  210. <tr><td>应发服务费</td><td>除去预留后的服务费,即应发服务费=结算服务费-预留服务费</td></tr>
  211. <tr><td>已发服务费</td><td>本学期已经发的服务费</td></tr>
  212. <tr><td>扣款</td><td>本学期累积扣款,具体扣款金额,请查看扣款明细</td></tr>
  213. <tr><td>实际下发</td><td>本次实际下发的金额,单学校实际下发=(结算服务费-预留服务费)/150*实际服务天数-已发服务费-扣款</td></tr>
  214. </tbody>
  215. </table>
  216. <div class="btn_area" style="text-align: center;">
  217. <button class="cancel">关闭</button>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. <p><b>年级服务费核算详细</b></p>
  223. <div class="table-box">
  224. <table id="order-table"
  225. class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable"
  226. style="font-size:12px">
  227. <thead>
  228. <tr>
  229. <th>学校</th>
  230. <th>年级</th>
  231. <th>产品</th>
  232. <th>学科</th>
  233. <th>回款人数</th>
  234. <th>结算服务费(单人)</th>
  235. <th>结算服务费(元)</th>
  236. </tr>
  237. </thead>
  238. <tbody>
  239. <?php if (isset($order['list'])): ?>
  240. <?php foreach ($order['list'] as $item): ?>
  241. <tr>
  242. <td><?php echo isset($item['schoolName'])?$item['schoolName']:'';?></td>
  243. <td><?php echo isset($item['grade'])?$item['grade']:'';?></td>
  244. <td><?php echo $item['goodsTypeName'];?></td>
  245. <td><?php echo $item['subjectName'];?></td>
  246. <td><?php echo $item['backNum'];?></td>
  247. <td><?php echo isset($item['shouldSettlementMoneyOne'])?$item['shouldSettlementMoneyOne']:'';?></td>
  248. <td><?php echo $item['shouldSettlementMoney'];?></td>
  249. </tr>
  250. <?php endforeach; ?>
  251. <?php endif; ?>
  252. </tbody>
  253. </table>
  254. <?php if ($order): ?>
  255. <div class="col-sm-12">
  256. <ul class="pagination">
  257. <?php
  258. $params = array();
  259. if (isset($_GET['page'])) {
  260. $params['page'] = $_GET['page'];
  261. }else{
  262. $params['page'] = 1;
  263. }
  264. echo ajaxFormatPage($order, 'orderPage', $params);
  265. ?>
  266. </ul>
  267. </div>
  268. <?php endif; ?>
  269. </div>
  270. <p><b>本学期扣款记录</b></p>
  271. <span class="red">本学期所有的扣款记录</span>
  272. <div class="table-box">
  273. <table id="recorder-table"
  274. class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable"
  275. style="font-size:12px">
  276. <thead>
  277. <tr>
  278. <th>学年</th>
  279. <th>学期</th>
  280. <th>扣款金额(元)</th>
  281. <th>扣款说明</th>
  282. </tr>
  283. </thead>
  284. <tbody>
  285. <?php if ($recorder['list']): ?>
  286. <?php foreach ($recorder['list'] as $item): ?>
  287. <tr>
  288. <td><?php echo $item['schoolYearName'];?></td>
  289. <td><?php echo $item['semesterName'];?></td>
  290. <td><?php echo $item['deductionMoney'];?></td>
  291. <td><?php echo $item['description'];?></td>
  292. </tr>
  293. <?php endforeach; ?>
  294. <?php endif; ?>
  295. </tbody>
  296. </table>
  297. <?php if ($recorder): ?>
  298. <div class="col-sm-12">
  299. <ul class="pagination">
  300. <?php
  301. $params = array();
  302. if (isset($_GET['page'])) {
  303. $params['page'] = $_GET['page'];
  304. }else{
  305. $params['page'] = 1;
  306. }
  307. echo ajaxFormatPage($recorder, 'recorderPage', $params);
  308. ?>
  309. </ul>
  310. </div>
  311. <?php endif; ?>
  312. </div>
  313. </div>
  314. <script src="/js/productset/jquery.min.js"></script>
  315. <script src="/js/ims/jquery.datetimepicker.js"></script>
  316. <script src="/js/ims/xsgl.js"></script>
  317. <script src="/js/layer/layer.js"></script>
  318. <script>
  319. $(document).ready(function () {
  320. var batchId='<?php echo $_GET['batchId']?>';
  321. $('.recorderPage').click(function(){
  322. var page=$(this).attr('page');
  323. ajaxGetData(page,1);
  324. $('.recorderPage').closest('li').removeClass('active');
  325. $(this).closest('li').addClass('active');
  326. return false;
  327. })
  328. $('.orderPage').click(function(){
  329. var page=$(this).attr('page');
  330. ajaxGetData(page,2);
  331. $('.orderPage').closest('li').removeClass('active');
  332. $(this).closest('li').addClass('active');
  333. return false;
  334. })
  335. function ajaxGetData(page,type){
  336. if(type==1){
  337. obj=$('#recorder-table')
  338. }else{
  339. obj=$('#order-table')
  340. }
  341. $.ajax({
  342. url:'<?php echo $this->createUrl('imsSale/ajaxSearchServiceCharge')?>',
  343. type:'POST',
  344. dataType:'json',
  345. data:{page:page,type:type,batchId:batchId},
  346. success:function(res){
  347. if(res.status==1){
  348. if(res.data.list.length>0){
  349. var html='';
  350. $.each(res.data.list,function(i,v){
  351. html+='<tr>';
  352. if(type==1){
  353. html+='<td>'+v.schoolYearName+'</td>';
  354. html+='<td>'+v.semesterName+'</td>';
  355. html+='<td>'+v.deductionMoney+'</td>';
  356. html+='<td>'+v.description+'</td>';
  357. }else{
  358. html+='<td>'+v.grade+'</td>';
  359. html+='<td>'+v.goodsTypeName+'</td>';
  360. html+='<td>'+v.subjectName+'</td>';
  361. html+='<td>'+v.backNum+'</td>';
  362. html+='<td>'+v.shouldSettlementMoneyOne+'</td>';
  363. html+='<td>'+v.shouldSettlementMoney+'</td>';
  364. }
  365. html+='</tr>';
  366. })
  367. obj.find('tbody').html(html);
  368. }
  369. }
  370. }
  371. });
  372. }
  373. })
  374. $('#tipWindow').click(function () {
  375. $('#t-window').show()
  376. })
  377. $('.cancel').click(function () {
  378. $('#t-window').hide();
  379. })
  380. </script>
  381. </body>
  382. </html>