SIPAIIS_WMS_JSSW/WebRoot/jsp/sparepart/supplierQualificationAdd.jsp

<%@ page language="java" pageEncoding="UTF-8"%>

<style type="text/css">
.select2-container .select2-selection--single{  
      height:34px;  
      line-height: 34px;  
    }
    .select2-selection__arrow{
    margin-top:3px;
    } 
</style>    
<script type="text/javascript">
	function dosave() {

		$("#subForm1").bootstrapValidator('validate');//提交验证  
        if ($("#subForm1").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码  
        	$.post(ext.contextPath + "/sparepart/supplierQualification/save.do", $("#subForm1").serialize(), function(data) {
                if (data.res == 1){
                    closeModal('subModal3');
						$("#table1").bootstrapTable('refresh');
					 // closeModal('table1');
                   
                }else if(data.res == 0){
                      showAlert('d','保存失败');
                }else{
                      showAlert('d',data.res);
                }
          },'json');  
        } 
	}
		function closeModel(){
		closeModal('subModal3');
		$("#table").bootstrapTable('refresh');
	}
	  $(function(){
		   //选择有效日期
	 $('#qualificationValidityTime').datepicker({
        format: 'yyyy-mm-dd ',
		startView: 0,
		maxViewMode: 0,
		minViewMode:0,
	    autoclose: true,
	    todayHighlight: true,
		language: 'zh-CN'
    });
		 
		 
   
    	 //选择资质类型
      	 $.post(ext.contextPath + "/sparepart/supplierQualification/getQualificationType.do", {}, function(data) {
   		    	 var selelct =$("#qualificationType").select2({
 	                  data: data,
 	                  placeholder:'请选择',//默认文字提示
 	                  allowClear: false,//允许清空
 	                  escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
 	                  language: "zh-CN", 
 	                  minimumInputLength: 0,
 	                  minimumResultsForSearch: 10,//数据超过十个启用搜索框
 	                  formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
 	                  formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
 	            }); 
 	            selelct.val('').trigger("change"); 
          },'json');  
		 
	
	
    //输入框验证
	$("#subForm1").bootstrapValidator({  
        live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
        fields: {  
        	name: {
        		validators:  {
                     notEmpty: {
                         message: '资质名字不能为空'
                     },
                 },
             },
			 	qualificationType: {
        		validators:  {
                     notEmpty: {
                         message: '资质类型不能为空'
                     },
                 },
             },
             qualificationValidityTime: {
                 validators: {
                     notEmpty: {
                         message: '有效时间不能为空'
                     }
                 }
             },
          
        }  
    }); 
   	 
    })
</script>
<div class="modal fade" id="subModal3">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span></button>
      <h4 class="modal-title">新增供应商资质</h4>
      </div>
      <div class="modal-body">
           <!-- 新增界面formid强制为subForm -->
           <form class="form-horizontal" id="subForm1">
                <!-- 界面提醒div强制id为alertDiv -->
                <div id="alertDiv"></div>
				 <div class="form-group">
				<input type="hidden" class="form-control" id="supplierId" name ="supplierId" value="${usid}"></input>
				 </div>
                <div class="form-group">
	                <label class="col-sm-2 control-label">*资质名字</label>
	               <div class="col-sm-6">
	                    <input  class="form-control " id="name" name ="name" style="width: 270px;" placeholder="资质名字"></input>
	                </div>
                </div>
				 <div class="form-group">
	                <label class="col-sm-2 control-label">*资质类型</label>
	               <div class="col-sm-6">
	                    <select  class="form-control select2" id="qualificationType" name ="qualificationType" readonly style="width: 270px;" ></select>
	                </div>
                </div>
				 
				 <div class="form-group">
	                <label class="col-sm-2 control-label">*有效时间</label>
	                <div class="col-sm-6">
	                    <div class="input-group date">
	                     <div class="input-group-addon">
	                         <i class="fa fa-calendar"></i>
	                     </div>
	                     <input type="text" class="form-control" id="qualificationValidityTime" name="qualificationValidityTime"  style="width: 230px;" readonly  ></input>
	                 </div>
	                </div>
                </div>
               
                    <div class="form-group">
	                <label class="col-sm-2 control-label">*状态</label>
					<div class="col-sm-9">
                       <select class="form-control select2 "  id="qualificationState" name ="qualificationState" readonly style="width: 220px;" >
                            <option  value="启用" >启用</option>
                            <option value="禁用" >禁用</option>
                            
                       </select>
                 </div>
                </div>         
           </form>
      </div>
      <div class="modal-footer">
         <button type="button" class="btn btn-default" onclick="closeModel()">关闭</button>
        <button type="button" class="btn btn-primary" onclick="dosave()" id="btn_save">保存</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>