潘钊 / bsth_control · Files

<div class="modal fade" id="add_jysz" 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" role="form" id="jysz_add_form"
					action="/cwjy" method="post">
					<input type="hidden" name="groupType" value="1">
					<input type="hidden" name="enable" value="1">
					<div class="alert alert-danger display-hide">
						<button class="close" data-close="alert"></button>
						您的输入有误，请检查下面的输入项
					</div>
					<div class="form-body">
						<div class="form-group" id="gsdmDivId">
							<label class="col-md-3 control-label">公司</label>
							<div class="col-md-4">
							<select class="form-control" name="gsdm" id="gsdm" ></select>
							</div>
						</div>
						<div class="form-group" id="fgsdmDivId">
							<label class="col-md-3 control-label">分公司</label>
							<div class="col-md-4">
								<select class="form-control" name="fgsdm" id="fgsdm" ></select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label">内部编码</label>
							<div class="col-md-9">
<!-- 									<select  class="form-control input-medium " name="nbbm" id="nbbm" ></select> -->
									<input type="text" class="form-control" name="nbbm" style="width: 180px"> 
							</div>
						</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="addJyszModuleButton">提交数据</button>
			</div>
		</div>
	</div>
</div>
<script>
$(function(){
	$('#add_jysz').modal('show');
	
	var form = $('#jysz_add_form');
	var error = $('.alert-danger', form);
	var obj = [];
	$.get('/user/companyData', function(result){
		obj = result;
		var options = '';
		for(var i = 0; i < obj.length; i++){
			options += '<option value="'+obj[i].companyCode+'">'+obj[i].companyName+'</option>';
		}
		
		if(obj.length ==0){
			 $("#gsdmDivId").css('display','none');
			 $('#fgsdmDivId').css('display','none');
		}else if(obj.length ==1){
			 $("#gsdmDivId").css('display','none');
			if(obj[0].children.length == 1  || obj[0].children.length ==0)
				$('#fgsdmDivId').css('display','none');
		}
		$('#gsdm').html(options);
		updateCompany();
	});

	$("#gsdm").on("change",updateCompany);
	function updateCompany(){
		var company = $('#gsdm').val();
		var options = '';
		for(var i = 0; i < obj.length; i++){
			if(obj[i].companyCode == company){
				var children = obj[i].children;
				for(var j = 0; j < children.length; j++){
					options += '<option value="'+children[j].code+'">'+children[j].name+'</option>';
				}
			}
		}
		$('#fgsdm').html(options);
	}

	
	
	//提交
	$('#addJyszModuleButton').on('click', function() {
		form.submit();
	});
	//form validate
	form.validate({
		errorElement : 'span', 
		errorClass : 'help-block help-block-error', 
		focusInvalid : false, 
		rules : {
			nbbm : {
				minlength : 4,
				required : true,
				maxlength : 10
			}
		},
		invalidHandler : function(event, validator) {         
			error.show();
			App.scrollTo(error, -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();
			error.hide();
			$get('/cwjy/checkNbbm',params,function(result){
				if(result>0){
					layer.msg('分公司该车辆已经添加.');
				}else{
					$post('/cwjy', params, function(result){
						layer.msg('新增加油设置成功.');
						$('#add_jysz').modal('hide');
						refreshJsTree();
					});
				}
			})
			
		}
	});
	
	function refreshJsTree(){
		var pjaxContainer = '#monde-page';
		$.pjax({url: "/pages/oil/jyszList.html", container: pjaxContainer})
	}
	/* $('#nbbm').select2({
		placeholder: '搜索车辆...',
		ajax: {
			url: '/realSchedule/sreachVehic',
			dataType: 'json',
			delay: 150,
			data: function(params){
				return{nbbm: params.term};
			},
		    processResults: function (data) {
		      return {
		        results: data
		      };
		    },
			cache: true
		},
		templateResult: function(repo){
			if (repo.loading) return repo.text;
			var h = '<span>'+repo.text+'</span>';
			h += (repo.lineName?'&nbsp;<span class="select2-desc">'+repo.lineName+'</span>':'');
			return h;
		},
		escapeMarkup: function (markup) { return markup; },
		minimumInputLength: 1,
		templateSelection: function(repo){
			return repo.text;
		},
		language: {
	       noResults: function(){
	           return '<span style="color:red;font-size: 12px;">没有搜索到车辆！</span>';
	       },
	       inputTooShort : function(e) {
				return '<span style="color:gray;font-size: 12px;"><i class="fa fa-search"></i> 输入自编号搜索车辆</span>';
		   },
	       searching : function() {
				return '<span style="color:gray;font-size: 12px;"> 正在搜索车辆...</span>';
		   }
		}
	}) */
});
</script>