nizongfeng
/
ZZCS
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
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.
2 Commits
1 Branch
14 MiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ZZCS/coding/order_details_qianlvhs.html

469 lines
23 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

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

  6.     <title>订单详情</title>

  7.     <link rel="stylesheet" href="css/font-awesome.min.css">

  8.     <link rel="stylesheet" href="css/bootstrap.min.css">

  9.     <link rel="stylesheet" href="css/master.css">

  10.     <link rel="stylesheet" href="css/ace.min.css">

  11.     <script src="js/jquery-2.2.4.min.js"></script>

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

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

  14.     <script src="js/order_detail_qianlvhshs.js"></script>

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

  16.     <!--&lt;!&ndash; 	<script src="js/bootstrap.min.js"></script> &ndash;&gt;-->

  17. 

  18.     <!--<script>-->

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

  20.     <!--</script>-->

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

  22.         body {

  23.             font-size: 12px !important;

  24.             background-color: #fff;

  25.         }

  26. 

  27.         #orderCount {

  28.             margin-top: 0px;

  29.             width: 916px;

  30.             height: 44px;

  31.         }

  32. 

  33.         #sample-table-1 .padding {

  34.             padding-bottom: 10px;

  35.         }

  36. 

  37.         #sample-table-1 .gray {

  38.             color: gray !important;

  39.         }

  40. 

  41.         #sample-table-1 tbody td div:last-child {

  42.             padding-bottom: 0;

  43.         }

  44. 

  45.         #sample-table-1 td,

  46.         th {

  47.             text-align: center;

  48.         }

  49. 

  50.         #fuelux-wizard ul> li> span:not(:first-child) {

  51.             font-size: 12px;

  52.         }

  53. 

  54.         .control-show {

  55.             float: left;

  56.         }

  57. 

  58.         .notifacation {

  59.             width: 160px;

  60.             height: 34px;

  61.             border: 1px solid lightgray;

  62.             margin-top: 10px;

  63.             margin-left: 20px;

  64.             text-align: center;

  65.             display: inline-block;

  66.             line-height: 34px;

  67.         }

  68.     </style>

  69. </head>

  70. 

  71. <body>

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

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

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

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

  76.         </a>

  77.     </div>

  78. </div>-->

  79. 

  80. <!--<div class="warp clearfix">-->

  81.     <!--<div class="control-bar">-->

  82.     <!--</div>-->

  83.     <!--<div class="control-show" style="width:1200px; display:block;" id="xm_show">-->

  84.      <div id="xm_show">

  85.         <div style="width:1200px; margin:40px 0 0 40px;">

  86. 

  87.             <div style="margin-bottom:10px;font-size:14px;">订单详情</div>

  88.             <div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-pay">

  89.                 <div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  90.                     <p class="text-muted order_no"></p>

  91.                     <p class="order_status"></p>

  92.                     <!--<button class="btn btn-white" style="padding:2px 18px;font-size:12px;margin-right:10px;" id="cancel" onclick="click_show_div('.remark1',$(this))">取消</button>-->

  93.                     <i class="icon-time bigger-110"></i><span id="countdown"></span>

  94.                     <p></p>

  95.                     <p class="order_source" display="pop" style="display:none"></p>

  96.                     <p class="sales"></p>

  97.                 </div>

  98.                 <div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  99.                     <ul class="wizard-steps">

  100.                         <li data-target="#step1" class="active">

  101.                             <span class="step">1</span>

  102.                             <span class="title">提交订单</span>

  103.                             <span class="title order_sub_date"></span>

  104.                             <span class="title order_sub_time"></span>

  105.                         </li>

  106. 

  107.                         <li data-target="#step2">

  108.                             <span class="step">2</span>

  109.                             <span class="title">付款成功</span>

  110.                         </li>

  111. 

  112.                         <li data-target="#step3">

  113.                             <span class="step">3</span>

  114.                             <span class="title">出票成功</span>

  115. 

  116.                         </li>

  117. 

  118.                         <li data-target="#step4">

  119.                             <span class="step">4</span>

  120.                             <span class="title">出行成功</span>

  121.                         </li>

  122.                     </ul>

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

  124.                     <div id="orderCount">

  125.                         <span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  126.                     </div>

  127.                 </div>

  128.                 <div style="clear:both;"></div>

  129.             </div>

  130.             <div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-ticket">

  131.                 <div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  132.                     <p class="text-muted order_no"></p>

  133.                     <p class="order_status"></p>

  134.                     <a href="./change_back.html?orderid=" class="btn btn-white" style="padding:2px 18px;font-size:12px;">退改</a>

  135.                     <p></p>

  136.                     <p class="order_source"></p>

  137.                     <p class="sales"></p>

  138.                 </div>

  139.                 <div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  140.                     <ul class="wizard-steps">

  141.                         <li data-target="#step1" class="active">

  142.                             <span class="step">1</span>

  143.                             <span class="title">提交订单</span>

  144.                             <span class="title order_sub_date"></span>

  145.                             <span class="title order_sub_time"></span>

  146.                         </li>

  147. 

  148.                         <li data-target="#step2" class="active">

  149.                             <span class="step">2</span>

  150.                             <span class="title">付款成功</span>

  151.                             <span class="title order_pay_success_date"></span>

  152.                             <span class="title order_pay_success_time"></span>

  153.                         </li>

  154. 

  155.                         <li data-target="#step3" class="active">

  156.                             <span class="step">3</span>

  157.                             <span class="title">出票成功</span>

  158.                             <span class="title order_ticket_success_date"></span>

  159.                             <span class="title order_ticket_success_time"></span>

  160.                         </li>

  161. 

  162.                         <li data-target="#step4">

  163.                             <span class="step">4</span>

  164.                             <span class="title">出行成功</span>

  165.                         </li>

  166.                     </ul>

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

  168.                     <div id="orderCount">

  169.                         <span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  170.                     </div>

  171.                 </div>

  172.                 <div style="clear:both;"></div>

  173.             </div>

  174.             <div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-complete">

  175.                 <div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  176.                     <p class="text-muted order_no"></p>

  177.                     <p class="order_status"></p>

  178.                     <p class="order_source"></p>

  179.                     <p class="sales"></p>

  180.                 </div>

  181.                 <div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  182.                     <ul class="wizard-steps">

  183.                         <li data-target="#step1" class="active">

  184.                             <span class="step">1</span>

  185.                             <span class="title">提交订单</span>

  186.                             <span class="title order_sub_date"></span>

  187.                             <span class="title order_sub_time"></span>

  188.                         </li>

  189. 

  190.                         <li data-target="#step2" class="active">

  191.                             <span class="step">2</span>

  192.                             <span class="title">付款成功</span>

  193.                             <span class="title order_pay_success_date"></span>

  194.                             <span class="title order_pay_success_time"></span>

  195.                         </li>

  196. 

  197.                         <li data-target="#step3" class="active">

  198.                             <span class="step">3</span>

  199.                             <span class="title">出票成功</span>

  200.                             <span class="title order_ticket_success_date"></span>

  201.                             <span class="title order_ticket_success_time"></span>

  202.                         </li>

  203. 

  204.                         <li data-target="#step4" class="active">

  205.                             <span class="step">4</span>

  206.                             <span class="title">出行成功</span>

  207.                             <span class="title order_travel_success_date"></span>

  208.                         </li>

  209.                     </ul>

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

  211.                     <div id="orderCount">

  212.                         <span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  213.                     </div>

  214.                 </div>

  215.                 <div style="clear:both;"></div>

  216.             </div>

  217.             <div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-cancel">

  218.                 <div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  219.                     <p class="text-muted order_no"></p>

  220.                     <p class="order_status"></p>

  221.                     <p class="order_source"></p>

  222.                     <p class="sales"></p>

  223.                 </div>

  224.                 <div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  225.                     <ul class="wizard-steps">

  226.                         <li data-target="#step1" class="active">

  227.                             <span class="step">1</span>

  228.                             <span class="title">提交订单</span>

  229.                             <span class="title order_sub_date"></span>

  230.                             <span class="title order_sub_time"></span>

  231.                         </li>

  232. 

  233.                         <li data-target="#step2" class="active">

  234.                             <span class="step">2</span>

  235.                             <span class="title order_cancel_reason"></span>

  236.                             <span class="title order_cancel_date"></span>

  237.                             <span class="title order_cancel_time"></span>

  238.                         </li>

  239.                     </ul>

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

  241.                     <div id="orderCount">

  242.                         <span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  243.                     </div>

  244.                 </div>

  245.                 <div style="clear:both;"></div>

  246.             </div>

  247. 

  248.             <div class="row" style="margin-bottom:20px;" id="ticket-details">

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

  250.                     <!-- PAGE CONTENT BEGINS -->

  251. 

  252.                     <div class="row">

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

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

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

  256.                                     <thead>

  257.                                     <tr style=" background: #fff;">

  258.                                         <th>线路</th>

  259.                                         <th>出发地</th>

  260.                                         <th>目的地</th>

  261.                                         <th>出发时间</th>

  262.                                         <th>车次</th>

  263.                                         <th>座位等级</th>

  264.                                         <th style="display: none;">人群</th>

  265.                                         <th>座号</th>

  266.                                         <th>打印</th>

  267.                                         <th>改签</th>

  268.                                         <th>退票</th>

  269.                                         <th>金额</th>

  270.                                     </tr>

  271.                                     </thead>

  272. 

  273.                                     <tbody>

  274.                                     <tr>

  275.                                         <td>SHWZ - J01（上海 - 乌镇 - 萧山）</td>

  276.                                         <td>上海（黄埔集散）</td>

  277.                                         <td>乌镇（西栅牌坊）</td>

  278.                                         <td>

  279.                                             <div class="padding">2016.05.20 07:00</div>

  280.                                             <div class="gray">2016.05.20 07:00</div>

  281.                                         </td>

  282.                                         <td>

  283.                                             <div class="padding">01</div>

  284.                                             <div class="gray">01</div>

  285.                                         </td>

  286.                                         <td>

  287.                                             <div class="padding">普通</div>

  288.                                             <div class="gray">普通</div>

  289.                                         </td>

  290.                                         <td style="display: none;">

  291.                                             <div class="padding">成人</div>

  292.                                             <div class="gray">儿童</div>

  293.                                         </td>

  294.                                         <td>

  295.                                             <div class="padding">2</div>

  296.                                             <div class="gray">3</div>

  297.                                         </td>

  298.                                         <td>

  299.                                             <div class="padding">否</div>

  300.                                             <div class="gray">是</div>

  301.                                         </td>

  302.                                         <td>

  303.                                             <div class="padding">是</div>

  304.                                             <div class="gray">是</div>

  305.                                         </td>

  306.                                         <td>

  307.                                             <div class="padding">-</div>

  308.                                             <div class="gray">-</div>

  309.                                         </td>

  310.                                         <td>

  311.                                             <div class="padding" style="color:#FF9900;"><span style="font-family:Arial;">&yen;</span>120</div>

  312.                                             <div class="gray">￥50</div>

  313.                                         </td>

  314.                                     </tr>

  315.                                     <tr>

  316.                                         <td>SHWZ - J01（上海 - 乌镇 - 萧山）</td>

  317.                                         <td>上海（黄埔集散）</td>

  318.                                         <td>乌镇（西栅牌坊）</td>

  319.                                         <td>

  320.                                             <div class="padding">2016.05.20 07:00</div>

  321.                                             <div class="gray">2016.05.20 07:00</div>

  322.                                         </td>

  323.                                         <td>

  324.                                             <div class="padding">01</div>

  325.                                             <div class="gray">01</div>

  326.                                         </td>

  327.                                         <td>

  328.                                             <div class="padding">普通</div>

  329.                                             <div class="gray">普通</div>

  330.                                         </td>

  331.                                         <td style="display: none;">

  332.                                             <div class="padding">成人</div>

  333.                                             <div class="gray">儿童</div>

  334.                                         </td>

  335.                                         <td>

  336.                                             <div class="padding">2</div>

  337.                                             <div class="gray">3</div>

  338.                                         </td>

  339.                                         <td>

  340.                                             <div class="padding">否</div>

  341.                                             <div class="gray">是</div>

  342.                                         </td>

  343.                                         <td>

  344.                                             <div class="padding">是</div>

  345.                                             <div class="gray">是</div>

  346.                                         </td>

  347.                                         <td>

  348.                                             <div class="padding">-</div>

  349.                                             <div class="gray">-</div>

  350.                                         </td>

  351.                                         <td>

  352.                                             <div class="padding" style="color:#FF9900;">￥120</div>

  353.                                             <div class="gray">￥50</div>

  354.                                         </td>

  355.                                     </tr>

  356. 

  357.                                     <tr>

  358. 

  359.                                         <td colspan="9"></td>

  360.                                         <td>总额</td>

  361.                                         <td style="color:#FF9900;">￥120</td>

  362.                                     </tr>

  363.                                     </tbody>

  364.                                 </table>

  365.                             </div>

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

  367.                         </div>

  368.                         <!-- /span -->

  369.                     </div>

  370.                     <!-- /row -->

  371.                 </div>

  372.                 <!-- /.col -->

  373.             </div>

  374.             <!-- /.row -->

  375.             <div id="customer" class="widget-main" style="border:1px solid #ccc;overflow: hidden;">

  376.                 <div class="col-sm-3" style="height: 84px;border-right:1px solid #ccc;padding-left:20px;">

  377.                     <p id="customer_name">联系人：</p>

  378.                     <p id="customer_mobile">手机：</p>

  379.                     <p id="customer_id">身份证：</p>

  380.                 </div>

  381.                 <div class="col-sm-3" style="height: 84px;border-right:1px solid #ccc;padding-left:20px;">

  382.                     <textarea name="order_remark" style="width: 850px;height: 80px;" id="order_remark" rows="30" cols="100"></textarea>

  383.                 </div>

  384.                 <div id="fuelux-wizard" class="row-fluid col-sm-6" data-target="#step-container"></div>

  385.                 <div style="clear:both;"></div>

  386.             </div>

  387.             <div class="widget-main" style="border:1px solid #ccc;overflow: hidden;">

  388.                 <div class="col-sm-3" style="height: 84px;border-right:1px solid #ccc;padding-left:20px;">

  389.                     <p id="send_bus_no">车牌号：</p>

  390.                     <p id="send_driver_name">司机姓名：</p>

  391.                     <p id="send_driver_mobile">司机手机：</p>

  392.                 </div>

  393.                 <div id="fuelux-wizard" class="row-fluid col-sm-6" data-target="#step-container"></div>

  394.                 <div style="clear:both;"></div>

  395.             </div>

  396. 

  397.             <!--分销-->

  398.             <!--

  399.             <div style="font-weight:bold; margin-top: 50px;">结算信息</div>

  400.             <div style="width: 1200px;height: 1px;border: 1px solid lightgray;"></div>

  401.             <div class="widget-main" style="border:1px solid #ccc;margin-top: 20px;" id="contacts">

  402.                 <div style="margin-left: 10px;">

  403.                     <span>销售方式：</span>

  404.                     <span>[销售方式]</span>

  405.                 </div>

  406.                 <div style="margin-left: 10px; margin-top: 5px;">

  407.                     <span>支付方式：</span>

  408.                     <span>[支付方式]</span>

  409.                 </div>

  410.                 <div style="margin-left: 10px; margin-top: 5px;">

  411.                     <span>佣金结算：</span>

  412.                     <span>[佣金结算]</span>

  413.                 </div>

  414.                 <div style="margin-left: 10px; margin-top: 5px;">

  415.                     <span>结算时间：</span>

  416.                     <span>[结算时间]</span>

  417.                 </div>

  418.             </div>

  419.             -->

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

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

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

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

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

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

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

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

  428.                                 <thead>

  429.                                 <tr>

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

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

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

  433.                                 </tr>

  434.                                 </thead>

  435.                                 <tbody id="ht_send_message_list">

  436.                                 <tr id="ht_tr_mes_one">

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

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

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

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

  441.                                 </tr>

  442.                                 </tbody>

  443.                             </table>

  444.                         </div>

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

  446.                     </div>

  447.                     <!-- /span -->

  448.                 </div>

  449.                 <!--row end-->

  450.                 <span id="btn_shutdown" onclick="click_cancel(null,'.info_noti')" 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>

  451.             </div>

  452. 

  453. 

  454. 

  455.             <!--备注-->

  456. 

  457. 

  458. 

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

  460.             <!--蒙板-->

  461.             <div class="mask" onclick="hide_all()" 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>

  462.         </div>

  463.     </div>

  464. <!--</div>-->

  465. 

  466. </body>

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

  468. 

  469. </html>