修改线路基础数据权限分配.新增时刻表编辑工具.

李强
1 parent 406146b1
Showing 18 changed files with 2973 additions and 136 deletions
src/main/java/com/bsth/repository/schedule/TTInfoDetailRepository.java
src/main/java/com/bsth/service/schedule/impl/TTInfoDetailServiceImpl.java
src/main/resources/application-dev.properties
src/main/resources/static/index.html
src/main/resources/static/login.html
src/main/resources/static/pages/base/line/js/line-list-table.js
src/main/resources/static/pages/base/timesmodel/add.html
src/main/resources/static/pages/base/timesmodel/bctz.html
src/main/resources/static/pages/base/timesmodel/css/d3.relationshipgraph.min.css
src/main/resources/static/pages/base/timesmodel/css/index.css
src/main/resources/static/pages/base/timesmodel/edit-detail.html
src/main/resources/static/pages/base/timesmodel/gantt.html
src/main/resources/static/pages/base/timesmodel/index.html
src/main/resources/static/pages/base/timesmodel/js/ContextJS/css/context.standalone.css
src/main/resources/static/pages/base/timesmodel/js/ContextJS/css/demo.css
src/main/resources/static/pages/base/timesmodel/js/ContextJS/js/context.js
src/main/resources/static/pages/base/timesmodel/js/add-form-reload.js
src/main/resources/static/pages/base/timesmodel/js/add-form-wizard.js
@@ -51,5 +51,7 @@ public interface TTInfoDetailRepository extends BaseRepository&lt;TTInfoDetail, Lon
     @Query(value = "delete from TTInfoDetail t where t.ttinfo.id = ?1")
     void deleteByTtinfoIdWithModify(Long ttinfoid);
-
+    @Modifying
+    @Query(value = "delete from TTInfoDetail t where t.xl.id=?1 and t.ttinfo.id = ?2")
+    void deltidc(int xl , Long ttinfoid );
 }
@@ -15,6 +15,7 @@ import com.bsth.repository.StationRepository;
 import com.bsth.repository.schedule.GuideboardInfoRepository;
 import com.bsth.repository.schedule.TTInfoDetailRepository;
 import com.bsth.repository.schedule.TTInfoRepository;
+import com.bsth.repository.sys.SysUserRepository;
 import com.bsth.service.CarParkService;
 import com.bsth.service.LineInformationService;
 import com.bsth.service.StationRouteService;
@@ -37,6 +38,7 @@ import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.beans.factory.annotation.Qualifier;
 import org.springframework.boot.context.properties.EnableConfigurationProperties;
 import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
 import org.springframework.util.CollectionUtils;
 import java.io.File;
@@ -76,6 +78,8 @@ public class TTInfoDetailServiceImpl extends BServiceImpl&lt;TTInfoDetail, Long&gt; im
     @Autowired
     private CarParkRepository carParkRepository;
     @Autowired
+    private SysUserRepository sysUserRepository;
+    @Autowired
     private GuideboardInfoRepository guideboardInfoRepository;
     @Autowired
     @Qualifier(value = "dataToolsServiceImpl")
@@ -533,14 +537,29 @@ public class TTInfoDetailServiceImpl extends BServiceImpl&lt;TTInfoDetail, Long&gt; im
     public List<TTInfoDetail> findBcdetails(Integer xlId, Long ttinfoId, Long lpId) {
         return ttInfoDetailRepository.findBcdetails(xlId, ttinfoId, lpId);
     }
-    
-    @Override
+
+    /**
+     * @description : (TODO) 时刻表明细模型数据保存.
+     * 
+     * @param : [map]
+     * 
+     * @return : 返回保存操作后的状态.
+     * 
+     * @exception : 处理所有抛出来的异常.
+     * */
+    @Transactional
    	public Map<String, Object> skbDetailMxSave(Map<String, Object> map) {
    		Map<String, Object> rs_m = new HashMap<String,Object>();
    		try {
+   			// 1、获取数据.
    			String d = map.get("d") == null ? null : map.get("d").toString();
+   			//boolean b = map.get("istidc") ==null ? false : Boolean.parseBoolean(map.get("istidc").toString());
+   			Long ttinfoid = map.get("skb") ==null ? null : Long.parseLong(map.get("skb").toString());
+   			Integer xlid = map.get("xl") ==null ? null : Integer.parseInt(map.get("xl").toString());
+   			if(xlid !=null && ttinfoid !=null)  
+   	    		ttInfoDetailRepository.deltidc(xlid,ttinfoid);
    	    	if(d!=null)
-   	    		ttInfoDetailRepository.save(jsonArrayToListEntity(d));
+   	    		ttInfoDetailRepository.save(jsonArrayToListEntity(d));// 2、保存.
    		} catch (Exception e) {
    			e.printStackTrace();
    			rs_m.put("status", ResponseCode.ERROR);
@@ -549,68 +568,153 @@ public class TTInfoDetailServiceImpl extends BServiceImpl&lt;TTInfoDetail, Long&gt; im
    		return rs_m;
    	}
+    /**
+     * @description : (TODO) json班次数据转list班次.
+     * 
+     * @param : [jsonStr--班次json字符串]
+     * 
+     * @return :返回一个list分装的班次数据.
+     * 
+     * @status : OK.
+     * */
    	public List<TTInfoDetail> jsonArrayToListEntity(String jsonStr) throws Exception {
+   		// 1、创建list分装的时刻表明细实体对象数据.
    		List<TTInfoDetail> listTd = new ArrayList<TTInfoDetail>();
+   		// 2、json字符串转json数组.
    		JSONArray jsonArray = JSONArray.parseArray(jsonStr);
+   		// 3、json数组转list分装的时刻表明细实体对象数据.
    		for(int i =0; i<jsonArray.size();i++) {
    			JSONObject jsonObj = jsonArray.getJSONObject(i);
-   			if(jsonObj.getString("bcType").equals("bd") || jsonObj.getString("bcType").equals("lc") || jsonObj.getString("bcType").equals("cf"))
-   				continue;
    			listTd.add(objToEntity(jsonObj));
    		}
    		return listTd;
    	}
+   	/**
+   	 * @description : (TODO) 班次map对象转实体对象.
+   	 * 
+   	 * @param : [obj-班次map对象].
+   	 * 
+   	 * @return : 返回一个班次实体对象.
+   	 * 
+   	 * @exception 异常暂先抛出去.
+   	 * */
    	public TTInfoDetail objToEntity(JSONObject obj) throws Exception {
+   		// 1、创建班次实体对象.
    		TTInfoDetail td = new TTInfoDetail();
+   		// 2、获取线路id键值,并查询出该线路的实体对象.
    		Line xl = lineRepository.findOne(Integer.parseInt(obj.getString("xl"))); 
+   		// 3、设置线路.
    		td.setXl(xl);
+   		// 4、设置时刻表.
    		td.setTtinfo(obj.getString("ttinfo") == null ? null : infoRepository.findOne(Long.parseLong(obj.getString("ttinfo"))));
-   		td.setLp(getLp(xl,obj.getString("lp"),Integer.parseInt(obj.getString("lp")),obj.getString("lpType")));
-   		td.setFcno(Integer.parseInt(obj.getString("fcno")));
+   		// 5、设置路牌.
+   		td.setLp(obj.getString("lp") == null ? getLp(xl,obj.getString("lpName"),Integer.parseInt(obj.getString("lpNo")),obj.getString("lpType")) :
+   			guideboardInfoRepository.findOne(Long.parseLong(obj.getString("lp"))));
+   		// 6、设置发车序号.
+   		td.setFcno(obj.getString("fcno") == null ? null : Integer.parseInt(obj.getString("fcno")));
+   		// 7、设置线路方向
    		td.setXlDir(dirToCod(obj.get("xlDir").toString()));
-   		td.setQdz( obj.getString("qdz") ==null? null : staRepository.findOne(Integer.parseInt(obj.getString("qdz"))));
+   		// 8、设置起始站.
+   		td.setQdz(obj.getString("qdz") ==null? null : staRepository.findOne(Integer.parseInt(obj.getString("qdz"))));
+   		// 9、设置终点站.
    		td.setZdz(obj.getString("zdz") ==null ? null :staRepository.findOne(Integer.parseInt(obj.getString("zdz"))));
-   		td.setTcc(carParkRepository.findOne(Integer.parseInt(obj.getString("tcc"))));
-   		td.setFcsj(obj.getString("fcsj"));
-   		td.setBcs(Integer.parseInt(obj.getString("bcs")));
-   		td.setJhlc(Double.parseDouble(obj.getString("jhlc")));
-   		td.setBcsj(Integer.parseInt(obj.getString("bcsj")));
-   		td.setBcType(obj.getString("bcType"));
-   		td.setIsFB(false);
-   		td.setIsSwitchXl(false);
-   		td.setSwitchXl(null);
-   		td.setSwitchXlDesc(null);
-   		td.setRemark(null);
-   		td.setCreateBy(null);
-   		td.setUpdateBy(null);
+   		// 10、设置停车场.
+   		td.setTcc(obj.getString("tcc") == null ? null : carParkRepository.findOne(Integer.parseInt(obj.getString("tcc"))));
+   		// 11、设置发车时间.
+   		td.setFcsj(obj.getString("fcsj")==null ? null : obj.getString("fcsj"));
+   		// 12、设置班次序号.
+   		td.setBcs(obj.getString("bcs") == null ? null : Integer.parseInt(obj.getString("bcs")));
+   		// 13、设置计划里程.
+   		td.setJhlc(obj.getString("jhlc")==null ? null : Double.parseDouble(obj.getString("jhlc")));
+   		// 14、设置班次历时.
+   		td.setBcsj(obj.getString("bcsj") == null ? null : Integer.parseInt(obj.getString("bcsj")));
+   		// 15、设置班次类型.
+   		td.setBcType(obj.getString("bcType")==null ? null : obj.getString("bcType"));
+   		// 16、设置是否分班.
+   		td.setIsFB(obj.getString("isfb") ==null ? null : intToBit(Integer.parseInt(obj.getString("isfb"))));
+   		// 17、设置是否切换线路.
+   		td.setIsSwitchXl(obj.getString("isSwitchXl") ==null ? null : intToBit(Integer.parseInt(obj.getString("isSwitchXl"))));
+   		// 18、设置切换线路.
+   		td.setSwitchXl(obj.getString("witchXl") ==null? null : lineRepository.findOne(Integer.parseInt(obj.getString("witchXl"))));
+   		td.setSwitchXlDesc(obj.getString("switchXlDesc")==null ? null : obj.getString("switchXlDesc"));
+   		// 19、设置说明描述
+   		td.setRemark(obj.getString("remark")== null ? null : obj.getString("remark"));
+   		// 20、设置创建人.
+   		td.setCreateBy(obj.getString("createBy") == null ? null : sysUserRepository.findOne(Integer.parseInt(obj.getString("remark"))));
+   		// 21、设置修改人.
+   		td.setUpdateBy(obj.getString("updateBy") == null ? null : sysUserRepository.findOne(Integer.parseInt(obj.getString("updateBy"))));
+   		// 22、返回实体对象.
    		return td;
    	}
+   	/**
+   	 * @description : (TODO) int转boolean类型.
+   	 * 
+   	 * @param : [value--int类型的数值]
+   	 * 
+   	 * @return : 返回一个布尔类型值.
+   	 * */
+   	public Boolean intToBit(int value) {
+   		Boolean tag = null;
+   		if(value==0)
+   			tag = false;
+   		else if(value ==1)
+   			tag = true;
+   		return tag;
+   	} 
+   	
+   	/**
+   	 * @description : (TODO) 获取路牌.
+   	 * 
+   	 * @param [xl--线路,name--路牌名称,code--路牌编码,lpType--路牌类型]
+   	 * 
+   	 * @return 返回路牌.
+   	 * */
    	public GuideboardInfo getLp(Line xl,String name, int code, String lpType) throws Exception {
+   		// 1、创建路牌实体对象.
    		GuideboardInfo entity = new GuideboardInfo();
+   		// 2、验证是否存在该路牌.如果数据库存在,则使用已有的.否则保存一块新的路牌.
    		List<GuideboardInfo> lgi = guideboardInfoRepository.validateLp(xl, name, code,lpType);
    		if(lgi.size()>0) {
    			entity = lgi.get(0);
    		}else{
+   			// 1、设置线路.
    			entity.setXl(xl);
+   			// 2、设置路牌编码.
    			entity.setLpNo(code);
+   			// 3、设置路牌名称.
    			entity.setLpName(name);
+   			// 4、设置路牌类型.
    			entity.setLpType(lpType);
+   			// 5、标记是否已删除.
    			entity.setIsCancel(false);
+   			// 6、设置创建人.
    			entity.setCreateBy(null);
+   			// 7、设置修改人.
    			entity.setUpdateBy(null);
+   			// 8、保存路牌.
    			guideboardInfoRepository.save(entity);
    		} 
+   		// 9、返回路牌.
    		return entity;
    	}
+   	/**
+   	 * @description : (TODO) 线路方向转代码.
+   	 * 
+   	 * @param : [str--方向字符串]
+   	 * 
+   	 * @return 返回方向代码.
+   	 * 
+   	 * @exception : 异常暂先抛出.
+   	 * */
    	public String dirToCod(String str) throws Exception {
    		String c = "";
    		if(str.equals("relationshipGraph-up"))
-   			c = "0";
+   			c = "0";// 上行.
    		else if(str.equals("relationshipGraph-down"))
-   			c = "1";
+   			c = "1";// 下行.
    		return c;
    	}
 }
@@ -8,9 +8,12 @@ spring.jpa.hibernate.naming_strategy= org.hibernate.cfg.ImprovedNamingStrategy
 spring.jpa.database= MYSQL
 spring.jpa.show-sql= true
 spring.datasource.driver-class-name= com.mysql.jdbc.Driver
-spring.datasource.url= jdbc:mysql://127.0.0.1:3306/qp_control?useUnicode=true&characterEncoding=utf-8&useSSL=false
+spring.datasource.url= jdbc:mysql://localhost/control?useUnicode=true&characterEncoding=utf-8&useSSL=false
 spring.datasource.username= root
-spring.datasource.password=
+spring.datasource.password= root123
+#spring.datasource.url= jdbc:mysql://192.168.168.117/pd_control?useUnicode=true&characterEncoding=utf-8&useSSL=false
+#spring.datasource.username= root
+#spring.datasource.password= root
 #DATASOURCE
 spring.datasource.max-active=100
 spring.datasource.max-idle=8
@@ -26,7 +29,7 @@ spring.datasource.validation-query=select 1
 ##
 #222.66.0.204:5555
 ##\u5B9E\u65F6gps
-http.gps.real.url= http://192.168.168.201:9090/transport_server/rtgps/
+http.gps.real.url= http://180.168.57.114:7474/transport_server/rtgps/
 #http.gps.real.url= http://27.115.69.123:8800/transport_server/rtgps/
 ##\u6D88\u606F\u4E0B\u53D1
 http.send.directive = http://192.168.168.201:9090/transport_server/message/
 \ No newline at end of file
@@ -196,7 +196,7 @@ tr.row-active td {
 			<!-- LOGO -->
 			<div class="page-logo">
 				<a href="index.html" class="logo-default logo-default-text">
-					闵行公交调度系统 </a>
+					浦东公交调度系统 </a>
 				<div class="menu-toggler sidebar-toggler"></div>
 			</div>
 			<!-- END LOGO -->
@@ -181,7 +181,7 @@
 	<div class="wrapper ng-scope">
 		<div id="loginPanel" class="dialog dialog-shadow">
 			<br>
-			<h3 class="logo-text">闵行公交调度系统</h3>
+			<h3 class="logo-text">浦东公交调度系统</h3>
 			<hr>
 			<form style="padding: 0px 35px;">
 				<div class="form-group" style="margin-bottom: 0">
@@ -22,117 +22,127 @@
 	$('#destroy').val(0);
-	/** 表格数据分页加载 @param：<null：搜索参数；true：是否重新分页> */
-	loadTableDate({'destroy_eq':0},true);
+	function initConpanySelect2(cb) {
+		/** 填充公司下拉框选择值 */
+		$get('/business/all', {upCode_eq: '88'}, function(array){
+			 return cb && cb(array);
+		 });
+	}
+	
+	function getComp(cb) {
+		$.get('/user/companyData',null,function(rs) {
+			 return cb && cb(rs);
+		});
+	}
+	
+	initConpanySelect2(function(array) {
+		 // 公司下拉options属性值
+		 var options = '<option value="">请选择...</option>';
+		 // 遍历array
+		 $.each(array, function(i,d){
+			 options += '<option value="'+d.businessCode+'">'+d.businessName+'</option>';
+			 
+		 });
+		 // 填充公司下拉框options
+		 $('#companySelect').html(options)
+		 /** 闵行没下属公司，这里暂时注释公司值改变事件  */
+		 //$('#companySelect').html(options).on('change', setbrancheCompanySelectOptions);
+		 
+		 /** 表格数据分页加载 @param：<null：搜索参数；true：是否重新分页> */
+		 loadTableDate({'destroy_eq':0},true);
+	});
 	/** 重置按钮事件 */
 	$('tr.filter .filter-cancel').on('click',function() {
-		
 		 // 清空搜索框值
 		 $('tr.filter input,select').val('').change();
-		 
 		 /** 表格数据分页加载 @param：<null：搜索参数；true：是否重新分页> */
 		 loadTableDate(null,true);
 	});
 	/**  搜索按钮事件 */
 	$('tr.filter .filter-submit').on('click',function(){
-		
 		var params =  getParams();
-		
 		page = 0;
-		
 		/** 表格数据分页加载 @param：<params：搜索参数；true：是否重新分页> */
 		loadTableDate(params,true);
 	});
 	function getParams() {
-		
 		// cells 集合返回表格中所有（列）单元格的一个数组
 		var cells = $('tr.filter')[0].cells;
-		
 		// 搜索参数集合
 		var params = {};
-		
 		// 搜索字段名称
 		var name;
-		
 		// 遍历cells数组
 		$.each(cells, function(i, cell){
-			
 			// 获取第i列的input或者select集合
 			var items = $('input,select', cell);
-			
 			// 遍历items集合
 			for(var j = 0, item; item = items[j++];){
-				
 				// 获取字段名称
 				name = $(item).attr('name');
-				
 				if(name){
-					
 					// 赋取相对应的值
 					params[name] = $(item).val();
-					
 				}
 			}
 		});
-		
 		return params;
-		
 	}
 	/** 表格数据分页加载事件 @param:<param : 查询参数;isPon : 是否重新分页> */
 	function loadTableDate(param,isPon){
-		
 		// 搜索参数
 		var params = {};
-		
 		if(param) {
-			
 			params = param;
-			
 		}
-		
 		// 排序（按更新时间）
 		params['order'] = 'id';
-		
 		// 记录当前页数
 		params['page'] = page;
-		
 		// 弹出正在加载层
 		var i = layer.load(2);
-		
-		// 异步请求获取表格数据
-		$.get('/line',params,function(result){
-			
-			// 添加序号
-			result.content.page =  page;
-			
-			// 把数据填充到模版中
-			var tbodyHtml = template('line_list_temp',{list:result.content});
-			
-			// 把渲染好的模版html文本追加到表格中
-			$('#datatable_line tbody').html(tbodyHtml);
-			
-			// 制定复选框
-			$('#datatable_line tbody').find('.icheck').iCheck(icheckOptions);
-			
-			// 复选框改变事件
-			$('#datatable_line tbody').find('.icheck').on('ifChanged', iCheckChange);
-			
-			// 是重新分页且返回数据长度大于0
-			if(isPon && result.content.length > 0){
-				
-				// 重新分页
-				initPag = true;
-				
-				// 分页栏
-				showPagination(result);
+		getComp(function(rs) {
+			if(rs.length>0) {
+				var compA = new Array();
+				for(var c = 0 ; c<rs.length;c++) {
+					var comC = rs[c].companyCode;
+					var child = rs[c].children;
+					if(child.length>0) {
+						for(var d = 0 ;d< child.length;d++) {
+							compA.push(comC + '_' + child[d].code);
+						}
+					}else {
+						compA.push(comC);
+					}
+				}
+				params.cgsbm_in  = compA.toString();
 			}
-			
-			// 关闭弹出加载层
-			layer.close(i);
+			// 异步请求获取表格数据
+			$.get('/line',params,function(result){
+				// 添加序号
+				result.content.page =  page;
+				// 把数据填充到模版中
+				var tbodyHtml = template('line_list_temp',{list:result.content});
+				// 把渲染好的模版html文本追加到表格中
+				$('#datatable_line tbody').html(tbodyHtml);
+				// 制定复选框
+				$('#datatable_line tbody').find('.icheck').iCheck(icheckOptions);
+				// 复选框改变事件
+				$('#datatable_line tbody').find('.icheck').on('ifChanged', iCheckChange);
+				// 是重新分页且返回数据长度大于0
+				if(isPon && result.content.length > 0){
+					// 重新分页
+					initPag = true;
+					// 分页栏
+					showPagination(result);
+				}
+				// 关闭弹出加载层
+				layer.close(i);
+			});
 		});
 	}
@@ -201,27 +211,6 @@
 		});
 	}
-	/** 填充公司下拉框选择值 */
-	$get('/business/all', {upCode_eq: '88'}, function(array){
-		 
-		 // 公司下拉options属性值
-		 var options = '<option value="">请选择...</option>';
-		 
-		 // 遍历array
-		 $.each(array, function(i,d){
-			 
-			 options += '<option value="'+d.businessCode+'">'+d.businessName+'</option>';
-			 
-		 });
-		 
-		 // 填充公司下拉框options
-		 $('#companySelect').html(options)
-		 
-		 /** 闵行没下属公司，这里暂时注释公司值改变事件  */
-		 //$('#companySelect').html(options).on('change', setbrancheCompanySelectOptions);
-		 
-	 });
-	 
 	 /** 填充分公司下拉框。--- 闵行没下属公司，这里暂时注释*/ 
 	/* setbrancheCompanySelectOptions();*/
@@ -267,85 +256,55 @@
 		var len_ = array.length;
 		if(len_>0) {
-			
 			$.each(array, function(i, g){
 				/*opGroup += '<option value="'+ g.id + '_' + g.lineCode +'">'+g.name+'</option>';*/
 				opGroup += '<option value="'+ g.name +'">'+g.name+'</option>';
 			});
-			
 		}
-		
 		opGroup += '</optgroup>';
-		
 		$('#lineSelect').html(opGroup).select2();
-		
 	});
 	/** 生成行单，这里暂时只做了单选生成。 */
 	$('#datatable_ajax_tools #createUsingSingle').on('click', function() {
-		
 		// 获取选中行
     	var arrChk = $("input[type='checkbox']:checked");
-    	
     	var len = arrChk.length;
-    	
     	// 选中行ID与线路名称
     	var id = '', lineName = '';
-    	
     	if(len>1) {
-    		
     		// 弹出添加成功提示消息
 			layer.msg('存在多选，请只选中一行!');
-			
 			return ;
-    		
     	}else  if(len==0) {
-    		
     		// 弹出添加成功提示消息
 			layer.msg('请选中一条线路！');
-			
 			return ;
-    		
     	}else {
-    		
     		id = arrChk.data('id');
-    		
     		lineName = arrChk.val();
-    		
     		// 请求参数
     		var params = {lineId:id};
-			
     		// 弹出正在加载层
     		var index = layer.load(0);
-    		
     		/** 生成线路行单 @pararm：<params：请求参数> */
 			$post('/stationroute/usingSingle',params,function(data) {
-				
 				 // 关闭弹出框
 				 layer.close(index);
-				
 				if(data.status=='SUCCESS') {
-    				
     				// 弹出添加成功提示消息
     				layer.msg('生成线路【'+ lineName +'】路单文件成功!');
-    				
     			}else if(data.status=='ERROR'){
-    				
     				// 弹出添加成功提示消息
     				layer.msg('生成线路【'+ lineName +'】路单文件失败!');
-    				
     			}else if(data.status=='NOTDATA') {
-
     				// 弹出添加成功提示消息
     				layer.msg('系统无线路【'+ lineName +'】的站点与路段信息!');
-    				
     			}
-				
 			});
-				
     	}
 	});	
 })();
 \ No newline at end of file
+<style>
+.form-control:focus {
+    border-color: #53ced9;
+}
+.tagsDiv {
+    border: 1px solid #c2cad8;
+    margin-left: 50px;
+    padding: 4px 15px 4px 15px;
+    width: 69%;
+}
+</style>
+
+<!-- 片段标题 START -->
+<div class="page-head">
+	<div class="page-title">
+		<h1>时刻表明细制作建模</h1>
+	</div>
+</div>
+<!-- 片段标题 END -->
+
+
+<!-- 线路信息导航栏组件 START -->
+<ul class="page-breadcrumb breadcrumb">
+	<li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
+	<li><span class="active">运营计划管理</span> <i class="fa fa-circle"></i></li>
+	<li><span class="active">时刻表明细制作建模</span></li>
+</ul>
+<!-- 线路信息导航栏组件 END -->
+
+
+<div class="portlet light bordered" id="form-wizard-info">
+	<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 class="step-title"> 1 - 4 </span>
+			</span>
+		</div>
+		
+		<div class="actions">
+			<div class="btn-group btn-group-devided" data-toggle="buttons">
+				<a class="btn btn-circle default" href="/pages/base/timesmodel/index.html" style="float: right;padding: 4px 23px;" data-pjax=""><i class="fa fa-reply"></i> 退出</a>
+			</div>
+		</div>
+	</div>
+	<div class="portlet-body form">
+	
+		<!-- START FORM 表单容器 -->
+		<form class="form-horizontal" id="submit_argus_form"  action="/" method="POST" novalidate="novalidate">
+			<div class="form-wizard">
+				<div class="form-body">
+					<ul class="nav nav-pills nav-justified steps">
+						<li class="active">
+							<a href="#tab1" data-toggle="tab" class="step" aria-expanded="true">
+								<span class="number"> 1 </span>
+								<span class="desc">
+								<i class="fa fa-check"></i> 选择时刻表 </span>
+							</a>
+						</li>
+						<li>
+							<a href="#tab2" data-toggle="tab" class="step">
+								<span class="number"> 2 </span>
+								<span class="desc">
+								<i class="fa fa-check"></i> 获取参数方式 </span>
+							</a>
+						</li>
+						<li>
+							<a href="#tab3" data-toggle="tab" class="step active">
+								<span class="number"> 3 </span>
+								<span class="desc">
+								<i class="fa fa-check"></i> 参数详情 </span>
+							</a>
+						</li>
+						<li>
+							<a href="#tab4" data-toggle="tab" class="step">
+								<span class="number"> 4 </span>
+								<span class="desc">
+								<i class="fa fa-check"></i> 确认 </span>
+							</a>
+						</li>
+					</ul>
+					
+					<!-- 进度条 -->
+					<div id="bar" class="progress progress-striped" role="progressbar">
+						<div class="progress-bar progress-bar-success" style="width: 25%;"></div>
+					</div>
+					
+					<div class="tab-content">
+						<div class="alert alert-danger display-hide">
+							<button class="close" data-close="alert"></button>
+							您的输入有误，请检查下面的输入项
+						</div>
+						<div class="alert alert-success display-none">
+							<button class="close" data-dismiss="alert"></button> 
+							 验证成功! 
+						</div>
+						
+						<!-- 线路名称 -->
+                       	<div class="tab-pane active" id="tab1">
+                       		<h3 class="block"> 选择时刻表 </h3>
+                      		<!-- 表单分组组件 form-group START -->
+							<div class="form-group">
+								<!--  时刻表名称 (* 必填项) START -->
+								<div class="col-md-6">
+									<label class="control-label col-md-5">
+			          					<span class="required"> * </span> 时刻表名称&nbsp;：
+			                    	</label>
+				                 	<div class="col-md-6">
+				                 		<select name="skbName" class="form-control input-medium"   id="skbNameSelect"></select>
+				                    </div>
+				            	</div>
+		                		<!--  时刻表名称 (* 必填项) END -->
+								<!--  线路名称 (* 必填项) START -->
+								<div class="col-md-6">
+									<label class="control-label col-md-5">
+			          					<span class="required"> * </span> 线路名称&nbsp;：
+			                    	</label>
+				                 	<div class="col-md-6">
+				                 		<select name="lineName" class="form-control input-medium"   id="lineSelect"></select>
+				                    </div>
+				            	</div>
+		                		<!--  线路名称 (* 必填项) END -->
+	                 		</div>		
+                 	 		<!-- 表单分组组件 form-group END -->
+                        </div>
+                        <!-- 获取参数 -->
+                        <div class="tab-pane" id="tab2">
+                        	<h3 class="block">  获取参数方式  </h3>
+							<!-- 获取参数 -->
+							<div class="form-group">
+								<label class="col-md-3 control-label"> <span class="required"> * </span> 获取参数方式：</label>
+								<div class="col-md-9">
+									<div class="icheck-list">
+										<label >
+											<input type="radio" class="icheck" name="baseRes" value=1 > 手动输入
+										</label>
+										<label>
+											<input type="radio" class="icheck" name="baseRes" value=0 checked> 客流大数据分析
+										</label>
+									</div>
+								</div>
+							 </div>
+							 <!-- 客容总量 -->
+							<div class="form-group" id="krlGroup">
+								<label class="col-md-3 control-label"><span class="required"> * </span>客容总量&nbsp;&nbsp;：</label>
+								<div class="col-md-9">
+									<input type="text" class="form-control input-medium" name="krl" id="krlInput" placeholder="客容总量">
+								</div>
+							</div>
+                        </div>
+                        <!-- 参数详情 -->
+                        <div class="tab-pane" id="tab3">
+                        	<h3 class="block"> 参数详情 </h3>
+                        </div>
+                        <!-- 确定提交资料信息 -->
+                        <div class="tab-pane" id="tab4">
+                           <h3 class="block"> 确认您提交的参数信息 </h3>
+                        </div>
+                   </div>
+              </div>
+              <div class="form-actions">
+                 <div class="row">
+                     <div class="col-md-offset-3 col-md-9">
+                         <a href="javascript:;" class="btn default button-previous disabled" style="display: none;">
+                             <i class="fa fa-angle-left"></i> 返回 </a>
+                         <a href="javascript:;" class="btn btn-outline green button-next"> 下一步
+                             <i class="fa fa-angle-right"></i>
+                         </a>
+                         <a href="javascript:;" class="btn green button-submit" style="display: none;"> 生成时刻模型
+                             <i class="fa fa-check"></i>
+                         </a>
+                     </div>
+                 </div>
+              </div>
+        	</div>
+        </form>
+		<!-- END FORM-->
+	</div>
+</div>
+<script src="/pages/base/timesmodel/js/add-form-wizard.js"></script>
+<script src="/pages/base/timesmodel/js/add-form-reload.js"></script>
+<script src="/pages/base/timesmodel/js/tagsinput.js"></script>
 \ No newline at end of file
+<!-- 调整班次 -->
+<div class="modal fade" id="tzbc_mobal" tabindex="-1" role="basic" aria-hidden="true">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+				<h4 class="modal-title">调整班次</h4>
+			</div>
+			<div class="modal-body">
+				<form class="form-horizontal" action="/" method="post" id="tzbcForm" role="form">
+					<!-- alert-danger 组件START -->
+					<div class="alert alert-danger display-hide" id="tzbcAlert">
+						<button class="close" data-close="alert"></button>
+							您的输入有误，请检查下面的输入项
+					</div>
+					<div class="portlet-body">
+						<div class="table-container" style="margin-top: 10px">
+							<table class="table table-striped table-bordered table-hover table-checkable" id="datatable_bctz">
+								<thead>
+									<tr role="row" class="heading">
+										<th width="33%">路牌</th>
+										<th width="33%">当前班次数</th>
+										<th width="33%">调整班次数</th>
+									</tr>
+								</thead>
+								<tbody></tbody>
+							</table>
+						</div>
+					</div>
+			    </form>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn default" data-dismiss="modal">取消</button>
+				<button type="button" class="btn btn-primary" id="tzbcnext">确定</button>
+			</div>
+		</div>
+	</div>
+</div>
+<script type="text/html" id="bctz_temp">
+{{each list as obj i }}
+	<tr role="row" class="filter">
+		<td>
+			<input type="text" readonly  class="form-control form-filter input-sm" name="lpname_{{i+1}}" value="{{obj.lpNo}}">
+		</td>
+		<td>
+			<input type="text" readonly class="form-control form-filter input-sm" name="dqbc_{{i+1}}" value="{{obj.bcs}}">
+		</td>
+		<td>
+			<input type="number" class="form-control form-filter input-sm" name="{{i+1}}" value="{{obj.bcs}}">
+		</td>
+	</tr>
+{{/each}}
+{{if list.length == 0}}
+		<tr>
+			<td colspan=3><h6 class="muted">没有找到相关数据</h6></td>
+		</tr>
+	{{/if}}
+</script>
+<script type="text/javascript">
+$('#tzbc_mobal').on('tzbcMobal.show', function(e,obj,cardata,bf){
+	setTimeout(function(){
+		// 加载延迟200毫秒显示mobal
+		$('#tzbc_mobal').modal({show : true,backdrop: 'static', keyboard: false});
+	},200);
+	// 当模态框对用户可见时触发（将等待 CSS 过渡效果完成）。
+	$('#tzbc_mobal').on('show.bs.modal', function () {
+		// 把数据填充到模版中
+		var tbodyHtml = template('bctz_temp',{list:cardata});
+		// 把渲染好的模版html文本追加到表格中
+		$('#datatable_bctz tbody').html(tbodyHtml);
+	});
+	// 获取表单元素
+	var form = $('#tzbcForm');
+	// 错误提示元素
+	var tzbcAlert = $('#tzbcAlert', form);
+	// 下一步点击事件
+	$('#tzbcnext').on('click', function() {
+		form.submit();// 表单提交
+	});
+	// 表单验证
+	form.validate({
+		errorElement : 'span', 
+		errorClass : 'help-block help-block-error', 
+		focusInvalid : false, 
+		rules : {
+		},
+		invalidHandler : function(event, validator) {  
+			tzbcAlert.show();
+			App.scrollTo(reladplusname, -200);
+		},
+		highlight : function(element) { 
+			$(element).closest('.form-group').addClass('has-error'); 
+		},
+		unhighlight : function(element) { 
+			$(element).closest('.form-group').removeClass('has-error'); 
+		},
+		success : function(label) {
+			label.closest('.form-group').removeClass('has-error'); 
+		},
+		submitHandler : function(f) {
+			// 1、 获取表单内容,并序列化
+			var params = form.serializeJSON();
+			// 2、 调整路牌对应的班次总数
+			updFormParams(params);
+			// 3、调整班次.并重新给定班次序号和发车序号.再确定首末班车时间.最后渲染数据
+			obj.data(bf.tzsmbcsj(bf.setbcsAndfcno(tzbcDate()),
+					obj.configuration.dataMap.smbcsjArr,
+					obj.configuration.dataMap.ccsjArr,
+					obj.configuration.dataMap.cclcArr,
+					obj.configuration.dataMap.qdzArr,
+					obj.configuration.dataMap.lbsj));
+			// 3、记录早操.并保存历史班次数据
+			obj.addHistory();
+			// 5、隐藏错误提示
+			tzbcAlert.hide();
+			// 6、隐藏 reladplus_mobal 弹出层 
+			$('#tzbc_mobal').modal('hide');
+		}
+	});
+	
+	/**
+	 * @description : (TODO) 调整路牌对应的班次总数.
+	 *
+	 *				    ❀  根据路牌对应班次的数值，把路牌对应的当前班次总数修改成调整后的班次总数,并转为数值类型以及把空值转为0.
+	 * 
+	 * @params : [p--表单序列化对象].
+	 */
+	function updFormParams(p) {
+		for(var i= 0;i<cardata.length;i++) {
+			if(p[i+1] != undefined) {
+				if(p[i+1]=='')
+					cardata[i].tzbc = 0;
+				else 
+					cardata[i].tzbc = parseInt(p[i+1]);
+			}
+		}
+	}
+	
+	/**
+	 * @description : (TODO)调整班次.
+	 *
+	 * @return : 返回一个数组.这里返回的是一个调整完班次数后的数组.
+	 */
+	function tzbcDate() {
+		 // 1、获取当前所有的班次数.
+		 var dr = obj.getDataArray(),
+		 	 result = new Array();// 定义返回数组对象.
+		 // 2、遍历路牌对应的班次总数.
+		 for(var i = 0 ; i<cardata.length;i++) {
+			 var zcbcsz = new Array(),// 定义当前路牌下的正常班次数组.
+			 	 zwlbbcsz = new Array(),// 定义当前路牌下的早晚例保、吃饭班次数组.
+			 	 jccbcs = 0,// 进出场班次数.这个值是为了计算总班次数时除去时间为空的班次
+			 	 jccbcsz = new Array();// 定义当前路牌下的进出场班次数组.
+			 // 3、遍历当前所有的班次数.
+			 for(var j = 0 ;j<dr.length;j++) {
+				 // 4、判断当前遍历的班次是否属于当前路牌对应的班次数组对象.
+				 if(cardata[i].lpNo == dr[j].parent && dr[j].bcsj>0 ){
+					 // 5、把当前班次添加到上序定义的不同班次数组中.
+					 if(dr[j].bcType =='bd' || dr[j].bcType=='lc' || dr[j].bcType =='cf')
+						 zwlbbcsz.push(dr[j]);// 添加到早晚例保、吃饭班次数组中.
+					 else if(dr[j].bcType=='in' || dr[j].bcType =='out')
+						 jccbcs++;
+					 else
+						 zcbcsz.push(dr[j]);// 添加到正常班次数组.
+				 }
+				 if(cardata[i].lpNo == dr[j].parent && (dr[j].bcType=='in' || dr[j].bcType =='out')) {
+					 jccbcsz.push(dr[j]);// 添加到进出场班次数组中.
+				 }
+			 }
+			 // 6、调整班次
+			 result = result.concat(tcbcgz(bf.pxarr(zcbcsz),cardata[i].tzbc,zwlbbcsz,bf.pxarr(jccbcsz),jccbcs,cardata[i]));
+		}
+		return result;
+	}
+	
+	/**
+	 * @description : (TODO)
+	 *
+	 * @params : [ar-- 当前路牌下的正常班次数组;num--当前路牌对应的班次总数;qa--当前路牌下的早晚例保、吃饭班次数组,ja--当前路牌下的进出场班次数组]
+	 *
+	 * @return : 返回一个数组.这里返回一个根据班次总数调整过车班次数组
+	 */
+	function tcbcgz(ar,num,qa,ja,jccbcs,cara) {
+		 var rsbcA = new Array();
+		 if(ar.length>0) {
+			 var ra_ = new Array();
+			 var _dx = num-jccbcs;// 班次总数值 - 进出时间大于零的班次 = 正常班次数
+			 var lastbcsjStr = ar[ar.length-1].ARRIVALTIME;// 标记调整班次之前最后一个班次的达到时间
+			 var fcno_ = Math.abs(ar.length+jccbcs-num),// 调整班次差
+				 tempS = '';// 标记调整班次是添加还是剔除[jq--剔除;add--添加]
+			 var fxdm = bf.dirDmToIndex(ar[ar.length-1].xlDir);// 标记调整班次之前最后一个班次的方向
+			 // 如果调整班次差是成对的,那么方向一致.否则改变方向
+			 if(fcno_%2!=0)
+				 fxdm =  bf.getfx(1,fxdm);// 改变方向
+			 // 如果当前路牌的班次总数大于等于调整后的班次总数则截取班次,反之添加班次
+			 if(ar.length>=_dx) {
+				 ra_ = ar.splice(0,_dx);// 截取班次数(这里从下标0开始截取到 对应的班次总数值)
+				 tempS = 'jq';
+			 }else if(ar.length<_dx) {
+				 var tzsj_ = obj.configuration.stopAraay[0].tzjx,sh = ar[ar.length-1];
+				 var startTime = new Date();
+				 var strArray = sh.ARRIVALTIME.split(':');
+				 startTime.setHours(parseInt(strArray[0]));
+				 startTime.setMinutes(parseInt(strArray[1]) + tzsj_);
+				 bf.addbc(obj,sh,startTime,tzsj_,sh.fcno + 1,ar,_dx - ar.length);
+				 ra_ = ar;
+				tempS = 'add';
+			 } 
+			 rsbcA =  tzsj(ra_,qa,ja,lastbcsjStr,fcno_,tempS,fxdm);
+		 }else if(ar.length==0) {
+			 rsbcA =  bf.addlpbc(obj,bf,cara.lpNo,num);
+		 }
+		 return rsbcA;
+	 }
+	
+	/**
+	 * @description : (TODO) 调整时间
+	 *
+	 * @params : [a1-- 当前路牌下的正常班次数组;a2--当前路牌下的早晚例保、吃饭班次数组;a3--当前路牌下的进出场班次数组]
+	 * 
+	 * @return : 返回一个数组.这里返回的是一个调整时间后的班次数组
+	 */
+	function tzsj(a1,a2,a3,sjstr,fcno_,tempS,fxdm) {
+		return a1.concat(jsjclc(a1[a1.length-1].ARRIVALTIME,a2,a3,sjstr,fcno_,tempS,fxdm));
+	}
+	
+	/**
+	 * @description : (TODO)调整进出场、离场班次
+	 *
+	 * @params : [st--当前路牌最后一个班次的到达时间;ar--当前路牌下的早晚例保、吃饭班次数组,pa--当前路牌下的进出场班次数组]
+	 *
+	 * @return
+	 */
+	 function jsjclc(st,ar,pa,sjstr,fcno_,tempS,fxdm) {
+		 console.log('{' + tempS +  '......}')
+		 // 1、修改进出场班次.
+		 for(var p = 0;p<pa.length;p++) {
+			// A）、如果当前班次的发车时间等于 在没有调整班次总数之前的最后一个班次的到达时间,则这个班次是在没有调整班次之前的那个进场班次
+			if(pa[p].fcsj == sjstr && pa[p].bcType =='in') {
+				pa[p].fcsj = st;
+				pa[p].bcsj = obj.configuration.dataMap.ccsjArr[fxdm];
+				pa[p].xlDir = obj.configuration.dataMap.dira[fxdm];
+				var _s = bf.getDateTime(st);
+				var _tt = new Date(_s);
+				_tt.setMinutes(_tt.getMinutes()+pa[p].bcsj);
+				var ddsjStr = bf.getTimeStr(_tt);
+				pa[p].ARRIVALTIME = ddsjStr;
+				if(tempS =='add')
+					pa[p].fcno = pa[p].fcno+fcno_;
+				else if(tempS =='jq')
+					pa[p].fcno = pa[p].fcno-fcno_;
+			}
+			// B）、剔除掉 当前班次的到达时间大于调整班次过后最后一个班次到达时间的班次
+			if((bf.getDateTime(pa[p].ARRIVALTIME)-bf.getDateTime(st))/60000 > pa[p].bcsj) {
+				console.log('{' + pa[p].lpNo + '----' + pa[p].ARRIVALTIME + '----' +  st +  '}');
+				console.log('修改进出场班次时...该班次的到达时间大于了最后一个班次的到达时间,应该剔除掉！');
+				pa.splice(p,1);
+			} 
+		}
+		// 2、修改晚例保班次.
+		for(var i = 0 ; i<ar.length;i++) {
+			// A）、修改离场班次属性值
+			if(ar[i].bcType=='lc') {
+				ar[i].fcsj =  ddsjStr;
+				ar[i].xlDir = obj.configuration.dataMap.dira[fxdm];
+				var _lcs = bf.getDateTime(ddsjStr);
+				var _lctt = new Date(_lcs);
+				_lctt.setMinutes(_lctt.getMinutes()+ar[i].bcsj);
+				ar[i].ARRIVALTIME = bf.getTimeStr(_lctt);
+				if(tempS =='add')
+					ar[i].fcno = ar[i].fcno+fcno_;
+				else if(tempS =='jq')
+					ar[i].fcno = ar[i].fcno-fcno_;
+			}
+			// B）、剔除掉 当前班次的到达时间大于调整班次过后最后一个班次到达时间的班次
+			if(bf.getDateTime(ar[i].ARRIVALTIME)>bf.getDateTime(st) && ar[i].bcType!='lc') {
+				console.log('{' + ar[i].lpNo + '----' + ar[i].ARRIVALTIME + '----' +  st +  '}')
+				console.log('修改晚例保班次时...该班次的到达时间大于了最后一个班次的到达时间,应该剔除掉！');
+				ar.splice(i,1);
+			}
+		}
+		// 3、合并进出场、例保班次,并返回.
+		return pa.concat(ar);
+	 }
+});
+</script>
 \ No newline at end of file
+.relationshipGraph-block{stroke:#F7F7F7;stroke-width:1px;pointer-events:all}.relationshipGraph-block:hover{cursor:pointer}.relationshipGraph-Text{font-family:Helvetica,sans-serif;font-size:10pt;fill:#323232}.relationshipGraph-measurement{font-family:Helvetica,sans-serif;font-size:13px;position:absolute;width:auto;height:auto;left:-100%;top:-100%}.relationshipGraph-tip{font-weight:700;font-family:Helvetica,sans-serif;font-size:9pt;line-height:1;padding:12px;background:#323232;color:#e7e7e7;border-radius:6px;z-index:50;max-width:350px;max-height:300px}.relationshipGraph-tip:after{display:inline-block;font-size:15px;width:100%;height:5px;color:#323232;content:"\25B6";position:absolute}.relationshipGraph-tip.n:after{content:"\25BC";margin:-1px 0 0;top:100%;left:12px;text-align:center}.relationshipGraph-tip.e{margin-left:15px}.relationshipGraph-tip.e:after{content:"\25C0";margin:-2px 0 0;top:50%;left:-11px}.relationshipGraph-tip.s{margin-top:15px}.relationshipGraph-tip.s:after{content:"\25B2";margin:0 0 1px;top:-12px;left:12px;text-align:center}.relationshipGraph-tip.w:after{content:"\25B6";margin:-4px 0 0 -1px;top:50%;left:100%}
 \ No newline at end of file
+body {
+	overflow: hidden;
+}
+
+.relationshipGraph-tip { 
+	border-radius: 6px !important;
+	background: #192838 !important;
+	width: 160px !important;
+	color: #12cada !important;
+	z-index: 100000 !important;
+}
+
+.relationshipGraph-tip:after {
+	color: #192838 !important;	
+}
+
+.relationshipGraph-tip table tr td{
+	padding: 3px;
+}
+
+.rect-cover,.rect-cover-statis {
+	fill: rgba(255, 255, 255, 0);
+}
+
+.case_rect{
+	fill: rgba(255, 255, 255, 0.2);
+    stroke:#0099CC;
+    stroke-width: 4px;
+    rx: 5px;
+    ry: 5px;
+}
+
+.c_close {
+	fill: #f7466b;
+	opacity: 0.5 ;
+}
+
+.c_close_so {
+	fill:rgb(253, 253, 253);
+}
+
+.c_close_line_r,.c_close_line_l {
+	stroke:#f7466b;
+	opacity: 0.5 ;
+	stroke-width:2; 
+}
+
+.c_close_cover,.r_left_cover,.r_right_cover,.r_center_cover {
+	fill:rgba(253,253,253,0);
+}
+
+.test_r_center,.test_r_left,.test_r_right {
+	fill:#0099CC
+}
+
+.test_r_center_solid,.test_r_left_solid,.test_r_right_solid {
+	fill:#0099CC
+}
+
+.test_r_center_so, .test_r_left_so,.test_r_right_so{
+	fill:rgb(253, 253, 253);
+}
+
+
+text.caseactive {
+	fill: #03e1fd;
+}
+
+
+text.alert-danger {
+	/* transform: scale(0.5,1); */
+    font-weight: bolder;
+    fill: #f9a3a9;
+}
+
+.relationshipGraph-up {
+	/* fill: #2c5c7f; */
+	/* fill: #304459; */
+	fill: #233f5d; 
+	stroke: #ffffff;
+    stroke-width: 1px;
+    pointer-events: all;
+    cursor: default;
+    rx:4;
+    ry:4;
+}
+
+.relationshipGraph-up-text,.relationshipGraph-down-text {
+	/* transform: scale(0.5,1); */
+    font-weight: bolder;
+    fill: #ffffff;
+}
+
+.relationshipGraph-up-circle-text,.relationshipGraph-down-circle-text {
+   font-weight: bolder;
+   fill: #2ab4c0;
+}
+
+.relationshipGraph-up-circle,.relationshipGraph-down-circle {
+	/* stroke: #2ab4c0; */
+	stroke: #17a8ee;
+    stroke-width: 2px;
+    fill: #ffffff;
+}
+
+.relationshipGraph-down {
+	/* fill: #666; */
+	/* fill: #3b414e; */
+	fill: #31394a;
+    cursor: default;
+    stroke: #ffffff
+    stroke-width: 1px;
+    pointer-events: all;
+    rx:4;
+    ry:4
+}
+
+
+.ganttSvgContainer {
+    height: 400px;
+    overflow: auto;
+    position: relative;
+}
+
+.svg-chart {
+	font-family: Arial, sans-serif;
+	font-size: 12px;
+}
+
+#ganttSvg {
+	width: 100%;
+	margin: 10px 0px 0px 10px;
+}
+
+
+.rect_shift, .rect_Whours {
+    /* fill:#225369; */
+    fill : #093144;
+    stroke-width: 0.5;
+}
+
+.statis_text {
+    fill:#eee;
+    /* transform: scale(0.4,0.5); */
+    font-weight: bold;
+}
+
+.axis path,.axis line,.down path,.down line,.up path,.up line {
+	fill: none;
+    stroke: #304152;
+    shape-rendering: crispEdges;
+    opacity: 0.5;
+    stroke-width: 1;
+}
+
+::selection {
+	background:rgba(255, 255, 255, 0); 
+}
+<div class="modal fade" id="editDetail_mobal" tabindex="-1" role="basic" aria-hidden="true">
+	<div class="modal-dialog" style="margin-left: 400px;">
+		<div class="modal-content" style="width: 900px;">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
+				<h4 class="modal-title">修改</h4>
+			</div>
+			<div class="modal-body">
+				<form class="form-horizontal" action="/" method="post" id="editDetail" role="form">
+					<!-- alert-danger 组件START -->
+					<div class="alert alert-danger display-hide" id="reladplusname">
+						<button class="close" data-close="alert"></button>
+							您的输入有误，请检查下面的输入项
+					</div>
+					<!-- 表单分组组件 form-group START -->
+					<div class="form-group">
+						<!-- 时刻表名称 (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 时刻表名称:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<input type="text" class="form-control" name="xkbName" id="xkbNameInput" readonly placeholder="时刻表名称">
+		                    </div>
+		                </div>
+						<!-- 时刻表名称  (* 必填项) END -->
+	                 	
+	                 	<!-- 发车顺序号 (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 发车顺序号:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<input type="text" class="form-control" name="fcno" id="fcnoInput" readonly placeholder="发车顺序号">
+		                    </div>
+		                </div>
+						<!-- 发车顺序号  (* 必填项) END --> 
+	                 </div>
+                 	 <!-- 表单分组组件 form-group END -->
+                 	 <!-- 表单分组组件 form-group START -->
+					 <div class="form-group">
+						<!-- 线路  (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 线路&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<input type="text" class="form-control" name="xl" id="xlInput" readonly placeholder="线路"> 
+		                    </div>
+		                </div>
+						<!--  线路 (* 必填项) END -->
+						
+						<!-- 路牌  (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 路牌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<input type="text" class="form-control" name="lp" id="lpInput" readonly placeholder="路牌"> 
+		                    </div>
+		                </div>
+						<!--  路牌 (* 必填项) END -->
+	                 </div>
+                 	 <!-- 表单分组组件 form-group END -->
+                 	 
+                 	 <!-- 表单分组组件 form-group START -->
+					 <div class="form-group">
+					 	<!-- 对应班次数 (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 对应班次数:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<input type="text" class="form-control" name="bcs" id="bcsInput" readonly placeholder="对应班次数"> 
+		                    </div>
+		                </div>
+						<!--  对应班次数 (* 必填项) END -->
+					 
+	                 	<!-- 方向  (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 方向&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<!-- <input type="text" class="form-control" name="dic" id="dicInput" placeholder="方向"> --> 
+		                     	<select name="xlDir" class="form-control" id="xlDirInput">
+									<option value="">-- 请选择方向 --</option>
+									<option value="relationshipGraph-up">上行</option>
+									<option value="relationshipGraph-down">下行</option>
+								</select>
+		                    </div>
+		                </div>
+						<!--  方向 (* 必填项) END -->
+						
+	                 </div>
+                 	 <!-- 表单分组组件 form-group END -->
+                 	 
+                 	 <!-- 表单分组组件 form-group START -->
+					 <div class="form-group">
+					 	<!-- 起点站 (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 起点站&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<!-- <input type="text" class="form-control" name="qdz" id="qdzInput" placeholder="起点站"> -->
+		                     	<select name="qdz" class="form-control" style="width:100%"  id="qdzInput"></select>
+		                    </div>
+		                </div>
+						<!-- 起点站 (* 必填项) END -->
+					 	
+	                 	<!-- 终点站  (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 终点站&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<!-- <input type="text" class="form-control" name="zdz" id="zdzInput" placeholder="终点站"> --> 
+		                     	<select name="zdz" class="form-control" style="width:100%"    id="zdzInput"></select>
+		                    </div>
+		                </div>
+						<!--  终点站 (* 必填项) END -->
+	                 </div>
+                 	 <!-- 表单分组组件 form-group END -->
+                 	 
+                 	 <!-- 表单分组组件 form-group START -->
+					 <div class="form-group">
+	                 	<!--  发车时间 (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 发车时间&nbsp;&nbsp;&nbsp;:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<input type="text" class="form-control" name="fcsj" id="fcsjInput" placeholder="发车时间">
+		                    </div>
+		                </div>
+						<!-- 发车时间  (* 必填项) END -->
+						
+						<!-- 班次类型  (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 班次类型&nbsp;&nbsp;&nbsp;:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<!-- <input type="text" class="form-control" name="bcType" id="bcTypeInput" placeholder="班次类型"> -->
+		                     	<select name="bcType" class="form-control" id="bcTypeInput">
+									<option value="">-- 请选择类型 --</option>
+									<option value="bd">早例保</option>
+									<option value="out">出场</option>
+									<option value="normal">正常</option>
+									<option value="cf">吃饭</option>
+									<option value="in">进场</option>
+									<option value="lc">晚例保</option>
+									<option value="major">放大站</option>
+									<option value="venting">直放</option>
+									<option value="region">区间</option>
+								</select>
+		                    </div>
+		                </div>
+						<!-- 班次类型  (* 必填项) END -->
+	                 </div>
+                 	 <!-- 表单分组组件 form-group END -->
+                 	 
+                 	 <!-- 表单分组组件 form-group START -->
+					 <div class="form-group">
+	                 	<!-- 班次历时  (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 班次历时&nbsp;&nbsp;&nbsp;:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<input type="text" class="form-control" name="bcsj" id="bcsjInput" placeholder="班次历时"> 
+		                    </div>
+		                </div>
+						<!--  班次历时 (* 必填项) END -->
+						<!--  计划里程 (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					<span class="required"> * </span> 计划里程&nbsp;&nbsp;&nbsp;:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<input type="text" class="form-control" name="jhlc" id="jhlcInput" placeholder="计划里程">
+		                    </div>
+		                </div>
+						<!-- 计划里程  (* 必填项) END -->
+	                 </div>
+                 	 <!-- 表单分组组件 form-group END -->
+                 	 
+                 	 <!-- 表单分组组件 form-group START -->
+					 <div class="form-group">
+					 	<!-- 是否分班 START (因为options值基本固定，所以在页面固定。【以后可以根具需求修改成使用字典表实现】) -->
+					 	<div class="form-group">
+					 	
+					 	</div>
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+								<span class="required"> * </span> 是否分班&nbsp;&nbsp;&nbsp;:
+							</label>
+							<div class="col-md-6">
+								<select name="isfb" class="form-control" id="isfbSelect">
+									<option value="">-- 请选择类型 --</option>
+									<option value=0>否</option>
+									<option value=1>是</option>
+								</select>
+							</div>
+		                </div>
+	                	<!-- 是否分班 END -->
+					 
+	                 	<!-- 备注  (* 必填项) START -->
+						<div class="col-md-6">
+							<label class="control-label col-md-6">
+	          					备注&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:
+	                    	</label>
+		                    <div class="col-md-6">
+		                     	<input type="text" class="form-control" name="bz" id="bzInput" placeholder="备注"> 
+		                    </div>
+		                </div>
+						<!--  班次历时 (* 必填项) END -->
+	                 </div>
+                 	 <!-- 表单分组组件 form-group END -->
+			    </form>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn default" data-dismiss="modal">取消</button>
+				<button type="button" class="btn btn-primary" id="editDetailnext">确定</button>
+			</div>
+		</div>
+	</div>
+</div>
+<script type="text/javascript">
+/**
+ * @params [obj--甘特图对象;d--当前修改班次对象数据] 
+ */
+$('#editDetail_mobal').on('editDetailMobal.show', function(e,obj,nodeContext,bf,map){
+	// 定义当前班次数据.
+	var dqbcData = nodeContext.dqbcData;
+	var ddbcminztjx = isUpdsgbctzsj(dqbcData.bcType) || isUpdsgbctzsj(nodeContext.nextData.bcType) ? dqbcData.STOPTIME : obj.configuration.dataMap.minztjx,lastminztjx = 0;
+	if(typeof(nodeContext.lastData) !='undefined')
+		lastminztjx = isUpdsgbctzsj(nodeContext.lastData.bcType) || isUpdsgbctzsj(dqbcData.bcType) ? nodeContext.lastData.STOPTIME : obj.configuration.dataMap.minztjx;
+	// 延迟250毫秒执行.
+	setTimeout(function(){
+		// 加载显示mobal
+		$('#editDetail_mobal').modal({show : true,backdrop: 'static', keyboard: false});
+	},250);
+	// 定义该线路方向下的起终点站.(防止随意修改起终点站.保证与该线路下的站点路由的起终点站一致.) [下标0--代表上行;下标1--代表下行].
+	var lineDirStoEStation = new Array();
+	// 当模态框对用户可见时触发（将等待 CSS 过渡效果完成）。
+	$('#editDetail_mobal').on('show.bs.modal', function () {
+		// 初始化发车时间的input为日期时间.
+		$('#fcsjInput').datetimepicker({format : 'HH:mm',locale: 'zh-cn'});
+		// 根据时刻表ID获取时刻表名称.
+		skbIdToName(dqbcData.ttinfo,function(skbName){
+			// 获取时刻表名称对应的元素并设值.
+			$('#xkbNameInput').val(skbName);
+			// 初始化起终点站的select为select2.
+			initZdSelect(dqbcData.xl,function() {
+				$("#qdzInput").select2("val", dqbcData.qdz);
+				$("#zdzInput").select2("val", dqbcData.zdz);
+				xlIdToName(dqbcData.xl,function(xlName) {
+					// 设值标题文本.
+					$('.modal-title').text(skbName +
+										   '（' + skbName +'时刻表）时刻表明细信息->路牌'+
+										   dqbcData.lpName +
+										   '->发车顺序号'+
+										   dqbcData.fcno +
+										   '->班次修改');
+					// 设值线路名称.
+					$('#xlInput').val(xlName);
+					// 设值表单值.
+					setFormValue();
+				});
+			})
+		});
+	});
+	// 获取表单元素
+	var form = $('#editDetail');
+	// 错误提示元素
+	var reladplusname = $('#reladplusname', form);
+	// 表单提交
+	$('#editDetailnext').on('click', function() {form.submit();});
+	// 表单验证.
+	form.validate({
+		errorElement : 'span', 
+		errorClass : 'help-block help-block-error', 
+		focusInvalid : false, 
+		rules : {
+			// 时刻表.必填项.
+			'xkbName' : {required : true,},
+			// 发车序号. 必填项 必须为整数.
+			'fcno' : {required : true,number : true,digits : true},
+			// 线路.必填项.
+			'xl' : {required : true,},
+			// 路牌.必填项.
+			'lp' : {required : true,},
+			// 班次数. 必填项 必须为整数.
+			'bcs' : {required : true,number : true,digits : true},
+			// 方向.必填项.
+			'xlDir' : {required : true,},
+			// 起点站.必填项.
+			// 'qdz' : {required : true},
+			// 终点站.必填项.
+			// 'zdz' : {required : true},
+			// 发车时间.必填项.
+			'fcsj' : {required : true,isFcsj : true},
+			// 班次类型.必填项.
+			'bcType' : {required : true,},
+			// 班次时间.必填项.
+			'bcsj' : {required : true,number : true,digits : true,isBcsj : true},
+			// 计划里程.必填项.
+			'jhlc' : {required : true,number : true,digits : true},
+			// 是否分班.必填项.
+			'isfb' : {required : true,},
+		},
+		invalidHandler : function(event, validator) {  
+			reladplusname.show();
+			App.scrollTo(reladplusname, -200);
+		},
+		highlight : function(element) { 
+			$(element).closest('.form-group').addClass('has-error'); 
+		},
+		unhighlight : function(element) { 
+			$(element).closest('.form-group').removeClass('has-error'); 
+		},
+		success : function(label) {
+			label.closest('.form-group').removeClass('has-error'); 
+		},
+		submitHandler : function(f) {
+			// 获取表单字段值并序列化.
+			var params = form.serializeJSON();
+			// 验证表单数据中方向下的起终点站与数据库中站点路由中的起终点站是否一直.
+			var vd = validateDirSToEStation(params);
+			if(vd.tag) {
+				// 表单提交.
+				submit();
+			}else {
+				// 修改起点站.
+				params.qdz = vd.dirStoE.qdz;
+				// 修改终点站.
+				params.zdz = vd.dirStoE.zdz;
+				// 弹出选择框；确认则提交；取消则返回.
+				layer.confirm('您选择的线路【'+params.xl+'】' + vd.depict, {
+					btn : [ '确认提示并提交', '取消' ]
+				}, submit);
+			}
+			
+			// 表单提交.
+			function submit() {
+				// 隐藏错误提示.
+				reladplusname.hide();
+				// 隐藏 reladplus_mobal 弹出层.
+				$('#editDetail_mobal').modal('hide');
+				// 关闭弹出层.
+				layer.closeAll();
+				var data = new Array();
+				// 判断.如果是例保时间或者吃饭时间.则不进行修改.
+				if(!isdqbcDatalbfc(dqbcData.bcType)) {
+					// 判断如果方向修改了.则调整方向.
+					if(dqbcData.xlDir !== params.xlDir) 
+						data = changeDir(dqbcData.xlDir,params.xlDir);
+					else
+						data = obj.getDataArray();
+					// 修改班次对应属性值.
+					changeValue(params);
+				}else {
+					dqbcData.bz = params.bz;
+					data = obj.getDataArray();
+				}
+				// 重新绘制图形.
+				obj.data(data);
+				// 记录操作.
+				obj.addHistory();
+			}
+		}
+	});
+	
+	/**
+	 * @description : (TODO) 监听班型值改变事件.这里的值改变会影响起终点站的输入.
+	 *
+	 * @status OK.
+	 **/
+	$('#bcTypeInput').on('change',function() {
+		isDisabled($(this).val());
+	});
+	
+	// 验证班次时间
+	$.validator.addMethod('isBcsj', function(value,element) {
+		// 定义上个班次的到达时间.下个班次的发车时间.返回值.
+		/* var sgbcddsj = bf.getDateTime(nodeContext.lastData.ARRIVALTIME) , xxbcfcsj = bf.getDateTime(nodeContext.nextData.fcsj),tag = true; */
+		var sgbcddsj = bf.getDateTime(nodeContext.lastData.ARRIVALTIME) , 
+			xxbcfcsj =  isUpdsgbctzsj(dqbcData.bcType) ? bf.getDateTime(dqbcData.ARRIVALTIME) :  bf.getDateTime(nodeContext.nextData.fcsj),
+			tag = true;
+		// 修改上个班次的到达时间.
+		sgbcddsj.setMinutes(sgbcddsj.getMinutes() + lastminztjx);
+		// 修改下个班次的到达时间.
+		xxbcfcsj.setMinutes(xxbcfcsj.getMinutes() - ddbcminztjx);
+		// 获取班次时间.
+		var bcsj = $('#bcsjInput').val();
+		bcsj = bcsj==''? 0 : parseInt(bcsj);
+		// 判断.
+		if(bcsj> parseInt((xxbcfcsj-sgbcddsj)/60000))
+			tag =false;
+		return tag;
+	},function(){
+		// 定义上个班次的到达时间.下个班次的发车时间.
+		/* var sgbcddsj = bf.getDateTime(nodeContext.lastData.ARRIVALTIME) , xxbcfcsj = bf.getDateTime(nodeContext.nextData.fcsj); */
+		var sgbcddsj = bf.getDateTime(nodeContext.lastData.ARRIVALTIME) ,
+			xxbcfcsj = isUpdsgbctzsj(dqbcData.bcType) ? bf.getDateTime(dqbcData.ARRIVALTIME) :  bf.getDateTime(nodeContext.nextData.fcsj);
+		// 修改上个班次的到达时间.
+		sgbcddsj.setMinutes(sgbcddsj.getMinutes() + lastminztjx);
+		// 修改下个班次的到达时间.
+		xxbcfcsj.setMinutes(xxbcfcsj.getMinutes() - ddbcminztjx);
+		// 返回提示内容.
+		return '最大班次时间【' + parseInt((xxbcfcsj-sgbcddsj)/60000) + '】';		
+	});
+	
+	// 发车时间验证. 
+	$.validator.addMethod('isFcsj', function(value,element) {
+		if(isdqbcDatalbfc(dqbcData.bcType)) 
+			return true;
+		// 获取表单填写的发车时间以及返回值.
+		var fcsjStr = $('#fcsjInput').val(),bcsj = $('#bcsjInput').val(),tag = true;
+		// 判断是否为空.
+		if(fcsjStr == '')
+			return false;
+		// 定义发车时间对象.
+		var fcsj = bf.getDateTime(fcsjStr);
+		// 定义到达时间对象.
+		var ddsj = bf.getDateTime(fcsjStr);
+		// 修改到达时间分钟数.
+		ddsj.setMinutes(ddsj.getMinutes() + (bcsj==''? 0 : parseInt(bcsj)));
+		// 定义上个班次的到达时间对象.
+		var sgbcddsj = bf.getDateTime(nodeContext.lastData.ARRIVALTIME);
+		// 定义下个班次的发车时间对象.
+		var xxbcfcsj =  isUpdsgbctzsj(dqbcData.bcType) ? bf.getDateTime(dqbcData.ARRIVALTIME) :  bf.getDateTime(nodeContext.nextData.fcsj);
+		// 判断当前修改的班次的发车时间是否在上一个班次的到达时间 与下个一个班次的发车时间 之间 ，并且上下班次相隔停站时间大于等于最小停站时间.
+		if( parseInt((fcsj - sgbcddsj) / 60000) < lastminztjx ||
+			 parseInt((xxbcfcsj - ddsj) / 60000) < ddbcminztjx)
+			tag = false;
+		return tag; 
+	}, function() {
+		// 定义验证发车时间验证提示内容.上个班次的到达时间.下个班次的发车时间.班次时间.
+		/* var fcsjVdStr = '发车时间【',sgbcddsj = bf.getDateTime(nodeContext.lastData.ARRIVALTIME),
+			xxbcfcsj = bf.getDateTime(nodeContext.nextData.fcsj),bcsj = $('#bcsjInput').val(); */
+		var fcsjVdStr = '发车时间【',sgbcddsj = bf.getDateTime(nodeContext.lastData.ARRIVALTIME),
+			xxbcfcsj = isUpdsgbctzsj(dqbcData.bcType) ? bf.getDateTime(dqbcData.ARRIVALTIME) :  bf.getDateTime(nodeContext.nextData.fcsj),
+			bcsj = $('#bcsjInput').val();
+		bcsj = bcsj ==''?0:parseInt(bcsj);
+		// 修改上个班次的到达时间.这里相当于上个班次 与 当前班次的最小停站时间.
+		sgbcddsj.setMinutes(sgbcddsj.getMinutes() + lastminztjx);
+		// 修改下个班次的发车时间.这里相当于当前班次与下一个班次的最小停站时间.
+		xxbcfcsj.setMinutes(xxbcfcsj.getMinutes() - ddbcminztjx - bcsj);
+		fcsjVdStr = fcsjVdStr + bf.getTimeStr(sgbcddsj) + '~' + bf.getTimeStr(xxbcfcsj)+'】';
+		return fcsjVdStr;
+	});
+	
+	/**
+	 * @description : (TODO) 验证表单数据中方向下的起终点站与数据库中站点路由中的起终点站是否一直.
+	 *
+	 * @param [f--表单数据].
+	 *
+	 * @status OK.
+	 **/
+	function validateDirSToEStation(f) {
+		 if(isdqbcDatalbfc(dqbcData.bcType) ||
+			dqbcData.bcType == obj.configuration.dataMap.bcTypeArr.in_||
+			dqbcData.bcType == obj.configuration.dataMap.bcTypeArr.out) 
+				return {'tag':true};
+		 // 定义返回状态值;方向下的正确的起终点;提示信息.
+		 var tag = false,dirStoE = null,depict = '';
+		 // 遍历.
+		 for(var i = 0; i<lineDirStoEStation.length;i++) {
+			 // 判断方向一致.
+			 if(lineDirStoEStation[i].dir==f.xlDir) {
+				 // 判断起终点站id
+				 if(lineDirStoEStation[i].qdz==f.qdz && lineDirStoEStation[i].zdz==f.zdz) {
+					 tag = true;
+				 }else {
+					 // 赋值方向下的正确的起终点.
+					 dirStoE = lineDirStoEStation[i];
+					 // 定义错误、正确的提示信息.所选择方向文本内容.
+					 var zderrorStr = '',zdrightStr = '',dirStr = $("#xlDirInput").find("option:selected").text();
+					 // 判断起点站是否一致.
+					 if(lineDirStoEStation[i].qdz != f.qdz){
+						 zdrightStr = zdrightStr +  '【起点站: '+ lineDirStoEStation[i].qdz + '】' + lineDirStoEStation[i].qdzname;
+						 zderrorStr	= zderrorStr +  '【起点站:' + f.qdz + '】' + $("#qdzInput").select2('data')[0].text;
+					 // 判断终点站是否一致.
+					 }else if(lineDirStoEStation[i].zdz != f.zdz) {
+						 zdrightStr = zdrightStr +  '【终点站:' + lineDirStoEStation[i].zdz +'】' + lineDirStoEStation[i].zdzname;
+						 zderrorStr	= zderrorStr +  '【终点站:' + f.zdz + '】' + $("#zdzInput").select2('data')[0].text;
+					 }
+					 // 赋值提示信息.
+					 depict = '方向【' +  dirStr +'】的' + 
+					 		  zderrorStr +'与站点路由'+ zdrightStr +'不一致！自动顺延为如下：<br>' + dirStr + '：'+ zdrightStr;
+				 }
+			 }
+		 }
+		 return {'tag':tag,'depict':depict,'dirStoE':dirStoE};
+	}
+	
+	/**
+	 * @description (TODO) 修改对应班次.
+	 *
+	 * @param [f--表单的字段值].
+	 *
+	 * @status OK.
+	 */
+	function changeValue(f) {
+		// 修改方向.
+		dqbcData.xlDir = f.xlDir;
+		// 修改起点站.
+		dqbcData.qdz = f.qdz;
+		// 修改终点站.
+		dqbcData.zdz = f.zdz;
+		// 修改发车时间.
+		dqbcData.fcsj = f.fcsj;
+		// 修改计划里程.
+		dqbcData.jhlc = parseInt(f.jhlc);
+		// 修改班次时间.
+		dqbcData.bcsj = parseInt(f.bcsj);
+		if(dqbcData.bcType != obj.configuration.dataMap.bcTypeArr.in_&&
+		   dqbcData.bcType != obj.configuration.dataMap.bcTypeArr.out) {
+			// 修改班次班次类型.
+			dqbcData.bcType = f.bcType;
+			// 修改是否分班.
+			dqbcData.isfb = parseInt(f.isfb);
+		}
+		// 修改备注.
+		dqbcData.bz = f.bz;
+		// 创建发车时间对象.
+		var ddsj = bf.getDateTime(f.fcsj);
+		// 计算当前班次与上一个班次之间的停站间隙.
+		var lastStopTime = parseInt((ddsj - bf.getDateTime(nodeContext.lastData.ARRIVALTIME))/60000)
+		// 修改到达时间分钟数.这里成为了当前班次的到达时间对象.
+		ddsj.setMinutes(ddsj.getMinutes() + parseInt(f.bcsj));
+		// 修改当前班次的到达时间.
+		dqbcData.ARRIVALTIME = bf.getTimeStr(ddsj);
+		// 修改当前班次的停站时间.
+		dqbcData.STOPTIME = parseInt((bf.getDateTime(nodeContext.nextData.fcsj) - ddsj)/60000);
+		// 修改上一个班次停站时间.
+		nodeContext.lastData.STOPTIME = lastStopTime;
+	}
+	
+    function changeDir(dqDir,tzDir) {
+    	// 获取所有班次. 定义当前路牌下的所有班次、其他路牌下的班次.
+		var dtAll = obj.getDataArray(),dqlpbc = new Array,qtlpbc = new Array();
+		// 遍历分割班次.
+		for(var t = 0 ; t< dtAll.length; t++) {
+			// 判断遍历的当前班次路牌是否与选中修改的班次路牌是否一致.
+			if(dtAll[t].lpNo == dqbcData.lpNo)
+				dqlpbc.push(dtAll[t]);
+			else 
+				qtlpbc.push(dtAll[t]);
+		}
+		// 首先除去进出场班次和早晚例保班次.定义进出出场和早晚例保班次数组、正常(包括正常、区间、直放、吃饭、放站)班次数组.
+		var jcclbbcA = Array(),normalA = new Array();
+		for(var d = 0 ; d < dqlpbc.length; d++) {
+			if(dqlpbc[d].bcType==obj.configuration.dataMap.bcTypeArr.bd ||
+			   dqlpbc[d].bcType==obj.configuration.dataMap.bcTypeArr.in_||
+			   dqlpbc[d].bcType==obj.configuration.dataMap.bcTypeArr.lc ||
+			   dqlpbc[d].bcType==obj.configuration.dataMap.bcTypeArr.out)
+				jcclbbcA.push(dqlpbc[d]);
+			else 
+				normalA.push(dqlpbc[d]);
+		}
+		// 修改当前路牌下的班次方向.
+		for(var r = 0; r<normalA.length;r++) {
+			// 修改方向.
+			if(normalA[r].xlDir == dqDir) {
+				normalA[r].xlDir = tzDir;
+			}else if(normalA[r].xlDir == tzDir) {
+				normalA[r].xlDir = dqDir;
+			}
+		}
+		// 把当前路牌下的班次按发车序号顺序排序.
+		normalA.sort(function(a,b){return a.fcno-b.fcno});
+		// 先添加进出场班次和早晚例保班次-->然后合并其他班次-->然后重置发车序号和班次数-->根据数据重新渲染视图.
+		return bf.setbcsAndfcno(qtlpbc.concat(bf.addjclbbc(normalA,obj.configuration.dataMap,obj.configuration.stopAraay[0].lbsj,map)));
+    }	
+	
+	/**
+	 * @description : (TODO) 判断班次类型是否为 早晚例保时间、进出场班次、吃饭时间. 
+	 *
+	 *
+	 * @return 返回一个布尔值.
+	 */
+	function isUpdsgbctzsj(bcType) {
+		var tag = false ;
+		if(bcType == obj.configuration.dataMap.bcTypeArr.bd ||
+		   bcType == obj.configuration.dataMap.bcTypeArr.out ||
+		   bcType == obj.configuration.dataMap.bcTypeArr.cf ||
+		   bcType == obj.configuration.dataMap.bcTypeArr.in_ ||
+		   bcType == obj.configuration.dataMap.bcTypeArr.lc)
+			tag = true;
+		return tag;
+	}
+	
+	/**
+	 * @description : (TODO) 判断当前班次是否为 早晚例保、吃饭班次.
+	 *
+	 * @return 返回一个布尔值.
+	 *
+	 * @status OK.
+	 */
+	function isdqbcDatalbfc(bcType) {
+		var tag = false ;
+		if(bcType == obj.configuration.dataMap.bcTypeArr.bd || 
+		   bcType == obj.configuration.dataMap.bcTypeArr.cf ||
+		   bcType == obj.configuration.dataMap.bcTypeArr.lc)
+			tag = true;
+		return tag;
+	}
+	
+	/**
+	 * @description : (TODO) get请求根据时刻表idqbcData获取时刻表信息详情.
+	 *
+	 * @param [id--时刻表id;cb--回调函数].
+	 *
+	 * @return cb 回调函数.
+	 **/
+	function skbIdToName(id,cb) {
+		$get('/tic_ec/' + parseInt(id) ,null, function(result){
+			return cb && cb(result.data.name);
+		});
+	}
+	
+	/**
+	 * @description : (TODO) get请求根据线路id获取线路信息详情.
+	 *
+	 * @param [id--线路id;cb--回调函数].
+	 *
+	 * @return cb 回调函数.
+	 **/
+	function xlIdToName(id,cb) {
+		$get('/line/' + id ,null, function(result){
+			cb && cb(result.name);
+		});
+	}
+	
+	/**
+	 * @description : (TODO) 初始化起终点站下拉框.
+	 *
+	 * @param [xlid--线路id;cb--回调函数].
+	 *
+	 * @stauts cb 回调函数.
+	 **/
+	function initZdSelect(xlid,cb) {
+		 // get请求根据线路id、站点类型获取该线路下的起终点(包括上下行).
+		 $get('/stationroute/all', {'line.id_eq':xlid,'stationMark_notLike':'Z'}, function(rs){
+			 // 定义下拉框option.
+			 var ticGroup = '<option value="">请选择...</option>';
+			 // 定义上行optgroup.
+			 var upGroup = '<optgroup label="上行">';
+			 // 定义下行optgroup.
+			 var downGroup = '<optgroup label="下行">';
+			 // 返回数据长度.
+			 var len = rs.length;
+			 // 如果长度大于零.
+			 if(len>0) {
+				 // 定义上下行的起终点站ID与名称.
+				 var upqdzId = '' , upqdzname = '' , upzdzId = '' , upzdzname = '' ,
+				 	 downqdzId = '' , downqdzname = '' ,  downzdzId = '' ,downzdzname = '';
+				 // 遍历.
+				 $.each(rs, function(r, s){
+					 // 定义站点类型.
+					 var zdType = '';
+					 // 判断方向.并赋予对应的optgroup.
+					 if(s.directions == 0) {
+						 // 判断站点类型.并赋予对应的字符值.
+						 if(s.stationMark == 'B' ) {
+							 zdType = '  (起点站)';
+							 upqdzId = upqdzId + s.station.id;
+							 upqdzname = upqdzname + s.station.stationName + zdType;
+						 }else if(s.stationMark == 'E' ) {
+							 zdType = '  (终点站)';
+							 upzdzId = upzdzId + s.station.id;
+							 upzdzname =  upzdzname + s.station.stationName + zdType;
+						 }
+						 upGroup += '<option value="'+ s.station.id + '">' + s.station.stationName + zdType + '</option>';
+					 }else if(s.directions==1) {
+						 // 判断站点类型.并赋予对应的字符值.
+						 if(s.stationMark == 'B' ) {
+							 zdType = '  (起点站)';
+							 downqdzId = downqdzId + s.station.id;
+							 downqdzname = downqdzname + s.station.stationName + zdType;
+						 }else if(s.stationMark == 'E' ) {
+							 zdType = '  (终点站)';
+							 downzdzId = downzdzId + s.station.id;
+							 downzdzname = downzdzname + s.station.stationName + zdType;
+						 }
+						 downGroup += '<option value="'+ s.station.id + '">' + s.station.stationName + zdType +'</option>';
+					 }
+					 lineDirStoEStation[0] = {'dir' :'relationshipGraph-up' ,'qdz' :upqdzId, 'zdz' : upzdzId,'qdzname':upqdzname,'zdzname':upzdzname};
+					 lineDirStoEStation[1] = {'dir' :'relationshipGraph-down', 'qdz' :downqdzId, 'zdz' :downzdzId,'qdzname':downqdzname,'zdzname':downzdzname};
+				 });
+			 }
+			 upGroup += '</optgroup>';
+			 downGroup += '</optgroup>';
+			 ticGroup = ticGroup + upGroup + downGroup;
+			 // 初始化起点站select2.
+			 $('#qdzInput').html(ticGroup).select2();
+			 // 初始化终点站select2.
+			 $('#zdzInput').html(ticGroup).select2();
+			 // 返回回调函数.
+			 return cb && cb();
+		});
+	}
+	/**
+	 * @description : (TODO) 设值表单字段值.
+	 *
+	 * @param [f--班次对象]
+	 *
+	 * @status OK.
+	**/
+	function setFormValue() {
+		 // 设值路牌名称.
+		 $('#lpInput').val(dqbcData.lpName);
+		 // 设值班次序号.
+		 $('#fcnoInput').val(dqbcData.fcno);
+		 // 设值方向.
+		 $('#xlDirInput').val(dqbcData.xlDir);
+		 // 设值发车时间.
+		 $('#fcsjInput').val(dqbcData.fcsj);
+		 // 设值班次序号.
+		 $('#bcsInput').val(dqbcData.bcs);
+		 // 计划里程.
+		 $('#jhlcInput').val(dqbcData.jhlc);
+		 // 设值班次历时.
+		 $('#bcsjInput').val(dqbcData.bcsj);
+		 // 设值班次类型.
+		 $('#bcTypeInput').val(dqbcData.bcType);
+		 // 设值备注。
+		 $('#bzInput').val(dqbcData.bz);
+		 // 设值是否分班.
+		 $('#isfbSelect').val(dqbcData.isfb);
+		 isDisabled(dqbcData.bcType);
+		 if(dqbcData.bcType == obj.configuration.dataMap.bcTypeArr.in_||
+			dqbcData.bcType == obj.configuration.dataMap.bcTypeArr.out) {
+			 $("#bcTypeInput").attr("disabled", true);
+			 $("#isfbSelect").attr("disabled", true);
+		 }
+			 
+	}
+	
+	/**
+	 * @description : (TODO) 根据班次类型是否把起终点设置为disabled.
+	 *
+	 * @params [bcType--班次类型]
+	 **/
+	function isDisabled(bcType) {
+		if(isdqbcDatalbfc(bcType)) {
+			$("#xlDirInput").attr("disabled", true); 
+			$("#qdzInput").prop("disabled", true);  
+			$("#zdzInput").prop("disabled", true); 
+			$("#fcsjInput").attr("disabled", true);
+			$("#bcTypeInput").attr("disabled", true);
+			$("#bcsjInput").attr("disabled", true);
+			$("#jhlcInput").attr("disabled", true);
+			$("#isfbSelect").attr("disabled", true);
+			/* $("#qdzInput").select2("val", '');
+			$("#zdzInput").select2("val", ''); */
+		 }else {
+			 $("#qdzInput").prop("disabled", false);  
+			 $("#zdzInput").prop("disabled", false); 
+		 }
+	}
+});
+</script>
 \ No newline at end of file
+<link type="text/css" href="/pages/base/timesmodel/js/ContextJS/css/context.standalone.css"  rel="stylesheet"/>
+<link type="text/css" href="/pages/base/timesmodel/css/d3.relationshipgraph.min.css"  rel="stylesheet"/>
+<link type="text/css" href="/pages/base/timesmodel/css/index.css"  rel="stylesheet"/>
+<!-- 片段标题 START -->
+<div class="page-head">
+	<div class="page-title">
+		<h1>时刻表明细模型</h1>
+	</div>
+</div>
+<!-- 片段标题 END -->
+
+<!-- 线路信息导航栏组件 START -->
+<ul class="page-breadcrumb breadcrumb">
+	<li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
+	<li><span class="active">运营计划管理</span> <i class="fa fa-circle"></i></li>
+	<li><span class="active">时刻表明细模型</span></li>
+</ul>
+<!-- 线路信息导航栏组件 END -->
+
+<!-- row 组件START -->
+<div class="row">
+	
+	<!-- col-md-12 组件START -->
+	<div class="col-md-12">
+		
+		<!-- portlet 组件START -->
+		<div class="portlet light porttlet-fit bordered">
+			
+			<!-- portlet-title组件START -->
+			<div class="portlet-title">
+				
+				<!-- caption 组件START  -->
+				<div class="caption">
+					 <i class="fa fa-database font-dark"></i>
+					 <span class="caption-subject font-dark sbold uppercase">时刻表明细模型</span>
+				</div>
+				<!-- caption 组件END -->
+				<div class="tools" style="margin-left: 20px;margin-top: -10px;">
+					<a href="" class="fullscreen" data-original-title="" title="" style="text-decoration: none;"> </a>
+				</div>
+				<!-- actions 组件START -->
+				<div class="actions">
+					<div class="btn-group btn-group-devided checkbtn" data-toggle="buttons">
+						<a class="btn btn-circle blue checkAdd" href="javascript:;" data-pjax><i class="fa fa-check"></i> 保存数据</a>
+					</div>
+					<div class="btn-group checkbtn">
+                        <a href="javascript:" class="btn red btn-outline btn-circle" data-toggle="dropdown" aria-expanded="false">
+                            <i class="fa fa-cog"></i>
+                            <span>系统工具</span>
+                            <i class="fa fa-angle-down"></i>
+                        </a>
+                        <ul class="dropdown-menu pull-right">
+                            <li>
+                                <a href="javascript:;" class="tool-action revoke">
+                                    <i class="fa fa-reply"></i>&nbsp;撤&nbsp;&nbsp;销
+                                </a>
+                            </li>
+                            <li>
+                                <a href="javascript:" class="tool-action recover">
+                                    <i class="fa fa-share"></i>&nbsp;恢&nbsp;&nbsp;复
+                                </a>
+                            </li>
+                            <li>
+                                <a href="javascript:" class="tool-action reladelete">
+                                    <i class="fa fa-close"></i>&nbsp;批量删除
+                                </a>
+                            </li>
+                            <li>
+                                <a href="javascript:" class="tool-action reladplus">
+                                    <i class="fa fa-plus"></i>&nbsp;添加班次
+                                </a>
+                            </li>
+                            <li>
+                                <a href="javascript:" class="tool-action addlp">
+                                    <i class="fa fa-plus"></i>&nbsp;添加路牌
+                                </a>
+                            </li>
+                            <li>
+                                <a href="javascript:" class="tool-action updownread">
+                                    <i class="fa fa-arrows-h"></i>&nbsp;均匀发车
+                                </a>
+                            </li>
+                            <li>
+                                <a href="javascript:" class="tool-action aboutread">
+                                    <i class="fa fa-arrows-v"></i>&nbsp;调整班次
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+				</div>
+				<!-- actions 组件END -->
+			</div>
+			<!-- portlet-title组件END -->
+			
+			<!-- portlet-body组件START -->
+			<div class="portlet-body">
+				<!-- ganttSvgContainer SVG组件START -->
+				<div class="ganttSvgContainer">
+					<div id="ganttSvg"></div>
+				</div>
+				<!-- ganttSvgContainer SVG组件END -->
+			</div>
+			<!-- portlet-body组件END -->
+		</div>
+		<!-- portlet 组件END -->
+	</div>
+	<!-- col-md-12 组件END -->
+</div>
+<!-- row 组件END -->
+<script src="/pages/base/timesmodel/js/ContextJS/js/context.js"></script>
+<script src="/pages/base/timesmodel/js/base-fun.js"></script>
+<script src="/pages/base/timesmodel/js/d3.relationshipgraph.js"></script>
+<script src="/pages/base/timesmodel/js/gantt.js"></script>
 \ No newline at end of file
+<!-- 片段标题 START -->
+<div class="page-head">
+	<div class="page-title">
+		<h1>时刻表制作模型</h1>
+	</div>
+</div>
+<!-- 片段标题 END -->
+
+<!-- 线路信息导航栏组件 START -->
+<ul class="page-breadcrumb breadcrumb">
+	<li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
+	<li><span class="active">运营计划管理</span> <i class="fa fa-circle"></i></li>
+	<li><span class="active">时刻表制作模型</span></li>
+</ul>
+<!-- 线路信息导航栏组件 END -->
+
+<!-- row 组件START -->
+<div class="row">
+	
+	<!-- col-md-12 组件START -->
+	<div class="col-md-12">
+		
+		<!-- portlet 组件START -->
+		<div class="portlet light porttlet-fit bordered">
+			
+			<!-- portlet-title组件START -->
+			<div class="portlet-title">
+				
+				<!-- caption 组件START  -->
+				<div class="caption">
+					 <i class="fa fa-database font-dark"></i>
+					 <span class="caption-subject font-dark sbold uppercase">时刻表制作模型</span>
+				</div>
+				
+				<!-- actions 组件START -->
+				<div class="actions">
+					<div class="btn-group btn-group-devided plusbtn" data-toggle="buttons">
+						<a class="btn btn-circle blue add-moble-args"  href="add.html?no=0" data-pjax><i class="fa fa-plus"></i> 添加模型</a>
+					</div>
+				</div>
+				<!-- actions 组件END -->
+			</div>
+			<!-- portlet-title组件END -->
+			
+			<!-- portlet-body组件START -->
+			<div class="portlet-body">
+				<!-- text-info 组件START -->
+				<div class="text-info" style="text-align: center;line-height: 200px;">
+					<i class="fa fa-info"></i> 请先添加时刻表模型参数！
+				</div>
+				<!-- text-info 组件END -->
+			</div>
+			<!-- portlet-body组件END -->
+		</div>
+		<!-- portlet 组件END -->
+	</div>
+	<!-- col-md-12 组件END -->
+</div>
+<!-- row 组件END -->
 \ No newline at end of file
+/**
+ * ContextJS Styles
+ * For use WITHOUT Twitters Bootstrap CSS
+ */
+
+.nav-header {
+	display: block;
+	padding: 3px 15px;
+	font-size: 11px;
+	font-weight: bold;
+	line-height: 20px;
+	color: #999;
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+	text-transform: uppercase;
+}
+.dropdown-menu {
+	position: absolute;
+	top: 100%;
+	left: 0;
+	/* z-index: 1000; */
+	z-index: 100000 !important;
+	display: none;
+	float: left;
+	min-width: 160px;
+	padding: 5px 0;
+	margin: 2px 0 0;
+	list-style: none;
+	background-color: #ffffff;
+	border: 1px solid #ccc;
+	border: 1px solid rgba(0, 0, 0, 0.2);
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-size: 14px;
+	*border-right-width: 2px;
+	*border-bottom-width: 2px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+	-webkit-background-clip: padding-box;
+	-moz-background-clip: padding;
+	background-clip: padding-box;
+	text-align:left;
+}
+.dropdown-menu.pull-right {
+	right: 0;
+	left: auto;
+}
+.dropdown-menu .divider {
+	*width: 100%;
+	height: 1px;
+	margin: 9px 1px;
+	*margin: -5px 0 5px;
+	overflow: hidden;
+	background-color: #e5e5e5;
+	border-bottom: 1px solid #ffffff;
+}
+.dropdown-menu a {
+	display: block;
+	padding: 3px 20px;
+	clear: both;
+	font-weight: normal;
+	line-height: 20px;
+	color: #333333;
+	white-space: nowrap;
+	text-decoration: none;
+}
+.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
+	color: #ffffff;
+	text-decoration: none;
+	background-color: #0088cc;
+	background-color: #0081c2;
+	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
+	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
+	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
+	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+	background-repeat: repeat-x;
+	filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+}
+.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
+	color: #ffffff;
+	text-decoration: none;
+	background-color: #0088cc;
+	background-color: #0081c2;
+	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
+	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
+	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
+	background-repeat: repeat-x;
+	outline: 0;
+	filter: progid
+	: dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+}
+.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
+	color: #999999;
+}
+.dropdown-menu .disabled > a:hover {
+	text-decoration: none;
+	cursor: default;
+	background-color: transparent;
+}
+.open {
+	*z-index: 1000;
+}
+.open > .dropdown-menu {
+	display: block;
+}
+.pull-right > .dropdown-menu {
+	right: 0;
+	left: auto;
+}
+.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
+	border-top: 0;
+	border-bottom: 4px solid #000000;
+	content: "\2191";
+}
+.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
+	top: auto;
+	bottom: 100%;
+	margin-bottom: 1px;
+}
+.dropdown-submenu {
+	position: relative;
+}
+.dropdown-submenu > .dropdown-menu {
+	top: 0;
+	left: 100%;
+	margin-top: -6px;
+	margin-left: -1px;
+	-webkit-border-radius: 0 6px 6px 6px;
+	-moz-border-radius: 0 6px 6px 6px;
+	border-radius: 0 6px 6px 6px;
+}
+.dropdown-submenu > .dropdown-menu.drop-left{
+	left:-100%;
+}
+.dropdown-submenu:hover .dropdown-menu {
+	display: block;
+}
+.dropdown-submenu > a:after {
+	display: block;
+	float: right;
+	width: 0;
+	height: 0;
+	margin-top: 5px;
+	margin-right: -10px;
+	border-color: transparent;
+	border-left-color: #cccccc;
+	border-style: solid;
+	border-width: 5px 0 5px 5px;
+	content: " ";
+}
+.dropdown-submenu:hover > a:after {
+	border-left-color: #ffffff;
+}
+.dropdown .dropdown-menu .nav-header {
+	padding-right: 20px;
+	padding-left: 20px;
+}
+/**
+ * 	Context Styles
+ */
+
+.dropdown-context .nav-header {
+	cursor: default;
+}
+.dropdown-context:before, .dropdown-context-up:before {
+	position: absolute;
+	top: -7px;
+	left: 9px;
+	display: inline-block;
+	border-right: 7px solid transparent;
+	border-bottom: 7px solid #ccc;
+	border-left: 7px solid transparent;
+	border-bottom-color: rgba(0, 0, 0, 0.2);
+	content: '';
+}
+.dropdown-context:after, .dropdown-context-up:after {
+	position: absolute;
+	top: -6px;
+	left: 10px;
+	display: inline-block;
+	border-right: 6px solid transparent;
+	border-bottom: 6px solid #ffffff;
+	border-left: 6px solid transparent;
+	content: '';
+}
+.dropdown-context-up:before, .dropdown-context-up:after {
+	top: auto;
+	bottom: -7px;
+	z-index: 9999;
+}
+.dropdown-context-up:before {
+	border-right: 7px solid transparent;
+	border-top: 7px solid #ccc;
+	border-bottom: none;
+	border-left: 7px solid transparent;
+}
+.dropdown-context-up:after {
+	border-right: 6px solid transparent;
+	border-top: 6px solid #ffffff;
+	border-left: 6px solid transparent;
+	border-bottom: none;
+}
+.dropdown-context-sub:before, .dropdown-context-sub:after {
+	display: none;
+}
+.dropdown-context .dropdown-submenu:hover .dropdown-menu {
+	display: none;
+}
+.dropdown-context .dropdown-submenu:hover > .dropdown-menu {
+	display: block;
+}
+
+.compressed-context a{
+	padding-left: 14px;
+	padding-top: 0;
+	padding-bottom: 0;
+	font-size: 13px;
+	}
+.compressed-context .divider{
+	margin: 5px 1px;
+	}
+.compressed-context .nav-header{
+	padding:1px 13px;
+	}
+ 
+a, a:visited{
+	color:#333
+	}
+::selection{
+	background:transparent;
+	}
+-moz-::selection{
+	background:transparent;
+	}
+h1, h2, h4{
+	font-family: 'Rokkitt', serif;
+	font-weight:100;
+	font-size:72px;
+	}
+	h1{
+		text-align:center;
+		}
+	h2{
+		font-size:36px;
+		margin-bottom:0;
+		}
+	h4{
+		font-size:30px;
+		text-align:center;
+		}
+	h4 a{
+		text-decoration:none;
+		}
+h3{
+	font-family: 'Rokkitt', serif;
+	margin-bottom: 0;
+	border-bottom: 1px solid #DDD;
+	-webkit-box-shadow: 0 1px 0 white;
+	-moz-box-shadow: 0 1px 0 white;
+	box-shadow: 0 1px 0 white;
+	margin-top: 20px;
+	}
+	#download{
+	    background: #fefefe;
+	    width: 500px;
+	    margin: 0 auto;
+	    padding: 20px;
+	    -webkit-border-radius: 5px;
+	    -moz-border-radius: 5px;
+	    border-radius: 5px;
+	    border: 1px solid rgba(0,0,0,0.2);
+		}
+		
+	.description{
+		text-align:left;
+		width:540px;
+		margin:0 auto;
+		padding:20px;
+	}
+	
+	pre{
+	    background: #333;
+	    overflow: auto;
+	    padding: 10px;
+	    color: #fefefe;
+	    text-shadow: 0 1px 2px #000;
+	    -webkit-box-shadow: 0 1px 0 #fff, 0 1px 2px #000 inset;
+	    -moz-box-shadow: 0 1px 0 #fff, 0 1px 2px #000 inset;
+	    box-shadow: 0 1px 0 #fff, 0 1px 2px #000 inset;
+		}
+		
+	.dropdown-menu{
+		text-shadow:none;
+	}
+	
+	
+	table{
+		font-size:12px;
+		border-collapse:collapse;
+		background:#fefefe;
+	    border: 1px solid rgba(0,0,0,0.2);
+	    font-family:monospace;
+	    }
+	    table th:last-child{
+		    width:175px;
+	    }
+	
+	table th, table td:last-child{
+		font-family:arial;
+	}
+	
+	.me-codesta{
+		display: block;
+		margin: 0 auto;
+		}
+		
+	.amp{
+		font-family:Baskerville,'Goudy Bookletter 1911',Palatino,'Book Antiqua',serif;
+		font-style:italic;
+	}
+	.finale{
+		position:relative;
+		height:150px;
+	}
+	.finale h1{
+		position:absolute;
+		width:100%;
+		-webkit-transition: opacity 0.2s linear; 
+		-moz-transition: opacity 0.2s linear; 
+		-o-transition: opacity 0.2s linear; 
+         transition: opacity 0.2s linear; 
+         }
+         .finale .toggle{
+	         opacity:0;
+	         }
+	         
+	#donate{
+		display:none;
+	}
+	.thanks{
+		width:500px;
+		margin:30px auto;
+	}
+	a#download{
+		display:block;
+		text-decoration:none;
+	}
+/* 
+ * @description (TODO) Context.js 右键菜单栏轻量级修订版.
+ * 
+ *  》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》
+ *  http://lab.jakiestfu.com/contextjs/  API说明文档.
+ * 	《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《
+ * 
+ */
+
+var context = context || (function () {
+    
+	// 标记是否在创建右键菜单栏.作用与rect元素的拖炸事件.
+	var isContext = false;
+	
+	// 设置插件的配置参数信息.
+	var options = {
+		fadeSpeed: 100,// 上下文菜单淡入的速度（以毫秒为单位）
+		filter: function ($obj) {
+			// 每个完成的列表元素将通过以进行额外修改的功能。
+		},
+		above: 'auto',// 如果设置为“自动”，如果下面没有足够的空间，菜单将显示为“下拉”。设置为true将使菜单默认为“弹出”。
+		preventDoubleContext: true,// 如果设置为true，则基于浏览器的上下文菜单将无法在contextjs菜单上使用。
+		compress: false // 如果设置为true，则上下文菜单将具有较少的填充，使它们（希望）更不引人注目
+	};
+	
+	/**
+	 * @description : (TODO) 初始化
+	 * 
+	 * @param [opts--配置参数]
+	 * */
+	function initialize(opts) {
+		// 修改options配置参数.
+		options = $.extend({}, options, opts);
+		// 监听htmlclick事件.
+		$(document).on('click', 'html', function () {
+			// 使用淡出效果来隐藏一个菜单栏.
+			$('.dropdown-context').fadeOut(options.fadeSpeed, function(){
+				$('.dropdown-context').css({display:''}).find('.drop-left').removeClass('drop-left');
+				d3.selectAll('.selected').classed({'selected':false});
+				setisContext(false);
+			});
+		});
+		// 判断.如果设置为true，则基于浏览器的上下文菜单将无法在contextjs菜单上使用。
+		if(options.preventDoubleContext){
+			$(document).on('contextmenu', '.dropdown-context', function (e) {
+				e.preventDefault();
+			});
+		}
+		// 当鼠标指针进入（穿过）元素时.
+		$(document).on('mouseenter', '.dropdown-submenu', function(){
+			var $sub = $(this).find('.dropdown-context-sub:first'),
+				subWidth = $sub.width(),
+				subLeft = $sub.offset().left,
+				collision = (subWidth+subLeft) > window.innerWidth;
+			if(collision){
+				$sub.addClass('drop-left');
+			}
+		});
+		
+	}
+	
+	/**
+	 * @description : (TODO) 更新配置参数.
+	 * 
+	 * @status OK.
+	 * */
+	function updateOptions(opts){
+		// 重新赋值options.
+		options = $.extend({}, options, opts);
+	}
+	
+	/**
+	 * @description : (TODO) 创建加载菜单栏.
+	 * 
+	 * @param [data--菜单栏内容;id--菜单栏父容器ID值;subMenu--menu字符串值]
+	 * 
+	 * @returns 返回菜单栏元素对象.
+	 * */
+	function buildMenu(data, id, subMenu) {
+		// 判断subMenu是否为空或者undefined,如果为空则默认赋值一个空字符串.否则使用本身.
+		var subClass = (subMenu) ? ' dropdown-context-sub' : '',
+			compressed = options.compress ? ' compressed-context' : '',// 如果设置为true，则上下文菜单将具有较少的填充，使它们（希望）更不引人注目.
+			$menu = $('<ul class="dropdown-menu dropdown-context' + subClass + compressed+'" id="dropdown-' + id + '"></ul>');// 获取菜单栏元素对象.
+        var i = 0, linkTarget = '';
+        for(i; i<data.length; i++) {
+        	// 是否使用分割线.
+        	if (typeof data[i].divider !== 'undefined') {
+				$menu.append('<li class="divider"></li>');
+			// 是否有标题.
+			} else if (typeof data[i].header !== 'undefined') {
+				$menu.append('<li class="nav-header">' + data[i].header + '</li>');
+			} else {
+				// 是否有超链接的URL.
+				if (typeof data[i].href == 'undefined') {
+					data[i].href = '#';
+				}
+				// 是否打开新标签页.
+				if (typeof data[i].target !== 'undefined') {
+					linkTarget = ' target="'+data[i].target+'"';
+				}
+				// 是否有子菜单.
+				if (typeof data[i].subMenu !== 'undefined') {
+					$sub = ('<li class="dropdown-submenu"><a tabindex="-1" href="' + data[i].href + '">' + data[i].text + '</a></li>');
+				} else {
+					$sub = $('<li><a tabindex="-1" href="' + data[i].href + '"'+linkTarget+'>' + data[i].text + '</a></li>');
+				}
+				// 是否有自定义的action方法.如果有则给该a标签元素监听click事件.
+				if (typeof data[i].action !== 'undefined') {
+					var actiond = new Date(),
+						actionID = 'event-' + actiond.getTime() * Math.floor(Math.random()*100000),
+						eventAction = data[i].action;
+					$sub.find('a').attr('id', actionID);
+					$('#' + actionID).addClass('context-event');
+					$(document).on('click', '#' + actionID, eventAction);
+				}
+				// 添加元素,做为当前元素的子元素.
+				$menu.append($sub);
+				// 追加子菜单.
+				if (typeof data[i].subMenu != 'undefined') {
+					var subMenuData = buildMenu(data[i].subMenu, id, true);
+					$menu.find('li:last').append(subMenuData);
+				}
+			}
+        	// 每个完成的列表元素将通过以进行额外修改的功能。
+			if (typeof options.filter == 'function') {
+				options.filter($menu.find('li:last'));
+			}
+		}
+		return $menu;
+	}
+	
+	/**
+	 * @description : (TODO) 鼠标右键rect元素创建菜单栏.
+	 * 
+	 * @param [selector--右键创建菜单栏元素;data--菜单栏内容]
+	 * 
+	 * @status OK.
+	 * */
+	function addContext(selector, data) {
+		// 获取时间的毫秒数来作为唯一ID.
+		var d = new Date(),
+			id = d.getTime(),
+			$menu = buildMenu(data, id);
+		// 添加右键菜单HTML内容.
+		$('.ganttSvgContainer').append($menu);
+		/**
+		 * @description : (TODO) 监听contextmenu事件.
+		 * 
+		 * @status OK. 
+		 * */
+		$(document).on('contextmenu', selector, function (e) {
+			// 获取右键rect元素的数据属性.
+			var $dt = d3.select(this).data()[0];
+			// 判断.如果右键点击的是统计值的rect元素,则结束.否则继续往下执行.
+			if($dt.bcType=='tjz')
+				return;
+			setisContext(true);
+			// 去除除本次鼠标右键点击选择的rect元素之外的 所有鼠标右键点击过的rect元素.
+			d3.selectAll('.selected').classed({'selected':false});
+			// 给当前rect元素添加标记选择.
+			d3.select(this).classed({'selected':true});
+			// 阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交;点击a标记的URL时阻止打开链接等等.).
+			e.preventDefault();
+			// 阻止事件冒泡.不再派发事件.阻止把事件分派到其他节点。
+			e.stopPropagation();
+			// 隐藏元素.
+			$('.dropdown-context:not(.dropdown-context-sub)').hide();
+			// 选择元素.
+			$dd = $('#dropdown-' + id);
+			// 判断. 根据插件配置的参数值.设置为true将使菜单默认为“弹出”。
+			if (typeof options.above == 'boolean' && options.above) {
+				$dd.addClass('dropdown-context-up').css({
+					top: e.pageY - 20 - $('#dropdown-' + id).height(),
+					left: e.pageX - 13
+				}).fadeIn(options.fadeSpeed);
+			// 如果设置为“自动”，如果下面没有足够的空间，菜单将显示为“下拉”。
+			} else if (typeof options.above == 'string' && options.above == 'auto') {
+				// 删除样式.
+				$dd.removeClass('dropdown-context-up');
+				// 计算高度.
+				var autoH = $dd.height() + 12;
+				// 计算宽度.
+				var autoW = $dd.width() + 12;
+				// 获取元素.
+				var container = $('.ganttSvgContainer'), scrollTo = $(this);
+				// 修改元素的位置属性值.
+				$dd.css({
+					top: e.offsetY + 10,
+					left: e.offsetX - 13
+				}).fadeIn(options.fadeSpeed);
+				// 判断.如果鼠标指针的位置(相对于文档的左边缘)的Y + 右键菜单栏高度 大于  了svg父容器的高度,则移动浏览器垂直滚动条位置.
+				if ((e.pageY + autoH) > $('.ganttSvgContainer').height()) {
+					container.animate({ scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()});
+				}
+				// 判断.如果鼠标指针的位置(相对于文档的左边缘)的X + 右键菜单栏宽度 大于了最大宽度 ,则移动浏览器水平滚动条位置.
+				if ((e.pageX + autoW) > 1529) {
+					container.animate({scrollLeft: e.offsetX + autoW - $('.ganttSvgContainer').width() + 20});
+				}
+				// 判断.如果鼠标指针的位置(相对于文档的左边缘)的X 小于了最小宽度 ,则移动浏览器水平滚动条位置.
+				if (e.pageX < 300) {
+					container.animate({ scrollLeft: e.offsetX - 20});
+				}
+			}
+		});
+	}
+	
+	/**
+	 * @description : (TODO) 销毁右键菜单栏.
+	 * 
+	 * @status OK.
+	 * */
+	function destroyContext(selector) {
+		$(document).off('contextmenu', selector).off('click', '.context-event');
+	}
+	
+	function setisContext(boolean) {
+		isContext = boolean;
+	}
+	
+	function getisContext() {
+		return isContext;
+	}
+	
+	// 返回context对象.
+	return {
+		init: initialize,
+		settings: updateOptions,
+		attach: addContext,
+		destroy: destroyContext,
+		getisContext:getisContext,
+		setisContext:setisContext
+	};
+})();
 \ No newline at end of file
+(function(){
+	// 关闭左侧栏
+	if (!$('body').hasClass('page-sidebar-closed')) {
+		$('.menu-toggler.sidebar-toggler').click();
+	}
+	setTimeout(function(){
+		SKBFormWizard.init();
+		// 获取参数ID
+		var skbId = parseInt($.url().param('no'));
+		$get('/tic_ec/all', null, function(rs){
+			var ticGroup = '<option value="">请选择...</option><optgroup label="时刻表名称">';
+			if(rs.status =='SUCCESS') {
+				$.each(rs.data, function(r, s){
+					ticGroup += '<option value="'+ s.id + '">' + s.name+'</option>';
+				});
+				ticGroup += '</optgroup>';
+			}
+			$('#skbNameSelect').html(ticGroup).select2().on('change', setLineValue);
+			if(skbId>0)
+				$("#skbNameSelect").select2("val", skbId);
+		});
+		function setLineValue() {
+			if( skbId == parseInt($("#skbNameSelect").val()))
+				return;
+			if($('#skbNameSelect').val() == '') {
+				 $("#lineSelect").select2("val", '');
+			}else {
+				 skbId = parseInt($("#skbNameSelect").val());
+				 setLine();
+			 }
+		}
+		// 填充公司下拉框选择值
+		$get('/line/all', null, function(array){
+			var opGroup = '<option value="">请选择...</option><optgroup label="线路">';
+			var len_ = array.length;
+			if(len_>0) {
+				$.each(array, function(i, g){
+					opGroup += '<option value="'+ g.id + '_' + g.lineCode +  '_' + g.name + '">'+g.name+'</option>';
+				});
+			}
+			opGroup += '</optgroup>';
+			$('#lineSelect').html(opGroup).select2();
+			// $("#lineSelect").prop("disabled", true);
+			if(skbId>0)
+				setLine();
+		});
+		function setLine(){
+			$get('/tic_ec/' + skbId ,null, function(d){
+				if(d.status=='SUCCESS') {
+					$("#lineSelect").select2("val", d.data.xl.id + '_' + d.data.xl.lineCode + '_' + d.data.xl.name);
+				}
+			});
+		}
+		// 提交
+		$('.button-submit').on('click',function() {
+			// 获取表单
+			var formSubm = $('#submit_argus_form');
+			formSubm.submit();
+		});
+	}, 50);
+})();
 \ No newline at end of file
+
+/**
+ * 表单的导航向导、验证、提交
+ * 
+ */
+
+var SKBFormWizard = function() {
+	var getLineInfo = function(lineId,cb) {
+		// 根据线路标准ID查询详情
+		$get('/lineInformation',{'line.id_eq':lineId},function(result) {
+			return cb && cb(result);
+		});
+	}
+	var gettccInfo = function (cb) {
+		$get('/carpark/all',null, function(cd){
+			return cb && cb(cd);
+		});
+	}
+	
+	var getDateTime = function(time) {
+		var dateTime = new Date();
+		if(time !=null && time !='' && typeof(time) !='undefined') {
+			dateTime = new Date(Date.parse(time.replace(/-/g, "/")));
+		}
+		return dateTime;
+	}
+	
+	
+	function getsjdArr(map) {
+		var seMap = getStartAndEndDate(map);
+		return [{'num':0,'time':seMap.s + '-' + map.earlyStartTime},
+		        {'num':0,'time':map.earlyStartTime + '-' + map.earlyEndTime},
+		        {'num':0,'time':map.earlyEndTime + '-' + map.lateStartTime},
+		        {'num':0,'time':map.lateStartTime + '-' + map.lateEndTime},
+		        {'num':0,'time':map.lateEndTime + '-' + seMap.e}];
+	}
+	
+	function getStartAndEndDate(map) {
+		return {'s':getMinDate(map.line.startStationFirstTime,map.line.endStationFirstTime),
+				'e':getMaxDate(map.line.startStationEndTime,map.line.endStationEndTime)}
+	}
+	
+	function getMinDate(d1,d2) {
+		var str = '';
+		if(strToTime(d1)>strToTime(d2))
+			str = d2;
+		else
+			str = d1;
+		return str;
+	}
+	
+	function strToTime(t) {
+		var d = new Date();
+		if(t) {
+			var _str = t.split(':');
+			d.setHours(parseInt(_str[0]));
+			d.setMinutes(parseInt(_str[1]));
+		}
+		return d;
+	}
+	
+	function getMaxDate(d1,d2) {
+		var str = '';
+		if(strToTime(d1)>strToTime(d2))
+			str = d1;
+		else
+			str = d2;
+		return str;
+	}
+	
+	function issjd(st,ed,sj) {
+		var tag = false;
+		if(sj<=ed  && sj>=st)
+			tag = true;
+		return tag;
+	}
+	
+	var getHtmlTemp = function(n,map,lineId,krl,cb) {
+		var zzsj =  parseInt(map.upTravelTime) + 10*2 + parseInt(map.downTravelTime);
+		var tempName = '';
+		var date = new Date(),
+			rq = date.getFullYear() + '-' + (date.getMonth()+1) + '-' + (date.getDate()-3);
+		var startDateTime = rq + ' ' + '00:00';
+		var endDateTime  =  rq  + ' ' + '23:59';
+		var params = {'xlid':'10773','startDateTime':startDateTime,'endDateTime':endDateTime,'zzsj':zzsj};
+		if(n==0) {
+			tempName = 'carnum_temp';
+    	}else if(n==1) {
+    		tempName = 'bctype_temp';
+    	} 
+		$.get('/pages/base/timesmodel/tepms/'+ tempName + '.html', function(html){
+			$('#tab3').append(html);
+			map.lb = 15;
+			map.workeLunch = 20;
+			map.workeDinner = 20;
+			map.mixstopTime = 3;
+			map.maxstopTime = 20;
+			map.stopTime = 10;
+			if(n==0) {
+				getJSONP("http://139.196.13.237:8080/bsth-busfareflow-gj/Crlcxb/selectsjbctgl.do",params,function(json){ 
+					console.log(json);
+					var sjdArr = getsjdArr(map),krlInt = parseInt(krl);
+					for(var s = 0 ; s<sjdArr.length;s++) {
+						var strA = sjdArr[s].time.split('-');
+						var st = getDateTime(rq + ' '  + strA[0]),et = getDateTime(rq + ' '  + strA[1]),num = 0;
+						for(var j = 0 ; j < json.length; j ++) {
+							var dqsj = getDateTime(json[j].sj);
+							if(issjd(st,et,dqsj)) {
+								num = num + Math.ceil(parseInt(json[j].tgl)/krlInt);
+							}
+						}
+						sjdArr[s].num = num;
+					}
+					/*map.zgfbeforepcs = sjdArr[0].num; 
+					map.zgfpcs = sjdArr[1].num;
+					map.gfzjpcs = sjdArr[2].num;
+					map.wgfpcs = sjdArr[3].num;
+					map.wgfafterpcs = sjdArr[4].num;*/
+					map.zgfbeforepcs = 3; 
+					map.zgfpcs = 10;
+					map.gfzjpcs = 8;
+					map.wgfpcs = 10;
+					map.wgfafterpcs = 5;
+					
+					return cb && cb ({'forminput':template(tempName,{map:map}),'datadisplay': template(tempName +'config',{map:null})});
+				}); 
+			}else if(n==1) {
+				return cb && cb ({'forminput':template(tempName,{map:map}),'datadisplay': template(tempName +'config',{map:null})});
+			}
+		});
+	}
+	var getCarNumber = function (param,cb) {
+		$post('url',param,function(data) {
+			return cb && cb(data);
+		})
+	}
+	return {
+		// 启动初始化向导导航
+		init : function() {
+			if(!jQuery().bootstrapWizard) {return;}
+			var form = $('#submit_argus_form');// 表单
+			var error = $('.alert-danger',form);// 表单异常
+			var success = $('.alert-success',form);// 表单成功
+			/** 表单验证 */
+			form.validate({
+				errorElement : 'span',// 错误提示元素span对象
+				errorClass : 'help-block help-block-error',// 错误提示元素class名称 
+				focusInvalid : true,// 验证错误获取焦点 
+				/** 需要验证的表单元素 */
+				rules : {
+					'skbName' : {required : true,},// 时刻表名称,必填项.
+					'lineName' : {required : true,},// 线路名称,必填项.
+					'krl' : {isBaseRes : true,number : true,digits : true,},// 客容量,当选择为客流方式时必填项、整数
+					'startStationFirstTime' : {required : true}, // 起始站首班时间,必填项. 
+					'startStationEndTime' : {required : true}, // 起始站末班时间 ,必填项. 
+					'endStationFirstTime' : {required : true}, // 终点站首班时间 ,必填项. 
+					'endStationFirstTime' : {required : true}, // 终点站末班时间 ,必填项. 
+					'endStationEndTime' : {required : true}, // 终点站末班时间,必填项.
+					'earlyStartTime' : {required : true},// 早高峰开始时间,必填项 .
+					'earlyEndTime' : {required : true},// 早高峰结束时间,必填项 .
+					'lateStartTime' : {required : true},// 晚高峰开始时间,必填项 .
+					'lateEndTime' : {required : true},// 晚高峰结束时间,必填项.
+					'zgfbeforepcs' : {required : true,number : true,digits : true},// 早高峰前车辆数,必填项、必须为整数.
+					'zgfpcs' : {required : true,number : true,digits : true},// 早高峰车辆数,必填项、必须为整数.
+					'wgfafterpcs' : {required : true,number : true,digits : true},// 晚高峰后车俩数,必填项、必须为整数.
+					'wgfpcs' : {required : true,number : true,digits : true},// 晚高峰车俩数,必填项、必须为整数.
+					'gfzjpcs' : {required : true,number : true,digits : true},// 高峰中间车辆数,必填项、必须为整数.
+					'upTravelTime' : {required : true,number : true},// 上行行驶时间,必填项、必须为整数.
+					'downTravelTime' : {required : true,number : true},// 下行行驶时间,必填项、必须为整数.
+					'upMileage' : {required : true,number : true},// 上行行驶里程,必填项、必须为整数.
+					'downMileage' : {required : true,number : true},// 下行行驶里程,必填项、必须为整数.
+					'stopTime' : {required : true,number : true,digits : true},// 停站间隙,必填项、必须为整数.
+					'maxstopTime' : {required : true,number : true,digits : true},// 最大停站间隙,必填项、必须为整数.
+					'mixstopTime' : {required : true,number : true,digits : true},// 最小停站间隙,必填项、必须为整数.
+					'earlyUpTime' : {number : true},// 早高峰上行时间,必须为数字.
+					'earlyDownTime' : {number : true},// 早高峰下行时间,必须为数字.
+					'lateUpTime' : {number : true},// 晚高峰上行时间,必须为数字.
+					'lateDownTime' : {number : true},// 晚高峰下行时间,必须为数字.
+					'troughUpTime' : {number : true},// 低谷上行时间,必须为数字.
+					'troughDownTime' : {number : true},// 低谷下行时间,必须为数字.
+					'qjUpTime' : {number : true},// 区间上行时间,必须为数字.
+					'qjDownTime' : {number : true},// 区间下行时间,必须为数字.
+					'kfsj' : {number : true,digits : true},// 空放行驶时间,必须为数字.
+					'workeLunch' : {number : true},// 工作餐午餐时间,必须为数字.
+					'workeDinner' : {number : true},// 工作餐晚餐时间,必须为数字.
+					'upInTimer' : {number : true},// 上行进场时间,必须为数字.
+					'upOutTimer' : {number : true},// 上行出场时间,必须为数字.
+					'downInTimer' : {number : true},// 下行进场时间,必须为数字.
+					'downOutTimer' : {number : true},// 下行出场时间,必须为数字.
+					'upInMileage' : {number : true},// 上行进场里程,必须为数字.
+					'upOutMileage' : {number : true},// 上行出场里程,必须为数字.
+					'downInMileage' : {number : true},// 下行进场里程,必须为数字.
+					'downOutMileage' : {number : true},// 下行出场里程,必须为数字.
+					'lb' : {number : true},// 早晚例行保养,必须为数字.
+					'clzs':{required : true,number : true,digits : true},// 车辆总数,必填项、必须为整数.
+					'bxrc' : {required : true},// 早晚例行保养,必须为数字.
+				},
+				
+				/**
+				 * 类型：Callback。当未通过验证的表单提交时，可以在该回调函数中处理一些事情。
+				 * 
+				 * 参数：该回调函数有两个参数：第一个为一个事件对象，第二个为验证器（validator）
+				 */
+				invalidHandler : function(event, validator) {
+					error.show();// 显示表单未通过提示信息
+					App.scrollTo(error, -200);// 把提示信息放到指定的位置。
+				},
+				
+				/**
+				 * 类型：Callback。
+				 * 
+				 * 默认：添加errorClass("has-error")到表单元素。将未通过验证的表单元素设置高亮。
+				 */
+				highlight : function(element) { 
+					$(element).closest('.form-group').addClass('has-error');// 添加errorClass("has-error")到表单元素 
+				},
+				
+				/**
+				 * 类型：Callback。
+				 * 
+				 * 默认：移除errorClass("has-error")。与highlight操作相反
+				 */
+				unhighlight : function(element) { 
+					$(element).closest('.form-group').removeClass('has-error');// 移除errorClass("has-error")
+				},
+				
+				/**
+				 * 类型：String,Callback。
+				 * 
+				 * 如果指定它，当验证通过时显示一个消息。
+				 * 
+				 * 如果是String类型的，则添加该样式到标签中；
+				 * 
+				 * 如果是一个回调函数，则将标签作为其唯一的参数。
+				 */
+				success : function(label) {
+					label.closest('.form-group').removeClass('has-error');// 当验证通过时,移除errorClass("has-error") 
+				},
+				
+				/**
+				 * 类型：Callback。
+				 * 
+				 * 默认：default (native) form submit;当表单通过验证，提交表单。回调函数有个默认参数form
+				 */
+				submitHandler : function(f) {
+					var storage = window.localStorage;
+					var argus = form.serializeJSON();
+					$get('/stationroute/all',{'line.id_eq':argus.lineName.split('_')[0]},function(result) {
+						if(result) {
+							var upB ='',upE='',downB='',downE='';
+							for(var r = 0 ; r<result.length;r++) {
+								if(result[r].directions==0 && result[r].stationMark =='B')
+									upB = result[r].station.id;
+								if(result[r].directions==0 && result[r].stationMark =='E')
+									upE = result[r].station.id;
+								if(result[r].directions==1 && result[r].stationMark =='B')
+									downB = result[r].station.id;
+								if(result[r].directions==1 && result[r].stationMark =='E')
+									downE = result[r].station.id;
+							}
+							argus.up_s = upB + '_' + upE;
+							argus.down_s = downB + '_' + downE;
+							$get('/carpark/all',{'parkCode_eq':argus.tcc},function(cp) {
+								var tcc_id = '';
+								if(cp) {
+									tcc_id = cp[0].id;
+								}
+								argus.tcc_id = tcc_id;
+								argus.skbmc = $('#skbNameSelect').select2('data')[0].text;
+								argus.xlmc = $('#lineSelect').select2('data')[0].text;
+								$get('/tidc/all',{'ttinfo.id_eq':parseInt(argus.skbName)},function(data) {
+									if(data.status=='SUCCESS' && data.data.length>0) {
+										argus.istidc = 1;
+										layer.confirm('系统已存在该时刻表【'+ 
+												  $("#skbNameSelect").select2("data")[0].text +
+												  '】明细,是否使用已有数据渲染模型？', {
+										  btn: ['确定并使用','取消并继续'] //按钮
+										}, function(){
+											layer.closeAll();
+											submit(JSON.stringify(gsData(data.data)),argus);
+										}, function(){
+											submit(null,argus);
+										});
+									}else {
+										argus.istidc = 0;
+										submit(null,argus);
+									}
+								});
+							});
+						}else {
+							layer.msg('系统不存在该线路的上、下行起终点站！');
+						}
+					});
+					function submit(p,argus) {
+						storage.setItem("Gantt_AgursData",JSON.stringify(argus));
+						storage.setItem('isDoDate',p);
+						loadPage('gantt.html');
+					}
+				}
+			});
+			function gsData(d) {
+				var resultD = new Array();
+				for(var i =0;i<d.length;i++) {
+					var obj = {};
+					var ddsj = getddsj(d[i].fcsj,d[i].bcsj);
+					obj.bcType = d[i].bcType;//班次类型
+					obj.bcs = d[i].bcs;// 班次数
+					obj.bcsj = d[i].bcsj;// 班次时间
+					obj.fcno = d[i].fcno;// 发车序号
+					obj.fcsj = d[i].fcsj;//发车时间
+					obj.ARRIVALTIME = ddsj//到达时间
+					obj.jhlc = d[i].jhlc;//计划里程
+					obj.lp = d[i].lp==null ? null : d[i].lp.id;//路牌id
+					obj.lpType = d[i].lp==null ? null : d[i].lp.lpType;//路牌类型
+					obj.parent = d[i].lp.lpName;// 路牌名称
+					obj.lpNo = d[i].lp.lpNo;//路牌编码
+					obj.tcc = d[i].tcc==null ? null : d[i].tcc.id;//停车场id
+					obj.ttinfo = d[i].ttinfo==null ? null : d[i].ttinfo.id;//时刻表id
+					obj.xl = d[i].xl==null ? null : d[i].xl.id;//线路id
+					obj.xlDir = dmToDh(d[i].xlDir);// 方向【0：relationshipGraph-up 上行；1：relationshipGraph-down 下行】
+					obj.qdz = d[i].qdz==null ? null : d[i].qdz.id;// 起点站id
+					obj.zdz = d[i].zdz==null ? null : d[i].zdz.id;//终点站id
+					obj.isfb = isfbTodm(d[i].isFB);//是否分班【0:false；1:true】
+					obj.isSwitchXl = isSwitchXlTodm(d[i].isSwitchXl);// 是否切换线路【0:false；1:true】
+					obj.STOPTIME = gettzsj(d[i],d,ddsj);
+					resultD.push(obj);
+				}
+				console.log(resultD);
+				return resultD;
+			}
+			function gettzsj(o,d,sj) {
+				var tzsj = 0;
+				for(var i = 0 ;i<d.length;i++) {
+					if(o.lp.lpNo == d[i].lp.lpNo && o.lp.id == d[i].lp.id) {
+						if(d[i].fcno - o.fcno ==1){
+							tzsj = (strToTime(d[i].fcsj) -strToTime(sj)) / 60000; 
+							continue;
+						}
+							
+					}
+				}
+				return tzsj;
+			}
+			
+			function isSwitchXlTodm(d) {
+				var rstr = 0;
+				if(d)
+					rstr = 1;
+				return rstr;
+			}
+			
+			function isfbTodm(b) {
+				var rstr = 0;
+				if(b)
+					rstr = 1;
+				return rstr;
+			}
+			
+			function getddsj(tStr,bcsj) {
+				var rt = '';
+				var date = new Date();
+				var _str = tStr.split(':');
+				date.setHours(parseInt(_str[0]));
+				date.setMinutes(parseInt(_str[1]) + bcsj);
+				return getTimeStr(date);
+			}
+			
+			var strToTime = function(t) {
+				var d = new Date;
+				if(t) {
+					var _str = t.split(':');
+					d.setHours(parseInt(_str[0]));
+					d.setMinutes(parseInt(_str[1]));
+				}
+				return d;
+			}
+			
+			function getTimeStr(t) {
+				var _str = '';
+				if(t) {
+					_str = ((t.getHours()<10? '0' + t.getHours() : t.getHours()) == '00' ? '24' :(t.getHours()<10? '0' + t.getHours() : t.getHours()))
+					  		+':' 
+					  		+(t.getMinutes()<10? '0' + t.getMinutes() : t.getMinutes());
+				}
+				return _str;
+			}
+			
+			function dmToDh(t) {
+				var reslStr = '';
+				if(t=='0')
+					reslStr = 'relationshipGraph-up';
+				else if(t=='1')
+					reslStr = 'relationshipGraph-down';
+				return reslStr; 
+			}
+			
+			$.validator.addMethod("isBaseRes", function(value,element) {
+				var tag = true;
+				var baseChecked =  $('#submit_argus_form input[name="baseRes"]:checked').val();
+				if(baseChecked == '0' && $('#krlInput').val()== '')
+					tag = false;
+				return tag; 
+			}, '客流大数据分析,客流总量为必填项！');
+			
+			$('input:radio[name="baseRes"]').on('change',function(v) {
+				if($(this).val()=='1')
+					$('#krlGroup').hide();
+				else if($(this).val()=='0')
+					$('#krlGroup').show();
+			});
+			
+			// 确认提交信息
+			var displayConfirm = function() {
+				// 遍历表单元素下的tab4的class名称为form-control-static
+                $('#tab4 .form-control-static', form).each(function(){
+                    var input = $('[name="'+$(this).attr("data-display")+'"]', form);//　定义input
+                    if (input.is(":radio")) {
+                        input = $('[name="'+$(this).attr("data-display")+'"]:checked', form);
+                    }
+                    if (input.is(":text") || input.is("textarea")) {
+                        $(this).html(input.val());
+                    } else if (input.is("select")) {
+                        $(this).html(input.find('option:selected').text());
+                    } else if (input.is(":radio") && input.is(":checked")) {
+                        $(this).html(input.attr("data-title"));
+                    } else if ($(this).attr("data-display") == 'payment[]') {
+                        var payment = [];
+                        $('[name="payment[]"]:checked', form).each(function(){
+                            payment.push($(this).attr('data-title'));
+                        });
+                        $(this).html(payment.join("<br>"));
+                    }
+                });
+            }
+			
+			/** 按钮点击时触发 */
+			var handleTitle = function(tab, navigation, index) {
+                var total = navigation.find('li').length;// 定义导航条标签个数
+                var current = index + 1;// 当前标签页
+                $('.step-title', $('#form-wizard-info')).text((index + 1) + ' - ' + total); // 设置向导标题
+                jQuery('li', $('#form-wizard-info')).removeClass("done"); // 删除"done"样式
+                var li_list = navigation.find('li');// 获取导航标签元素集合
+                for (var i = 0; i < index; i++) {
+                    jQuery(li_list[i]).addClass("done");// 追加done样式
+                }
+                /** 如果为第一步隐藏返回按钮,否则显示返回按钮. */
+                if (current == 1) {
+                    $('#submit_argus_form').find('.button-previous').hide();// 隐藏返回按钮
+                } else {
+                    $('#submit_argus_form').find('.button-previous').show();// 显示返回按钮
+                }
+                
+                /** 如果为最后一步显示提交按钮，隐藏下一步按钮,否则隐藏提交按钮，显示下一步按钮 */
+                if (current >= total) {
+                    $('#submit_argus_form').find('.button-next').hide();// 隐藏下一步按钮
+                    $('#submit_argus_form').find('.button-submit').show();// 显示提交按钮
+                    displayConfirm(); // 确认提交信息
+                } else {
+                    $('#submit_argus_form').find('.button-next').show();// 显示下一步按钮
+                    $('#submit_argus_form').find('.button-submit').hide();// 隐藏提交按钮
+                }
+                App.scrollTo($('.page-title'));// 移动到指定位置
+            }
+			
+			// 表单导航向导插件
+			$('#submit_argus_form').bootstrapWizard({
+				'nextSelector': '.button-next',// 下一步元素选择器
+                'previousSelector': '.button-previous',// 返回元素选择器
+                /** 当一个导航标签被点击,返回错误的移动到该选项卡，并显示它的内容. */
+                onTabClick: function (tab, navigation, index, clickedIndex) {
+                	return false;
+                    success.hide();
+                    error.hide();
+                    if (form.valid() == false) {
+                        return false;
+                    }
+                    handleTitle(tab, navigation, clickedIndex);
+                },
+                /**  下一步按钮被单击时触发, 返回移动到下一个步骤. */
+                onNext: function (tab, navigation, index) {
+                    success.hide();
+                    error.hide();
+                    if (form.valid() == false) {
+                        return false;
+                    }
+                    if(index==1) {
+                    	if($('#krlInput').val() == '')
+                    		$('#krlInput').val(50);
+                    }else if(index == 2) {
+                    	var baseRes = $('#submit_argus_form input[name="baseRes"]:checked').val(),
+                			lineId = $('#lineSelect').val().split('_')[0],
+                			krl = $('#krlInput').val();
+                    	getLineInfo(lineId,function(r) {
+                    		getHtmlTemp(baseRes,r.content[0],lineId,krl,function(htlMap) {
+                        		$('#tab3').html(htlMap.forminput);
+                        		$('#tab4').html(htlMap.datadisplay);
+                        		if(baseRes==1)
+                        			ComponentsBootstrapTagsinput.init();
+                        		// 日期控件
+                        		$('#qdzsbsjInput').datetimepicker({format : 'HH:mm',locale: 'zh-cn'});
+                        		$('#endServiceTimeInput').datetimepicker({format : 'HH:mm',locale: 'zh-cn'});
+                        		$('#morningPeakStartInput').datetimepicker({format : 'HH:mm',locale: 'zh-cn'});
+                        		$('#morningPeakEndInput').datetimepicker({format : 'HH:mm',locale: 'zh-cn'});
+                        		$('#eveningPeakStartInput').datetimepicker({format : 'HH:mm',locale: 'zh-cn'});
+                        		$('#eveningPeakEndInput').datetimepicker({format : 'HH:mm',locale: 'zh-cn'});
+                        		gettccInfo(function(cd) {
+                        			var options = '<option value="">请选择...</option><optgroup label="停车场">';
+                        			var $_len = cd.length;
+                        			if($_len>0) {
+                        				$.each(cd, function(i, d){
+                        					 options += '<option value="'+d.parkCode+'">'+d.parkName+'</option>';
+                        				});
+                        				
+                        			}
+                        			options += '</optgroup>';
+                        			$('#carParkSelect').html(options).select2();
+                        			$('#carParkSelect').select2("val",r.content[0].carPark);
+                        		});
+                        	});
+                    	});
+                    }
+                    handleTitle(tab, navigation, index);
+                },
+                /** 上一步按钮被单击时触发,返回移动到前一个步骤 */
+                onPrevious: function (tab, navigation, index) {
+                    success.hide();
+                    error.hide();
+                    handleTitle(tab, navigation, index);
+                },
+                /** 显示选项卡内容 */
+                onTabShow: function (tab, navigation, index) {
+                    var total = navigation.find('li').length;
+                    var current = index + 1;
+                    var $percent = (current / total) * 100;
+                    $('#submit_argus_form').find('.progress-bar').css({
+                        width: $percent + '%'
+                    });
+                    
+                }
+                
+			});
+			// 初始化第一步隐藏返回按钮
+			$('#submit_argus_form').find('.button-previous').hide();
+		}
+	}
+	function getJSONP(url, data, cb) {
+		$.ajax({
+			url : url,
+			type : "GET",
+			dataType : 'jsonp',
+			jsonp : 'jsoncallback',
+			data : data,
+			success : cb
+		});
+	}
+	
+}();