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
 
 
 
 
Tree: 0d86f80fa0
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '0d86f80fa0'
${ noResults }
ZZCS/coding/zz-jd/hotel_order_detail_level.html

442 lines
23 KiB
Raw Blame History 

  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" href="http://img.zhizhuchuxing.cn/zzframe/dist/css/bootstrap.min.css">

  10.     <link rel="stylesheet" type="text/css" href="http://img.zhizhuchuxing.cn/zzframe/dists/css/module.css"/>

  11.     <link rel="stylesheet" type="text/css" href="http://img.zhizhuchuxing.cn/zzframe/dists/css/xcConfirm.css"/>

  12.     <link rel="stylesheet"

  13.           href="http://sandbox1.zhizhuchuxing.cn/assets/471d14ce/plug/js/layer/skin/default/layer.css?v=3.0.11110"

  14.           id="layuicss-skinlayercss">

  15.     <!--<link rel="stylesheet" type="text/css" href="css/ace.min.css" />-->

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

  17.         .hide_f {

  18.             display: none !important;

  19.         }

  20. 

  21.         .show_f {

  22.             /*display: inline-block!important;*/

  23.         }

  24. 

  25.         .myBody {

  26.             padding-left: 25px;

  27.             padding-top: 10px;

  28.             padding-bottom: 5px;

  29.         }

  30. 

  31.         .margin_top_height {

  32.             margin-top: 20px;

  33.         }

  34. 

  35.         .readonly {

  36.             border: 1px solid white;

  37.         }

  38. 

  39.         .readonly:hover {

  40.             border: 1px solid white !important;

  41.             box-shadow: inset 0 0 0 0 rgba(255, 255, 255, .15);

  42.         }

  43. 

  44.         .readonly:active {

  45.             border: 1px solid white !important;

  46.             box-shadow: inset 0 0 0 0 rgba(255, 255, 255, .15);

  47.         }

  48. 

  49.         .readonly:focus {

  50.             border: 1px solid white !important;

  51.             box-shadow: inset 0 0 0 0 rgba(255, 255, 255, .15);

  52.         }

  53.     </style>

  54. </head>

  55. 

  56. <body>

  57. <div class="iframe_box" style="display: none;">

  58.     <ul id="myTabs" class="nav nav-tabs" role="tablist">

  59.         <li role="presentation" class="active" href="#order_info" data-toggle="tab">

  60.             <a>订单信息</a>

  61.         </li>

  62.         <li role="presentation" href="#order_update_log" data-toggle="tab">

  63.             <a>操作日志</a>

  64.         </li>

  65.     </ul>

  66. 

  67.     <div class="tab-content table_box">

  68.         <!--订单详情-->

  69.         <div role="tabpanel" class="tab-pane active" id="order_info" style="padding-bottom: 80px;">

  70.             <div class="table-responsive" style="border: 0px;">

  71.                 <div style="min-width:1060px;height: 160px;border: 1px solid #ddd;margin-top: 30px">

  72. 							<span style="padding-top: 20px;padding-left: 20px;display: inline-block;width: 25%;height: 158px;border-right: 1px solid #ddd;vertical-align: top">

  73. 								<div>

  74. 									<span id="top-order-id" style="color: gray;"></span>

  75. 							<span id="zhilian" class="label label-success hide_f" style="margin-left: 10px;"></span>

  76. 							<span id="lihe" class="label label-danger hide_f"></span>

  77. 							<span id="ludan" class="label label-primary hide_f" style="margin-left: 10px;"></span>

  78. 							<span id="zhuhe" class="label label-warning hide_f"></span>

  79. 						</div>

  80. 						<div style="margin-top: 25px;" id="top-order-status-main">

  81. 							<span id="top-order-status" style="font-size: 16px;"></span>

  82. 							<span style="margin-left: 15px;margin-right: 15px;"></span>

  83. 							<span></span>

  84. 						</div>

  85. 						<div style="margin-top: 25px;">

  86. 							<span id="top-order-channel"></span>

  87. 							<span></span>

  88. 						</div>

  89. 						<div style="margin-top: 10px;">

  90. 							<span style="opacity: 0;">空空空空：</span>

  91. 							<span id="top-order-channel-order-id"></span>

  92. 						</div>

  93.                                 <!--<p id="order_id" style="color: grey;margin-left: 10px;margin-top: 10px;display: inline-block;">订单号：898281</p>

  94.                                         <p id="order_status" style="font-size: 20px;margin-left: 10px;margin-top: 10px">待确认</p>

  95.                                         <p id="make_sure_num" style="margin-left: 10px;margin-top: 20px;">43556753465</p>

  96.                                         <p id="org_name" style="margin-left: 10px;margin-top: 60px;">订单渠道：携程（上海羊驼）</p>-->

  97. 						</span>

  98.                     <span style="display: inline-block;width: 73%;height: 200px;vertical-align: top;">

  99. 			            <!--中间五个环-->

  100. 				            <div style="padding-top: 20px;">

  101. 				                <div id="fuelux-wizard" class="row-fluid" data-target="#step-container">

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

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

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

  105. 										<span class="title">创建订单</span>

  106. 										<span class="title order_sub_date" id="create_date"></span>

  107. 										<span class="title order_sub_time" id="create_time"></span>

  108. 										</li>

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

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

  111. 											<span class="title">支付</span>

  112. 											<span class="title order_sub_date" id="pay_date"></span>

  113. 											<span class="title order_sub_time" id="pay_time"></span>

  114. 										</li>

  115. 										<li data-target="#step3" class="198">

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

  117. 											<span class="title">发单</span>

  118. 											<span class="title order_sub_date" id="send_date"></span>

  119. 											<span class="title order_sub_time" id="send_time"></span>

  120. 										</li>

  121. 										<li data-target="#step4" class="314">

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

  123. 											<span class="title">安排确认</span>

  124. 											<span class="title order_sub_date" id="arr_date"></span>

  125. 											<span class="title order_sub_time" id="arr_time"></span>

  126. 										</li>

  127. 										<li data-target="#step5" class="147">

  128. 											<span class="step">5</span>

  129. 											<span class="title">入住</span>

  130. 											<span class="title order_sub_date" id="finish_date"></span>

  131. 											<span class="title order_sub_time" id="finish_time"></span>

  132. 										</li>

  133. 										</ul>

  134. 									</div>

  135. 								</div>

  136. 								<hr style="width: 90%"/>

  137. 								<div style="padding-left: 30px;">

  138. 									<button id="top-btn-ok-d" title="导出确认单" type="button"

  139.                                             class="hide_f btn btn-secondary" style="margin-left: 10px;">

  140.     										<span class="glyphicon glyphicon-save"></span> 确认单

  141. 									</button>

  142. 									<button id="top-btn-update-d" title="导出修改单" type="button"

  143.                                             class="hide_f btn btn-secondary" style="margin-left: 10px;">

  144.     										<span class="glyphicon glyphicon-save"></span> 修改单

  145. 									</button>

  146. 									<button id="top-btn-cancel-d" title="导出取消单" type="button"

  147.                                             class="hide_f btn btn-secondary" style="margin-left: 10px;">

  148.     										<span class="glyphicon glyphicon-save"></span> 取消单

  149. 									</button>

  150. 								</div>

  151. 								</span>

  152.                 </div>

  153.                 <!--入住需求-->

  154.                 <div class="panel panel-default" style="margin-top: 20px;">

  155.                     <div class="panel-heading">入住需求</div>

  156.                     <div class="panel-body">

  157.                         <div class="myBody">

  158.                             <!--预订酒店-->

  159.                             <div>

  160.                                 <i style="color:red;">*</i><span

  161.                                     style="display: inline-block;padding-left: 5px;text-align: right">预订酒店：</span>

  162.                                 <span class="form-inline" style="display: inline-block;">

  163. 										<span id="rz-hotel-name" class="form-control"

  164.                                               style="border-width: 0px;padding-top: 7px;display: inline-block;"></span>

  165. 									</span>

  166.                             </div>

  167.                             <!--预订房型-->

  168.                             <div class="margin_top_height">

  169.                                 <i style="color:red;">*</i><span

  170.                                     style="display: inline-block;padding-left: 5px;text-align: right">预订房型：</span>

  171.                                 <span class="form-inline" style="display: inline-block;">

  172. 										<span id="rz-hotel-room" class="form-control"

  173.                                               style="border-width: 0px;padding-top: 7px;display: inline-block;"></span>

  174. 									</span>

  175.                             </div>

  176.                             <!--订单渠道-->

  177.                             <div class="margin_top_height">

  178.                                 <i style="color:red;">*</i><span

  179.                                     style="display: inline-block;padding-left: 5px;text-align: right">订单渠道：</span>

  180.                                 <span class="form-inline" style="display: inline-block;">

  181. 										<select id="order_channel" class="form-control hide_f update1_h"

  182.                                                 style="width: 100px;margin-left: 10px;z-index: 100;margin-bottom: 0px;">

  183. 											<!--<option value=""></option>-->

  184. 										</select>

  185. 										<span id="order_channel_txt" class="form-control update1_s"

  186.                                               style="border-width: 0px;padding-top: 7px;"></span>

  187. 										

  188. 										<input id="order_channel_order_id" class="form-control hide_f update1_h"

  189.                                                style="margin-left: 5px;">

  190. 										<span id="order_channel_order_id_txt" class="form-control update1_s"

  191.                                               style="border-width: 0px;padding-top: 7px;"></span>

  192. 									</span>

  193.                             </div>

  194.                             <!--入住日期-->

  195.                             <div class="margin_top_height">

  196.                                 <i style="color:red;">*</i><span

  197.                                     style="display: inline-block;padding-left: 5px;text-align: right">入住日期：</span>

  198.                                 <span class="form-inline" style="display: inline-block;">

  199. 										<!--入住日期-->

  200. 										<div id="start_date" class="input-group date form_date hide_f update1_h"

  201.                                              style="width: 130px;margin-left: 10px;">

  202. 										    <input class="form-control" size="16" type="text" readonly>

  203. 										    <span class="input-group-addon"><span

  204.                                                     class="glyphicon glyphicon-calendar"></span></span>

  205. 										</div>

  206. 										<span id="start_date_txt" class="form-control update1_s"

  207.                                               style="border-width: 0px;padding-top: 7px;"></span>

  208. 										

  209. 										<span style="margin: 0 5px 0 5px;">-</span>

  210.                                     <!--离店日期-->

  211. 										<div id="end_date" class="input-group date form_date hide_f update1_h"

  212.                                              style="width: 130px;">

  213. 										    <input class="form-control" size="16" type="text" readonly>

  214. 										    <span class="input-group-addon"><span

  215.                                                     class="glyphicon glyphicon-calendar"></span></span>

  216. 										</div>

  217. 										<span id="end_date_txt" class="form-control update1_s"

  218.                                               style="border-width: 0px;padding-top: 7px;"></span>

  219. 										

  220. 										<span id="datediff" style="margin-left: 20px;">共几晚</span>

  221. 									</span>

  222.                             </div>

  223.                             <div class="table-responsive"

  224.                                  style="margin-left: 83px;margin-top: 20px;margin-bottom: 10px;width: 700px;">

  225.                                 <table class="table table-striped" style="min-width: 300px;">

  226.                                     <thead>

  227.                                     <tr>

  228.                                         <th width="100">入住日期</th>

  229.                                         <th width="80">间数</th>

  230.                                         <th width="100">销售单价</th>

  231.                                         <th width="130">采购成本价</th>

  232.                                         <th width="100">销售总价</th>

  233.                                         <th width="100">渠道佣金</th>

  234.                                         <th width="80">利润</th>

  235.                                     </tr>

  236.                                     </thead>

  237.                                     <tbody id="rz-table">

  238.                                     <!--<tr>

  239.                                         <td></td>

  240.                                         <td>

  241.                                                 <span class="update1_s"></span>

  242.                                                 <select class="form-control hide_f update1_h" style="width: 40px;">

  243.                                                 </select>

  244.                                         </td>

  245.                                         <td>

  246.                                                 <span class="update2_s"></span>

  247.                                                 <input type="text" class="form-control hide_f update2_h" style="width: 80px;" value=""/>

  248.                                         </td>

  249.                                         <td>

  250.                                                 <span class="update3_s"></span>

  251.                                                 <input type="text" class="form-control hide_f update3_h" style="width: 80px;" value=""/>

  252.                                         </td>

  253.                                         <td></td>

  254.                                         <td></td>

  255.                                         <td></td>

  256.                                      </tr>-->

  257.                                     </tbody>

  258.                                 </table>

  259.                             </div>

  260.                             <!--table end-->

  261.                             <div class="btns" style="padding-left: 83px;">

  262.                                 <button id="btn-rz-update-xq" type="button" class="btn btn-primary"

  263.                                         style="margin-right: 10px;margin-top: 10px;">修改入住需求

  264.                                 </button>

  265.                                 <button id="btn-rz-update-xsj" type="button" class="btn btn-primary"

  266.                                         style="margin-right: 10px;margin-top: 10px">修改销售价

  267.                                 </button>

  268.                                 <button id="btn-rz-update-cgj" type="button" class="btn btn-primary"

  269.                                         style="margin-right: 10px;margin-top: 10px">修改采购价

  270.                                 </button>

  271.                                 <button id="btn-rz-cancel" type="button" class="btn btn-secondary hide_f"

  272.                                         style="margin-top: 10px">取消

  273.                                 </button>

  274.                             </div>

  275. 

  276.                         </div>

  277.                         <!--mybody end-->

  278.                     </div>

  279.                 </div>

  280.                 <!--pannel end-->

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

  282.                 <div class="panel panel-default">

  283.                     <div class="panel-heading">客人信息</div>

  284.                     <div class="panel-body">

  285.                         <div class="myBody">

  286.                             <div>

  287.                                 <i style="color:red;">*</i><span

  288.                                     style="display: inline-block;padding-left: 5px;text-align: right">客人姓名：</span>

  289.                                 <span style="display: inline-block;">

  290. 										<input id="customer_name" type="text" readonly="readonly"

  291.                                                class="form-control readonly"/>

  292. 									</span>

  293.                             </div>

  294.                             <div class="margin_top_height">

  295.                                 <i style="color:red;opacity: 0;">*</i><span

  296.                                     style="display: inline-block;padding-left: 5px;text-align: right">联系电话：</span>

  297.                                 <span style="display: inline-block;">

  298. 										<input id="customer_phone" type="text" readonly="readonly"

  299.                                                class="form-control readonly"/>

  300. 									</span>

  301.                             </div>

  302.                             <div class="margin_top_height">

  303.                                 <i style="color:red;opacity: 0;">*</i><span

  304.                                     style="opacity: 0;display: inline-block;padding-left: 5px;text-align: right">空空空空：</span>

  305.                                 <button id="btn-customer-update" type="button" class="btn btn-primary"

  306.                                         style="margin-right: 10px;">修改

  307.                                 </button>

  308.                                 <button id="btn-customer-cancel" type="button" class="btn btn-secondary hide_f">取消

  309.                                 </button>

  310.                             </div>

  311.                         </div>

  312.                         <!--mybody end-->

  313.                     </div>

  314.                 </div>

  315.                 <!--pannel end-->

  316.                 <!--订单备注-->

  317.                 <div class="panel panel-default" name="order_comment" id="order_comment">

  318.                     <div class="panel-heading">订单备注</div>

  319.                     <div class="panel-body">

  320.                         <div class="myBody">

  321.                             <div class="table-responsive" style="width: 800px;">

  322.                                 <table class="table table-striped table-hover" style="min-width: 300px;">

  323.                                     <thead>

  324.                                     <tr>

  325.                                         <th width="50">类型</th>

  326.                                         <th width="150">内容</th>

  327.                                         <th width="100">备注人</th>

  328.                                         <th width="60">添加时间</th>

  329.                                         <th width="10">删除</th>

  330.                                     </tr>

  331.                                     </thead>

  332.                                     <tbody id="remark-table">

  333.                                     <!--<tr>

  334.                                         <td></td>

  335.                                         <td></td>

  336.                                         <td></td>

  337.                                         <td></td>

  338.                                         <td>

  339.                                                 <button type="button" class="btn btn-link" style="padding-left: 0;">删除</button>

  340.                                             </td>

  341.                                      </tr>-->

  342.                                     </tbody>

  343.                                 </table>

  344.                             </div>

  345.                             <!--table end-->

  346.                             <div class="form-inline margin_top_height">

  347.                                 <i style="color:red;opacity: 0;">*</i>

  348.                                 <span style="display: inline-block;padding-left: 5px;text-align: right;vertical-align: top;">

  349. 							    			<p><button type="button" data-value="0"

  350.                                                        class="btn btn-default comment-type comment-type0 comment_selected">内部备注</button></p>

  351. 							    			<p class="order-remark"><button type="button" data-value="1"

  352.                                                                             class="btn btn-secondary comment-type comment-type1">公共备注</button></p>

  353. 							    		</span>

  354.                                 <textarea id="comment-txt" class="form-control" rows="5"

  355.                                           style="width: 700px;margin-left: 10px;"></textarea>

  356.                             </div>

  357.                             <div class="margin_top_height">

  358.                                 <i style="color:red;opacity: 0;">*</i><span

  359.                                     style="opacity: 0;display: inline-block;padding-left: 5px;text-align: right">空空空空：</span>

  360.                                 <button id="btn-order-remark-save-update-d" type="button" class="btn btn-primary"

  361.                                         style="margin-left: 25px;">保存

  362.                                 </button>

  363.                             </div>

  364.                         </div>

  365.                         <!--mybody end-->

  366.                     </div>

  367.                 </div>

  368.                 <!--pannel end-->

  369.             </div>

  370.         </div>

  371. 

  372. 

  373.         <!--操作日志-->

  374.         <div role="tabpanel" class="tab-pane" id="order_update_log">

  375.             <div class="myBody" style="padding-top: 20px;padding-left: 12px;">

  376.                 <div style="margin-top: 20px">

  377.                     <span style="display: inline-block;padding-left: 5px;text-align: right">操作人</span>

  378.                     <span style="display: inline-block;">

  379. 						<select id="update-user" class="select_screen" style="margin-left: 20px;width: 150px;">

  380. 						    <option value="0">全部</option>

  381. 						</select>

  382. 					</span>

  383.                     <span style="display: inline-block;padding-left: 5px;text-align: right">操作时间</span>

  384.                     <span class="form-inline" style="display: inline-block;">

  385. 						<div class="input-group date form_date" style="width: 130px;">

  386. 						    <input id="log-start-date" class="form-control" size="16" type="text" value="2016-01-01"

  387.                                    readonly>

  388. 						    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

  389. 						</div>

  390. 						<span style="margin: 0 5px 0 5px;">-</span>

  391. 						<div class="input-group date form_date" style="width: 130px;">

  392. 						    <input id="log-end-date" class="form-control" size="16" type="text" value="2099-12-31"

  393.                                    readonly>

  394. 						    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

  395. 						</div>

  396. 					</span>

  397.                     <button type="button" id="log-search" class="btn btn-primary" style="margin-left: 20px;">搜索</button>

  398.                 </div>

  399.                 <!--myBody end-->

  400.                 <div class="table-responsive" style="width: 1000px;">

  401.                     <table class="table table-striped" style="min-width: 0px;">

  402.                         <thead>

  403.                         <tr>

  404.                             <th width="150">操作人</th>

  405.                             <th width="200">操作时间</th>

  406.                             <th width="600">操作内容</th>

  407.                         </tr>

  408.                         </thead>

  409.                         <tbody id="log-table">

  410.                         <tr>

  411.                             <td></td>

  412.                             <td></td>

  413.                             <td></td>

  414.                         </tr>

  415.                         </tbody>

  416.                     </table>

  417.                 </div>

  418.             </div>

  419.         </div>

  420. 

  421.     </div>

  422. 

  423. </div>

  424. <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>

  425. <script type="text/javascript" src="http://img.zhizhuchuxing.cn/zzframe/dists/js/xcConfirm.js"></script>

  426. 

  427. <script type="text/javascript" src="js/common/common.js"></script>

  428. <script type="text/javascript" src="http://img.zhizhuchuxing.cn/zzframe/dists/js/bootstrap.min.js"></script>

  429. <script type="text/javascript" src="http://img.zhizhuchuxing.cn/zzframe/dists/js/module.js"></script>

  430. <script type="text/javascript" src="js/hotel_order_detail_level.js?v=1.0&t=201704281018"></script>

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

  432.     $(".form_date").datetimepicker({

  433.         format: 'yyyy-mm-dd',

  434.         autoclose: true,

  435.         minView: 2,

  436.         pickerPosition: "bottom-left"

  437.     });

  438. </script>

  439. 

  440. </body>

  441. 

  442. </html>