nizongfeng
/
zzcx_line
1
0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики 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 Комити
1 Грана
17 MiB
 
 
 
 
Дрво: aa52171df8
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from 'aa52171df8'
${ noResults }
zzcx_line/coding/hotelModifyOrder.html

574 lines
25 KiB
Датотека Blame Историја 

  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 src="js/base_path.js" type="text/javascript" charset="utf-8"></script>

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

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

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

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

  21. 	

  22. 	</head>

  23. 	<!--

  24.     	作者：fuhongcheng_fhc@163.com

  25.     	时间：2016-06-28  15：35

  26.     	描述：修改HT订单  重写一份

  27.     -->

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

  29. 		#topchart {

  30. 			width: 1200px;

  31. 			height: 210px;

  32. 			border: 1px solid lightgrey;

  33. 			margin-top: 40px;

  34. 			overflow: hidden;

  35. 		}

  36. 		

  37. 		#chartLeftSpan {

  38. 			border: 1px solid lightgrey;

  39. 			width: 280px;

  40. 			height: 208px;

  41. 			overflow: hidden;

  42. 			float: left;

  43. 		}

  44. 		

  45. 		#chartRightSpan {

  46. 			border: 1px solid lightgrey;

  47. 			width: 916px;

  48. 			height: 208px;

  49. 			overflow: hidden;

  50. 			float: left;

  51. 		}

  52. 		

  53. 		#orderDetail {

  54. 			width: 918px;

  55. 			height: 150px;

  56. 			overflow: hidden;

  57. 		}

  58. 		

  59. 		#orderCount {

  60. 			margin-top: 0px;

  61. 			width: 916px;

  62. 			height: 44px;

  63. 		}

  64. 		

  65. 		.notifacation {

  66. 			width: 160px;

  67. 			height: 34px;

  68. 			border: 1px solid lightgray;

  69. 			margin-top: 10px;

  70. 			margin-left: 20px;

  71. 			text-align: center;

  72. 			display: inline-block;

  73. 			line-height: 34px;

  74. 		}

  75. 		

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

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

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

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

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

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

  82. 			border: none;

  83. 		}

  84. 		

  85. 		.table thead>tr>th,

  86. 		.table tbody>tr>th,

  87. 		.table tfoot>tr>th,

  88. 		.table thead>tr>td,

  89. 		.table tbody>tr>td,

  90. 		.table tfoot>tr>td {

  91. 			line-height: 30px;

  92. 			padding: 0px;

  93. 			padding-bottom: 8px;

  94. 			padding-top: 8px;

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

  96. 			vertical-align: top;

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

  98. 		}

  99. 		

  100. 		.editable-click {

  101. 			border: 0px solid gray;

  102. 		}

  103. 		

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

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

  106. 			padding-left: 12px;

  107. 		}

  108. 		

  109. 		.profile-user-info-striped {

  110. 			border: 0px solid #dcebf7;

  111. 		}

  112. 		

  113. 		.profile-info-value {

  114. 			padding: 6px 4px 6px 6px;

  115. 			margin-left: 120px;

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

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

  118. 		}

  119. 		

  120. 		.profile-info-name {

  121. 			position: absolute;

  122. 			width: 110px;

  123. 			text-align: right;

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

  125. 			left: 0;

  126. 			top: 0;

  127. 			bottom: 0;

  128. 			font-weight: normal;

  129. 			color: #667e99;

  130. 			background-color: transparent;

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

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

  133. 		}

  134. 		

  135. 		tbody>tr {

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

  137. 		}

  138. 		

  139. 		tbody>tr:last-child {

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

  141. 		}

  142. 		

  143. 		#tr_final > td {

  144. 			font-weight: 700;

  145. 		}

  146. 		

  147. 		th,

  148. 		td {

  149. 			text-align: center;

  150. 		}

  151. 		

  152. 		.cir_ul>li {

  153. 			margin: 0 auto;

  154. 			text-align: center;

  155. 		}

  156. 	</style>

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

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

  159. 	<script>

  160. 				login();

  161. 	</script>-->

  162. 

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

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

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

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

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

  168. 				</a>

  169. 			</div>

  170. 		</div>

  171. 

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

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

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

  175. 			<div id="">

  176. 				<form name="myform" method="post">

  177. 					

  178. 					<input hidden="hidden" type="text" name="method" id="method" value="modify" />

  179. 					<input hidden="hidden" type="text" name="maxcount" id="maxcount" value="0" />

  180. 					<input hidden="hidden" type="text" name="prod_id" id="form_prod_id" value="" />

  181. 					<input hidden="hidden" type="text" name="prod_name" id="form_prod_name" value="" />

  182. 					<input hidden="hidden" type="text" name="order_id" id="order_id" value="" />

  183. 					

  184. 					<!--

  185.             	作者：fuhongcheng_fhc@163.com

  186.             	时间：2016-06-06

  187.             	描述：酒店代下订单

  188.             -->

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

  190. 

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

  192. 							<div style="font-size: 20px;">修改订单</div>

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

  194. 						</div>

  195. 						<!--

  196.                         	作者：fuhongcheng_fhc@163.com

  197.                         	时间：2016-06-08

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

  199.                         -->

  200. 						<div id="topchart">

  201. 							<div id="chartLeftSpan">

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

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

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

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

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

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

  208. 							</div>

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

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

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

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

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

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

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

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

  217. 										</ul>

  218. 									</div>

  219. 

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

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

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

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

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

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

  226. 										</ul>

  227. 									</div>

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

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

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

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

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

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

  234. 										</ul>

  235. 									</div>

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

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

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

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

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

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

  242. 										</ul>

  243. 									</div>

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

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

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

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

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

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

  250. 										</ul>

  251. 									</div>

  252. 

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

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

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

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

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

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

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

  260. 										</ul>

  261. 									</div>

  262. 									<div>

  263. 

  264. 									</div>

  265. 								</div>

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

  267. 								<div id="orderCount">

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

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

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

  271. 

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

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

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

  275. 

  276. 								</div>

  277. 							</div>

  278. 						</div>

  279. 						<!--

  280.                         	作者：fuhongcheng_fhc@163.com

  281.                         	时间：2016-06-08

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

  283.                         -->

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

  285. 						<div class="bookingInfo">

  286. 

  287. 							

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

  289. 							<hr />

  290. 							<div class="tabbable">

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

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

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

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

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

  296. 										</div>

  297. 									</div>

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

  299. 										<div class="profile-info-name" style="background-color: white;">订单渠道：</div>

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

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

  302. 											<input type="text" hidden="hidden" name="order_from" id="order_from" value="176" />

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

  304. 											<input type="text" hidden="hidden" name="distributors" id="distributors" value="" />

  305. 											<span class="editable editable-click" id="order_channel">[订单渠道] &nbsp;&nbsp;&nbsp;&nbsp;渠道订单号：</span><input type="text" id="outside_order_id" name="outside_order_id" value="" />

  306. 										</div>

  307. 									</div>

  308. 									<!-- profile-info-row start -->

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

  310. 										<div class="profile-info-name" style="background-color: white;">修&nbsp;&nbsp;&nbsp;&nbsp;改：</div>

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

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

  313. 											<div class="col-sm-1" style="float: left;width: 150px;padding-left:0px;padding-right: 3px;margin-bottom: 10px;">

  314. 												<div class="input-group">

  315. 													<input id="id-date-picker-1" onchange="date_choose_picker(1)" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="开始日期" style="font-size: 12px;height: 30px;">

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

  317. 														<i class="icon-calendar bigger-110"></i>

  318. 													</span>

  319. 												</div>

  320. 											</div>

  321. 											<div class="col-sm-1" style="float: left;width: 150px;padding-left:0px;padding-right: 3px;margin-bottom: 10px;">

  322. 												<div class="input-group">

  323. 													<input id="id-date-picker-2" onchange="date_choose_picker(2)" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="结束日期" style="font-size: 12px;height: 30px;">

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

  325. 														<i class="icon-calendar bigger-110"></i>

  326. 													</span>

  327. 												</div>

  328. 											</div>

  329. 											<span id="all_days" class="editable editable-click" style="display: inline-block; padding-top:5px;height: 20px;;margin-left: 10px;">共 0 晚</span>

  330. 											<select id="arrive_latest_time" name="arrive_latest_time" onchange="sel_time_hour(this.options[this.selectedIndex].innerHTML)" style="margin-left: 30px">

  331. 												<option value="12:00">12:00</option>

  332. 												<option value="13:00">13:00</option>

  333. 												<option value="14:00">14:00</option>

  334. 												<option value="15:00">15:00</option>

  335. 												<option value="16:00">16:00</option>

  336. 												<option value="17:00">17:00</option>

  337. 												<option value="18:00">18:00</option>

  338. 												<option value="19:00">19:00</option>

  339. 												<option value="20:00">20:00</option>

  340. 												<option value="21:00">21:00</option>

  341. 												<option value="22:00">22:00</option>

  342. 												<option value="23:00">23:00</option>

  343. 												<option value="24:00">24:00</option>

  344. 											</select>

  345. 											<span class="editable editable-click" style="display: inline-block; padding-top:5px;height: 20px;;margin-left: 10px;">最晚到达</span>

  346. 										</div>

  347. 									</div>

  348. 									<!--profile-info-row  end-->

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

  350. 										<div class="profile-info-name" style="background-color: white;"></div>

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

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

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

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

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

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

  357. 															<thead>

  358. 																<tr>

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

  360. 																	<th>库存</th>

  361. 																	<th>数量</th>

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

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

  364. 																	<th width="120px">零售价</th>

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

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

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

  368. 																</tr>

  369. 															</thead>

  370. 															<tbody id="ht_modify_or_list">

  371. 																<tr id="tr_modify_one" style="display: none;">

  372. 																	<td>[入住日期]

  373. 																		<input type="hidden" name="check_in_date" id="" value="checkIn:Value">

  374. 																		

  375. 																		<input type="hidden" name="run_id" id="" value="[run_id:Value]"></td>

  376. 																	<td>[库存]</td>

  377. 																	<td>

  378. 																		<select name="room_count" id="select_room" onchange="select_room([index],this.options[this.selectedIndex].value)">

  379. 																			<option value="[value:i]">[html:i] 间</option>

  380. 																		</select>

  381. 																	</td>

  382. 																	<td>

  383. 																		<input name="base_price_[base]" id="cai_price_[cai1]" oninput="cai_change([cai_blur],this.value)" style="width: 60px;margin-right: 10px;" type="text" value="[采购价]" placeholder="">元

  384. 																	</td>

  385. 																	<td>

  386. 																		<input name="mid_price_[mid]" id="jie_price_[jie1]" oninput="jie_change([jie_blur],this.value)" style="width: 60px;margin-right: 10px;" type="text" value="[结算价]" placeholder="">元

  387. 																	</td>

  388. 																	<td><input name="order_price_[order]" id="zero_price_[zero1]" oninput="zero_change([zero_blur],this.value)" style="width: 60px;margin-right: 10px;" type="text" value="[零售价]" placeholder="">元</td>

  389. 																	<td id="cai_price_balance_[cai2]">[采购价金额]</td>

  390. 																	<td id="jie_price_balance_[jie2]">[结算价金额]</td>

  391. 																	<td id="profits_[lirun]">[销售利润]</td>

  392. 																</tr>

  393. 																<tr id="tr_modify_final" style="display:none;">

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

  395. 																	<td></td>

  396. 																	<td></td>

  397. 																	<td></td>

  398. 																	<td></td>

  399. 																	<td id="order">[总零售价]</td>

  400. 																	<td id='base'>[采购价金额]</td>

  401. 																	<td id="mid">[结算价金额]</td>

  402. 																	<td id="profit">[销售利润]</td>

  403. 																</tr>

  404. 															</tbody>

  405. 														</table>

  406. 													</div>

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

  408. 												</div>

  409. 												<!-- /span -->

  410. 											</div>

  411. 											<!--row end-->

  412. 										</div>

  413. 									</div>

  414. 								</div>

  415. 							</div>

  416. 							<!--tabbable end-->

  417. 						</div>

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

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

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

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

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

  423. 						<div class="tabbable">

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

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

  426. 									<div class="profile-info-name" style="background-color: white;">客人姓名：</div>

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

  428. 										<input name="customer_name" id="customer_name" type="text" value="" placeholder="客人姓名" />

  429. 									</div>

  430. 								</div>

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

  432. 									<div class="profile-info-name" style="background-color: white;">联系电话：</div>

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

  434. 										<input name="customer_mobile" id="customer_mobile" type="text" value="" placeholder="联系电话" onkeyup="(this.v=function(){if(this.value.length>=11){return;}this.value=this.value.replace(/[^0-9]+/,'');}).call(this)" onblur="this.v();" />

  435. 									</div>

  436. 								</div>

  437. 								

  438. 							</div>

  439. 						</div>

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

  441. 					</div>

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

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

  444. 						<span id="btn_modify_save" style="cursor: pointer;width: 100px;height: 30px;line-height:30px;text-align: center;background-color: gray;display: inline-block;border-radius: 3px;">保存修改</span>

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

  446. 					</div>

  447. 					<div style="margin-bottom: 40px;"></div>

  448. 

  449. 					<!--

  450.         	作者：fuhongcheng_fhc@163.com

  451.         	时间：2016-06-06

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

  453.       -->

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

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

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

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

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

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

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

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

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

  463. 										<thead>

  464. 											<tr>

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

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

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

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

  469. 											</tr>

  470. 										</thead>

  471. 										<tbody id="ht_comment_list">

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

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

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

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

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

  477. 											</tr>

  478. 										</tbody>

  479. 									</table>

  480. 								</div>

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

  482. 							</div>

  483. 							<!-- /span -->

  484. 						</div>

  485. 						<!--row end-->

  486. 					</div>

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

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

  489. 					<div class="addOrderRemark" 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. 						<div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>

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

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

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

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

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

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

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

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

  500. 							</select>

  501. 								<br />

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

  503. 							</div>

  504. 						</div>

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

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

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

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

  509. 						</div>

  510. 					</div>

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

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

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

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

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

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

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

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

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

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

  521. 										<thead>

  522. 											<tr>

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

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

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

  526. 											</tr>

  527. 										</thead>

  528. 										<tbody id="ht_send_message_list">

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

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

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

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

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

  534. 											</tr>

  535. 										</tbody>

  536. 									</table>

  537. 								</div>

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

  539. 							</div>

  540. 							<!-- /span -->

  541. 						</div>

  542. 						<!--row end-->

  543. 					</div>

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

  545. 					<!--蒙板-->

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

  547. 				</form>

  548. 			</div>

  549. 		<!--</div>-->

  550. 	</body>

  551. 		<!--<script type="text/javascript" src="./js/master.js"></script>-->

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

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

  554. 			autoclose: true

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

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

  557. 		});

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

  559. 			minuteStep: 1,

  560. 			showSeconds: false,

  561. 			showMeridian: false

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

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

  564. 		});

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

  566. 			minuteStep: 1,

  567. 			showSeconds: false,

  568. 			showMeridian: false

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

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

  571. 		});

  572. 	</script>

  573. 

  574. </html>