SIPAIIS_WMS_JSSW/WebRoot/jsp/sparepart/purchaseDetailAdd.jsp

<%@page import="com.sipai.entity.sparepart.SparePartCommString"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%request.setAttribute("DEPARTMENT", SparePartCommString.PURCHASE_DEPARTMENT); %>
<%request.setAttribute("NOTSUBMINT", SparePartCommString.STATUS_NOTSUBMINT); %>
<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 dosavePurchaseDetail() {
		$("#subDetailForm").bootstrapValidator('validate');//提交验证  
        if ($("#subDetailForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码  
        	$.post(ext.contextPath + "/sparepart/purchasePlan/savePurchaseDetail.do", $("#subDetailForm").serialize(), function(data) {
                if (data.res == 1){
                    closeModal('subDetailModal');
                    $("#table_PurchaseDetail").bootstrapTable('refresh');
                }else if(data.res == 0){
                      showAlert('d','保存失败');
                }else{
                      showAlert('d',data.res);
                }
          },'json');  
        } 
	}
	$(function(){
		//keyup()-按键松开后的事件
		$("#number").keyup(function(){
			$("#totalMoney").val($("#number").val()*$("#price").val());
		});
		$("#price").keyup(function(){
			$("#totalMoney").val($("#number").val()*$("#price").val());
		})
	
	    //输入框验证
		$("#subDetailForm").bootstrapValidator({  
	        live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
	        fields: { 
	        	goodsName: {
	                 validators: {
	                     notEmpty: {
	                         message: '物品名称不能为空'
	                     }
	                 }
	             },
	             number: {
	                 validators: {
	                     notEmpty: {
	                         message: '数量不能为空'
	                     }
	                 }
	             },
	             price: {
	                 validators: {
	                     notEmpty: {
	                         message: '价格不能为空'
	                     }
	                 }
	             },
	        }  
	    }); 
	})
    //选择物品
	var showGoods4SelectFun = function() {
	    $.post(ext.contextPath + '/sparepart/goods/showList4Select.do', {formId:"subForm",hiddenId:"goodsId",textId:"goodsName",goodsId:$("#goodsId").val()} , function(data) {
	        $("#Goods4SelectDiv").html(data);
	        openModal('Goods4SelectModal');
	    }); 
	};
</script>
<div class="modal fade" id="subDetailModal">
  <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="subDetailForm">
                <!-- 界面提醒div强制id为alertDiv -->
                <div id="alertDiv"></div>
                <input type="hidden" id="pid" name ="pid" value="${pid}" >
                <input type="hidden" id="departmentId" name ="departmentId" value="${param.departmentId}" >
                <div class="form-group">
	                <label class="col-sm-2 control-label">*物品名称</label>
	                <div class="col-sm-6">
	                    <input type="text" class="form-control" id="goodsName"  placeholder="请选择"  onclick="showGoods4SelectFun();" value=""></input>
	                    <input id="goodsId" name="goodsId" type="hidden" value=""/>
	                </div>
                </div>
                <div class="form-group">
	                <label class="col-sm-2 control-label">*规格型号</label>
	                <div class="col-sm-6">
	                    <input type="text" class="form-control" id="model" name ="model" placeholder="型号" >
	                </div>
                </div>
                <div class="form-group">
	                <label class="col-sm-2 control-label">品牌</label>
	                <div class="col-sm-6">
	                    <input type="text" class="form-control" id="brand" name ="brand" placeholder="品牌" >
	                </div>
                </div>
                <div class="form-group">
	                <label class="col-sm-2 control-label">单位</label>
	                <div class="col-sm-6">
	                    <input type="text" class="form-control" id="unit" name ="unit" placeholder="单位" >
	                </div>
                </div>
                <div class="form-group">
	                <label class="col-sm-2 control-label">*数量</label>
	                <div class="col-sm-6">
	                    <input type="text" class="form-control" id="number" name ="number" placeholder="数量" >
	                </div>
                </div>
                <div class="form-group">
	                <label class="col-sm-2 control-label">*单价/元</label>
	                <div class="col-sm-6">
	                    <input type="text" class="form-control" id="price" name ="price" placeholder="单价" >
	                </div>
                </div>
                <div class="form-group">
	                <label class="col-sm-2 control-label">合计/元</label>
	                <div class="col-sm-6">
	                    <input type="text" class="form-control" id="totalMoney" name ="totalMoney" placeholder="合计" readonly>
	                </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 ="purpose" name ="purpose" 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="dosavePurchaseDetail()" id="btn_savePurchaseDetail">保存</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>