nizongfeng
/
ZZCS
1
0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
2 コミット
1 ブランチ
14 MiB
 
 
 
 
ブランチ: master
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'master' から
${ noResults }
ZZCS/coding/create_order_outside.html

340 行
15 KiB
Raw パーマリンク 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/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. 		<script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>

  15. 		

  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. 

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

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

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

  22. 		<script>

  23. 			login();

  24. 		</script>-->

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

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

  27. 			    color: #336199;

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

  29. 			    margin-left: 20px;

  30. 			}

  31. 			.profile-user-info-striped {

  32.     				 border: 0px solid #dcebf7; 

  33. 			}

  34. 			.form-actions {

  35. 			    display: block;

  36. 			    background-color: #f5f5f5;

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

  38. 			    margin-bottom: 20px;

  39. 			    margin-top: 20px;

  40. 			    padding: 19px 20px 20px;

  41. 			}

  42. 		</style>

  43. 	</head>

  44. 

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

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

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

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

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

  50. 				</a>

  51. 			</div>

  52. 		</div>

  53. 

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

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

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

  57. 			<div id="">

  58. 				<!--

  59.         	作者：刘兵

  60.         	update:fuhc

  61.         	时间：2016-06-03

  62.         	描述：add start

  63.         	update:fuhc

  64.         -->

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

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

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

  68. 					</div>

  69. 					<div class="row">

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

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

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

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

  74. 							</div>

  75. 							

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

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

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

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

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

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

  82. 									</select>-->

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

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

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

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

  87. 										</button>

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

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

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

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

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

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

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

  95. 														</span>

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

  97. 													</div>

  98. 												</div>

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

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

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

  102. 													</ul>

  103. 												</div>

  104. 											</div>

  105. 										</div>

  106. 									</div>

  107. 								</div>

  108. 							</div>

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

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

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

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

  113. 								</div>

  114. 							</div>

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

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

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

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

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

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

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

  122. 								</select>

  123. 								</div>

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

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

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

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

  128. 									</select>

  129. 								</div>

  130. 							</div>

  131. 							

  132. 							

  133. 							

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

  135. 							<!--<div class="form-group">

  136. 								

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

  138. 								<div id="ifcheckedBack" >

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

  140. 								</div>

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

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

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

  144. 										<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)">

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

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

  147. 										</span>

  148. 									</div>

  149. 								</div>

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

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

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

  153. 									</select>

  154. 								</div>

  155. 								

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

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

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

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

  160. 									</select>

  161. 								</div>

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

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

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

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

  166. 									</select>

  167. 								</div>

  168. 							</div>-->

  169. 							

  170. 							

  171. 							

  172. 							 <!--数量-->

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

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

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

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

  177. 										<thead>

  178. 											<tr>

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

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

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

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

  183. 											</tr>

  184. 										</thead>

  185. 										<tbody id="tableInfo">

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

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

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

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

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

  191. 												</td>

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

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

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

  195. 													</select>

  196. 												</td>

  197. 											</tr>

  198. 										</tbody>

  199. 									</table>

  200. 								</div>

  201. 							</div>

  202. 							

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

  204. 							<!--<div class="form-group">

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

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

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

  208. 									<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)" />

  209. 								</div>

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

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

  212. 									<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)"/>

  213. 								</div>

  214. 							</div>	-->

  215. 								

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

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

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

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

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

  221. 								</div>

  222. 							</div>

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

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

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

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

  227. 								</div>

  228. 							</div>

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

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

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

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

  233. 								</div>

  234. 							</div>

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

  236. 						<br />

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

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

  239. 						<div class="tabbable">

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

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

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

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

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

  245. 									</div>

  246. 								</div>

  247. 							</div>

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

  249. 							

  250. 

  251. 						</form>

  252. 					</div>

  253. 					

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

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

  256. 					</div>

  257. 					<div class="row">

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

  259. 							

  260. 

  261. 							

  262. 

  263. 						</form>

  264. 					</div>-->

  265. 

  266. 					

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

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

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

  270. 						</div>

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

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

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

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

  275. 										<div id="peopleName">

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

  277. 										</div>

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

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

  280. 										</div>

  281. 								</div>

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

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

  284. 								</div>

  285. 							</div>

  286. 							

  287. 							

  288. 						</div>

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

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

  291. 	

  292. 						</div>

  293. 					</div>

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

  295. 						

  296. 					</div>

  297. 					

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

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

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

  301. 						</div>

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

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

  304. 						</div>

  305. 					</div>

  306. 					

  307. 				

  308. 					

  309. 					

  310. 					

  311. 				</div>

  312. 					

  313. 				<!--

  314.         	作者：作者：刘兵

  315.         	时间：2016-06-03

  316.         	描述：add end

  317.         	update:fuhc

  318.         -->

  319. 			</div>

  320. 		<!--</div>-->

  321. 	</body>

  322. 	

  323. 	<script type="text/javascript" src="./js/create_order_outside.js"></script>

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

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

  326. 

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

  328. 			autoclose: true

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

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

  331. 		});

  332. 

  333. 	</script>

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

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

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

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

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

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

  340. </html>