jyszAdd.html 3.94 KB
<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">
							<label class="col-md-3 control-label">公司</label>
							<div class="col-md-9">
								<select class="form-control input-medium " name="gsdm">
									<option value="77">闵行公交</option>
								</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 input-medium" name="nbbm" > 
							</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);
	
	//提交
	$('#addJyszModuleButton').on('click', function() {
		form.submit();
	});
	//form validate
	form.validate({
		errorElement : 'span', 
		errorClass : 'help-block help-block-error', 
		focusInvalid : false, 
		rules : {
			nbbm : {
				minlength : 2,
				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();
			$post('/cwjy', params, function(res){
				layer.msg('新增加油设置成功.');
				$('#add_jysz').modal('hide');
				refreshJsTree();
			});
		}
	});
	/* $('#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>