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.
 
 
 
 

310 lines
15 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
  6. <meta HTTP-EQUIV="expires" CONTENT="0">
  7. <title>酒店订单列表</title>
  8. <link rel="stylesheet" type="text/css" href="./css/ace.min.css"/>
  9. <link rel="stylesheet" type="text/css" href="./css/bootstrap/bootstrap.min.css"/>
  10. <link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.css"/>
  11. <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css"/>
  12. <link rel="stylesheet" type="text/css" href="./css/daterangepicker.css"/>
  13. <link rel="stylesheet" type="text/css" href="./css/datepicker.css"/>
  14. <link rel="stylesheet" type="text/css" href="./css/master.css">
  15. <link rel="stylesheet" href="css/new_page.css"/>
  16. <link rel="stylesheet" type="text/css" href="./css/combo.select.css"/>
  17. <style>
  18. .main_style {
  19. width: 500px;
  20. height: 500px;
  21. border: solid 1px #CCCCCC;
  22. }
  23. .frist_style {
  24. width: 497px;
  25. height: 50px;
  26. background-color: #F2F2F2;
  27. }
  28. .frist_style_chinese {
  29. vertical-align: top;
  30. display: inline-block;
  31. height: 50px;
  32. width: 435px;
  33. line-height: 50px;
  34. font-family: "微软雅黑";
  35. margin-left: 15px;
  36. }
  37. .frist_style_cha {
  38. display: inline-block;
  39. height: 50px;
  40. width: 46px;
  41. }
  42. .frist_style_cha img {
  43. width: 20px;
  44. height: 20px;
  45. margin-top: 15px;
  46. margin-left: 15px;
  47. }
  48. .second_style {
  49. width: 500px;
  50. height: 450px;
  51. }
  52. .second_style_frist {
  53. width: 500px;
  54. height: 30px;
  55. margin-top: 10px;
  56. }
  57. .second_style_main {
  58. width: 100px;
  59. height: 30px;
  60. margin-left: -15px;
  61. text-align: right;
  62. display: inline-block;
  63. line-height: 30px;
  64. vertical-align: top;
  65. }
  66. .second_style_next {
  67. display: inline-block;
  68. width: 280px;
  69. height: 30px;
  70. margin-left: 5px;
  71. line-height: 30px;
  72. }
  73. .combo-select {
  74. border: none;
  75. }
  76. </style>
  77. </head>
  78. <body style="font-size: 12px;">
  79. <!--<div class="navbar navbar-default" style="margin-bottom: 0px;">
  80. <div class="navbar-header ">
  81. <a href="#" class="navbar-brand">
  82. <i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
  83. </a>
  84. </div>
  85. </div>
  86. <div class="warp clearfix" id="show_html" style="display: none">
  87. <div class="control-bar"></div>
  88. <div class="control-show" style="float: left;">-->
  89. <div class="iframe_box">
  90. <!--最上一栏-->
  91. <div>
  92. <span style="display: inline-block;">日期选择:</span>
  93. <select style="width: 100px; height: 30px; margin-top: 5px;margin-left: 5px;display: inline-block;cursor: pointer"
  94. id="date_type">
  95. <!--<option value="0" selected="selected" style="font-size: 12px;">所有日期</option>-->
  96. <option value="1" selected="selected" style="font-size: 12px;">预订日期</option>
  97. <option value="2" style="font-size: 12px;">入住日期</option>
  98. <option value="3" style="font-size: 12px;">离店日期</option>
  99. </select>
  100. <input type="text" id="start_date" class="Wdate"
  101. style="height: 30px; width: 100px;display: inline-block"
  102. name="begin"
  103. onClick="WdatePicker({doubleCalendar:true,errDealMode:0,alwaysUseStartDate:true})"/>
  104. <span>-</span>
  105. <input type="text" id="end_date" class="Wdate" style="height: 30px; width: 100px;display: inline-block"
  106. name="end"
  107. onClick="WdatePicker({doubleCalendar:true,errDealMode:0,alwaysUseStartDate:true})"/>
  108. <span id="yesterday" class="btn"
  109. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
  110. onclick="">昨日</span>
  111. <span id="today" class="btn"
  112. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">今日</span>
  113. <span id="thisweek" class="btn"
  114. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">本周</span>
  115. <span id="thismonth" class="btn"
  116. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">本月</span>
  117. <span style="display: inline-block;margin-left: 20px;">酒店城市:</span>
  118. <select id="province"
  119. style="width: 100px; height: 30px; margin-top: 5px;display: inline-block;;cursor: pointer">
  120. <option value="0" selected="selected" style="font-size: 12px;">选择省</option>
  121. </select>
  122. <select id="city"
  123. style="width: 100px; height: 30px; margin-top: 5px;display: inline-block;;cursor: pointer">
  124. <option value="0" selected="selected" style="font-size: 12px;">选择市</option>
  125. </select>
  126. <span style="display: inline-block; margin-top: 5px;;margin-left: 20px">酒店名称:</span>
  127. <input type="text" id="hotel_name" placeholder="酒店名称"
  128. style="width: 100px; height: 30px;font-size: 12px"/>
  129. </div>
  130. <!--状态栏-->
  131. <div style="margin-top: 20px">
  132. <span style="display: inline-block;">订单状态:</span>
  133. <span id="all" class="btn"
  134. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
  135. onclick="submit(0,this)">全部</span>
  136. <span id="pay" class="btn"
  137. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
  138. onclick="submit(145,this)">待支付</span>
  139. <span id="paid" class="btn"
  140. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
  141. onclick="submit(313,this)">待发单</span>
  142. <span id="sure" class="btn"
  143. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
  144. onclick="submit(198,this)">待确认</span>
  145. <span id="arrange" class="btn"
  146. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
  147. onclick="submit(314,this)">已安排</span>
  148. <span id="finish" class="btn"
  149. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
  150. onclick="submit(147,this)">已完成</span>
  151. <span id="cancel" class="btn"
  152. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;"
  153. onclick="submit(148,this)">已取消</span>
  154. <span style="display: inline-block;margin-left: 36px">订单渠道:</span>
  155. <select id="org_id" style="width: 125px; margin-top: 5px;display: inline-block;cursor: pointer;"
  156. class="select_line">
  157. <option value=0 selected='selected' style='font-size: 12px;'>请选择</option>
  158. </select>
  159. <span style="display: inline-block;margin-left: 36px">酒店确认号:</span>
  160. <select style="width: 100px; height: 30px; margin-top: 5px;margin-left: 5px;display: inline-block;cursor: pointer"
  161. id="confirm_number">
  162. <option value="0" selected="selected" style="font-size: 12px;">请选择</option>
  163. <option value="1" style="font-size: 12px;">有</option>
  164. <option value="2" style="font-size: 12px;">无</option>
  165. </select>
  166. </div>
  167. <!--更多查询-->
  168. <div style="margin-top: 20px">
  169. <span style="display: inline-block;">更多查询:</span>
  170. <input id="more_search" type="text"
  171. style="height: 30px; width: 200px;display: inline-block;font-size: 12px;margin-left: 5px"
  172. placeholder="订单号/客人姓名/客人电话"/>
  173. <span id="search" class="btn"
  174. style="font-size: 12px;width: 50px; padding: 3px;display: inline-block;margin-left: 5px;">查询</span>
  175. <span id="excel" class="btn"
  176. style="font-size: 12px;width: 100px; padding: 3px;display: inline-block;margin-left: 5px;">导出订单信息</span>
  177. <span id="send_confirm_button" class="btn" onclick="window.location.href='hotel_sendconfirm_list.html' "
  178. style="font-size: 12px;width: 100px; padding: 3px;display: inline-block;margin-left: 5px;">批量发单确认</span>
  179. </div>
  180. <!--表单-->
  181. <div style="margin-top: 20px;">
  182. <table id="table" id="" class="table table-striped table-bordered table-hover">
  183. <thead>
  184. <tr>
  185. <!--<th width="35px" class="center">-->
  186. <!--<label>-->
  187. <!--<input class="ace" type="checkbox">-->
  188. <!--<span class="lbl"></span>-->
  189. <!--</label>-->
  190. <!--</th>-->
  191. <th width="70">订单编号</th>
  192. <th width="90">预订时间</th>
  193. <th width="100">订单渠道</th>
  194. <th width="280">预订产品</th>
  195. <th width="120">供应商</th>
  196. <th width="100">客人信息</th>
  197. <th width="80">订单金额</th>
  198. <th width="70">状态</th>
  199. <th width="70">公共备注</th>
  200. <th width="170">操作</th>
  201. </tr>
  202. </thead>
  203. <tbody id="order_list" style="display: none">
  204. <tr id="tr_order" style="[font-color]">
  205. <!--<td width="35px" class="center">-->
  206. <!--<label>-->
  207. <!--<input class="ace" type="checkbox">-->
  208. <!--<span class="lbl"></span>-->
  209. <!--</label>-->
  210. <!--</td>-->
  211. <td style="width: 45px;"><a target="_blank"
  212. onclick="open_new_path(this)"
  213. go_path="zz-jd/hotel_order_detail.html?order_id=[order_id]&order_status=[order_status]&org_name=[org_name]&org_id=[org_id]&room_type=[room_type]&hotel_id=[hotel_id]">[订单编号]</a>
  214. </td>
  215. <td>[预订时间]</td>
  216. <td>[订单渠道]</td>
  217. <td>[预订产品]</td>
  218. <td>[供应商]</td>
  219. <td>[客人信息]</td>
  220. <td>[订单金额]<br/>[支付方式]</td>
  221. <td>[状态]</td>
  222. <td>[公共备注]</td>
  223. <td>[操作]</td>
  224. </tr>
  225. </tbody>
  226. </table>
  227. <div class="pageDiv"></div>
  228. </div>
  229. </div>
  230. <!--蒙板-->
  231. <div id="mask" onclick="hideMB()"
  232. style="display: none;position: fixed;left:0;top:0;right:0;bottom:0;opacity: 0.8;background: white; z-index: 999;"></div>
  233. <!--异常状态处理-->
  234. <div id="exception_handling"
  235. style="width: 450px;height: 315px;border:1px solid lightgrey;border-radius:5px;display: none;position: absolute;top:50%;left:50%;margin-left:-300px; margin-top:-150px;background: white;z-index:9999">
  236. <div style="height: 40px;border-bottom: 1px solid lightgrey">
  237. <div style="margin-left: 10px;margin-top: 4px;">
  238. <span style="display: inline-block;text-align: left;vertical-align: middle">异常订单处理</span>
  239. <span style="display: inline-block;text-align: left;vertical-align: middle;margin-left: 324px;"><img
  240. src=./images/chacha.png onclick="hideMB()"></span>
  241. </div>
  242. </div>
  243. <div style="margin-top: 20px;margin-left: 40px;height: 150px">
  244. <span style="display: inline-block;text-align: left;vertical-align: top">调整原因:</span>
  245. <textarea id="text_reason" style="display: inline-block;width: 270px;height: 100px"></textarea>
  246. </div>
  247. <div style="border-top: 1px solid lightgrey">
  248. <div>
  249. <div class="form-group" style="margin-top: 10px;margin-left: 40px;">
  250. <button class="btn btn-primary storage" id="make_sure">确定</button>
  251. <button onclick="hideMB()" class="btn btn-primary storage" value="" style="margin-left: 40px;">
  252. 关闭
  253. </button>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. <!--公共备注-->
  259. <div id="beizhu"
  260. style="width: 450px;height: 315px;border:2px solid lightgrey;border-radius:5px;display: none;position: absolute;top:50%;left:50%;margin-left:-300px; margin-top:-150px;background: white; z-index: 9999">
  261. <div style="height: 40px;border-bottom: 2px solid lightgrey">
  262. <div style="margin-left: 10px;margin-top: 4px;">
  263. <span style="display: inline-block;text-align: left;vertical-align: middle;font-size: 18px;font-weight: 600;margin-top: 3px;">公共备注</span>
  264. <span style="display: inline-block;text-align: left;vertical-align: middle;margin-left: 324px;"><a
  265. style="display: inline-block; width:12px;height: 12px;background: url(../images/icons.png) -48px -96px no-repeat;cursor: pointer;color: #337ab7;text-decoration: none;"
  266. onclick="hideMB()">&nbsp;</a></span>
  267. </div>
  268. </div>
  269. <div style="margin-left: 10px;margin-top: 10px;font-size: 13px;font-weight: 600;width: 90%;">
  270. <div class="row" style="margin-left: 10px;border-bottom: 1px solid lightgrey;">
  271. <div class="col-xs-3" style="width: 18%;text-align: center;">操作人</div>
  272. <div class="col-xs-3" style="width: 37%;text-align: center;">备注时间</div>
  273. <div class="col-xs-6" style="width: 45%;text-align: center;">备注信息</div>
  274. </div>
  275. </div>
  276. <div style="margin-left: 10px;width: 90%;" id="beizhumain">
  277. <div class="row memo1" style="margin-left: 10px;margin-top: 4px;border-bottom: 1px dashed lightgrey;">
  278. <div class="col-xs-3" class="beizhuren" style="width: 18%;text-align: center;">[备注user]</div>
  279. <div class="col-xs-3" class="beizhutime" style="width: 37%;text-align: center;">[备注time]</div>
  280. <div class="col-xs-6" class="beizhumain" style="width: 45%;text-align: center;">[备注main]</div>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. </body>
  287. <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
  288. <script type="text/javascript" src="js/htCommon.js"></script>
  289. <script type="text/javascript" src="js/hotelOrderList.js?v=5"></script>
  290. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  291. <!--<script type="text/javascript" src="js/xm.js"></script>
  292. <script src="js/master.js" type="text/javascript" charset="utf-8"></script>-->
  293. <script src="js/jquery.combo.select.js" type="text/javascript" charset="utf-8"></script>
  294. <!--<script>
  295. login();
  296. </script>-->
  297. </html>