潘钊 / bsth_control · Files

/**
 * 右键菜单
 */
var _menu = (function() {
	
	$('#rightMenu .menu-item button').on('click', function(){
		var method = $(this).data('method');
		//被激活的行
		var activeTrs = $('.pb-table tr._tr_active');
		if(activeTrs.length == 0){
			layer.alert('没有选择班次!', {icon: 2, title: '异常'});
			return;
		}
		if($(this).data('multi') == 1){
			//多选操作
			var idArray = [];
			$.each(activeTrs, function(){idArray.push($(this).data('id'))});
			menuObject[method](idArray);
		}
		else{
			//单选操作
			var schedul = _data.getSchedulById(activeTrs.data('id'));
			if(!schedul){
				layer.alert('无法找到当前项对应的班次信息，请尝试刷新页面！', {icon: 2, title: '异常'});
				return;
			}
			menuObject[method](schedul);
		}
	});
	
	
	// 表格右键呼出菜单
	var ac = 'active-menu'
		,items = '.pb-table.data tr td[name!=lineNo]';
	$('.portlet-fullscreen').on('contextmenu', items, 
			function(e) {
				e.preventDefault();
				var item = $(this);
				if(!$(this).parent().hasClass('active-line-no')){
					resetAllState();
					item.addClass(ac);
					item.parent().addClass('_tr_active');
				}
				
				showMenu(e.pageX, e.pageY + 3);
				$(document).one('click', function() {
					$('#rightMenu').removeClass('show-menu');
					//item.removeClass(ac);
				});
			})
	// 点击选中
	.on('click',items, function() {
		resetAllState();
		$(this).addClass(ac);
		
		var $ctr = $(this).parent();
		//选中关联班次
		selCognateSch($ctr);
		$ctr.removeClass('selected');
	});
	
	//点击序号
	var nos = '.pb-table.data tr td[name=lineNo]', prveSelRow;
	$('.portlet-fullscreen').on('click', nos, function(e){
		var $tab = $(this).parents('table');
		//当前表格是否存在选中项
		var multiSel = $tab.find('tr._tr_active').length;
		//按住了ctrl 或 shift
		if((e.ctrlKey || e.shiftKey) && multiSel){
			resetState();
			//按住了shift 多选
			if(e.shiftKey && prveSelRow){
				var startNo = parseInt(prveSelRow.data('no'))
					,endNo = parseInt($(this).parent().data('no'));
				selectRange(startNo, endNo, $tab[0]);
			}
		}
		else
			resetAllState();
		
		//选中一行
		prveSelRow = selectOneRow(this);
		
	});
	
	function selectOneRow(firstCell){
		return $(firstCell).addClass('selected').parent().addClass('_tr_active active-line-no');
	}
	
	//选中关联班次
	function selCognateSch($ctr){
		//选中关联班次
		var clnbbm = $ctr.find('td[data-name=clZbh]').text()
			,schId = $ctr.data('id')
			,sch = _data.getSchedulById(schId);
		
		var scroll = false;
		$.each(_data.findByCl(clnbbm), function(){
			if(scroll){
				var nextTr = $('tr[data-id='+this.id+']');
				//不在同一个table才定位，避免滚动当前table，丢失焦点
				if(sch.xlDir != this.xlDir){
					//定位到下一个班次
					var wrap = nextTr.parents('._body')
						,top = parseInt(nextTr.find('td[name=lineNo]').text()) * 37 - wrap.height() / 2;
					wrap.slimScroll({ scrollTo: top + 'px' });
				}
				scroll = false;
				nextTr.addClass('next-sch');
			}
			$('.pb-table tr[data-id='+this.id+']').addClass('selected');
			if(this.id == schId)
				scroll = true;
		});
	}
	
	//还原状态
	function resetState(){
		$('.pb-table tr td.' + ac).removeClass(ac);
		$('.pb-table tr.selected').removeClass('selected');
		$('.pb-table tr.next-sch').removeClass('next-sch');
	}
	function resetAllState(){
		$('.pb-table tr td.' + ac).removeClass(ac);
		$('.pb-table tr.selected').removeClass('selected');
		$('.pb-table tr._tr_active').removeClass('_tr_active active-line-no');
		$('.pb-table tr.next-sch').removeClass('next-sch');
		$('.pb-table.data tr td.selected[name=lineNo]').removeClass('selected');
		
		prveSelRow = null;
	}
	
	//根据起止行号选中多行
	function selectRange(s , e, table){
		var rows = table.rows;
		if(s > e){
			//交换位置
			s = s + e;
			e = s - e;
			s = s - e;
		}
		
		var no;
		$.each(rows, function(i, r){
			no = parseInt($(r).data('no'));
			if(no > s && no < e)
				selectOneRow($(r).find('td[name=lineNo]')[0]);
			
			if(no > e)
				return false;
		});
	}
	
	var menuObject = {
		//待发调整
		outgoAdjust: function(schedul){
			var index = layer.open({
			  type: 1,
			  area: '630px',
			  maxmin: true,
			  content: template('outgo_adjust_body_temp', schedul),
			  shift: 5,
			  title: '待发调整',
			  success: function(){
				  dictionaryUtils.transformDom($('#outgoAdjustForm .nt-dictionary'));
				  $('#outgoAdjustForm button.confirm').one('click', function(){
					  var params = $('#outgoAdjustForm').serializeJSON();
					  $post('/realSchedule/outgoAdjust', params, function(rs){
						  layer.close(index);
						  layer.msg('调整成功！');
						  schedul.dfsj = rs.dfsj;
						  schedul.remarks = rs.remarks;
						  _alone.refreshSchedule(schedul);
					  });
				  });
			  }
			});
		},
		//计划烂班
		planDestroy: function(schedul){
			var data = {item: schedul, array : _data.getSchedulByVeh(schedul.clZbh)}
			var index = layer.open({
			  type: 1,
			  area: ['370px', '645px'],
			  maxmin: true,
			  content: template('plan_destroy_body_temp', data),
			  shift: 5,
			  title: '计划烂班设置',
			  success: function(){
				  var f = $('#planDestroyForm');
				  //红色
				  $('.icheck', f).iCheck({
					 checkboxClass: 'icheckbox_square-red',
					 increaseArea: '20%'
				  });
				  //蓝色
				  $('.icheck-blue', f).iCheck({
					 checkboxClass: 'icheckbox_minimal-blue',
					 increaseArea: '20%'
				  });
				  $('[data-toggle="tooltip"]', f).tooltip();
				  //滚动到选中项
				  var cont = $('.custom-check-box', f)
					,checked = $('.icheck:checked', f);
				  if(checked.length > 0){
					  cont.animate({
						scrollTop: checked.offset().top - cont.offset().top + checked.scrollTop()
					  }, 500);
				  }
				  //确定
				  $('button.confirm', f).on('click', function(){
					  f.submit();
				  });
				  //调整说明
				  $('select[name=reason]', f).on('change', function(){
					  var t = $(this).val();
					  if(!t) return;
					  var textarea = $('textarea[name=remarks]', f);
					  textarea.val(textarea.val() + t + ',');
				  });
				  
				  f.validate({
					 submitHandler : function(){
						 var params = f.serializeJSON()
						  	,text = '确定烂掉部分班次['+schedul.clZbh+']&nbsp;&nbsp;'
						  	,idsStr = '';
						 
						 $.each(params.ids, function(i, id){
							 var s = _data.getSchedulById(id);
							 text += (s.fcsj + ', ');
							 idsStr += (id + ',');
						 });
						 text = text.substr(0, text.length - 2);
						 if(params.spaceAdjust == 1){
							 text += '<br>并自动调整后续班次间隔 <span class="font-red">'+params.spaceNum+'</span>分钟'
						 }
						 layer.close(index);
						 //弹出确认框
						 index = layer.confirm(text, {
							btn : [ '确定烂班' , '取消' ],
							icon : 3,
							shift: 5,
							skin : 'layui-layer-cfm-delete'
						  	}, function(){
						  		params.idsStr = idsStr;
						  		$post('/realSchedule/destroy', params, function(rs){
						  			layer.close(index);
						  			//刷新数据
						  			_alone.refreshScheduleArray(rs.list);
						  			layer.msg('计划烂班成功！');
						  		});
						  });
						  return false;
					  }
				  });
			  }
			});
		},
		//实发调整
		realOutgoAdjust: function(schedul){
			var index = layer.open({
			  type: 1,
			  area: ['350px', '455px'],
			  maxmin: true,
			  content: template('real_outgo_adjust_body_temp', schedul),
			  shift: 5,
			  title: '实发调整',
			  success: function(){
				  $('.confirm', '#realOutgoAdjust').on('click', function(){
					  var params = $('#realOutgoAdjust').serializeJSON();
					  if(!params.fcsjActual){
						  layer.msg('实发时刻不能为空');return;
					  }
					  if(!$.trim(params.remarks)){
						  layer.msg('备注不能为空');return;
					  }
					  layer.close(index);
					  $post('/realSchedule/realOutAdjust', params
							  ,function(rs){
						  	if(rs.t){
							  layer.msg('实发调整成功！');
								//更新前端数据
								_alone.refreshSchedule(rs.t);
							}
					  });
				  });
			  }
			});
		},
		//撤销实发
		revokeRealOutgo: function(schedul){
			layer.confirm('确定要撤销实发？', {
				btn : [ '撤销实发', '取消' ],
				icon : 3,
				shift :5,
			}, function(){
				$post('/realSchedule/revokeRealOutgo', {id: schedul.id}, function(rs){
					if(rs.t){
						layer.msg('撤销实发成功！');
						//更新前端数据
						_alone.refreshSchedule(rs.t);
					}
				});
			});
		},
		//撤销烂班
		revokeDestroy: function(schedul){
			layer.confirm('确定要撤销烂班？', {
				btn : [ '撤销烂班', '取消' ],
				icon : 3,
				shift :5,
			}, function(){
				$post('/realSchedule/revokeDestroy', {id: schedul.id}, function(rs){
					if(rs.t){
						layer.msg('撤销烂班成功！');
						//更新前端数据
						_alone.refreshSchedule(rs.t);
					}
				});
			});
		},
		//间隔调整
		spaceAdjust: function(idArray){
			if(idArray && idArray.length == 1){
				layer.msg('请选中多个班次！');
				return;
			}
			layer.prompt({title: '请输入间隔（分钟）', formType: 0 , shift: 5
			}, function(space){
				if (!isNaN(space)) {
					$.ajax({
						url: '/realSchedule/spaceAdjust',
						type: 'POST',
						traditional: true,
						data: {ids: idArray, space: space},
						success:function(rs){
							console.log(rs);
							if(rs.status == 'SUCCESS' 
								|| rs.status == 200){
					  			//刷新数据
					  			_alone.refreshScheduleArray(rs.list);
					  			layer.msg('调整间隔成功！');
							}
						},
						error: errorHandle
					});
					
				} else 
					layer.alert('你必须输入一个数字！', {icon: 2, title: '操作失败'});  
				
			});
		},
		//子任务
		childTask: function(schedul){
			var layIndex = layer.msg('加载中...', {icon: 16});
			$.get('/pages/control/line/child_pages/child_task.html', function(content){
				layer.close(layIndex);
				layer.open({
				  type: 1,
				  area: '930px',
				  maxmin: true,
				  content: content,
				  shift: 5,
				  title: '临加/子任务',
				  success: function(){
					  dictionaryUtils.transformDom($('#childTaskDiv .nt-dictionary'));
					  $('#childTaskDiv').trigger('init', {
						  selected: schedul, 
						  _data: _data,
						  _alone: _alone
					   });
				  }
				});
			});
		},
		//调整人车
		vehicAndPerAdjust: function(schedul){
			$.get('/pages/control/line/child_pages/vehicAndper_adjust.html', function(content){
				layer.open({
				  type: 1,
				  area: '730px',
				  maxmin: true,
				  content: content,
				  shift: 5,
				  title: '调整车辆/人员',
				  success: function(){
					  $('#vehicleAndPersionAdjustDiv').trigger('init', {
						  selected: schedul, 
						  _data: _data,
						  _alone: _alone
					   });
				  }
				});
			});
		},
		//指令重发
		directiveRepeat: function(schedul){
			var text = '[路牌： '+schedul.lpName+'  计划时间：'+schedul.fcsj+'  待发时间：'+schedul.dfsj+']';
			var index = layer.confirm(schedul.clZbh + '重发调度指令？ ' + text, {
				btn : [ '是' , '否' ],
				icon : 3,
				shift: 5
			  	}, function(){
			  		//走短语下发
			  		layer.close(index);
			  		layer.msg('正在下发指令', {icon: 16});
			  		$.post('/directive/dispatch', {id: schedul.id},
			  				function(code){
			  			if(code == 0){
			  				layer.msg('发送成功');
			  			}
			  			else
			  				layer.alert('发送调度指令失败', {icon: 2, title: '操作失败'});
			  		});
			  });
		}
	}
	
	
    function showMenu(x, y) {
		var menu = $('#rightMenu'),
        	docWidth = $(document).width(), docHeight = $(document).height(),
            menuHeight = menu.height(),
            menuWidth = menu.width(),
            offset = 12;
        /* 边界 */
        if (y > (docHeight - menuHeight)) {
            y = docHeight - menuHeight - offset;
        }

        if (x > (docWidth - (menuWidth * 2))) {
            x = docWidth - (menuWidth * 2) - offset;
        }

        menu.css('left', x + 'px')
        		.css('top', y + 'px')
        		.addClass('show-menu');
    }
	
	function errorHandle(){
		layer.alert('服务器出现异常！', {icon: 2, title: '操作失败'});
	}
	
	return menuObject;
})();