nizongfeng
/
zzcx_line
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
17 MiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
zzcx_line/coding/zz-jd/hotel_order_detail_level.html

374 lines
18 KiB
Raw Permalink 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="css/xcConfirm.css" />

  12. 		<link rel="stylesheet" href="http://sandbox1.zhizhuchuxing.cn/assets/471d14ce/plug/js/layer/skin/default/layer.css?v=3.0.11110" id="layuicss-skinlayercss" >

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

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

  15. 			.hide_f{

  16. 				display: none!important;

  17. 			}

  18. 			.show_f{

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

  20. 			}

  21. 			.myBody{

  22. 				padding-left: 40px;

  23. 			}

  24. 		</style>

  25. 	</head>

  26. 

  27. 	<body>

  28. 		<div class="iframe_box">

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

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

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

  32. 				</li>

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

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

  35. 				</li>

  36. 			</ul>

  37. 

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

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

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

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

  42. 						<div style="min-width:1060px;height: 200px;border: 1px solid lightgray;margin-top: 30px">

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

  44. 								<div>

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

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

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

  48. 						</div>

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

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

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

  52. 							<span></span>

  53. 						</div>

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

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

  56. 							<span></span>

  57. 						</div>

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

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

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

  61. 						</div>

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

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

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

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

  66. 						</span>

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

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

  69. 				            <div style="height: 120px">

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

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

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

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

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

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

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

  77. 										</li>

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

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

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

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

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

  83. 										</li>

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

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

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

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

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

  89. 										</li>

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

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

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

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

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

  95. 										</li>

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

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

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

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

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

  101. 										</li>

  102. 										</ul>

  103. 									</div>

  104. 								</div>

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

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

  107. 									<button id="top-btn-ok-d" title="导出确认单" type="button" class="hide_f btn btn-secondary" style="margin-left: 10px;">

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

  109. 									</button>

  110. 									<button id="top-btn-update-d" title="导出修改单" type="button" class="hide_f btn btn-secondary" style="margin-left: 10px;">

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

  112. 									</button>

  113. 									<button id="top-btn-cancel-d" title="导出取消单" type="button" class="hide_f btn btn-secondary" style="margin-left: 10px;">

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

  115. 									</button>

  116. 								</div>

  117. 								</span>

  118. 						</div>

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

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

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

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

  123. 						    	<div class="myBody">

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

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

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

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

  128. 										<span id="rz-hotel-name" class="form-control" style="border-width: 0px;padding-top: 7px;display: inline-block;" ></span>

  129. 									</span>

  130. 								</div>

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

  132. 							    	<div style="margin-top: 35px">

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

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

  135. 										<span id="rz-hotel-room" class="form-control" style="border-width: 0px;padding-top: 7px;display: inline-block;"></span>

  136. 									</span>

  137. 								</div>

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

  139. 							    	<div style="margin-top: 35px">

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

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

  142. 										<select id="order_channel" class="form-control hide_f update1_h" style="width: 100px;margin-left: 10px;">

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

  144. 										</select>

  145. 										<span id="order_channel_txt" class="form-control update1_s" style="border-width: 0px;padding-top: 7px;"></span>

  146. 										

  147. 										<input id="order_channel_order_id" class="form-control hide_f update1_h" style="margin-left: 5px;"  >

  148. 										<span id="order_channel_order_id_txt" class="form-control update1_s" style="border-width: 0px;padding-top: 7px;"></span>

  149. 									</span>

  150. 								</div>

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

  152. 							    	<div style="margin-top: 35px">

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

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

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

  156. 										<div id="start_date" class="input-group date form_date hide_f update1_h" style="width: 130px;margin-left: 10px;">

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

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

  159. 										</div>

  160. 										<span id="start_date_txt" class="form-control update1_s" style="border-width: 0px;padding-top: 7px;"></span>

  161. 										

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

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

  164. 										<div id="end_date" class="input-group date form_date hide_f update1_h" style="width: 130px;">

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

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

  167. 										</div>

  168. 										<span id="end_date_txt" class="form-control update1_s" style="border-width: 0px;padding-top: 7px;"></span>

  169. 										

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

  171. 									</span>

  172. 								</div>

  173. 								<div class="table-responsive" style="margin-left: 73px;margin-top: 20px;width: 700px;">

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

  175. 								        <thead>

  176. 								            <tr>

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

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

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

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

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

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

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

  184. 								            </tr>

  185. 								        </thead>

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

  187. 								            <!--<tr>

  188. 								                <td></td>

  189. 								                <td>

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

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

  192. 								                		</select>

  193. 								                </td>

  194. 								                <td>

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

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

  197. 								                </td>

  198. 								                <td>

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

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

  201. 								                </td>

  202. 								                <td></td>

  203. 								                <td></td>

  204. 								                <td></td>

  205. 								             </tr>-->

  206. 								         </tbody>

  207. 								    </table>

  208. 								</div>

  209. 								<!--table end-->

  210. 								<div class="btns" style="padding-left: 73px;">

  211. 									<button id="btn-rz-update-xq" type="button" class="btn btn-primary" style="margin-right: 25px;margin-top: 20px;">修改入住需求</button>

  212. 									<button id="btn-rz-update-xsj" type="button" class="btn btn-primary" style="margin-right: 25px;margin-top: 20px;">修改销售价</button>

  213. 									<button id="btn-rz-update-cgj" type="button" class="btn btn-primary" style="margin-right: 25px;margin-top: 20px;">修改采购价</button>

  214. 									<button id="btn-rz-cancel" type="button" class="btn btn-secondary hide_f" style=";margin-top: 20px;">取消</button>

  215. 								</div>

  216. 								

  217. 						    	</div>

  218. 						    	<!--mybody end-->

  219. 						  </div>

  220. 						</div>

  221. 						<!--pannel end-->

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

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

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

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

  226. 						    	<div class="myBody">

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

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

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

  230. 										<input id="customer_name" type="text" class="form-control hide_f update4_h" />

  231. 										<span id="customer_name_txt" class="form-control update4_s" style="border-width: 0px;"></span>

  232. 									</span>

  233. 								</div>

  234. 							    	<div style="margin-top: 35px">

  235. 									<i style="color:red;opacity: 0;">*</i><span style="display: inline-block;padding-left: 5px;text-align: right">联系电话：</span>

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

  237. 										<input id="customer_phone" type="text" class="form-control hide_f update4_h" />

  238. 										<span id="customer_phone_txt" class="form-control update4_s" style="border-width: 0px;"></span>

  239. 									</span>

  240. 								</div>

  241. 							    	<div style="margin-top: 35px">

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

  243. 									<button id="btn-customer-update" type="button" class="btn btn-primary">修改</button>

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

  245. 								</div>

  246. 						    	</div>

  247. 						    	<!--mybody end-->

  248. 						  </div>

  249. 						</div>

  250. 						<!--pannel end-->

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

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

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

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

  255. 						    	<div class="myBody">

  256. 								<div class="table-responsive" style="width: 600px;">

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

  258. 								        <thead>

  259. 								            <tr>

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

  261. 								                <th width="100">内容</th>

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

  263. 								                <th width="80">添加时间</th>

  264. 								                <th width="50">删除</th>

  265. 								            </tr>

  266. 								        </thead>

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

  268. 								            <!--<tr>

  269. 								                <td></td>

  270. 								                <td></td>

  271. 								                <td></td>

  272. 								                <td></td>

  273. 								                <td>

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

  275. 								                	</td>

  276. 								             </tr>-->

  277. 								         </tbody>

  278. 								    </table>

  279. 								</div>

  280. 								<!--table end-->

  281. 								<div style="margin-top: 35px" class="form-inline">

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

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

  284. 							    			<!--<select id="comment-type" class="form-control">

  285. 							    				<option value="0">内部备注</option>

  286. 							    				<option value="1">公共备注</option>

  287. 							    			</select>-->

  288. 							    			<p><button type="button" data-value="0" class="btn btn-primary comment-type comment-type0 comment_selected">内部备注</button></p>

  289. 							    			<p class="order-remark"><button type="button" data-value="1" class="btn btn-default comment-type comment-type1">公共备注</button></p>

  290. 							    		</span>

  291. 							    		<textarea id="comment-txt" class="form-control" rows="5" style="width: 502px;margin-left: 10px;"></textarea>

  292. 								</div>

  293. 								<div style="margin-top: 35px">

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

  295. 									<button id="btn-order-remark-save-update-d" type="button" class="btn btn-primary" style="margin-left: 25px;">保存</button>

  296. 								</div>

  297. 						    	</div>

  298. 						    	<!--mybody end-->

  299. 						  </div>

  300. 						</div>

  301. 						<!--pannel end-->

  302. 				</div>

  303. 			</div>

  304. 		

  305. 		

  306. 		

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

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

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

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

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

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

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

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

  315. 						</select>

  316. 					</span>

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

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

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

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

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

  322. 						</div>

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

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

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

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

  327. 						</div>

  328. 					</span>

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

  330. 				</div>

  331. 				<!--myBody end-->

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

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

  334. 				        <thead>

  335. 				            <tr>

  336. 				                <th width="100">操作人</th>

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

  338. 				                <th width="800">操作内容</th>

  339. 				            </tr>

  340. 				        </thead>

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

  342. 				            <tr>

  343. 				                <td></td>

  344. 				                <td></td>

  345. 				                <td></td>

  346. 				             </tr>

  347. 				         </tbody>

  348. 				    </table>

  349. 				</div>

  350. 			</div>

  351. 		</div>

  352. 

  353. 		</div>

  354. 

  355. 		</div>

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

  357. 		<script type="text/javascript" src="js/xcConfirm.js"></script>

  358. 		

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

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

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

  362. 		<script type="text/javascript" src="js/hotel_order_detail_level.js" ></script>

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

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

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

  366. 			    autoclose:true,

  367. 			    minView:2,

  368. 			    pickerPosition:"bottom-left"

  369. 			});

  370. 		</script>

  371. 		

  372. 	</body>

  373. 

  374. </html>