nizongfeng
/
zzcx_line
1
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
2 Révisions
1 Branche
17 MiB
 
 
 
 
Aborescence: aa52171df8
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'aa52171df8'
${ noResults }
zzcx_line/coding/zz-jd/hotel_detail.html

484 lignes
22 KiB
Brut Annotations Historique 

  1. <!DOCTYPE html>

  2. <html>

  3. 

  4. <head>

  5.     <meta charset="UTF-8">

  6.     <meta HTTP-EQUIV="pragma" CONTENT="no-cache">

  7.     <meta HTTP-EQUIV="expires" CONTENT="0">

  8.     <title>酒店订单待确认</title>

  9.     <link rel="stylesheet" type="text/css" href="./css/ace.min.css"/>

  10.     <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css"/>

  11.     <link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.css"/>

  12.     <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css"/>

  13.     <link rel="stylesheet" type="text/css" href="./css/daterangepicker.css"/>

  14.     <link rel="stylesheet" type="text/css" href="./css/datepicker.css"/>

  15.     <link rel="stylesheet" type="text/css" href="./css/master.css">

  16.     <link rel="stylesheet" type="text/css" href="./css/Page.css">

  17.     <script type="text/javascript" src="./js/jquery-2.0.3.min.js"></script>

  18.     <script type="text/javascript" src="./js/date-time/bootstrap-datepicker.min.js"></script>

  19.     <script type="text/javascript" src="./js/date-time/bootstrap-timepicker.min.js"></script>

  20.     <script type="text/javascript" src="./js/Page.js"></script>

  21.     <script type="text/javascript" src="./js/hotelWaitConfirm.js"></script>

  22. 

  23.     <script src="js/bootbox.min.js" type="text/javascript" charset="utf-8"></script>

  24.     <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

  25. </head>

  26. <style type="text/css">

  27.     #topchart {

  28.         width: 1200px;

  29.         height: 210px;

  30.         border: 1px solid lightgrey;

  31.         margin-top: 40px;

  32.         overflow: hidden;

  33.     }

  34. 

  35.     #chartLeftSpan {

  36.         border: 1px solid lightgrey;

  37.         width: 280px;

  38.         height: 208px;

  39.         overflow: hidden;

  40.         float: left;

  41.     }

  42. 

  43.     #chartRightSpan {

  44.         border: 1px solid lightgrey;

  45.         width: 916px;

  46.         height: 208px;

  47.         overflow: hidden;

  48.         float: left;

  49.     }

  50. 

  51.     #orderDetail {

  52.         width: 918px;

  53.         height: 150px;

  54.         overflow: hidden;

  55.     }

  56. 

  57.     #orderCount {

  58.         margin-top: 0px;

  59.         width: 916px;

  60.         height: 44px;

  61.     }

  62. 

  63.     .notifacation {

  64.         width: 100px;

  65.         height: 28px;

  66.         border: 1px solid lightgray;

  67.         margin-top: 10px;

  68.         margin-left: 20px;

  69.         text-align: center;

  70.         display: inline-block;

  71.         line-height: 24px;

  72.     }

  73. 

  74.     .table-bordered > thead > tr > th,

  75.     .table-bordered > tbody > tr > th,

  76.     .table-bordered > tfoot > tr > th,

  77.     .table-bordered > thead > tr > td,

  78.     .table-bordered > tbody > tr > td,

  79.     .table-bordered > tfoot > tr > td {

  80.         border: none;

  81.     }

  82. 

  83.     .table thead > tr > th,

  84.     .table tbody > tr > th,

  85.     .table tfoot > tr > th,

  86.     .table thead > tr > td,

  87.     .table tbody > tr > td,

  88.     .table tfoot > tr > td {

  89.         line-height: 30px;

  90.         padding: 0px;

  91.         padding-bottom: 8px;

  92.         padding-top: 8px;

  93.         /*line-height: 1.428571;*/

  94.         vertical-align: top;

  95.         border-top: 1px solid #ddd;

  96.     }

  97. 

  98.     .editable-click {

  99.         border: 0px solid gray;

  100.     }

  101. 

  102.     .profile-user-info-striped .profile-info-value {

  103.         border-top: 0px dotted #dcebf7;

  104.         padding-left: 12px;

  105.     }

  106. 

  107.     .profile-user-info-striped {

  108.         border: 0px solid #dcebf7;

  109.     }

  110. 

  111.     .profile-info-value {

  112.         padding: 6px 4px 6px 6px;

  113.         margin-left: 120px;

  114.         /*border-top: 1px dotted #d5e4f1;*/

  115.         border-top: 0px dotted #d5e4f1;

  116.     }

  117. 

  118.     .profile-info-name {

  119.         position: absolute;

  120.         width: 125px;

  121.         text-align: right;

  122.         padding: 6px 10px 6px 0;

  123.         left: 0;

  124.         top: 0;

  125.         bottom: 0;

  126.         font-weight: normal;

  127.         color: #667e99;

  128.         background-color: transparent;

  129.         /*border-top: 1px dotted #d5e4f1;*/

  130.         border-top: 0px dotted #d5e4f1;

  131.     }

  132. 

  133.     tbody > tr {

  134.         border-bottom: 1px dashed #DDDDDD;

  135.     }

  136. 

  137.     tbody > tr:last-child {

  138.         border-bottom: 1px solid #DDDDDD;

  139.     }

  140. 

  141.     #tr_final > td {

  142.         font-weight: 700;

  143.     }

  144. 

  145.     th,

  146.     td {

  147.         text-align: center;

  148.     }

  149. 

  150.     .cir_ul > li {

  151.         margin: 0 auto;

  152.         text-align: center;

  153.     }

  154. </style>

  155. <script src="js/jquery.cookie.js"></script>

  156. <!--<script src="js/xm.js"></script>-->

  157. <!--<script>-->

  158. <!--login();-->

  159. <!--</script>-->

  160. <body style="font-size: 12px;">

  161. <!--<div class="navbar navbar-default" style="margin-bottom: 0px;">

  162.     <div class="navbar-header ">

  163.         <a href="#" class="navbar-brand">

  164.             <i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>

  165.         </a>

  166.     </div>

  167. </div>

  168. 

  169. <div class="warp clearfix" id="show_html" style="display: none">

  170.     <div class="control-bar" ></div>

  171.     <div class="control-show" style="float: left;">-->

  172. <!--

  173. 作者：luocj

  174. 时间：2016-09-14

  175. 描述：订单详情

  176. -->

  177. <div class="hotelWaitConfirm" style="width: 1225px;margin-left: 20px;">

  178.     <div class="top" style="font-size: 20px;">

  179.         <div style="font-size: 20px;">订单详情</div>

  180.         <hr style="width: 1200px;margin-top: 20px;"/>

  181.     </div>

  182.     <div id="topchart">

  183.         <div id="chartLeftSpan">

  184.             <div id="orderNo" style="margin-left: 30px;margin-top: 20px;font-size: 10px;color: darkgray;">订 单 号：[订单号]

  185.             </div>

  186.             <div id="ifStay" style="margin-left: 30px;margin-top: 30px;font-size: 18px;">[是否入住]</div>

  187.             <div id="pay_time" style="margin-left: 30px;height: 10px;margin-top: 20px;">

  188.                 <!--<img width="10px" height="10px" src="html/images/aa.jpg"/>支付剩余时间：14 分 55 秒--></div>

  189.             <div id="orderCome" style="margin-top:30px ;margin-left: 30px;font-size: 10px;">订单来源：[分销商(上海驴妈妈)]</div>

  190.         </div>

  191.         <div id="chartRightSpan" style=" width: 918px;">

  192.             <div id="orderDetail" style="margin-left: 35px;">

  193.                 <div id="commitOrder" style="float: left;">

  194.                     <ul class="cir_ul" style="list-style: none;margin-top: 20px; width: 80px;">

  195.                         <li id="one_cir"

  196.                             style="width: 30px;height: 30px;border: 3px solid greenyellow; border-radius: 15px;"></li>

  197.                         <li id="one_statu" style="margin-top: 10px;">提交订单</li>

  198.                         <li id="one_date" style="margin-top: 10px;"></li>

  199.                         <li id="one_time"></li>

  200.                     </ul>

  201.                 </div>

  202.                 <div id="" style="float: left;  margin-left: 60px;">

  203.                     <ul class="cir_ul" style="list-style: none;margin-top: 20px; width: 80px;">

  204.                         <li id=""

  205.                             style="width: 30px;height: 30px;border: 3px solid darkgray; border-radius: 15px;"></li>

  206.                         <li id="" style="margin-top: 10px;">付款成功</li>

  207.                         <li id="" style="margin-top: 10px;"></li>

  208.                         <li id="" style="margin-left: 5px;"></li>

  209.                     </ul>

  210.                 </div>

  211. 

  212.                 <div id="affirmOrder" style="float: left;  margin-left: 60px;">

  213.                     <ul class="cir_ul" style="list-style: none;margin-top: 20px; width: 80px;">

  214.                         <li id="three_cir"

  215.                             style="width: 30px;height: 30px;border: 3px solid darkgray; border-radius: 15px;"></li>

  216.                         <li id="three_statu" style="margin-top: 10px;">已发单</li>

  217.                         <li id="three_date" style="margin-top: 10px;"></li>

  218.                         <li id="three_time" style="margin-left: 5px;"></li>

  219.                     </ul>

  220.                 </div>

  221. 

  222.                 <div id="" style="float: left;  margin-left: 60px;">

  223.                     <ul class="cir_ul" style="list-style: none;margin-top: 20px; width: 80px;">

  224.                         <li id=""

  225.                             style="width: 30px;height: 30px;border: 3px solid darkgray; border-radius: 15px;"></li>

  226.                         <li id="" style="margin-top: 10px;">已安排</li>

  227.                         <li id="" style="margin-top: 10px;"></li>

  228.                         <li id="" style="margin-left: 5px;"></li>

  229.                     </ul>

  230.                 </div>

  231. 

  232.                 <div id="" style="float: left;  margin-left: 60px;">

  233.                     <ul class="cir_ul" style="list-style: none;margin-top: 20px; width: 80px;">

  234.                         <li id=""

  235.                             style="width: 30px;height: 30px;border: 3px solid darkgray; border-radius: 15px;"></li>

  236.                         <li id="" style="margin-top: 10px;">已完成</li>

  237.                         <li id="" style="margin-top: 10px;"></li>

  238.                         <li id="" style="margin-left: 5px;"></li>

  239.                     </ul>

  240.                 </div>

  241. 

  242.                 <div>

  243. 

  244.                 </div>

  245.             </div>

  246.             <div style=" margin-left: 35px; border: 1px dashed lightgray ;width: 844px;"></div>

  247.             <div id="orderCount">

  248.                 <span id="" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation"

  249.                       style="cursor: pointer;margin-left: 35px;">短信通知：[a]条</span>

  250.                 <span id="" onclick="" name="重发"

  251.                       style="border-radius: 6px;margin-top: 10px; cursor: pointer; margin-left: 4px; width: 30px; height: 22px; display: inline-block; line-height: 20px; text-align: center;background-color: lightgray;">重发</span>

  252.                 <span id="" onclick="" name="酒店确认单" class="notifacation" style="cursor: pointer;">酒店确认单</span>

  253.             </div>

  254.         </div>

  255.     </div>

  256.     <div class="bookingInfo">

  257.         <p style="margin-top: 16px;"><b>预订信息</b></p>

  258.         <hr/>

  259.         <div class="tabbable">

  260.             <div class="profile-user-info profile-user-info-striped">

  261.                 <div class="profile-info-row">

  262.                     <div class="profile-info-name" style="background-color: white;">酒店名称：</div>

  263.                     <div class="profile-info-value">

  264.                         <span class="editable editable-click" id="">[酒店名称]</span>

  265.                     </div>

  266.                 </div>

  267.                 <div class="">

  268.                     <div class="profile-info-row">

  269.                         <div class="profile-info-name" style="background-color: white;">产品名称：</div>

  270.                         <div class="profile-info-value">

  271.                             <span class="editable editable-click" id="">[产品名称]</span>

  272.                         </div>

  273.                     </div>

  274.                 </div>

  275.                 <div class="profile-info-row">

  276.                     <div class="profile-info-name" style="background-color: white;">入住日期：</div>

  277.                     <div class="profile-info-value">

  278.                         <span class="editable editable-click" id="ruzhu_date">[开始日期]&nbsp;&nbsp;-&nbsp;&nbsp;[结束日期]&nbsp;&nbsp;&nbsp;共&nbsp;[num]&nbsp;晚，[hour]时最晚到店</span>

  279.                         <div id="pagination" class="row">

  280.                             <div class="col-xs-12">

  281.                                 <div class="table-responsive">

  282.                                     <table id="sample-table-1" class="table table-striped table-bordered table-hover">

  283.                                         <thead>

  284.                                         <tr>

  285.                                             <th>入住日期</th>

  286.                                             <th>数量</th>

  287.                                             <th width="120px">结算价</th>

  288.                                             <th>结算价总额</th>

  289.                                             <th>销售利润</th>

  290.                                         </tr>

  291.                                         </thead>

  292.                                         <tbody id="booking_list">

  293.                                         <tr id="tr_booking_one">

  294.                                             <td>[入住日期]</td>

  295.                                             <td>[数量]</td>

  296.                                             <td>[结算价]</td>

  297.                                             <td>[结算价总额]</td>

  298.                                             <td>[销售利润]</td>

  299.                                         </tr>

  300.                                         <tr id="tr_booking_final">

  301.                                             <td>总计：</td>

  302.                                             <td></td>

  303.                                             <td></td>

  304.                                             <td>[结算价金额]</td>

  305.                                             <td>[销售利润]</td>

  306.                                         </tr>

  307.                                         </tbody>

  308.                                     </table>

  309.                                 </div>

  310.                             </div>

  311.                         </div>

  312.                     </div>

  313.                 </div>

  314.             </div>

  315.         </div>

  316.     </div>

  317.     <!--客人信息-->

  318.     <div style="font-weight:bold;">客人信息</div>

  319.     <hr style="width: 1200px;margin-top: 20px;"/>

  320.     <div class="guest" style="width: 300px;margin-left: 82px;background-color: lightgray;padding: 10px 20px 10px 20px;">

  321.         <p id="cust_name">[客人姓名]</p>

  322.         <p id="cust_phone">[客人电话]</p>

  323.     </div>

  324.     <!--添加订单备注-->

  325.     <div style="width: 530px;padding-bottom: 20px;padding-top:20px;border-radius: 5px;overflow: hidden;">

  326.         <span style="width:48px;display: inline-block;text-align: center;font-weight:bold;">添加备注</span>

  327.         <div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>

  328.         <div class="profile-info-row">

  329.             <div class="profile-info-name" style="background-color: white; margin-left: -45px;">内部备注：</div>

  330.             <div class="profile-info-value">

  331.                 <span class="editable editable-click" id="hotel_room"></span>

  332.                 <textarea id="or_remark_txt" style="width: 300px; height: 60px; margin-left: -45px;"></textarea>

  333.             </div>

  334.             <div style="margin-left: 100px;">

  335.                 <span id="btn_comment_submit"

  336.                       style="cursor: pointer; width: 102px; height: 30px; line-height: 31px; text-align: center; background-color: lightgray; display: inline-block; border-radius: 11px; margin-left: 32px;">保存为内部备注</span>

  337.             </div>

  338.             <div class="profile-info-name" style="background-color: white; margin-top: 105px; margin-left: -45px;">

  339.                 外部备注：

  340.             </div>

  341.             <div class="profile-info-value">

  342.                 <span class="editable editable-click" id="hotel_room"></span>

  343.                 <textarea id="or_remark_txt" style="width: 300px; height: 60px; margin-left: -45px;"></textarea>

  344.             </div>

  345.             <div style="margin-left: 100px;">

  346.                 <span id="btn_comment_submit"

  347.                       style="cursor: pointer; width: 102px; height: 30px; line-height: 31px; text-align: center; background-color: lightgray; display: inline-block; border-radius: 11px; margin-left: 32px;">保存供应商备注</span>

  348.             </div>

  349.         </div>

  350.         <hr style="width: 1200px;margin-top: 20px;"/>

  351. 

  352.         <!--</div>-->

  353.         <!--添加订单备注 end-->

  354.         <!--短信通知-->

  355.         <div class="info_noti"

  356.              style="display: none;width: 530px;padding-bottom: 20px;padding-top:20px;border: 1px solid darkgray;border-radius: 5px;">

  357.             <span style="width:76px;display: inline-block;text-align: center;">短信通知</span>

  358.             <!--<span id="send_info" onclick="click_two_show_div('.info_noti','.sendMessage')" style="cursor: pointer;width: 76px;display: inline-block;text-align: center;background-color: lightgray;">+&nbsp;发短信</span>-->

  359.             <div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>

  360.             <div id="pagination" class="row">

  361.                 <div class="col-xs-12">

  362.                     <div class="table-responsive" style="width: 490px;margin: 0 auto;">

  363.                         <table width="490px" id="sample-table-1" class="table table-striped table-bordered table-hover">

  364.                             <thead>

  365.                             <tr>

  366.                                 <th width="290px">内容</th>

  367.                                 <th width="80px">操作人</th>

  368.                                 <th width="120px">发送时间</th>

  369.                             </tr>

  370.                             </thead>

  371.                             <tbody id="ht_send_message_list">

  372.                             <tr id="ht_tr_mes_one" style="display: none;">

  373.                                 <!--手机号：短信内容-->

  374.                                 <td style="text-align: left;">[内容]</td>

  375.                                 <td>[操作人]</td>

  376.                                 <td>[发送时间]</td>

  377.                             </tr>

  378.                             </tbody>

  379.                         </table>

  380.                     </div>

  381.                     <!-- /.table-responsive -->

  382.                 </div>

  383.                 <!-- /span -->

  384.             </div>

  385.             <!--row end-->

  386.             <span id="btn_shutdown" onclick="click_cancel(null,'.info_noti')"

  387.                   style="cursor:pointer;margin-left:210px;width: 100px;height: 30px;line-height:30px;text-align: center;background-color: lightgray;display: inline-block;border-radius: 3px;">关闭</span>

  388.         </div>

  389.         <!--短信通知 end-->

  390.         <!--发送短信-->

  391.         <div class="sendMessage"

  392.              style="display:none;width: 530px;padding-bottom: 20px;padding-top:20px;border: 1px solid darkgray;border-radius: 5px;overflow: hidden;">

  393.             <span style="width:76px;display: inline-block;text-align: center;">发短信</span>

  394.             <div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>

  395.             <div class="profile-info-row">

  396.                 <div class="profile-info-name" style="background-color: white;">手机号：</div>

  397.                 <div class="profile-info-value">

  398.                     <span class="editable editable-click" id=""></span>

  399.                     <input id="send_mobile" style="width: 300px;" value=""/>

  400.                 </div>

  401.             </div>

  402.             <div class="profile-info-row">

  403.                 <div class="profile-info-name" style="background-color: white;">内&nbsp;&nbsp;&nbsp;&nbsp;容：</div>

  404.                 <div class="profile-info-value">

  405.                     <span class="editable editable-click" id=""></span>

  406.                     <textarea id="or_send_mes_txt" style="width: 300px;height: 60px;"></textarea>

  407.                 </div>

  408.             </div>

  409.             <hr style="width: 1200px;margin-top: 20px;"/>

  410.             <div style="margin-left: 100px;">

  411.                 <span id="btn_message_submit"

  412.                       style="cursor:pointer;width: 100px;height: 30px;line-height:30px;text-align: center;background-color: gray;display: inline-block;border-radius: 3px;">提交</span>

  413.                 <!--<span id="btn_shutdown" onclick="click_cancel(null,'.sendMessage')" style="cursor:pointer;margin-left:10px;width: 100px;height: 30px;line-height:30px;text-align: center;background-color: lightgray;display: inline-block;border-radius: 3px;">关闭</span>-->

  414.             </div>

  415.         </div>

  416.         <!--发送短信 end-->

  417.         <!--酒店通知单-->

  418.         <div class="order_attachment"

  419.              style="display: none;width: 430px;padding-bottom: 20px;padding-top:20px;border: 1px solid darkgray;border-radius: 5px;overflow: hidden;">

  420.             <span style="width:76px;display: inline-block;text-align: center;">订单附件</span>

  421.             <div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>

  422.             <div id="pagination" class="row">

  423.                 <div class="col-xs-12">

  424.                     <div class="table-responsive" style="width: 390px;margin: 0 auto;">

  425.                         <table width="390px" id="sample-table-1" class="table table-striped table-bordered table-hover">

  426.                             <thead>

  427.                             <tr>

  428.                                 <th width="290px">文件名称</th>

  429.                                 <th width="100px">类型</th>

  430.                             </tr>

  431.                             </thead>

  432.                             <tbody id="hotelList">

  433.                             <tr id="tr_one">

  434.                                 <td>酒店通知单7567657</td>

  435.                                 <td>酒店通知单</td>

  436.                             </tr>

  437.                             </tbody>

  438.                         </table>

  439.                     </div>

  440.                     <!-- /.table-responsive -->

  441.                 </div>

  442.                 <!-- /span -->

  443.             </div>

  444.             <!--row end-->

  445.         </div>

  446.         <!--订单附件 end-->

  447.         <hr style="margin-top: 20px;"/>

  448. 

  449.     </div>

  450.     <div class="mask" onclick="hide_all()"

  451.          style="display: none;top: 0;left: 0;margin: 0px;padding: 0px;width: 100%;height: 100%;position: absolute;z-index: 2;background: #000000;opacity: 0.5;"></div>

  452. </div>

  453. <!--</div>

  454. </div>-->

  455. </body>

  456. <!--<script src="js/master.js" type="text/javascript" charset="utf-8"></script>-->

  457. <script type="text/javascript">

  458.     $('.date-picker').datepicker({

  459.         autoclose: true

  460.     }).next().on("click", function () {

  461.         $(this).prev().focus();

  462.     });

  463.     $('#timepicker1').timepicker({

  464.         minuteStep: 1,

  465.         showSeconds: false,

  466.         showMeridian: false

  467.     }).next().on("click", function () {

  468.         $(this).prev().focus();

  469.     });

  470.     $('#timepicker2').timepicker({

  471.         minuteStep: 1,

  472.         showSeconds: false,

  473.         showMeridian: false

  474.     }).next().on("click", function () {

  475.         $(this).prev().focus();

  476.     });

  477. </script>

  478. <!--<script type="text/javascript" src="js/xm.js"></script>

  479. <script src="js/master.js" type="text/javascript" charset="utf-8"></script>

  480. <script>

  481.     login();

  482. </script>-->

  483. 

  484. </html>