SIPAIIS_WMS_JSSW/WebRoot/jsp/sparepart/applyPurchasePlanAdd.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">
var showContractClass4SelectFun = function() {
    $.post(ext.contextPath + '/sparepart/applyPurchasePlan/showList4Select.do', {formId:"subForm",hiddenId:"pid",textId:"pname"} , function(data) {
        $("#fault4SelectDiv").html(data);
        openModal('fault4SelectModal');
    }); 
};
function dosave() {
	$("#subForm").bootstrapValidator('validate');//提交验证  
    if ($("#subForm").data('bootstrapValidator').isValid()) {
        $.post(ext.contextPath + "/sparepart/applyPurchasePlan/save.do", $("#subForm").serialize(), function(result) {
            if (result == 1) {
                closeModal('subModal');
                dosearch();
            }else{
                showAlert('d','保存失败');
            }
        });
    }
}

$(function() {
	  $("#bizId").val(companyId);
    /* BOOTSTRAP SLIDER */
    var intSlider = $("input.slider").bootstrapSlider({
        tooltip: 'always'
    }).on('change',function() {
        var intArr = intSlider.bootstrapSlider('getValue');
        $('#planApplyPurchaseStartdate').val(intArr[0]);
        $('#planApplyPurchaseEnddate').val(intArr[1]);
    });
    $.post(ext.contextPath + "/user/getUnitsByUnitId4Select.do", {id:companyId}, function(data) {
      var selelct = $("#departmentId").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('${cu.pid}').trigger("change");
    },'json');
	$("#status").select2({minimumResultsForSearch: 10}); 
	$("#subForm").bootstrapValidator({  
        live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
        fields: {  
        	applicant: {
                 validators: {
                     notEmpty: {
                         message: '负责人不能为空'
                     }
                 }
             },
        }  
    }); 
});
</script>
<div class="modal fade" id="subModal">
  <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">
	    <form class="form-horizontal " id="subForm">
        <input id="id" name="id" type="hidden" />
        <input id="bizId" name="bizId" type="hidden"/>
         <!-- 界面提醒div强制id为alertDiv -->
         <div id="alertDiv"></div>
         <div id="fault4SelectDiv"></div> 
         <div class="form-group">
           <label class="col-sm-2 control-label">*部门</label>
           <div class="col-sm-9">
              <select class="form-control" id="departmentId" name ="departmentId" style="width: 100%;"  >
              </select>
            </div>
         </div>
         <div class="form-group">
            <label class="col-sm-2 control-label">*负责人</label>
            <div class="col-sm-4">
              <input type="text" class="form-control" id="applicantName" name ="applicantName" placeholder="负责人" value="${cu.caption}" readonly>
              <input  name="applicant" type="hidden" value="${cu.id}"/>
            </div>
            <label class="col-sm-2 control-label">*状态</label>
            <div class="col-sm-4">
              <select id ="status" name="status" class="form-control select2">
                  <option  value="启用" selected="selected">启用</option>
                  <option value="禁用" >禁用</option>
              </select>
            </div>
         </div>
         <div class="form-group">
          <label class="col-sm-4 control-label">*每月开始时间~结束时间</label>
          <div class="col-sm-8">
            <input type="text" value="" class="slider form-control" data-slider-min="1" data-slider-max="31"
                     data-slider-step="1" data-slider-value="[1,15]" data-slider-orientation="horizontal"
                     data-slider-selection="before" data-slider-tooltip="show" data-slider-id="green" >
              <input id="planApplyPurchaseStartdate" name="planApplyPurchaseStartdate" type="hidden" value="1"/>
              <input id="planApplyPurchaseEnddate" name="planApplyPurchaseEnddate" type="hidden" value="15"/>
          </div>
         </div>
        <div class="form-group">
              <label class="col-sm-2 control-label">备注</label>
              <div class="col-sm-10">
                  <textarea class="form-control" rows="2" id ="remark" name ="remark" placeholder="备注..."></textarea>
              </div>
          </div>
	    </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" onclick="dosave()" id="btn_save">保存</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>