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

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

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

  21. 	</head>

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

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

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

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

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

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

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

  29. 			border: none;

  30. 		}

  31. 		

  32. 		.table thead>tr>th,

  33. 		.table tbody>tr>th,

  34. 		.table tfoot>tr>th,

  35. 		.table thead>tr>td,

  36. 		.table tbody>tr>td,

  37. 		.table tfoot>tr>td {

  38. 			line-height: 30px;

  39. 			padding: 0px;

  40. 			padding-bottom: 8px;

  41. 			padding-top: 8px;

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

  43. 			vertical-align: top;

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

  45. 		}

  46. 		

  47. 		.editable-click {

  48. 			border: 0px solid gray;

  49. 		}

  50. 		

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

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

  53. 			padding-left: 12px;

  54. 		}

  55. 		

  56. 		.profile-user-info-striped {

  57. 			border: 0px solid #dcebf7;

  58. 		}

  59. 		

  60. 		tbody>tr {

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

  62. 		}

  63. 		

  64. 		tbody>tr:last-child {

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

  66. 		}

  67. 		#tr_final > td{

  68. 			font-weight: 700;

  69. 		}

  70. 		th,

  71. 		td {

  72. 			text-align: center;

  73. 		}

  74. 		.profile-user-info-striped .profile-info-name {

  75. 			    color: #336199;

  76. 			    border-top: 1px solid #f7fbff;

  77. 			    margin-left: 20px;

  78. 			}

  79. 	</style>

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

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

  82. 	<script>

  83. 		login();

  84. 	</script>-->

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

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

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

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

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

  90. 				</a>

  91. 			</div>

  92. 		</div>

  93. 

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

  95. 			<div class="control-bar">

  96. 			

  97. 			</div>

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

  99. 				<!--

  100.             	作者：fuhongcheng_fhc@163.com

  101.             	时间：2016-06-06

  102.             	描述：酒店代下订单

  103.             -->

  104.             <div id="">

  105. 				<div class="hotelPlaceOrder" style="width: 1225px;margin-left: 20px;">

  106. 					<form name="myform" action="" method="post">

  107. 						<input type="hidden" name="method" value="add" />

  108. 						<input type="hidden" name="maxcount" value="0" />

  109. 						<input type="hidden" name="prod_id" value="0" />

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

  111. 							代下订单

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

  113. 						</div>

  114. 						<div class="bookingInfo">

  115. 							<p><b>预订信息</b></p>

  116. 							<hr />

  117. 							<div class="tabbable" style="margin-left:11px;">

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

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

  120. 										<div class="profile-info-name" style="background-color: white;"><span style="letter-spacing:24px;">产</span>品：</div>

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

  122. 											<span class="editable editable-click" id="hotel_room">&nbsp;</span>

  123. 											<input hidden="hidden" type="text" name="prod_name" id="prod_name"/>

  124. 										</div>

  125. 									</div>

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

  127. 										<div class="profile-info-name" style="background-color: white;">订单来源：</div>

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

  129. 											<span class="editable editable-click">来源分类：

  130. 									<select name="order_from" onchange="sel_type(this.options[this.selectedIndex].value)" style="margin-left: 10px;">

  131. 										<option value="">请选择</option>

  132. 										<option value="176">自营</option>

  133. 										<option value="177">分销</option> 

  134. 									</select>

  135. 								</span>

  136. 										</div>

  137. 									</div>

  138. 									<div id="fen" class="profile-info-row" style="display: none">

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

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

  141. 											<span id="fen_name" class="editable editable-click">订单渠道：

  142. 												<!--<select>

  143. 													<option value="0">选择省</option>

  144. 													<option value="1">四川省</option>

  145. 													<option value="2">云南省</option>

  146. 												</select>

  147. 												<select>

  148. 													<option value="0">选择市</option>

  149. 													<option value="1">广安市</option>

  150. 													<option value="2">成都市</option>

  151. 												</select>-->

  152. 												<!--<input name="distributors" id="distributors" readonly="true" style="margin-left: 10px;" type="text"placeholder="名称 / 手机 / 登录名" value="" />-->

  153. 												<select style="margin-left: 10px;" name="distributors" id="distributors">

  154. 													<option value="1">蜘蛛行网络科技有限公司</option>

  155. 													<option value="2">上海自在国际旅行社有限公司</option>

  156. 													<option value="3">上海南顺旅行社</option>

  157. 													<option value="4">上海恒栋车公司</option>

  158. 													<option value="5">两站服务台</option>

  159. 													<option value="6">同行管理</option>

  160. 													<option value="7">移动终端销售</option>

  161. 													<option value="8">微信销售</option>

  162. 													<option value="9">IOS 销售</option>

  163. 													<option value="10">ANDROID 销售</option>

  164. 												</select>

  165. 											</span>

  166. 											<br /><br />

  167. 											<span class="editable editable-click">订单编号：

  168. 												<input name="outside_order_id" id="order_no" readonly="true" style="margin-left: 10px;" type="text"placeholder="分销商订单号" value="" />

  169. 											</span>

  170. 										</div>

  171. 									</div><!--profile-info-row  end-->

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

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

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

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

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

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

  178. 													<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;">

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

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

  181. 													</span>

  182. 												</div>

  183. 											</div>

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

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

  186. 													<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;">

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

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

  189. 													</span>

  190. 												</div>

  191. 											</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  207. 											</select>

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

  209. 										</div>

  210. 									</div><!--profile-info-row  end-->

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

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

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

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

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

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

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

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

  219. 															<thead>

  220. 																<tr>

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

  222. 																	<th>库存</th>

  223. 																	<th>数量</th>

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

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

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

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

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

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

  230. 																</tr>

  231. 															</thead>

  232. 															<tbody id="hotelList">

  233. 																<tr id="tr_one" style="display: none;">

  234. 																	<td>[入住日期]

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

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

  237. 																	</td>

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

  239. 																	<td>

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

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

  242. 																		</select>

  243. 																	</td>

  244. 																	<td>

  245. 																		<input name="base_price_[base]" id="cai_price_[cai1]" oninput="cai_change([cai_blur],this.value)" onkeyup="value=(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'0':value,10))" onafterpaste="value=(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'0':value,10))" style="width: 60px;margin-right: 10px;" type="text" value="[采购价]" placeholder=''/>元

  246. 																	</td>

  247. 																	<td>

  248. 																		<input name="mid_price_[mid]" id="jie_price_[jie1]" oninput="jie_change([jie_blur],this.value)" onkeyup="value=(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'0':value,10))" onafterpaste="value=(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'0':value,10))" style="width: 60px;margin-right: 10px;" type="text" value="[结算价]" placeholder=''/>元

  249. 																	</td>

  250. 																	<td><input name="order_price_[order]" id="zero_price_[zero1]" oninput="zero_change([zero_blur],this.value)" onkeyup="value=(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'0':value,10))" onafterpaste="value=(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'0':value,10))" style="width: 60px;margin-right: 10px;" type="text" value="[零售价]" placeholder=''/>元</td>

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

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

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

  254. 																</tr>

  255. 																<tr id="tr_final" style="display: none;">

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

  257. 																	<td></td>

  258. 																	<td></td>

  259. 																	<td></td>

  260. 																	<td></td>

  261. 																	<td id="all_order">[总零售价]</td>

  262. 																	<td id="all_cai">[采购价金额]</td>

  263. 																	<td id="all_jie">[结算价金额]</td>

  264. 																	<td id="all_lirun">[销售利润]</td>

  265. 																</tr>

  266. 															</tbody>

  267. 														</table>

  268. 													</div>

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

  270. 												</div><!-- /span -->

  271. 											</div><!--row end-->

  272. 										</div>

  273. 									</div>

  274. 								</div>

  275. 							</div><!--tabbable end-->

  276. 						</div>

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

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

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

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

  281. 						<div class="tabbable">

  282. 							<div class="profile-user-info profile-user-info-striped" style="margin-left:-40px;">

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

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

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

  286. 										<input name="customer_name" id="guest_name" type="text" value="" placeholder="客人姓名" style="font-size: 13px;"/>

  287. 									</div>

  288. 								</div>

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

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

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

  292. 										<input name="customer_mobile" style="font-size: 13px;" id="guest_phone" 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();"/>

  293. 									</div>

  294. 								</div>

  295. 							</div>

  296. 						</div><!--客人信息   end-->

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

  298. 						<br /><br />

  299. 						<div style="font-weight:bold;">订单备注</div>

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

  301. 						<div class="tabbable">

  302. 							<div class="profile-user-info profile-user-info-striped" style="margin-left:-40px;">

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

  304. 									<div class="profile-info-name" style="background-color: white;"><span style="letter-spacing:24px;">备</span>注：</div>

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

  306. 										<textarea name="order_comment" id="order_remark" name="remark" rows="5"  style="width: 500px;" maxlength="70"></textarea>

  307. 									</div>

  308. 								</div>

  309. 							</div>

  310. 						</div><!--订单备注   end-->

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

  312. 						<div>

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

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

  315. 						</div>

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

  317. 					</form>

  318. 				</div>

  319. 				<!--

  320.         	作者：fuhongcheng_fhc@163.com

  321.         	时间：2016-06-06

  322.         	描述：酒店代下订单

  323.         -->

  324. 			</div>

  325. 		<!--</div>-->

  326. 	</body>

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

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

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

  330. 			autoclose: true

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

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

  333. 		});

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

  335. 			minuteStep: 1,

  336. 			showSeconds: false,

  337. 			showMeridian: false

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

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

  340. 		});

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

  342. 			minuteStep: 1,

  343. 			showSeconds: false,

  344. 			showMeridian: false

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

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

  347. 		});

  348. 	</script>

  349. 

  350. </html>