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.
 
 
 
 

170 lines
5.7 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>酒店预订确认订单</title>
  6. <style type="text/css">
  7. table {
  8. width: 940px;
  9. }
  10. td {
  11. height: 30px;
  12. }
  13. #tdcenter{
  14. text-align: center;
  15. background-color: rgb(243,243,243);
  16. }
  17. #downBtn{
  18. border: 1px solid gray;
  19. border-radius: 2px;
  20. font-size: 14px;
  21. text-align: center;
  22. }
  23. </style>
  24. <!--/模板/-->
  25. <link rel="stylesheet" href="css/master.css" charset="UTF-8">
  26. <link rel="stylesheet" href="css/ace.min.css" />
  27. <link rel="stylesheet" href="css/bootstrap.min.css" />
  28. <script src="js/confirmOrder.js" type="text/javascript" charset="utf-8"></script>
  29. <script src="js/jquery-2.0.3.min.js" type="text/javascript" charset="utf-8"></script>
  30. <script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
  31. </head>
  32. <body>
  33. <!--<div class="navbar navbar-default" style="margin-bottom: 0px;">
  34. <div class="navbar-header ">
  35. <a href="#" class="navbar-brand">
  36. <i class="icon-leaf"></i>
  37. CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
  38. </a>
  39. </div>
  40. </div>-->
  41. <!--<div id="show_html" style="display:none;" class="warp clearfix">
  42. <div class="control-bar">
  43. </div>
  44. <div class="control-show" style="float: left;">-->
  45. <div id="">
  46. <!--<div style="font-size: 24px;font: 'bodoni mt black';font-weight:bold; width: 1200px;text-align: center;margin-top: 15px;">酒店预订确认订单</div>-->
  47. <div style="overflow: hidden; width: 1200px; margin-left: 20px; float: left;">
  48. <!--确认编号-->
  49. <table id="confirm" border="1px" cellpadding="" cellspacing="" style="border-collapse: collapse;border-spacing: 0;">
  50. <caption align="top" style="font-size: 24px;font: 'bodoni mt black';font-weight:bold; margin-top: 15px;margin-bottom: 15px;">酒店预订确认订单</caption>
  51. <tr>
  52. <td style="width: 140px;">确认订单编号:</td>
  53. <td colspan="3"></td>
  54. </tr>
  55. <tr>
  56. <td style="width: 140px;">收件人:</td>
  57. <td>[收件人]</td>
  58. <td style="width: 140px;">发自:</td>
  59. <td>[发自]</td>
  60. </tr>
  61. <tr>
  62. <td style="width: 140px;">传真:</td>
  63. <td>[传真]</td>
  64. <td style="width: 140px;">传真:</td>
  65. <td>[传真号]</td>
  66. </tr>
  67. <tr>
  68. <td style="width: 140px;">电话:</td>
  69. <td>[电话]</td>
  70. <td style="width: 140px;">电话:</td>
  71. <td>[电话号]</td>
  72. </tr>
  73. <tr>
  74. <td style="width: 140px;">发送日期:</td>
  75. <td>[发送日期]</td>
  76. <td style="width: 140px;">发送人:</td>
  77. <td>[发送人]</td>
  78. </tr>
  79. </table>
  80. <!--内容-->
  81. <table id="content" border="1px" cellpadding="" cellspacing="" style="border-collapse: collapse;border-spacing: 0;margin-top: 35px;">
  82. <tr>
  83. <td id="tdcenter" style="width: 180px;">预订内容:</td>
  84. <td colspan="5"></td>
  85. </tr>
  86. <tr>
  87. <td id="tdcenter" style="width: 180px;">入住日期:</td>
  88. <td>[入住日期]</td>
  89. <td id="tdcenter" style="width: 180px;">离店日期:</td>
  90. <td>[离店日期]</td>
  91. <td id="tdcenter" style="width: 180px;">到达时间:</td>
  92. <td>[到达时间]</td>
  93. </tr>
  94. <tr>
  95. <td id="tdcenter" style="width: 180px;">联系人:</td>
  96. <td colspan="5">[联系人]</td>
  97. </tr>
  98. <tr>
  99. <td id="tdcenter" style="width: 180px;">入住人信息:</td>
  100. <td colspan="5">[入住人信息]</td>
  101. </tr>
  102. <tr>
  103. <td id="tdcenter" style="width: 180px;">联系电话:</td>
  104. <td colspan="5">[联系电话]</td>
  105. </tr>
  106. </table>
  107. <!--订单号-->
  108. <table id="orderId" border="1px" cellspacing="" cellpadding="" style="border-collapse: collapse;border-spacing: 0;margin-top: 15px;">
  109. <thead>
  110. <tr id="tdcenter" style="height: 30px;">
  111. <th style="width: 60px; "> </th>
  112. <th style="width: 340px;">订单号</th>
  113. <th style="width: 200;">间数</th>
  114. <th style="width: 340;">小计</th>
  115. </tr>
  116. </thead>
  117. <tbody id="orderId2" style="height: 30px;text-align: center;">
  118. <tr id="info">
  119. <td><input type = "checkbox" value = ""/></td>
  120. <td>[订单号]</td>
  121. <td>[间数]</td>
  122. <td>[小计]</td>
  123. </tr>
  124. </tbody>
  125. </table>
  126. <!--结算-->
  127. <table id="settle" border="1px" cellspacing="" cellpadding="" style="border-collapse: collapse;border-spacing: 0;margin-top: 35px;">
  128. <tr>
  129. <td id="tdcenter" colspan="2">本单结算(币种:人民币CNY)</td>
  130. </tr>
  131. <tr>
  132. <td style="width: 120px;">预付金额:</td>
  133. <td><input type = "checkbox" value = ""/>签约价金额(人民币)合计:[合计]元</td>
  134. </tr>
  135. </table>
  136. <!--付款方式-->
  137. <table id="payStyle" border="1px" cellspacing="" cellpadding="" style="border-collapse: collapse;border-spacing: 0;margin-top: 35px;">
  138. <tr>
  139. <td id="tdcenter" style="width: 100px;">付款方式</td>
  140. <td><input type = "checkbox" value = ""/>自定义付款方式(例如选择对冲或者转存,不勾选则为全部现金支付)</td>
  141. </tr>
  142. </table>
  143. <div style="margin-top: 25px;">
  144. <input type = "checkbox" value = ""/>生成通知单时并且导出游客名单到excel。
  145. </div>
  146. <div style="margin-top: 40px;">
  147. <span id="downBtn" style="width: 120px;height: 30px; display: inline-block;line-height: 30px;background-color: rgb(204,204,204);">确认生成通知单</span>
  148. <span id="downBtn" style="margin-left:10px;width: 80px;height: 30px;display: inline-block;line-height: 30px; ">导出文件</span>
  149. <span id="downBtn" style="margin-left:10px;width: 80px;height: 30px;display: inline-block;line-height: 30px; ">关闭</span>
  150. </div>
  151. </div>
  152. </div>
  153. <!--</div>-->
  154. </body>
  155. <!--<script src="js/master.js"></script> -->
  156. </html>