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

535 lines
26 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html>

  3. 

  4. 	<head>

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

  6. 		<link rel="stylesheet" href="css/keepStay.css" />

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

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

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

  10. 		<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>

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

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

  13. 

  14. 		<!--/模板/-->

  15. 		<link rel="stylesheet" href="css/master.css" charset="UTF-8">

  16. 	

  17. 		<!--日历-->

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

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

  20. 		<link rel="stylesheet" href="css/datepicker.css" />

  21. 		<link rel="stylesheet" href="css/daterangepicker.css" />

  22. 		<link rel="stylesheet" href="css/bootstrap-timepicker.css" />

  23. 		<link rel="stylesheet" href="css/font-awesome.min.css" />

  24. 

  25. 		<title>修改订单</title>

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

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

  28. 				color: #336199;

  29. 				background-color: #FFFFFF;

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

  31. 			}

  32. 			

  33. 			.cir_ul>li {

  34. 				margin: 0 auto;

  35. 				text-align: center;

  36. 			}

  37. 			

  38. 			.table thead>tr>th,

  39. 			.table tbody>tr>th,

  40. 			.table tfoot>tr>th,

  41. 			.table thead>tr>td,

  42. 			.table tbody>tr>td,

  43. 			.table tfoot>tr>td {

  44. 				padding: 8px;

  45. 				line-height: 30px;

  46. 				vertical-align: top;

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

  48. 			}

  49. 		</style>

  50. 

  51. 	</head>

  52. 

  53. 	<body>

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

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

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

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

  58. 				</a>

  59. 			</div>

  60. 		</div>

  61. 

  62. 		<div class="warp clearfix">

  63. 			

  64. 		</div>

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

  66. 			

  67. 				<!--右侧内容-->

  68. 				<div style="width:1200px; margin-left: 40px;margin-top: 40px; float: left; ">

  69. 					<div style="font-weight:bold;">修改订单</div>

  70. 					<hr style="width: 1200px;margin-top: 20px;border-top:1px solid black;" />

  71. 					<div id="topchart">

  72. 						<div id="chartLeftSpan">

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

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

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

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

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

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

  79. 						</div>

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

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

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

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

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

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

  86. 										<li id="one_date" style="margin-top: 10px;">[2016.03.02]</li>

  87. 										<li id="one_time">[20:30]</li>

  88. 									</ul>

  89. 								</div>

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

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

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

  93. 										<li id="two_statu" style="margin-top: 10px; margin-top: 15px;">确认</li>

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

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

  96. 									</ul>

  97. 								</div>

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

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

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

  101. 										<li id="three_statu" style="margin-top: 10px;">付款成功</li>

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

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

  104. 									</ul>

  105. 								</div>

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

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

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

  109. 										<li id="four_statu" style="margin-top: 10px; margin-top: 15px;">通知</li>

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

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

  112. 									</ul>

  113. 								</div>

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

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

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

  117. 										<li id="five_statu" style="margin-top: 10px;">确认安排</li>

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

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

  120. 									</ul>

  121. 								</div>

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

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

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

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

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

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

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

  129. 									</ul>

  130. 								</div>

  131. 								<div>

  132. 

  133. 								</div>

  134. 							</div>

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

  136. 							<div id="orderCount">

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

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

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

  140. 

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

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

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

  144. 

  145. 							</div>

  146. 						</div>

  147. 					</div><!--topchart end-->

  148. 					<br />

  149. 					<br />

  150. 					<br />

  151. 					<div style="font-weight:bold;">预订信息</div>

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

  153. 					<div style="float: left; margin-left: -10px;" id="change_Info">

  154. 						<div class="tabbable">

  155. 							<div class="profile-user-info profile-user-info-striped" style="margin-top: 20px;">

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

  157. 									<div class="profile-info-name">产&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;品：</div>

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

  159. 										<span class="editable editable-click" id="startarea">[产品]&nbsp;&nbsp;[房型]</span>

  160. 									</div>

  161. 								</div>

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

  163. 									<div class="profile-info-name">订单来源：</div>

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

  165. 										<span class="editable editable-click" id="starttime">[销售渠道]&nbsp;|&nbsp;[产品公司]&nbsp;&nbsp;&nbsp;订单号：<input type="text" value="订单号" style="width: 110px;height: 20px;" /></span>

  166. 									</div>

  167. 								</div>

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

  169. 									<div class="profile-info-name">入住日期：</div>

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

  171. 										<span id="totalTime">[入住]&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;&nbsp;[离店]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;共[t]晚，[h]时最晚到店</span>

  172. 										<div class="row" style="margin-top: 20px;">

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

  174. 												<div style="width: 1200px;" class="table-responsive">

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

  176. 														<thead>

  177. 															<tr>

  178. 																<th width="150px">入住日期</th>

  179. 																<th width="100px">库存</th>

  180. 																<th width="120px">数量</th>

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

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

  183. 																<th width="100px">零售价</th>

  184. 																<th width="100px">采购价金额</th>

  185. 																<th width="100px">结算价金额</th>

  186. 																<th width="100px">销售利润</th>

  187. 															</tr>

  188. 														</thead>

  189. 														<tbody id="front">

  190. 															<tr id="tr_one" style="line-height: 25px;">

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

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

  193. 																<td>[N间]</td>

  194. 																<td>[m元]</td>

  195. 																<td>[n元]</td>

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

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

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

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

  200. 															</tr>

  201. 															<tr id="tr_total">

  202. 																<td style="font-weight:bold;">总计：</td>

  203. 																<td></td>

  204. 																<td></td>

  205. 																<td></td>

  206. 																<td></td>

  207. 																<td></td>

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

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

  210. 																<td>[总销售利润]</td>

  211. 															</tr>

  212. 														</tbody>

  213. 

  214. 													</table>

  215. 												</div>

  216. 											</div>

  217. 											<!--<div style="font-weight:bold; margin-top: 40px;">修改后:</div>-->

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

  219. 										</div>

  220. 									</div>

  221. 								</div>

  222. 								<!--途径站点-->

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

  224. 									<div class="profile-info-name">修&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;改：</div>

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

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

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

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

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

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

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

  232. 												</span>

  233. 											</div>

  234. 										</div>

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

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

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

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

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

  240. 												</span>

  241. 											</div>

  242. 										</div>

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

  244. 										<select style="margin-left: 30px">

  245. 											<option>12:00</option>

  246. 											<option>24:00</option>

  247. 										</select>

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

  249. 

  250. 										<div class="row" style="margin-top: 20px;">

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

  252. 												<div style="width: 1200px;" class="table-responsive">

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

  254. 														<thead>

  255. 															<tr>

  256. 																<th width="150px">入住日期</th>

  257. 																<th width="100px">库存</th>

  258. 																<th width="120px">数量</th>

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

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

  261. 																<th width="100px">零售价</th>

  262. 																<th width="100px">采购价金额</th>

  263. 																<th width="100px">结算价金额</th>

  264. 																<th width="100px">销售利润</th>

  265. 															</tr>

  266. 														</thead>

  267. 														<tbody id="after">

  268. 															<tr id="tr_two">

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

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

  271. 																<td>

  272. 																	<select style="width:60px; height: 25px;" id="select_room" onchange="select_room([index],this.options[this.selectedIndex].value)">

  273. 															<option value="1">1间</option>

  274. 															<option value="2">2间</option>

  275. 														</select>

  276. 																</td>

  277. 																<td>

  278. 																	<input id="cai_price_[cai1]" oninput="cai_change([cai_blur],this.value)" type="text" value="666" style="width: 60px;height: 25px;" /> 元

  279. 																</td>

  280. 																<td>

  281. 																	<input id="jie_price_[jie1]" oninput="jie_change([jie_blur],this.value)" type="text" value="666" style="width: 60px;height: 25px;" /> 元

  282. 																</td>

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

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

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

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

  287. 															</tr>

  288. 															<tr id="totalchange">

  289. 																<td style="font-weight:bold;">总计：</td>

  290. 																<td></td>

  291. 																<td></td>

  292. 																<td></td>

  293. 																<td></td>

  294. 																<td></td>

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

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

  297. 																<td>[总销售利润]</td>

  298. 															</tr>

  299. 														</tbody>

  300. 

  301. 													</table>

  302. 													<div id="note" style="width: 1200px; background-color: darkgrey; height: 90px;">

  303. 														<div id="settle" style="margin-top: 20px; padding-top: 15px;">

  304. 															<span style="font-weight:bold; padding-top: 20px; padding-left: 25px;">结算价差额：</span>

  305. 															<span style="font-weight:bold; padding-left:30px ;">600.0 元</span>

  306. 															<span style="padding-left: 70px;">支付方式：</span>

  307. 															<span style="padding-left: 10px;">

  308. 													<select id="select_cantonal" style="width:110px;  height: 25px;">

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

  310. 														<option value="分销商授信额度支付">分销商授信额度支付</option>

  311. 													</select>

  312. 												</span>

  313. 														</div>

  314. 														<div id="buy" style="padding-top: 10px;">

  315. 															<span style="font-weight:bold; padding-left: 25px;">采购价差额：</span>

  316. 															<span style="font-weight:bold; padding-left:30px ;">300.0 元</span>

  317. 															<span style="padding-left: 70px;">支付方式：</span>

  318. 															<span style="padding-left: 10px;">

  319. 													<select id="select_cantonal" style="width:110px;  height: 25px;">

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

  321. 														<option value="定期结算">定期结算</option>

  322. 													</select>

  323. 												</span>

  324. 														</div>

  325. 

  326. 													</div>

  327. 													<br />

  328. 

  329. 												</div>

  330. 												<!--<div style="font-weight:bold; margin-top: 40px;">修改后:</div>-->

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

  332. 											</div>

  333. 											<!-- /span -->

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

  335. 									</div>

  336. 								</div><!--途径站点  end-->

  337. 							</div>

  338. 						</div>

  339. 						<!--tabbable end-->

  340. 					</div><!--change_Info  end-->

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

  342. 					<br />

  343. 					<br />

  344. 					<br />

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

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

  347. 					<div id="guestInfo">

  348. 						<div id="guestName">

  349. 							<span>客人姓名：</span>

  350. 							<span style="padding-left: 10px;"><input type="text" value="付泓程 盖伦" /></span>

  351. 						</div>

  352. 						<div id="guestTel" style="margin-top: 10px;">

  353. 							<span>联系电话：</span>

  354. 							<span style="padding-left: 10px;"><input type="text" value="15139094100" /></span>

  355. 						</div>

  356. 					</div>

  357. 

  358. 					<div style="width: 1200px;height: 1px;border: 2px solid lightgray; margin-top: 50px;"></div>

  359. 					<div style="margin-top: 30px;">

  360. 						<span style="padding-left: 50px; padding-top:30px ;">

  361. 							<input style=" width:80px; height:30px; border-radius:5px; background-color: darkgrey;" type="submit" id="button" value="保存修改" />

  362. 						</span>

  363. 						<span style="padding-left: 50px; padding-top:30px ;">

  364. 							<input style=" width:80px; height:30px; border-radius:5px; border: 1px solid darkgray; background-color: white;" type="submit" id="button" value="关闭" />

  365. 						</span>

  366. 						<br /><br />

  367. 					</div>

  368. 					

  369. 					

  370. 					<!--弹出层-->

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

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

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

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

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

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

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

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

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

  380. 									<thead>

  381. 										<tr>

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

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

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

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

  386. 										</tr>

  387. 									</thead>

  388. 									<tbody id="hotelList">

  389. 										<tr id="tr_one">

  390. 											<td>内部</td>

  391. 											<td>2张普陀山门票未下&nbsp;等客人通知</td>

  392. 											<td>王二小</td>

  393. 											<td>2016-05-20&nbsp;18:30</td>

  394. 										</tr>

  395. 										<tr id="tr_one">

  396. 											<td>内部</td>

  397. 											<td>2张普陀山门票未下&nbsp;等客人通知</td>

  398. 											<td>王二小</td>

  399. 											<td>2016-05-20&nbsp;18:30</td>

  400. 										</tr>

  401. 									</tbody>

  402. 								</table>

  403. 							</div>

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

  405. 						</div>

  406. 						<!-- /span -->

  407. 					</div>

  408. 					<!--row end-->

  409. 				</div>

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

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

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

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

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

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

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

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

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

  419. 							<select name="">

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

  421. 								<option value="1">内部备注</option>

  422. 								<option value="2">公共备注</option>

  423. 							</select>

  424. 							<br />

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

  426. 						</div>

  427. 					</div>

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

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

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

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

  432. 					</div>

  433. 				</div>

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

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

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

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

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

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

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

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

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

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

  444. 									<thead>

  445. 										<tr>

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

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

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

  449. 										</tr>

  450. 									</thead>

  451. 									<tbody id="hotelList">

  452. 										<tr id="tr_one">

  453. 											<td>18602525250：短信内容短信内容短信内容短信内容短信内容短信内容短信内容短信内容短信内容短信内容短信内容短信内容短信内容短信内容短信内容短信内容短信内容</td>

  454. 											<td>王二小</td>

  455. 											<td>2016-05-20&nbsp;18:30</td>

  456. 										</tr>

  457. 									</tbody>

  458. 								</table>

  459. 							</div>

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

  461. 						</div>

  462. 						<!-- /span -->

  463. 					</div>

  464. 					<!--row end-->

  465. 				</div>

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

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

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

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

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

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

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

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

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

  475. 							<input style="width: 300px;" value="18602525250"/>

  476. 						</div>

  477. 					</div>

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

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

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

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

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

  483. 						</div>

  484. 					</div>

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

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

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

  488. 						<span id="btn_shutdown" onclick="click_cancel('.info_noti','.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>

  489. 					</div>

  490. 				</div>

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

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

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

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

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

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

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

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

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

  500. 									<thead>

  501. 										<tr>

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

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

  504. 										</tr>

  505. 									</thead>

  506. 									<tbody id="hotelList">

  507. 										<tr id="tr_one">

  508. 											<td>酒店通知单7567657</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. 				</div>

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

  521. 				<!--蒙板-->

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

  523. 				</div>

  524. 

  525. 	</body>

  526. 		<!--<script src="js/master.js"></script>-->

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

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

  529. 			autoclose: true

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

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

  532. 		});

  533. 	</script>

  534. 

  535. </html>