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/hotelWaitConfirm.html

753 lines
34 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html>

  3. 

  4. 	<head>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  20. 	

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

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

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

  24. 	</head>

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

  26. 		#topchart {

  27. 			width: 1200px;

  28. 			height: 210px;

  29. 			border: 1px solid lightgrey;

  30. 			margin-top: 40px;

  31. 			overflow: hidden;

  32. 		}

  33. 		

  34. 		#chartLeftSpan {

  35. 			border: 1px solid lightgrey;

  36. 			width: 280px;

  37. 			height: 208px;

  38. 			overflow: hidden;

  39. 			float: left;

  40. 		}

  41. 		

  42. 		#chartRightSpan {

  43. 			border: 1px solid lightgrey;

  44. 			width: 916px;

  45. 			height: 208px;

  46. 			overflow: hidden;

  47. 			float: left;

  48. 		}

  49. 		

  50. 		#orderDetail {

  51. 			width: 918px;

  52. 			height: 150px;

  53. 			overflow: hidden;

  54. 		}

  55. 		

  56. 		#orderCount {

  57. 			margin-top: 0px;

  58. 			width: 916px;

  59. 			height: 44px;

  60. 		}

  61. 		

  62. 		.notifacation {

  63. 			width: 160px;

  64. 			height: 34px;

  65. 			border: 1px solid lightgray;

  66. 			margin-top: 10px;

  67. 			margin-left: 20px;

  68. 			text-align: center;

  69. 			display: inline-block;

  70. 			line-height: 34px;

  71. 		}

  72. 		

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

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

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

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

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

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

  79. 			border: none;

  80. 		}

  81. 		

  82. 		.table thead>tr>th,

  83. 		.table tbody>tr>th,

  84. 		.table tfoot>tr>th,

  85. 		.table thead>tr>td,

  86. 		.table tbody>tr>td,

  87. 		.table tfoot>tr>td {

  88. 			line-height: 30px;

  89. 			padding: 0px;

  90. 			padding-bottom: 8px;

  91. 			padding-top: 8px;

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

  93. 			vertical-align: top;

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

  95. 		}

  96. 		

  97. 		.editable-click {

  98. 			border: 0px solid gray;

  99. 		}

  100. 		

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

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

  103. 			padding-left: 12px;

  104. 		}

  105. 		

  106. 		.profile-user-info-striped {

  107. 			border: 0px solid #dcebf7;

  108. 		}

  109. 		.profile-info-value {

  110. 		    padding: 6px 4px 6px 6px;

  111. 		    margin-left: 120px;

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

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

  114. 		}

  115. 		.profile-info-name {

  116. 		    position: absolute;

  117. 		    width: 110px;

  118. 		    text-align: right;

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

  120. 		    left: 0;

  121. 		    top: 0;

  122. 		    bottom: 0;

  123. 		    font-weight: normal;

  124. 		    color: #667e99;

  125. 		    background-color: transparent;

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

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

  128. 		}

  129. 		tbody>tr {

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

  131. 		}

  132. 		

  133. 		tbody>tr:last-child {

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

  135. 		}

  136. 		#tr_final > td {

  137. 			font-weight: 700;

  138. 		}

  139. 		

  140. 		th,

  141. 		td {

  142. 			text-align: center;

  143. 		}

  144. 		.cir_ul>li{

  145. 			margin: 0 auto;

  146. 			text-align: center;

  147. 		}

  148. 	</style>

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

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

  151. 	<script>

  152. 		login();

  153. 	</script>-->

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

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

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

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

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

  159. 				</a>

  160. 			</div>

  161. 		</div>

  162. 

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

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

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

  166. 			<div id="">

  167. 				<!--

  168.             	作者：fuhongcheng_fhc@163.com

  169.             	时间：2016-06-06

  170.             	描述：酒店代下订单

  171.             -->

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

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

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

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

  176. 					</div>

  177. 					<!--

  178.                         	作者：fuhongcheng_fhc@163.com

  179.                         	时间：2016-06-08

  180.                         	描述：上面的交互---圆

  181.                         -->

  182. 					<div id="topchart">

  183. 						<div id="chartLeftSpan">

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

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

  186. 							<div id="pay_time" style="margin-left: 30px;height: 10px;margin-top: 20px;"><!--<img width="10px" height="10px" src="html/images/aa.jpg"/>支付剩余时间：14 分 55 秒--></div>

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

  188. 							<div id="saleStyle" style="margin-left: 30px;font-size: 10px;">销售方式：[酒店]</div>

  189. 						</div>

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

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

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

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

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

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

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

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

  198. 									</ul>

  199. 								</div>

  200. 								

  201. 								<div id="payOrder" style="float: left; margin-left: 35px; ">

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

  203. 										<li id="two_cir" style="width: 20px;height: 20px;border: 3px solid darkgray; border-radius: 10px;"></li>

  204. 										<li id="two_statu" style="margin-top: 15px;">付款成功</li>

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

  206. 							   			<li id="two_time"></li>

  207. 									</ul>

  208. 								</div>

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

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

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

  212. 										<li id="three_statu" style="margin-top: 10px;">确认</li>

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

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

  215. 									</ul>

  216. 								</div>

  217. 								<div id="arrangeOrder" style="float: left; margin-left: 35px;">

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

  219. 										<li id="four_cir" style="width: 20px;height: 20px;border: 3px solid darkgray; border-radius: 10px;"></li>

  220. 										<li id="four_statu" style="margin-top: 15px;">确认安排</li>

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

  222. 							   			<li id="four_time"></li>

  223. 									</ul>

  224. 								</div>

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

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

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

  228. 										<li id="five_statu" style="margin-top: 10px;">通知</li>

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

  230. 									    <li id="five_time"></li>

  231. 									</ul>

  232. 								</div>

  233. 								

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

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

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

  237. 										<li id="six_statu" style="margin-top: 10px;">入住酒店</li>

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

  239. 							    			<li id="six_temp" style="text-align: center;">-</li>

  240. 							    			<li id="six_date2"></li>

  241. 									</ul>

  242. 								</div>

  243. 								<div>

  244. 

  245. 								</div>

  246. 							</div>

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

  248. 							<div id="orderCount">

  249. 								<span id="span_order_remark" onclick="click_show_div('.orderRemark',$(this))" name="订单备注" class="notifacation" style="cursor: pointer;margin-left: 35px;">订单备注：[a]条</span>

  250. 								<span id="span_info_noti" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation" style="cursor: pointer;">短信通知：[b]条</span>

  251. 								<!--<span id="span_order_fujian" onclick="click_show_div('.order_attachment',this)" class="notifacation" style="cursor: pointer;">订单附件：[c]条</span>-->

  252. 								

  253. 								<span id="downBtn3" onclick="click_OK('#downBtn3',this.innerHTML)" style="margin-top:10px;margin-right: 35px;float:right;cursor: pointer;margin-left:10px;width: 50px;height: 35px;display: inline-block;line-height: 35px; text-align: center;border: 1px solid rgb(204,204,204);">取消</span>

  254. 								<span id="downBtn2" onclick="click_OK('#downBtn2',this.innerHTML)" style="margin-top:10px;float:right;cursor: pointer;margin-left:10px;width: 50px;height: 35px;display: inline-block;line-height: 35px;text-align: center; border: 1px solid rgb(204,204,204);">修改</span>

  255. 								<span id="downBtn1" onclick="click_OK('#downBtn1',this.innerHTML)" style="margin-top:10px;float:right;cursor: pointer;width: 50px;height: 35px; display: inline-block;line-height: 35px;background-color: rgb(204,204,204);text-align: center;">支付</span>

  256. 								

  257. 							</div>

  258. 						</div>

  259. 					</div>

  260. 					<!--

  261.                         	作者：fuhongcheng_fhc@163.com

  262.                         	时间：2016-06-08

  263.                         	描述：上面的交互---圆

  264.                         -->

  265. 					<!--预订信息-->

  266. 					<div class="bookingInfo">

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

  268. 						<hr />

  269. 						<div class="tabbable">

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

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

  272. 									<div class="profile-info-name" style="background-color: white;">产&nbsp;&nbsp;&nbsp;&nbsp;品：</div>

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

  274. 										<span class="editable editable-click" id="hotel_room">[产品]</span>

  275. 									</div>

  276. 								</div>

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

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

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

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

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

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

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

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

  285. 														<thead>

  286. 															<tr>

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

  288. 																<th>数量</th>

  289. 																<th width="120px">采购价</th>

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

  291. 																<th>零售价</th>

  292. 																<th>采购价金额</th>

  293. 																<th>结算价金额</th>

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

  295. 															</tr>

  296. 														</thead>

  297. 														<tbody id="booking_list">

  298. 															<tr id="tr_booking_one">

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

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

  301. 																<td>[采购价]</td>

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

  303. 																<td>[零售价]</td>

  304. 																<td>[采购价金额]</td>

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

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

  307. 															</tr>

  308. 															<tr id="tr_booking_final">

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

  310. 																<td></td>

  311. 																<td></td>

  312. 																<td></td>

  313. 																<td>[总零售价]</td>

  314. 																<td>[采购价金额]</td>

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

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

  317. 															</tr>

  318. 														</tbody>

  319. 													</table>

  320. 												</div>

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

  322. 											</div>

  323. 											<!-- /span -->

  324. 										</div>

  325. 										<!--row end-->

  326. 									</div>

  327. 								</div>

  328. 							</div>

  329. 						</div>

  330. 						<!--tabbable end-->

  331. 					</div>

  332. 					<!--预订信息  end-->

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

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

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

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

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

  338. 						<p id="guest_name">[客人姓名]</p>

  339. 						<p id="guest_phone">[客人电话]</p>

  340. 					</div>

  341. 

  342. 					<!--客人信息   end-->

  343. 					<!--结算信息-->

  344. 					

  345. 					<!--<div class="settlementInfo">

  346. 						<p><b>结算信息</b></p>

  347. 						<hr />-->

  348. 						<!--分销商-->

  349. 						<!--<div id="pagination" class="row">

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

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

  352. 									<p>分销商</p>

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

  354. 										<thead>

  355. 											<tr>

  356. 												<th>名称</th>

  357. 												<th>分销商订单号</th>

  358. 												<th>交易类型</th>

  359. 												<th>项目</th>

  360. 												<th>金额</th>

  361. 												<th>交易方式</th>

  362. 												<th>生成时间</th>

  363. 												<th>支付时间</th>

  364. 											</tr>

  365. 										</thead>

  366. 										<tbody id="fen_shopList">

  367. 											<tr id="tr_fen_one">

  368. 												<td>[名称]</td>

  369. 												<td>[分销商订单号]</td>

  370. 												<td>[交易类型]</td>

  371. 												<td>[项目]</td>

  372. 												<td>[金额]</td>

  373. 												<td>[交易方式]</td>

  374. 												<td>[生成时间]</td>

  375. 												<td>[支付时间]</td>

  376. 											</tr>

  377. 										</tbody>

  378. 									</table>

  379. 								</div>-->

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

  381. 							<!--</div>

  382. 						</div>-->

  383. 						<!--分销商  end-->

  384. 						<!--供应商-->

  385. 						<!--<div id="pagination" class="row">

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

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

  388. 									<p>供应商</p>

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

  390. 										<thead>

  391. 											<tr>

  392. 												<th>名称</th>

  393. 												<th>分销商订单号</th>

  394. 												<th>交易类型</th>

  395. 												<th>项目</th>

  396. 												<th>金额</th>

  397. 												<th>交易方式</th>

  398. 												<th>生成时间</th>

  399. 												<th>支付时间</th>

  400. 											</tr>

  401. 										</thead>

  402. 										<tbody id="give_shopList">

  403. 											<tr id="tr_give">

  404. 												<th>[名称]</th>

  405. 												<th>[分销商订单号]</th>

  406. 												<th>[交易类型]</th>

  407. 												<th>[项目]</th>

  408. 												<th>[金额]</th>

  409. 												<th>[交易方式]</th>

  410. 												<th>[生成时间]</th>

  411. 												<th>[支付时间]</th>

  412. 											</tr>

  413. 										</tbody>

  414. 									</table>

  415. 								</div>-->

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

  417. 							<!--</div>

  418. 						</div>-->

  419. 						<!--供应商  end-->

  420. 					<!--</div>-->

  421. 					<!--结算信息  end-->

  422. 				</div>

  423. 				<!--

  424.         	作者：fuhongcheng_fhc@163.com

  425.         	时间：2016-06-06

  426.         	描述：酒店订单待处理

  427.        -->

  428.         			<!--<div class="mask" style="opacity: 0.5;background-color: #000;width: 100%;height: 100%;position: fixed;;left: 0;top: 0;"></div>-->

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

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

  431. 					<span style="width:76px;display: inline-block;text-align: center;">订单备注</span>

  432. 					<span id="add_order_remark" onclick="click_two_show_div('.orderRemark','.addOrderRemark')" style="cursor: pointer;width: 76px;display: inline-block;text-align: center;background-color: lightgray;">+&nbsp;添加</span>

  433. 					<div style="width:490px;margin: 10px auto 20px auto;height: 1px;border-bottom: 1px dashed lightgray;"></div>

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

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

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

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

  438. 									<thead>

  439. 										<tr>

  440. 											<th width="80px">类型</th>

  441. 											<th width="210px">内容</th>

  442. 											<th width="80px">添加人</th>

  443. 											<th width="120px">添加时间</th>

  444. 										</tr>

  445. 									</thead>

  446. 									<tbody id="ht_comment_list">

  447. 										<tr id="ht_tr_com_one" style="display: none;">

  448. 											<td>[类型]</td>

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

  450. 											<td>[添加人]</td>

  451. 											<td>[添加时间]</td>

  452. 										</tr>

  453. 									</tbody>

  454. 								</table>

  455. 							</div>

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

  457. 						</div>

  458. 						<!-- /span -->

  459. 					</div>

  460. 					<!--row end-->

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

  462. 				</div>

  463. 				<!--订单备注  end-->

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

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

  466. 					<span style="width:76px;display: inline-block;text-align: center;">添加备注</span>

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

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

  469. 						<div class="profile-info-name" style="background-color: white;">备&nbsp;&nbsp;&nbsp;&nbsp;注：</div>

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

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

  472. 							<select id="add_com_sel" name="">

  473. 								<option value="">选择类型</option>

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

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

  476. 							</select>

  477. 							<br />

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

  479. 						</div>

  480. 					</div>

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

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

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

  484. 						<span id="btn_shutdown" onclick="click_cancel('.orderRemark','.addOrderRemark')" 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>

  485. 					</div>

  486. 				</div>

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

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

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

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

  491. 					<!--<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>-->

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

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

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

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

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

  497. 									<thead>

  498. 										<tr>

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

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

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

  502. 										</tr>

  503. 									</thead>

  504. 									<tbody id="ht_send_message_list">

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

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

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

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

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

  510. 										</tr>

  511. 									</tbody>

  512. 								</table>

  513. 							</div>

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

  515. 						</div>

  516. 						<!-- /span -->

  517. 					</div>

  518. 					<!--row end-->

  519. 					<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>

  520. 				</div>

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

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

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

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

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

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

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

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

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

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

  531. 						</div>

  532. 					</div>

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

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

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

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

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

  538. 						</div>

  539. 					</div>

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

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

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

  543. 						<!--<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>-->

  544. 					</div>

  545. 				</div>

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

  547. 				<!--订单附件-->

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

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

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

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

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

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

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

  555. 									<thead>

  556. 										<tr>

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

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

  559. 										</tr>

  560. 									</thead>

  561. 									<tbody id="hotelList">

  562. 										<tr id="tr_one">

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

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

  565. 										</tr>

  566. 									</tbody>

  567. 								</table>

  568. 							</div>

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

  570. 						</div>

  571. 						<!-- /span -->

  572. 					</div>

  573. 					<!--row end-->

  574. 				</div>

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

  576. 				<!--订单支付-->

  577. 				<div class="order_pay" style="display: none; width: 450px;padding-bottom: 20px;padding-top:20px;border: 1px solid darkgray; border-radius: 5px;">

  578. 					<span style="width:76px;display: inline-block;text-align: center;">订单支付</span>

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

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

  581. 						<div class="profile-info-name" style="background-color: white;">支付金额：</div>

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

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

  584. 						</div>

  585. 					</div>

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

  587. 						<div class="profile-info-name" style="background-color: white;">支付方式：</div>

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

  589. 							<select id="select_order_pay" name="" onchange="select_pay_way(this.options[this.selectedIndex].value)">

  590. 								<!--<option value="0">分销商授信额度支付</option>-->

  591. 								<!--232天猫旗舰店支付-->

  592. 								<option selected="selected" value="232">天猫旗舰店支付</option>

  593. 							</select>

  594. 						</div>

  595. 					</div>

  596. 					<!--<div id="pay1" class="profile-info-row" style="display: block;">

  597. 						<div class="profile-info-name" style="background-color: white;">授信余额：</div>

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

  599. 							<span class="editable editable-click" id="">80000&nbsp;元</span>

  600. 						</div>

  601. 					</div>-->

  602. 					<div id="pay2" class="profile-info-row" style="display: block;">

  603. 						<div class="profile-info-name" style="background-color: white;">流&nbsp;&nbsp;水&nbsp;&nbsp;号：</div>

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

  605. 							<input id="pay_water_num" style="width: 300px;" value="" placeholder="  订单支付流水号"/>

  606. 						</div>

  607. 					</div>

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

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

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

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

  612. 					</div>

  613. 				</div>

  614. 				<!--订单支付 end-->

  615. 				<!--订单退单-->

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

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

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

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

  620. 						<div class="profile-info-name" style="background-color: white;">支付金额：</div>

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

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

  623. 						</div>

  624. 					</div>

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

  626. 						<div class="profile-info-name" style="background-color: white;">支付方式：</div>

  627. 						<div class="profile-info-value" style="height: 30px;">

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

  629. 						</div>

  630. 					</div>

  631. 					<div class="profile-info-row" style="height: 30px;">

  632. 						<div class="profile-info-name" style="background-color: white;">支付时间：</div>

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

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

  635. 						</div>

  636. 					</div>

  637. 					<!--虚线-->

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

  639. 					<div class="profile-info-row" style="height: 30px;">

  640. 						<div class="profile-info-name" style="background-color: white;">退还金额：</div>

  641. 						<div class="profile-info-value" style="height: 30px;">

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

  643. 						</div>

  644. 					</div>

  645. 					<div class="profile-info-row" style="height: 30px;">

  646. 						<div class="profile-info-name" style="background-color: white;">退还方式：</div>

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

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

  649. 						</div>

  650. 					</div>

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

  652. 						<div class="profile-info-name" style="background-color: white;">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</div>

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

  654. 							<textarea id="order_return_comment" name="" style="width: 300px;height: 93px;"></textarea>

  655. 						</div>

  656. 					</div>

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

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

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

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

  661. 					</div>

  662. 				</div>

  663. 				<!--订单退单 end-->

  664. 				<!--酒店确认-->

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

  666. 					<span style="width:76px;display: inline-block;text-align: center;">录入确认单</span>

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

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

  669. 						<div class="profile-info-name" style="background-color: white;">确认号：</div>

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

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

  672. 							<input id="ht_ok_code" style="width: 300px;" value=""/>

  673. 						</div>

  674. 					</div>

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

  676. 						<div class="profile-info-name" style="background-color: white;">备&nbsp;&nbsp;&nbsp;&nbsp;注：</div>

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

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

  679. 							<textarea id="ht_ok_comment" name=""style="width: 300px;height: 60px;"></textarea>

  680. 						</div>

  681. 					</div>

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

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

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

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

  686. 					</div>

  687. 				</div>

  688. 				<!--酒店确认 end-->

  689. 				<!--退改申请-->

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

  691. 						<span style="width:76px;display: inline-block;text-align: center;">申请退改</span>

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

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

  694. 							<!--<div class="profile-info-name" style="background-color: white;">处理方式：</div>

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

  696. 								<span style="padding-left: 10px;"><input type = "checkbox" value = ""/>修改</span>

  697. 								<span style="padding-left: 35px;"><input type = "checkbox" value = ""/>退单</span>

  698. 							</div>-->

  699. 						</div>

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

  701. 							<div class="profile-info-name" style="background-color: white;">退款金额：</div>

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

  703. 								<input name="refund_balance" type="text" style="width: 150px;height: 25px;" />

  704. 							</div>

  705. 						</div>

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

  707. 							<div class="profile-info-name" style="background-color: white;">供应商退回：</div>

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

  709. 								<input name="suppliers_return" type="text" style="width: 150px;height: 25px;" />

  710. 							</div>

  711. 						</div>

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

  713. 							<div class="profile-info-name" style="background-color: white;">退改原因：</div>

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

  715. 								<textarea name="refund_reason" id="reason" style="width: 300px;height: 100px;" cols="30" rows="10"></textarea>

  716. 							</div>

  717. 						</div>

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

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

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

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

  722. 						</div>

  723. 				</div>

  724. 				<!--退改申请 end-->

  725. 				<!--蒙板-->

  726. 				<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>

  727. 			</div>

  728. 		<!--</div>-->

  729. 	</body>

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

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

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

  733. 			autoclose: true

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

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

  736. 		});

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

  738. 			minuteStep: 1,

  739. 			showSeconds: false,

  740. 			showMeridian: false

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

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

  743. 		});

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

  745. 			minuteStep: 1,

  746. 			showSeconds: false,

  747. 			showMeridian: false

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

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

  750. 		});

  751. 	</script>

  752. 

  753. </html>