基础信息线路标准功能完善

李强
1 parent be7393a9
Showing 9 changed files with 126 additions and 115 deletions
src/main/java/com/bsth/entity/LineInformation.java
src/main/resources/static/pages/base/lineinformation/add.html
src/main/resources/static/pages/base/lineinformation/details.html
src/main/resources/static/pages/base/lineinformation/edit.html
src/main/resources/static/pages/base/lineinformation/js/lineinformation-add-form.js
src/main/resources/static/pages/base/lineinformation/js/lineinformation-details-form.js
src/main/resources/static/pages/base/lineinformation/js/lineinformation-edit-form.js
src/main/resources/static/pages/base/lineinformation/js/lineinformation-list-table.js
src/main/resources/static/pages/base/lineinformation/list.html
@@ -131,7 +131,7 @@ public class LineInformation {
 	private Integer lagStation;
 	// 越站
-	private Integer Skip;
+	private Integer skip;
 	// 超速
 	private Integer speeding;
@@ -435,11 +435,11 @@ public class LineInformation {
 	}
 	public Integer getSkip() {
-		return Skip;
+		return skip;
 	}
 	public void setSkip(Integer skip) {
-		Skip = skip;
+		this.skip = skip;
 	}
 	public Integer getSpeeding() {
@@ -56,9 +56,7 @@
                 <!-- 标准总里程 -->
                 <div class="form-group">
-                 	<label class="control-label col-md-3">
-          				<span class="required"> * </span>标准总里程：
-                    </label>
+                 	<label class="control-label col-md-3">标准总里程：</label>
                     <div class="col-md-4">
                      	<input type="text" class="form-control" name="totalMileage" id="totalMileageInput" placeholder="标准总里程">
                      	<span class="help-block"> 单位：公里 </span>
@@ -76,9 +74,7 @@
                 <!-- 上行里程 -->
                 <div class="form-group">
-                 	<label class="control-label col-md-3">
-          				<span class="required"> * </span>上行里程：
-                    </label>
+                 	<label class="control-label col-md-3">上行里程：</label>
                     <div class="col-md-4">
                      	<input type="text" class="form-control" name="upMileage" id="upMileageInput" placeholder="上行里程">
                      	<span class="help-block"> 单位：公里 </span>
@@ -87,9 +83,7 @@
                 <!-- 下行里程 -->
                 <div class="form-group">
-                 	<label class="control-label col-md-3">
-          				<span class="required"> * </span>下行里程：
-                    </label>
+                 	<label class="control-label col-md-3">下行里程： </label>
                     <div class="col-md-4">
                      	<input type="text" class="form-control" name="downMileage" id="downMileageInput" placeholder="下行里程">
                      	<span class="help-block"> 单位：公里 </span>
@@ -342,7 +336,7 @@
                 <div class="form-group">
                 	<label class="control-label col-md-3"> 越站： </label>
                     <div class="col-md-4">
-                    	<input type="text" class="form-control" name="Skip" id="SkipInput" placeholder="越站">
+                    	<input type="text" class="form-control" name="skip" id="skipInput" placeholder="越站">
                     </div>
                 </div>
@@ -20,11 +20,6 @@
 			<i class="icon-equalizer font-red-sunglo"></i> 
 			<span class="caption-subject font-red-sunglo bold uppercase">线路标准信息详情</span>
 		</div>
-		<div class="actions">
-			<div class="btn-group btn-group-devided" data-toggle="buttons">
-				<a class="btn btn-circle back-up blue" href="/pages/base/lineinformation/list.html" data-pjax><i class="fa fa-reply"></i> 返回</a>
-			</div>
-		</div>
 	</div>
 	<!-- 表单 -->
@@ -348,7 +343,7 @@
                 <div class="form-group">
                 	<label class="control-label col-md-3"> 越站： </label>
                     <div class="col-md-4">
-                    	<input type="text" class="form-control" name="Skip" id="SkipInput" placeholder="越站">
+                    	<input type="text" class="form-control" name="skip" id="skipInput" placeholder="越站">
                     </div>
                 </div>
@@ -384,6 +379,13 @@
 					</div>
 				</div>
 			</div>
+			<div class="form-actions">
+				<div class="row">
+					<div class="col-md-offset-3 col-md-4">
+						<a type="button" class="btn default back-up" href="/pages/base/lineinformation/list.html" style="margin-left: 35%;" data-pjax><i class="fa fa-reply"></i> 返回</a>
+					</div>
+				</div>
+			</div>
 		</form>
 	</div>
 </div>
@@ -18,7 +18,7 @@
 	<div class="portlet-title">
 		<div class="caption">
 			<i class="icon-equalizer font-red-sunglo"></i> 
-			<span class="caption-subject font-red-sunglo bold uppercase">添加线路标准信息</span>
+			<span class="caption-subject font-red-sunglo bold uppercase">修改线路标准信息</span>
 		</div>
 	</div>
@@ -40,6 +40,9 @@
 				<!-- 线路信息ID -->
 				<input type="hidden" name="id" id="lineinformationId">
+				<!-- 线路信息ID -->
+				<input type="hidden" name="line" id="lineIdInput">
+				
 				<!-- 线路标准信息类型 -->
 				<div class="form-group">
 					<label class="control-label col-md-3">
@@ -343,7 +346,7 @@
                 <div class="form-group">
                 	<label class="control-label col-md-3"> 越站： </label>
                     <div class="col-md-4">
-                    	<input type="text" class="form-control" name="Skip" id="SkipInput" placeholder="越站">
+                    	<input type="text" class="form-control" name="skip" id="skipInput" placeholder="越站">
                     </div>
                 </div>
 $(function(){
 	// 获取参数ID
-	var lineId = $.url().param('lineId');
+	var lineId = $.url().param('no');
 	if(lineId) {
-		$('.lineinformation_back').attr('href','/pages/base/lineinformation/list.html?lineId='+lineId);
+		$('.lineinformation_back').attr('href','/pages/base/lineinformation/list.html?no='+lineId);
 		$('#lineIdInput').val(lineId);
@@ -86,9 +86,6 @@ $(function(){
 				// 标准总里程
 				'totalMileage' : {
-					//必填项 
-					required:true,
-					
 					// 必须输入合法的数字（负数，小数）。
 					number : true,
@@ -105,9 +102,6 @@ $(function(){
 				// 上行里程
 				'upMileage' : {
-					//必填项 
-					required:true,
-					
 					// 必须输入合法的数字（负数，小数）。
 					number : true
@@ -116,9 +110,6 @@ $(function(){
 				// 下行里程
 				'downMileage' : {
-					//必填项 
-					required:true,
-					
 					// 必须输入合法的数字（负数，小数）。
 					number : true
@@ -428,7 +419,7 @@ $(function(){
 						}
 						// 返回list.html页面
-						loadPage('lineinformation.html?lineId='+lineId);
+						loadPage('/pages/base/lineinformation/list.html?no='+lineId);
 					});
 				}
 $(function() {
-	var lineinformationId = $.url().param('lineinformationId');
+	// 获取参数值
+	var noStr = $.url().param('no');
-	var lineId = $.url().param('lineId');
+	// 线路标准ID
+	var lineinformationId = ''; 
-	if(lineinformationId && lineId) {
+	// 线路ID
+	var lineId =  '';
+	
+	// 如果参数值不为空
+	if(noStr) {
+		
+		//　切割参数值
+		var noArray = noStr.split('_');
+		
+		// 赋值线路标准ID
+		lineinformationId = noArray[0];
+		
+		// 赋值线路ID
+		lineId = noArray[1];
 		// 根据ID查询详细信息
 		$get('/lineInformation/' + lineinformationId ,null, function(result){
-			console.log(result);
-			
-			$('.back-up').attr('href','/pages/base/lineinformation/list.html?lineId='+lineId);
+			// 获取返回元素并修改url地址
+			$('.back-up').attr('href','/pages/base/lineinformation/list.html?no='+lineId);
+			// 获取表单元素下的元素设置属性值Disabled
 			$('input,select,textarea','#lineinformation_details_form').attr('Disabled','Disabled');
 			// 如果不为空
 			if(result) {
+				// 获取表单元素下的元素并设置值
 				putFormData(result, '#lineinformation_details_form');
+				// 获取线路标注类型设置值
 				$('#typeInput').val(result.type);
 			}
@@ -29,11 +46,14 @@ $(function() {
 	} else {
 		// 缺少ID
-		layer.confirm('【ID缺失，请点击返回，重新进行查看线路标准信息详情操作】', {
-			btn : [ '返回' ],icon: 3, title:'提示'
-		}, function(index){
+		layer.confirm('【ID缺失，请点击返回，重新进行查看线路标准信息详情操作】', {btn : [ '返回' ],icon: 3, title:'提示'}, function(index){
+			
+			// 关闭弹出层
 			layer.close(index);
+			
+			// 返回list页面
 			loadPage('/pages/base/lineinformation/list.html');
+			
 		});
 	}
 $(function() {
-	// 获取参数ID
-	var lineinformationId = $.url().param('lineinformationId');
+	// 获取参数值
+	var noStr = $.url().param('no');
-	// 获取参数ID
-	var lineId = $.url().param('lineId');
+	//　定义线路标准信息ID
+	var lineinformationId = ''; 
-	if(lineinformationId && lineId) {
+	// 定义线路ID
+	var lineId =  '';
+	
+	// 如果参数值不为空
+	if(noStr) {
+		
+		// 切割参数值
+		var noArray = noStr.split('_');
+		
+		// 赋值线路标准ID
+		lineinformationId = noArray[0];
+		
+		// 赋值线路ID
+		lineId = noArray[1];
-		$('.back-up').attr('href','/pages/base/lineinformation/list.html?lineId='+lineId);
+		// 获取返回元素并修改url
+		$('.back-up').attr('href','/pages/base/lineinformation/list.html?no='+lineId);
+		// 获取线路标准ID并设值
 		$('#lineinformationId').val(lineinformationId);
 		// 根据ID查询详细信息
 		$get('/lineInformation/' + lineinformationId ,null, function(result){
-			console.log(result);
-			
 			// 如果不为空
 			if(result) {
+				// 获取线路标准类型并设值
 				$('#typeInput').val(result.type);
+				// 获取表单元素下的元素并设值
 				putFormData(result, '#lineinformation_edit_form');
+				// 获取线路ID元素并设值
+				$('#lineIdInput').val(lineId);
+				
 			}
 		});
-		// 日期控件
+		// 早高峰开始时间（日期控件）
 		$('#earlyStartTimeInput').datetimepicker({
+			 // 格式
 			 format : 'HH:mm',
+			 // 语言
 			 locale: 'zh-cn',
 		 });
-		// 日期控件
+		// 早高峰结束时间（日期控件）
 		$('#earlyEndTimeInput').datetimepicker({
+			 // 格式
 			 format : 'HH:mm',
-			 locale: 'zh-cn'
+			 // 语言
+			 locale: 'zh-cn',
 		 });
-		// 日期控件
+		// 晚高峰开始时间（日期控件）
 		$('#lateStartTimeInput').datetimepicker({
+			 // 格式
 			 format : 'HH:mm',
-			 locale: 'zh-cn'
+			 // 语言
+			 locale: 'zh-cn',
 		 });
-		// 日期控件
+		// 晚高峰结束时间（日期控件）
 		$('#lateEndTimeInput').datetimepicker({
+			 // 格式
 			 format : 'HH:mm',
-			 locale: 'zh-cn'
+			 // 语言
+			 locale: 'zh-cn',
 		 });
 		// 定义表单
-		var form = $('#lineinformation_add_form');
+		var form = $('#lineinformation_edit_form');
 		// 定义表单异常
 		var error = $('.alert-danger',form);
@@ -424,18 +450,19 @@ $(function() {
 							if(result.status=='SUCCESS') {
 								// 弹出添加成功提示消息
-								layer.msg('添加成功...');
+								layer.msg('修改成功...');
 							} else if(result.status=='ERROR') {
 								// 弹出添加失败提示消息
-								layer.msg('添加失败...');
+								layer.msg('修改失败...');
 							}
 						}
 						// 返回list.html页面
-						loadPage('lineinformation.html?lineId='+lineId);
+						loadPage('/pages/base/lineinformation/list.html?no='+lineId);
+						
 					});
 				}
@@ -451,18 +478,22 @@ $(function() {
 			// 手机正则表达式
 			var dateStr = /^(?:(?:0?|1)\d|2[0-3]):[0-5]\d$/;
-			return this.optional(element) || dateStr.test(value);    
+			return this.optional(element) || dateStr.test(value);
+			
 		}, "请正确填写您的时间格式");
 	} else {
 		// 缺少ID
-		layer.confirm('【ID缺失，请点击返回，重新进行修改操作】', {
-			btn : [ '返回' ],icon: 3, title:'提示'
-		}, function(index){
+		layer.confirm('【ID缺失，请点击返回，重新进行修改操作】', {btn : [ '返回' ],icon: 3, title:'提示'}, function(index){
+			
+			// 关闭弹出层
 			layer.close(index);
+			
+			// 返回list页面
 			loadPage('/pages/base/lineinformation/list.html?lineId='+lineId);
+			
 		});
 	}
@@ -6,26 +6,33 @@ $(function(){
 	// 如果不为空
 	if(lineId) {
-		$('#lineinformation_add').attr('href','add.html?lineId='+lineId);
+		// 获取返回元素修改url
+		$('#lineinformation_add').attr('href','/pages/base/lineinformation/add.html?no='+lineId);
+		// 根据线路标准ID查询详情
 		$get('/lineInformation',{'line.id_eq':lineId},function(result) {
+			// 返回值长度
 			var len = result.content.length;
-			var tbodyHtml;
+			// html文本
+			var tbodyHtml = '';
+			// 判断长度
 			if(len>0) {
 				//  先一个线路对应一个线路标准
 				$('#lineinformation_add').hide();
+				// 模版
 				tbodyHtml = template('lineinformation_table_temp',{list : result.content});
 			} else {
 				tbodyHtml = '<tr><td colspan=9><h6 class="muted">没有找到相关数据</h6></td></tr>'
 			}
-				
+			
+			// 获取表格元素并插入htnl代码
 			$('#datatable_lineinformation tbody').html(tbodyHtml);
 		});
@@ -34,11 +41,14 @@ $(function(){
 	} else {
 		// 缺少ID
-		layer.confirm('【ID缺失，请点击返回，重新进行查看线路标准信息操作】', {
-			btn : [ '返回' ],icon: 3, title:'提示'
-		}, function(index){
+		layer.confirm('【ID缺失，请点击返回，重新进行查看线路标准信息操作】', {btn : [ '返回' ],icon: 3, title:'提示'}, function(index){
+			
+			// 关闭弹出层
 			layer.close(index);
+			
+			// 返回list页面
 			loadPage('/pages/base/line/list.html');
+			
 		});
 	}
@@ -21,10 +21,10 @@
 				</div>
 				<div class="actions">
 					<div class="btn-group btn-group-devided" data-toggle="buttons">
-						<a class="btn btn-circle blue" href="add.html" id="lineinformation_add" data-pjax><i class="fa fa-plus"></i> 添加线路标准信息</a>
+						<a class="btn btn-circle blue" href="/pages/base/lineinformation/add.html" id="lineinformation_add" data-pjax><i class="fa fa-plus"></i> 添加线路标准信息</a>
 					</div>
 					<div class="btn-group btn-group-devided" data-toggle="buttons">
-						<a class="btn btn-circle blue" href="/pages/base/line/list.html" data-pjax><i class="fa fa-reply"></i> 返回</a>
+						<a class="btn btn-circle default" href="/pages/base/line/list.html" style="float: right;padding: 4px 23px;" data-pjax><i class="fa fa-reply"></i> 返回</a>
 					</div>
 				</div>
 			</div>
@@ -43,46 +43,6 @@
 								<th width="10%">下行行驶时间</th>
 								<th width="15%">操作</th>
 							</tr>
-							<!--  
-							<tr role="row" class="filter">
-								<td></td>
-								<td>
-									<input type="text"  class="form-control form-filter input-sm" name="lineCode">
-								</td>
-								<td>
-									<input type="text"  class="form-control form-filter input-sm" name="name">
-								</td>
-								<td>
-									<select name="type" class="form-control" id="typeInput">
-										<option value="">请选择...</option>
-										<option value="zc">正常</option>
-										<option value="qj">区间</option>
-										<option value="fk">放空</option>
-							 		</select>
-								</td>
-								<td>
-									 <input type="text"  class="form-control form-filter input-sm" name="name">
-								</td>
-								<td>
-									 <input type="text"  class="form-control form-filter input-sm" name="name">
-								</td>
-								<td>
-									<input type="text"  class="form-control form-filter input-sm" name="name">
-								</td>
-								<td>
-									<input type="text"  class="form-control form-filter input-sm" name="name">
-								</td>
-								<td>
-									<button class="btn btn-sm green btn-outline filter-submit margin-bottom" >
-										<i class="fa fa-search"></i> 搜索
-									</button>
-                                                                
-									<button class="btn btn-sm red btn-outline filter-cancel">
-										<i class="fa fa-times"></i> 重置
-									</button>
-								</td>
-							</tr>
-							-->
 						</thead>
 						<tbody></tbody>
 					</table>
@@ -122,8 +82,8 @@
 				{{obj.downTravelTime}}
 			</td>
 			<td>
-				<a href="details.html?lineinformationId={{obj.id}}&lineId={{obj.line.id}}" class="btn default blue-stripe btn-sm" data-pjax> 详细 </a>
-				<a href="edit.html?lineinformationId={{obj.id}}&lineId={{obj.line.id}}" class="btn default blue-stripe btn-sm" data-pjax> 修改 </a>
+				<a href="details.html?no={{obj.id}}_{{obj.line.id}}" class="btn default blue-stripe btn-sm" data-pjax> 详细 </a>
+				<a href="edit.html?no={{obj.id}}_{{obj.line.id}}" class="btn default blue-stripe btn-sm" data-pjax> 修改 </a>
 			</td>
 		</tr>
 	{{/each}}