nizongfeng
/
ZZCS
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commits
1 Branch
14 MiB
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ZZCS/coding/create_order.html

342 lines
15 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/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/sweetalert2.min.css">

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

  16. 		

  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 src="js/sweetalert2.min.js"></script>

  20. 

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

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

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

  24. 		<script>

  25. 			login();

  26. 		</script>-->

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

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

  29. 			    color: #336199;

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

  31. 			    margin-left: 20px;

  32. 			}

  33. 			.profile-user-info-striped {

  34.     				 border: 0px solid #dcebf7; 

  35. 			}

  36. 			.form-actions {

  37. 			    display: block;

  38. 			    background-color: #f5f5f5;

  39. 			    /* border-top: 1px solid #e5e5e5; */

  40. 			    margin-bottom: 20px;

  41. 			    margin-top: 20px;

  42. 			    padding: 19px 20px 20px;

  43. 			}

  44. 		</style>

  45. 	</head>

  46. 

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

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

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

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

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

  52. 				</a>

  53. 			</div>

  54. 		</div>

  55. 

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

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

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

  59. 		<div id="">

  60. 				<!--

  61.         	作者：刘兵

  62.         	update:fuhc

  63.         	时间：2016-06-03

  64.         	描述：add start

  65.         	update:fuhc

  66.         -->

  67. 				<div class="page-content" style="width: 1200px;">

  68. 					<div class="page-header">

  69. 						<h1 style="font-size: 14px;">填写订单</h1>

  70. 					</div>

  71. 					<div class="row">

  72. 						<form class="form-horizontal" role="form">

  73. 							<div class="form-group">

  74. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">线&nbsp&nbsp路:</label>

  75. 								<label id="line" class="col-sm-6 control-label" style="font-size: 12px; text-align: left;"></label>

  76. 							</div>

  77. 							

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

  79. 							<div class="form-group">

  80. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">订单渠道:</label>

  81. 								<div class="col-sm-2">

  82. 									<!--<select id="orderSource" style="font-size: 12px; padding: 0px; width: 100%;">

  83. 										<option value="-2" selected="selected" style="font-size: 12px;">请选择</option>

  84. 									</select>-->

  85. 									<div id="bts-ex-4" class="selectpicker" data-live="true">

  86. 										<button data-id="prov" type="button" class="dropdown-toggle1" style="width: 100%;background-color: #fff;border: 1px solid #ccc;height: 30px;padding-left: 5px;">

  87. 											<span style="float:left;" class="placeholder">请选择</span>

  88. 											<span style="float:right;" class="caret"></span>

  89. 										</button>

  90. 										<div class="dropdown-menu">

  91. 											<div class="live-filtering" data-clear="true" data-autocomplete="true" data-keys="true">

  92. 												<label class="sr-only" for="input-bts-ex-4">Search</label>

  93. 												<div class="search-box">

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

  95. 														<span class="input-group-addon" id="search-icon3">

  96. 														<span><img width="15px;" src="images/search.png"></span>

  97. 														</span>

  98. 														<input type="text" placeholder="Search" id="input-bts-ex-4" class="form-control live-search" aria-describedby="search-icon3" tabindex="1" />

  99. 													</div>

  100. 												</div>

  101. 												<div class="list-to-filter">

  102. 													<ul id="orderSource" class="list-unstyled">

  103. 														<li value="0" class="filter-item items" data-filter="item_1">请选择</li>

  104. 													</ul>

  105. 												</div>

  106. 											</div>

  107. 										</div>

  108. 									</div>

  109. 								</div>

  110. 							</div>

  111. 							<div class="form-group">

  112. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;"></label>

  113. 								<div class="col-sm-2">

  114. 									<input id="channelNum" class="form-control" type="text" style="font-size: 12px;" placeholder="渠道订单号" />

  115. 								</div>

  116. 							</div>

  117. 							<div class="form-group">

  118. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">出发选择:</label>

  119. 								<label id="start_date" class="col-sm-1 control-label" style="font-size: 12px;text-align: left;"></label>

  120. 								<label class="col-sm-1 control-label" style="font-size: 12px; width: 5%; margin-left: 49px;text-align: left;">出发</label>

  121. 								<div class="col-sm-1" style="width: 25%; padding-left: 3px;">

  122. 									<select id="startArea" style="font-size: 12px; width: 220px;" onchange="show_end_station()">

  123. 									<option value="0" selected="selected" style="font-size: 12px;">startArea</option>

  124. 								</select>

  125. 								</div>

  126. 								<label class="col-sm-1 control-label" style="font-size: 12px; width: 5%; text-align: center;">到达</label>

  127. 								<div class="col-sm-1" style="width: 25%;">

  128. 									<select id="endArea" style="font-size: 12px; width: 220px;" onchange="show_ticket_list()">

  129. 										<option value="0" selected="selected" style="font-size: 12px;">endArea</option>

  130. 									</select>

  131. 								</div>

  132. 							</div>

  133. 							

  134. 							

  135. 							

  136. 							<!--返程信息-->

  137. 							<div class="form-group">

  138. 								

  139. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">选择返程:</label>

  140. 								<div id="ifcheckedBack" >

  141. 									<input type="checkbox" id="ifback" style="margin-left: 20px; margin-bottom: 10px; margin-top: 6px;" value="0"  onclick="ifbackSelected(this.checked)"/>									

  142. 								</div>

  143. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;"></label>

  144. 								<div class="col-sm-1" style="float:left;width: 150px;">

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

  146. 										<input id="id-date-picker-1" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="出发日期" style="font-size: 12px;height: 30px;" onchange="selectDate(this.value)">

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

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

  149. 										</span>

  150. 									</div>

  151. 								</div>

  152. 								<div style="display: none;float: left;">

  153. 									<select id="select_time" style="font-size: 12px; width: 80px;" onpropertychange="select_run_time(this.id)">

  154. 										<option value="0" style="font-size: 12px;">选择班次</option>

  155. 									</select>

  156. 								</div>

  157. 								

  158. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px; width: 5%; text-align: left;">出发</label>

  159. 								<div class="col-sm-1" style="width: 25%; padding-left: 3px;">

  160. 									<select id="startAreaback" style="font-size: 12px; width: 220px;" onchange="show_f_station2()">

  161. 										<!--<option value="[startAreaback]"  style="font-size: 12px;">请选择返程出发地</option>-->

  162. 									</select>

  163. 								</div>

  164. 								<label class="col-sm-1 control-label" style="font-size: 12px; width: 5%; text-align: center;">到达</label>

  165. 								<div class="col-sm-1" style="width: 25%;">

  166. 									<select id="endAreaback" style="font-size: 12px; width: 220px; " onchange="choose_f_station()">

  167. 										<!--<option value="[endAreaback]"  style="font-size: 12px;">请选择返程目的地</option>-->

  168. 									</select>

  169. 								</div>

  170. 							</div>

  171. 							

  172. 							

  173. 							

  174. 							 <!--数量-->

  175. 							<div class="form-group">

  176. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">数&nbsp&nbsp量:</label>

  177. 								<div class="col-sm-1 table-responsive" style="width: 465px;">

  178. 									<table id="infoTable" class="table table-striped table-bordered table-hover">

  179. 										<thead>

  180. 											<tr>

  181. 												<th style="width: 80px;">座位类型</th>

  182. 												<th style="width: 120px;">票种</th>

  183. 												<th style="width: 90px;">价格</th>

  184. 												<th style="width: 105px;">数量</th>

  185. 											</tr>

  186. 										</thead>

  187. 										<tbody id="tableInfo">

  188. 											<tr id="[id]" class="[aaa]">

  189. 												<td style="width: 80px;">座位</td>

  190. 												<td style="width: 80px;">票种</td>

  191. 												<td style="width: 90px;">

  192. 													<input type="text" id="price" placeholder="价格" value="1111" />

  193. 												</td>

  194. 												<td style="width: 105px;">

  195. 													<select id="number_select" style="font-size: 12px; width: 60px;">

  196. 														<option value="default" selected="selected" style="font-size: 12px;">num</option>

  197. 													</select>

  198. 												</td>

  199. 											</tr>

  200. 										</tbody>

  201. 									</table>

  202. 								</div>

  203. 							</div>

  204. 							

  205. 							<!--套餐包含-->

  206. 							<div class="form-group">

  207. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">套餐产品:</label>

  208. 								<label class="col-sm-1 control-label" style="font-size: 12px; width: 100px;">门票价格</label>

  209. 								<div class="col-sm-1" style="width: 90px;padding-left: 10px; ">

  210. 									<input type="text" id="doorPrice" style="width: 80px;" onkeyup="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)" onafterpaste="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)" />

  211. 								</div>

  212. 								<label class="col-sm-1 control-label" style="font-size: 12px; width: 100px; text-align: center;margin-left: 50px;">酒店价格</label>

  213. 								<div class="col-sm-1" style="width: 90px;padding-left: 10px;" >

  214. 									<input type="text" id="hotelPrice" style="width: 80px;" onkeyup="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)" onafterpaste="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)"/>

  215. 								</div>

  216. 							</div>	

  217. 								

  218. 							<!--联系人信息-->

  219. 							<div class="form-group">

  220. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;">联系信息:</label>

  221. 								<div class="col-sm-2">

  222. 									<input class="form-control" id="username" type="text" style="font-size: 12px;" placeholder="姓名" required maxlength="20" /><span style="color:red;" id="nameinfo"></span>

  223. 								</div>

  224. 							</div>

  225. 							<div class="form-group">

  226. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;"></label>

  227. 								<div class="col-sm-2">

  228. 									<input onkeyup="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)" onafterpaste="value=(parseInt((value=value.replace(/\D/g,''))=='')?'':value)" class="form-control" type="text" style="font-size: 12px;" placeholder="手机" id="usernum" required maxlength="11" /><span style="color:red;" id="numinfo"></span>

  229. 								</div>

  230. 							</div>

  231. 							<div class="form-group">

  232. 								<label class="col-sm-1 control-label no-padding-right" style="font-size: 12px;"></label>

  233. 								<div class="col-sm-2">

  234. 									<input class="form-control" type="text" style="font-size: 12px;" placeholder="身份证" id="userid" required maxlength="18" /><span style="color:red;" id="idinfo"></span>

  235. 								</div>

  236. 							</div>

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

  238. 						<br />

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

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

  241. 						<div class="tabbable">

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

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

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

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

  246. 										<textarea id="order_remark" name="remark" rows="5"  style="width: 500px;"></textarea>

  247. 									</div>

  248. 								</div>

  249. 							</div>

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

  251. 							

  252. 

  253. 						</form>

  254. 					</div>

  255. 					

  256. 					<!--<div class="page-header">

  257. 						<h1 style="font-size: 14px;">选择返程</h1>

  258. 					</div>

  259. 					<div class="row">

  260. 						<form class="form-horizontal" role="form">

  261. 							

  262. 

  263. 							

  264. 

  265. 						</form>

  266. 					</div>-->

  267. 

  268. 					

  269. 					<div id="" style="display: none;">

  270. 						<div class="page-header">

  271. 							<h1 style="font-size: 14px; ">乘车人信息</h1>

  272. 						</div>

  273. 						<div id="addInfo" style="float:left;">

  274. 							<div id="left" style="float: left;display: none;width: 300px;height: 100px;">

  275. 								<div style="float: left;">乘车人</div>

  276. 								<div style="float: left;margin-left: 20px;">

  277. 										<div id="peopleName">

  278. 											<input type="" name="" id="" placeholder="姓名" />

  279. 										</div>

  280. 										<div id="peopleId" style="margin-top: 20px;">

  281. 											<input type="" name="" id="" placeholder="身份证" />

  282. 										</div>

  283. 								</div>

  284. 								<div  style="float: left;margin-left: 20px;">

  285. 									<span id="delBtn" onclick='delOneLine(this.id)' style="width: 60px;height: 25px; display: inline-block;line-height: 25px;border:1px solid rgb(204,204,204); text-align: center;background-color: lightgray;cursor:pointer;">删除</span>

  286. 								</div>

  287. 							</div>

  288. 							

  289. 							

  290. 						</div>

  291. 						<div style="float: left; margin-left: 40px;">

  292. 							<span id="addBtn" onclick='addLine()' style="width: 80px;height: 30px; display: inline-block;line-height: 30px;border:1px solid rgb(204,204,204); text-align: center;background-color: lightgray;cursor:pointer;">+添加</span>

  293. 	

  294. 						</div>

  295. 					</div>

  296. 					<div id="" style="clear: both;">

  297. 						

  298. 					</div>

  299. 					

  300. 					<div class="form-actions" style="background: #FFFFFF; margin-top: 30px; ">

  301. 						<div class="col-md-1">

  302. 							<button class="btn btn-info" style="font-size: 12px;" id="usersubmit" onclick="submit_order()">提交</button> &nbsp; &nbsp; &nbsp;

  303. 						</div>

  304. 						<div class="col-md-1">

  305. 							<button class="btn" style="font-size: 12px;" onclick="javascript :history.back(-1)">返回</button>

  306. 						</div>

  307. 					</div>

  308. 					

  309. 				

  310. 					

  311. 					

  312. 					

  313. 				</div>

  314. 					

  315. 				<!--

  316.         	作者：作者：刘兵

  317.         	时间：2016-06-03

  318.         	描述：add end

  319.         	update:fuhc

  320.         -->

  321. 			</div>

  322. 		<!--</div>-->

  323. 	</body>

  324. 	

  325. 	<script type="text/javascript" src="./js/create_order.js"></script>

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

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

  328. 

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

  330. 			autoclose: true

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

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

  333. 		});

  334. 

  335. 	</script>

  336. 	<script src="js/modernizr.min.js"></script>

  337. 	<script src="js/vendor/tabcomplete.min.js"></script>

  338. 	<script src="js/vendor/livefilter.min.js"></script>

  339. 	<script src="js/vendor/src/bootstrap-select.js"></script>

  340. 	<script src="js/vendor/src/filterlist.js"></script>

  341. 	<script src="js/plugins.js"></script>

  342. </html>