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.
 
 
 
 

327 lines
14 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=8">
  6. <meta http-equiv="Expires" content="0">
  7. <meta http-equiv="Pragma" content="no-cache">
  8. <meta http-equiv="Cache-control" content="no-cache">
  9. <meta http-equiv="Cache" content="no-cache">
  10. <title>订单列表</title>
  11. <link rel="stylesheet" href="http://img.zhizhuchuxing.cn/zzframe/dist/css/bootstrap.min.css"/>
  12. <link rel="stylesheet" href="http://img.zhizhuchuxing.cn/zzframe/dists/css/module.css"/>
  13. <link rel="stylesheet" href="http://img.zhizhuchuxing.cn/zzframe/dists/css/xcConfirm.css"/>
  14. <style type="text/css">
  15. a{
  16. text-decoration:none !important;
  17. }
  18. .search_name {
  19. display: inline-block;
  20. width: 85px;
  21. text-align: right;
  22. }
  23. .input_width {
  24. width: 151px !important;
  25. }
  26. .search_first {
  27. margin-bottom: 10px;
  28. margin-top: 15px;
  29. }
  30. .dis_search {
  31. border: 1px solid #ddd;
  32. }
  33. .combo-select {
  34. width: 141px;
  35. margin-bottom: 0px;
  36. }
  37. .nav_title {
  38. margin: 0 0 15px 0;
  39. }
  40. .dis_middle {
  41. margin-right: 20px;
  42. margin-top: 15px;
  43. text-align: right;
  44. margin-bottom: 8px;
  45. }
  46. .channel_quick {
  47. margin-right: 20px;
  48. text-align: right;
  49. position: absolute;
  50. right: 0;
  51. margin-top: 45px;
  52. }
  53. .cancel_font {
  54. color: #b9bdc7;
  55. }
  56. .sel_font {
  57. color: black;
  58. font-weight: 400;
  59. border-radius: 0;
  60. }
  61. .right_order_show:hover {
  62. text-decoration: underline;
  63. }
  64. /*.tx_c {
  65. text-align: center;
  66. }
  67. td {
  68. text-align: center;
  69. }
  70. */
  71. .blue_font {
  72. color: #4191ff;
  73. cursor: pointer;
  74. }
  75. td {
  76. height: 65px;
  77. }
  78. </style>
  79. </head>
  80. <body>
  81. <div class="iframe_box" style="padding-bottom: 80px;">
  82. <div class="dis_search">
  83. <div class="form-inline search_first">
  84. <span class="search_name">日期选择:</span>
  85. <select class="form-control" style="width: 100px;" id="date_type">
  86. <option value="1">预订日期</option>
  87. <option value="2">入住日期</option>
  88. <option value="3">离店日期</option>
  89. </select>
  90. <div class="input-group date form_date" style="margin-left: 10px;width: 130px;">
  91. <input class="form-control " size="16" type="text" id="beforeDate">
  92. <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
  93. </div>
  94. <span>--</span>
  95. <div class="input-group date form_date" style="width: 130px;">
  96. <input class="form-control" size="16" type="text" id="currentDate">
  97. <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
  98. </div>
  99. <span class="search_name" style="margin-left: 8px;">酒店选择:</span>
  100. <select class="form-control" id="province_list" style="width: 110px;">
  101. <option value="0">选择省</option>
  102. </select>
  103. <select class="form-control" id="city_list" style="width: 110px;">
  104. <option value="0">选择市</option>
  105. </select>
  106. <div class="form-group">
  107. <input type="text" class="form-control input_width" id="hotel_name" placeholder="酒店名称">
  108. </div>
  109. </div>
  110. <div class="form-inline" style="margin-bottom: 15px;">
  111. <!--<span class="search_name">酒店名称:</span>
  112. <div class="form-group">
  113. <input type="text" class="form-control input_width" id="hotel_name" placeholder="酒店名称">
  114. </div>-->
  115. <span class="search_name">更多查询:</span>
  116. <div class="form-group">
  117. <input type="text" class="form-control" style="width: 180px;" id="more_search"
  118. placeholder="订单号/客人姓名/电话/渠道号">
  119. </div>
  120. <span class="search_name" style="margin-left: 15px;">酒店确认号:</span>
  121. <select class="form-control" id="confirm_number" style="width: 120px;">
  122. <option value="0">请选择</option>
  123. <option value="1">有</option>
  124. <option value="2">无</option>
  125. </select>
  126. <span class="search_name">订单渠道:</span>
  127. <select class="select_screen" id="org_list">
  128. <option value="">请选择</option>
  129. <!--<option value="出发地1">出发地1</option>
  130. <option value="出发地1">出发地1</option>-->
  131. </select>
  132. <div class="form-group" id="btns" style="float: right; margin-right: 20px;">
  133. <button type="button" class="btn btn-primary float_r mar_r" onclick="searchDidClick()"><span
  134. class="glyphicon glyphicon-search"></span> 查询
  135. </button>
  136. <button type="button" class="btn btn-primary" onclick="batchExportOrder()"><span
  137. class="glyphicon glyphicon-save"></span>批量导出
  138. </button>
  139. <!--<button type="button" class="btn btn-warning float_r mar_r" v-on:click="resetDidClick">重置</button>-->
  140. </div>
  141. </div>
  142. </div>
  143. <div class="channel_quick">
  144. <span style="vertical-align: middle;">快速入口:</span>
  145. <span><button class="btn btn-link" id="wait"
  146. onclick="channelOrderStatusDidClicked('1',this)">待接单处理</button></span>|
  147. <span><button class="btn btn-link" id="cancel" onclick="channelOrderStatusDidClicked('2',this)">待取消单处理</button></span>|
  148. <span><button class="btn btn-link" id="refund"
  149. onclick="channelOrderStatusDidClicked('3',this)">待退单处理</button></span>
  150. </div>
  151. <ul id="myTabs" class="nav nav-tabs nav_title" role="tablist" style="margin-top: 40px;">
  152. <li role="presentation" class="active" data-toggle="tab">
  153. <a onclick="orderStatusDidClicked('0')" style="cursor: pointer;">全<span
  154. style="color: white;opacity: 0;">付</span>部</a>
  155. </li>
  156. <li role="presentation" href="#div_order" data-toggle="tab">
  157. <a onclick="orderStatusDidClicked('313')">待发单</a>
  158. </li>
  159. <li role="presentation" href="#div_order" data-toggle="tab">
  160. <a onclick="orderStatusDidClicked('198')">待安排</a>
  161. </li>
  162. <li role="presentation" href="#div_order" data-toggle="tab">
  163. <a onclick="orderStatusDidClicked('314')">已安排</a>
  164. </li>
  165. <li role="presentation" href="#div_order" data-toggle="tab">
  166. <a onclick="orderStatusDidClicked('148')">已取消</a>
  167. </li>
  168. </ul>
  169. <div role="tabpanel" class="tab-pane" id="div_order">
  170. <div class="table-responsive">
  171. <table class="table table-striped"
  172. style="table-layout: fixed;word-break: break-all;word-wrap: break-word;">
  173. <thead>
  174. <tr>
  175. <th width="25">
  176. <input type="checkbox" name="all_check_box" id="all_check_box" class="ace_check"
  177. onclick="select_checked('0')">
  178. </th>
  179. <th width="110">订单编号</th>
  180. <th width="85">预订时间</th>
  181. <th width="115">订单渠道</th>
  182. <th width="270">预订产品</th>
  183. <th width="90">客人姓名</th>
  184. <th width="70">订单金额</th>
  185. <th width="70">公共备注</th>
  186. <th width="100">渠道接单状态</th>
  187. <th width="80">状态</th>
  188. <th width="150">操作</th>
  189. </tr>
  190. </thead>
  191. <tbody id="order_list" style="display: none;">
  192. <tr>
  193. <td><input type="checkbox" class="ace_check" onclick="select_checked('1')"></td>
  194. <td class="tx_c">
  195. <div>555555</div>
  196. <div class="label label-success">直连</div>
  197. <!--<div class="label label-primary">录单</div>-->
  198. </td>
  199. <td>2017-04-13 17:16:03</td>
  200. <td>
  201. <div>org_name</div>
  202. <div>org_id</div>
  203. </td>
  204. <td>酒店 子房型 描述</td>
  205. <td>customer_name customer_mobile</td>
  206. <td>order_price</td>
  207. <td>memo_flag</td>
  208. <td style="text-align: center;">
  209. <div>channel_order_status_name</div>
  210. <div>
  211. <button type="button" class="btn btn-primary btn-xs">接单</button>
  212. <button type="button" style="margin-left: 8px;" class="btn btn-default btn-xs">拒绝</button>
  213. </div>
  214. <!--<div><button type="button" class="btn btn-primary">主要</button></div>-->
  215. </td>
  216. <td>order_status_name</td>
  217. <td></td>
  218. </tr>
  219. </tbody>
  220. </table>
  221. </div>
  222. <div style="margin-top: 20px;display: none; position: fixed;bottom: 0px;width: 100%;left: 0px;right: 0px;background-color: rgb(255, 255, 255);padding: 22px 25px;" id="btns_all">
  223. <span class="" style="display: inline-block;">
  224. <button type="button" class="btn btn-warning" onclick="batchSendOrder()" id="batch_send"
  225. style="display: none;">批量发单</button>
  226. <button type="button" class="btn btn-warning" onclick="batchRightOrder()" id="batch_right"
  227. style="display: none;">批量确认</button>
  228. </span>
  229. <span class="" style="display: inline-block;">
  230. <button type="button" class="btn btn-primary" data-toggle="modal"
  231. data-target=".bs-example-modal-lg"><span class="glyphicon glyphicon-star"></span>渠道退单处理</button>
  232. </span>
  233. <span id="page_order_list" class="pageDiv" style="text-align: right;padding: 0;float: right;">
  234. </span>
  235. </div>
  236. </div>
  237. </div>
  238. <!--渠道退单处理(直连订单白名单)begin-->
  239. <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
  240. aria-hidden="true">
  241. <div class="modal-dialog modal-lg" style="width: 550px;">
  242. <div class="modal-content">
  243. <div class="panel-default">
  244. <div class="panel-heading">渠道退单处理(直连订单白名单)
  245. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  246. <span aria-hidden="true">×</span>
  247. </button>
  248. </div>
  249. <div class="panel-body" style="padding: 35px 35px 20px 35px;">
  250. <div class="form-group">
  251. <div class="form-inline">
  252. <span>&emsp;订单号:</span>
  253. <input type="text" class="form-control" id="exception_id" placeholder="请输入蜘蛛订单号">
  254. </div>
  255. </div>
  256. <div class="form-group">
  257. <div class="form-inline">
  258. <span>操作选项:</span>
  259. <label class="radio-inline">
  260. <input type="radio" id="exception_type" value="1" checked> 同意退单
  261. </label>
  262. </div>
  263. </div>
  264. <div class="form-group">
  265. <div class="form-inline">
  266. <span>退单原因:</span>
  267. <textarea class="form-control" rows="4" cols="55" id="exception_msg"
  268. placeholder="请输入渠道退单的原因以及酒店反馈的结果(注意备注操作人姓名)"></textarea>
  269. </div>
  270. </div>
  271. <div class="form-group" style="margin-top: 20px;">
  272. <span>&emsp;&emsp;&emsp;&emsp;</span>
  273. <button type="button" class="btn btn-primary" onclick="addExcepyionOrder()">保 存</button>&emsp;
  274. <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">取 消
  275. </button>
  276. </div>
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. <!--渠道退单处理(直连订单白名单)end-->
  283. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  284. <script src="http://img.zhizhuchuxing.cn/zzframe/dists/js/module.js" type="text/javascript"
  285. charset="utf-8"></script>
  286. <script src="http://img.zhizhuchuxing.cn/zzframe/dist/js/bootstrap.min.js" type="text/javascript"
  287. charset="utf-8"></script>
  288. <script src="http://img.zhizhuchuxing.cn/zzframe/dists/js/xcConfirm.js" type="text/javascript"
  289. charset="utf-8"></script>
  290. <script src="js/common/common.js" type="text/javascript" charset="utf-8"></script>
  291. <script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
  292. <script src="../js/base_path.js?v=1" type="text/javascript" charset="utf-8"></script>
  293. <script src="js/new_order_list.js?v=1.70" type="text/javascript" charset="utf-8"></script>
  294. <!--<script type="text/javascript">
  295. $('.select_screen').comboSelect();
  296. </script>-->
  297. </body>
  298. </html>