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

239 lines
7.8 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html>

  3. 	<head>

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

  5. 		<title>渠道销售报表</title>

  6. 		

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

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

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

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

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

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

  13. 		<link rel="stylesheet" href="css/Page.css" />

  14. 		<link rel="stylesheet" href="css/master.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. 		

  21. 		<script type="text/javascript" src="js/channelChart.js" ></script>

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

  23. 		.channelChart {

  24. 			width: 95%;

  25. 			overflow: hidden;

  26. 			min-width: 1200px;

  27. 			margin: 0 auto;

  28. 			overflow: hidden;

  29. 		}

  30. 		

  31. 		th,

  32. 		td {

  33. 			text-align: center;

  34. 		}

  35. 		tbody>tr {

  36. 			border-bottom: 1px solid lightgray;

  37. 		}

  38. 		#tr_final>td{

  39. 			font-weight: 700;

  40. 		}

  41. 		#tr_final>td:first-child{

  42. 			font-weight: normal;

  43. 		}

  44. 		#channelChart>tr>td:first-child {

  45. 			width: 200px;

  46. 		}

  47. 		

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

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

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

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

  52. 			border: none;

  53. 		}

  54. 		.table thead>tr>th,

  55. 		.table tbody>tr>th,

  56. 		.table tfoot>tr>th,

  57. 		.table thead>tr>td,

  58. 		.table tbody>tr>td,

  59. 		.table tfoot>tr>td {

  60. 			line-height: 30px;

  61. 			padding: 0px; 

  62. 			padding-bottom: 8px;

  63. 			padding-top: 8px;

  64. 			line-height: 1.428571;

  65. 			vertical-align: top;

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

  67. 		}

  68. 		tbody>tr:last-child {

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

  70. 		}

  71. 		</style>

  72. 		

  73. 		

  74. 	</head>

  75. 	<body>

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

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

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

  79. 				<i class="icon-leaf"></i>

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

  81. 			</a>

  82. 		</div>

  83. 	</div>

  84. 	

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

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

  87. 		</div>

  88. 		<div class="control-show">-->

  89. 		<div id="">

  90. 			<div class="channelChart" style="float: left;">

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

  92. 				<span style="float: left;">

  93. 					<span style="float: left;line-height: 30px;">销售渠道：</span>

  94. 					<select id="select_status" style="margin-right: 10px;width: 200px;">

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

  96. 						<option value="待审核">待审核</option>

  97. 						<option value="待调派">待调派</option>

  98. 						<option value="已调派">已调派</option>

  99. 						<option value="已发车">已发车</option>

  100. 						<option value="已完成">已完成</option>

  101. 						<option value="已停用">已停用</option>

  102. 					</select>

  103. 				</span>

  104. 				<span style="float: left;">

  105. 					<span style="float: left;line-height: 30px;">线路：</span><input id="prod" style="width: 160px;" type="text">

  106. 				</span>

  107. 				<span style="float: left;">

  108. 					<span style="float: left;line-height: 30px;">出发日期：</span>

  109. 					<div class="col-sm-1" style="float:left;width: 150px;padding-right: 3px;">

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

  111. 							<input id="id-date-picker-1" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="出发日期" style="font-size: 12px;width:90px;height: 30px;">

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

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

  114. 							</span>

  115. 						</div>

  116. 					</div>

  117. 				<span style="float: left;line-height:30px;margin-left: 8px;">-</span>

  118. 				<div class="col-sm-1" style="float:left;width: 150px;padding-right: 3px;">

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

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

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

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

  123. 							</span>

  124. 					</div>

  125. 				</div>

  126. 				</span>

  127. 				<span style="float: left;">

  128. 					<button id="btn_search" class="btn btn-sm btn-primary">查询</button>

  129. 				</span>

  130. 			</div>

  131. 			<div id="pagination" class="row" style="margin-top: 100px;">

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

  133. 					<div class="table-responsive" style="width: 1420px;">

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

  135. 							<thead>

  136. 								<tr>

  137. 									<th rowspan="2" style="width: 240px">销售渠道</th>

  138. 									<th rowspan="2" style="width: 280px">线路</th>

  139. 									<th rowspan="2" style="width: 160px">出发时间</th>

  140. 									<th rowspan="2" style="width: 80px">车数量</th>

  141. 									<th rowspan="2" style="width: 80px">座位数</th>

  142. 									<th colspan="2" style="width: 160px">出票</th>

  143. 									<th colspan="3" style="width: 240px">退票</th>

  144. 									<th rowspan="2" style="width: 80px">售票总计</th>

  145. 									<th rowspan="2" style="width: 100px">收入总计</th>

  146. 								</tr>

  147. 								<tr>

  148. 									<th style="width: 80px">数量</th>

  149. 									<th style="width: 80px">金额</th>

  150. 									<th style="width: 80px">数量</th>

  151. 									<th style="width: 80px">金额</th>

  152. 									<th style="width: 80px">手续费</th>

  153. 								</tr>

  154. 							</thead>

  155. 							<tbody id="channelChart">

  156. 								<tr id="tr_one" class="[one]" onclick="show_hide_tr('[code]')">

  157. 									<td style="font-weight: 700;">+ [全部渠道1]</td>

  158. 									<td>[线路]</td>

  159. 									<td>[出发时间]</td>

  160. 									<td>[车数量]</td>

  161. 									<td>[座位数]</td>

  162. 									<td>[出票数量]</td>

  163. 									<td>[出票金额]</td>

  164. 									<td>[退票数量]</td>

  165. 									<td>[退票金额]</td>

  166. 									<td>[退票手续费]</td>

  167. 									<td>[售票总计]</td>

  168. 									<td>[收入总计]</td>

  169. 								</tr>

  170. 								<tr id="tr_two" style="font-weight:700;display: none;" class="[two]" onclick="show_hide_tr('[code]')">

  171. 									<td style="font-weight: 700;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+ [全部渠道2]</td>

  172. 									<td>[线路]</td>

  173. 									<td>[出发时间]</td>

  174. 									<td>[车数量]</td>

  175. 									<td>[座位数]</td>

  176. 									<td>[出票数量]</td>

  177. 									<td>[出票金额]</td>

  178. 									<td>[退票数量]</td>

  179. 									<td>[退票金额]</td>

  180. 									<td>[退票手续费]</td>

  181. 									<td>[售票总计]</td>

  182. 									<td>[收入总计]</td>

  183. 								</tr>

  184. 								<tr id="tr_three" style="display: none;" class="[three]" onclick="show_hide_tr('[code]')">

  185. 									<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[全部渠道3]</td>

  186. 									<td>[线路]</td>

  187. 									<td>[出发时间]</td>

  188. 									<td>[车数量]</td> 

  189. 									<td>[座位数]</td>

  190. 									<td>[出票数量]</td>

  191. 									<td>[出票金额]</td>

  192. 									<td>[退票数量]</td>

  193. 									<td>[退票金额]</td>

  194. 									<td>[退票手续费]</td>

  195. 									<td>[售票总计]</td>

  196. 									<td>[收入总计]</td>

  197. 								</tr>

  198. 								<tr id="tr_final">

  199. 									<td>[全部]</td>

  200. 									<td>[线路]</td>

  201. 									<td>[出发时间]</td>

  202. 									<td>[车数量]</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. 						</table>

  214. 					</div>

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

  216. 				</div>

  217. 			</div>

  218. 			<div id="test">

  219. 				

  220. 			</div>

  221. 		</div>

  222. 		</div>

  223. 	<!--</div>-->

  224. 		

  225. 		

  226. 		

  227. 		

  228. 		

  229. 	</body>

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

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

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

  233. 			autoclose: true

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

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

  236. 		});

  237. 	</script>

  238. </html>