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.
 
 
 
 

213 lines
11 KiB

  1. <!DOCTYPE html>
  2. <html>
  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" href="css/font-awesome.min.css">
  9. <link rel="stylesheet" href="css/bootstrap.min.css">
  10. <link rel="stylesheet" href="css/master.css">
  11. <link rel="stylesheet" href="css/ace.min.css">
  12. <link rel="stylesheet" type="text/css" href="./css/combo.select.css"/>
  13. </head>
  14. <style>
  15. body {
  16. background-color: white;
  17. }
  18. td {
  19. text-align: center;
  20. }
  21. th {
  22. text-align: center;
  23. }
  24. .combo-select {
  25. border: none;
  26. }
  27. </style>
  28. <body>
  29. <!--<div class="navbar navbar-default" style="margin-bottom: 0px;">
  30. <div class="navbar-header ">
  31. <a href="#" class="navbar-brand">
  32. <i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
  33. </a>
  34. </div>
  35. </div>
  36. <div class="warp clearfix" id="show_html" style="display: none">
  37. <div class="control-bar"></div>
  38. <div class="control-show" style="float: left;">-->
  39. <div style="margin-left: 10px;margin-top: 10px">
  40. <!--头部订单信息与操作日志-->
  41. <div style="border-bottom:1px solid lightgray">
  42. <span style="width: 115px; height: 30px; display: inline-block; text-align: center; vertical-align: middle; line-height: 30px; background-color: white; border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-right: 1px solid lightgray;">订单信息</span>
  43. <!--<span style="width: 115px; height: 30px; display: inline-block; text-align: center; vertical-align: middle; line-height: 30px; background-color: white; border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-right: 1px solid lightgray;">操作日志</span>-->
  44. </div>
  45. <div style="width: 1200px;height: 200px;border: 1px solid lightgray;margin-top: 30px">
  46. <span style="display: inline-block;width: 300px;height: 200px;border-right: 1px solid lightgrey;vertical-align: top">
  47. <p id="order_id" style="color: grey;margin-left: 10px;margin-top: 10px;display: inline-block;">订 单 号: [订单号]</p>
  48. <p id="order_status" style="font-size: 20px;margin-left: 10px;margin-top: 10px">[订单状态]</p>
  49. <p id="org_name" style="margin-left: 10px;margin-top: 90px;">订单渠道: [订单渠道]</p>
  50. </span>
  51. <span style="display: inline-block;width: 850px;height: 200px;vertical-align: top">
  52. <!--中间五个环-->
  53. <div style="width: 890px;height: 120px">
  54. <div id="fuelux-wizard" class="row-fluid" data-target="#step-container">
  55. <ul class="wizard-steps">
  56. <li data-target="#step1">
  57. <span class="step">1</span>
  58. <span class="title">提交订单</span>
  59. <span class="title order_sub_date" id="create_date"></span>
  60. <span class="title order_sub_time" id="create_time"></span>
  61. </li>
  62. <li data-target="#step2">
  63. <span class="step">2</span>
  64. <span class="title">付款成功</span>
  65. <span class="title order_sub_date" id="pay_date"></span>
  66. <span class="title order_sub_time" id="pay_time"></span>
  67. </li>
  68. <li data-target="#step3">
  69. <span class="step">3</span>
  70. <span class="title">已发单</span>
  71. <span class="title order_sub_date" id="send_date"></span>
  72. <span class="title order_sub_time" id="send_time"></span>
  73. </li>
  74. <li data-target="#step4">
  75. <span class="step">4</span>
  76. <span class="title">已安排</span>
  77. <span class="title order_sub_date" id="arr_date"></span>
  78. <span class="title order_sub_time" id="arr_time"></span>
  79. </li>
  80. <li data-target="#step5">
  81. <span class="step">5</span>
  82. <span class="title">已完成</span>
  83. <span class="title order_sub_date" id="finish_date"></span>
  84. <span class="title order_sub_time" id="finish_time"></span>
  85. </li>
  86. </ul>
  87. </div>
  88. </div>
  89. <hr style="width: 80%"/>
  90. <!--<div>-->
  91. <!--<span style="text-decoration: underline; margin-left: 80px;">短信通知:0条</span>-->
  92. <!--<span style="margin-left: 80px;">酒店确认单:</span>-->
  93. <!--<span style="display: inline-block; width: 100px; height: 20px; border: 1px solid lightgrey; text-align: center; border-radius: 7px;">下载附件</span>-->
  94. <!--</div>-->
  95. </span>
  96. </div>
  97. <div style="margin-top: 30px;margin-left: 25px">
  98. <div style="font-size: 15px;height: 50px;border-bottom: 1px solid lightgrey">修改订单</div>
  99. <div style="margin-top: 20px">
  100. <span style="display: inline-block;width: 80px;text-align: right;">酒店名称:</span>
  101. <span style="display: inline-block;" id="hotel_name">[酒店名称]</span>
  102. </div>
  103. <div style="margin-top: 20px">
  104. <span style="width: 80px;text-align: right;display: inline-block">产品名称:</span>
  105. <span id="product_name">[产品名称]</span>
  106. </div>
  107. <div style="margin-top: 20px">
  108. <span style="width: 80px;text-align: right;display: inline-block"><span
  109. style="color:red;">* </span>订单渠道:</span>
  110. <select style="width: 150px;color: inherit;border: 0;display: inline-block" id="org_id"
  111. onchange="timeDiff()" class="select_line">
  112. <option selected=selected id=0 style='font-size: 12px;'>请选择</option>
  113. </select>
  114. </div>
  115. <div style="margin-top: 20px">
  116. <span style="width: 80px;text-align: right;display: inline-block"></span>
  117. <input type="text" style="width: 150px;height: 30px;font-size: 13px;color: inherit"
  118. placeholder="渠道订单号" id="org_num">
  119. </div>
  120. <div style="margin-top: 20px">
  121. <span style="width: 80px;text-align: right;display: inline-block"><span
  122. style="color:red;">* </span>入住日期:</span>
  123. <input type="text" id="start_date" class="Wdate"
  124. style="height: 30px; width: 100px;display: inline-block"
  125. name="begin"
  126. onClick="WdatePicker({onpicked:function(dp){timeDiff();},doubleCalendar:true,errDealMode:0,alwaysUseStartDate:true})"/>
  127. <span>-</span>
  128. <input type="text" id="end_date" class="Wdate"
  129. style="height: 30px; width: 100px;display: inline-block"
  130. name="end"
  131. onClick="WdatePicker({onpicked:function(dp){timeDiff();},doubleCalendar:true,errDealMode:0,alwaysUseStartDate:true})"/>
  132. <span style="display: inline-block;margin-left: 10px" id="datediff">共 0 晚</span>
  133. <select style="width: 75px;margin-left: 10px" id="time">
  134. <option selected="selected">请选择</option>
  135. <option>24:00</option>
  136. </select>
  137. <span style="display: inline-block;margin-left: 10px">最晚到店</span>
  138. </div>
  139. <div style="margin-top: 20px">
  140. <table class="table table-striped table-bordered table-hover center"
  141. style="width: 900px;margin-left: 90px">
  142. <thead>
  143. <tr>
  144. <th class="center">入住日期</th>
  145. <th class="center">数量</th>
  146. <th class="center">结算单价</th>
  147. <th class="center">渠道佣金</th>
  148. <th class="center">结算总价</th>
  149. <th class="center">销售利润</th>
  150. </tr>
  151. </thead>
  152. <tbody id="make_order_list">
  153. <tr class="tr_str" data-json="[data-json]" data-json-maiduan="[data-json-maiduan]"
  154. data-json-baoliu="[data-json-baoliu]" data-json-xianxun="[data-json-xianxun]">
  155. <td class="checkin_date">[入住日期]</td>
  156. <td>[数量]</td>
  157. <td>[结算价]</td>
  158. <td class="yongj_sum">[佣金]</td>
  159. <td class="jiesuan_sum">[结算价总额]</td>
  160. <td class="benefit_sum">[销售利润]</td>
  161. </tr>
  162. </tbody>
  163. <tr style="height: 35px;">
  164. <td style="width: 150px;font-weight: bold">总计</td>
  165. <td style="width: 100px;"></td>
  166. <td style="width: 100px;"></td>
  167. <td id="all_yongj" style="width: 100px;font-weight: bold"></td>
  168. <td id="all_jiesuan" style="width: 100px;font-weight: bold"></td>
  169. <td id="all_profit" style="width: 100px;font-weight: bold"></td>
  170. </tr>
  171. </table>
  172. </div>
  173. <div style="margin-top: 20px">
  174. <span style="width: 80px;text-align: right;display: inline-block;text-align: right"><span
  175. style="color:red;">* </span>联系人:</span>
  176. <input id="contacts" type="text" style="width: 150px;height: 30px;font-size: 13px;color: inherit"
  177. placeholder="联系人姓名">
  178. </div>
  179. <div style="margin-top: 20px">
  180. <span style="width: 80px;text-align: right;display: inline-block;text-align: right">联系方式:</span>
  181. <input id="phone" type="text" style="width: 150px;height: 30px;font-size: 13px;color: inherit"
  182. placeholder="联系方式">
  183. </div>
  184. <div style="margin-top: 20px" class="note">
  185. <span style="width: 80px;text-align: right;display: inline-block;text-align: right;vertical-align: top">订单备注:</span>
  186. <button class="" value="" id="addNote" onclick="addNote()" style="">添加备注</button>
  187. </div>
  188. <div class="form-group" style="margin-top: 20px">
  189. <button class="btn btn-primary storage" value="" id="button" style="margin-left: 400px"
  190. onclick="commit()">提交
  191. </button>
  192. </div>
  193. </div>
  194. </div>
  195. <!--</div>
  196. </div>-->
  197. </body>
  198. <script type="text/javascript" src="js/htCommon.js?v=1"></script>
  199. <script type="text/javascript" src="js/hotel_modify_order.js?v=2"></script>
  200. <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
  201. <script src="js/jquery.combo.select.js" type="text/javascript" charset="utf-8"></script>
  202. <!--<script type="text/javascript" src="js/xm.js"></script>
  203. <script src="js/master.js" type="text/javascript" charset="utf-8"></script>
  204. <script>
  205. login();
  206. </script>-->
  207. </html>