You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

149 lines
6.7 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>应收管理</title>
  6. <link rel="stylesheet" href="http://img.zhizhuchuxing.cn/zzframe/dist/css/bootstrap.min.css" />
  7. <link rel="stylesheet" href="http://img.zhizhuchuxing.cn/zzframe/dists/css/module.css" />
  8. <link rel="stylesheet" href="http://img.zhizhuchuxing.cn/zzframe/dists/css/xcConfirm.css" />
  9. <link rel="stylesheet" href="css/receivable_manager.css" />
  10. </head>
  11. <body>
  12. <div class="iframe_box">
  13. <div class="dis_search">
  14. <div class="form-inline search_first">
  15. <span class="search_name">时间范畴:</span>
  16. <select class="form-control" style="width: 100px;" id="date_type">
  17. <option value="1">预订时间</option>
  18. <option value="2">出游归来时间</option>
  19. </select>
  20. <div class="input-group date form_date" style="margin-left: 10px;width: 130px;">
  21. <input class="form-control " size="16" type="text" id="beforeDate">
  22. <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
  23. </div>
  24. <span>--</span>
  25. <div class="input-group date form_date" style="width: 130px;">
  26. <input class="form-control" size="16" type="text" id="currentDate">
  27. <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
  28. </div>
  29. <span class="search_name">结算状态:</span>
  30. <select class="form-control" style="width: 100px;" id="settlement_status">
  31. <option value="0">请选择</option>
  32. <option value="1">待结算</option>
  33. <option value="2">已关账</option>
  34. <option value="3">对账中</option>
  35. <option value="4">已结算</option>
  36. </select>
  37. <span class="search_name">渠道商:</span>
  38. <select class="select_screen" id="org_list">
  39. <option value="0">请选择</option>
  40. </select>
  41. </div>
  42. <div class="form-inline" style="margin-bottom: 15px;">
  43. <span class="search_name">更多查询:</span>
  44. <div class="form-group">
  45. <input type="text" class="form-control" style="width: 180px;" id="more_search" placeholder="订单号/客人姓名/电话/渠道号">
  46. </div>
  47. <div class="form-group" id="btns" style="float: right; margin-right: 20px;">
  48. <button type="button" class="btn btn-primary float_r mar_r" onclick="searchDidClick()"><span class="glyphicon glyphicon-search"></span> 查询</button>
  49. </div>
  50. </div>
  51. </div>
  52. <ul id="myTabs" class="nav nav-tabs nav_title" role="tablist">
  53. <li role="presentation" class="active" data-toggle="tab">
  54. <a onclick="orderTypeDidClicked('all')" style="cursor: pointer;">全<span style="color: white;opacity: 0;">付</span>部</a>
  55. </li>
  56. <li role="presentation" href="#div_order" data-toggle="tab">
  57. <a onclick="orderTypeDidClicked('bar')">巴<span style="color: white;opacity: 0;">付</span>士</a>
  58. </li>
  59. <li role="presentation" href="#div_order" data-toggle="tab">
  60. <a onclick="orderTypeDidClicked('hotel')">酒<span style="color: white;opacity: 0;">付</span>店</a>
  61. </li>
  62. <li role="presentation" href="#div_order" data-toggle="tab">
  63. <a onclick="orderTypeDidClicked('ticket')">门<span style="color: white;opacity: 0;">付</span>票</a>
  64. </li>
  65. <li role="presentation" href="#div_order" data-toggle="tab">
  66. <a onclick="orderTypeDidClicked('ziyou')">巴士自由行</a>
  67. </li>
  68. </ul>
  69. <div role="tabpanel" class="tab-pane" id="div_order">
  70. <div style="padding-top: 15px;padding-bottom: 15px; opacity: 0;" id="price_div">
  71. <span style="font-size: 14px;font-weight: 500;">销售金额:</span>
  72. <span style="color: red;font-size: 14px;font-weight: 500;color: #0db910;" id="total_price">1,201,134.00</span>
  73. <span style="font-size: 14px;font-weight: 500;margin-left: 50px;">佣金:</span>
  74. <span style="color: red;font-size: 14px;font-weight: 500;" id="commission_price">62,565.00</span>
  75. <span style="font-size: 14px;font-weight: 500;margin-left: 50px;">赔款:</span>
  76. <span style="color: red;font-size: 14px;font-weight: 500;" id="reparation_price">12,565.00</span>
  77. </div>
  78. <div class="table-responsive">
  79. <table class="table table-striped table-hover" style="table-layout: fixed;word-break: break-all;word-wrap: break-word;">
  80. <thead>
  81. <tr>
  82. <th width="75">订单编号</th>
  83. <th width="125">渠道商单号</th>
  84. <th width="140">预订时间</th>
  85. <th width="270">产品名称</th>
  86. <th width="90">房型/票种</th>
  87. <th width="70">间夜/票数</th>
  88. <th width="70">产品类型</th>
  89. <th width="100">出发时间</th>
  90. <th width="100">渠道商</th>
  91. <th width="100">结算金额</th>
  92. <th width="80">结算状态</th>
  93. </tr>
  94. </thead>
  95. <tbody id="order_list" style="display: none;">
  96. <tr>
  97. <td>
  98. <div>555555</div>
  99. </td>
  100. <td>777777</td>
  101. <td>
  102. 2017-04-13 17:16:03
  103. </td>
  104. <td>千岛湖希尔顿酒店</td>
  105. <td>豪华大床房</td>
  106. <td>2</td>
  107. <td>酒店</td>
  108. <td>2017-04-13 17:16:03</td>
  109. <td>千岛湖旅游集散中心</td>
  110. <td>890.00</td>
  111. <td>待结算</td>
  112. </tr>
  113. </tbody>
  114. </table>
  115. </div>
  116. <div class="bottom_div" id="btns_all" style="">
  117. <span class="" style="display: inline-block;">
  118. <button type="button" class="btn btn-warning" onclick="operationBill('close')" >关账</button>
  119. <button type="button" class="btn btn-warning" onclick="operationBill('generate')" >生成对账单</button>
  120. <button type="button" class="btn btn-warning" onclick="operationBill('cancel')" >取消关账</button>
  121. </span>
  122. <span id="page_order_list" class="pageDiv" style="text-align: right;padding: 0;float: right;">
  123. </span>
  124. </div>
  125. </div>
  126. </div>
  127. <script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  128. <script src="http://img.zhizhuchuxing.cn/zzframe/dists/js/module.js" type="text/javascript" charset="utf-8"></script>
  129. <script src="http://img.zhizhuchuxing.cn/zzframe/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
  130. <script src="http://img.zhizhuchuxing.cn/zzframe/dists/js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
  131. <!--<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>-->
  132. <script src="../../js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
  133. <!--<script src="../../js/base_path.js" type="text/javascript" charset="utf-8"></script>-->
  134. <script src="js/tool.js" type="text/javascript" charset="utf-8"></script>
  135. <script src="js/receivable_manager.js" type="text/javascript" charset="utf-8"></script>
  136. </body>
  137. </html>