SIPAIIS_WMS_JSSW/WebRoot/jsp/sparepart/contractDetailFinancePaymentEdit.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 doupdate() {
    $("#subDetailForm").bootstrapValidator('validate');//提交验证  
        if ($("#subDetailForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码  
          $.post(ext.contextPath + "/sparepart/contractDetailPayment/updateFinance.do", $("#subDetailForm").serialize(), function(data) {
                if (data.res == 1){
                    closeModal('subDetailModal');
                    $("#table_Payment").bootstrapTable('refresh');
                }else if(data.res == 0){
                      showAlert('d','保存失败');
                }else{
                      showAlert('d',data.res);
                }
          },'json');  
        } 
  }
  var subtraction = function(value) {
	  if(value!=null  && value!=undefined && trim(value)!=''){
		  if(value>$("#contractcount").val()){
              showAlert('d','付款金额异常');
		  }else{
		      $("#amountoutstanding").val($("#contractcount").val()-value);
		  }
	  }
  }
  $("#paymentdate").datepicker({
      language: 'zh-CN',
      autoclose: true,
      todayHighlight: true,
      format:'yyyy-mm-dd',
  });
    $("#applicationTime").datepicker({
      language: 'zh-CN',
      autoclose: true,
      todayHighlight: true,
      format:'yyyy-mm-dd',
  })
    //输入框验证
  $("#subDetailForm").bootstrapValidator({  
        live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证  
        fields: {  
        	paymentdate: {
        		validators:  {
                     notEmpty: {
                         message: '付款时间不能为空'
                     },
                 },
            },
             amountpaid: {
                 validators: {
                     notEmpty: {
                         message: '支付金额不能为空'
                     }
                 }
             },
        }  
    }); 

</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强制为subDetailForm -->
           <form class="form-horizontal" id="subDetailForm">
                <input type="hidden" class="form-control" id="id" name ="id" value="${contractDetailPayment.id}">
                <input type="hidden" class="form-control" id="contractId" name ="contractId" value="${contractDetailPayment.contractId}">
                <input type="hidden" class="form-control" id="contractcount"  value="${contractDetailPayment.amountoutstanding}">
                <!-- 界面提醒div强制id为alertDiv -->
                <div id="alertDiv"></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="paymentdate" name="paymentdate"  
                         style="width: 230px;" value="${contractDetailPayment.paymentdate.substring(0,10)}" />
                   </div>
                  </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="amountpaid" name ="amountpaid" 
                      onkeyup="LimitNumber(this)" onblur="subtraction(this.value)" value="${contractDetailPayment.amountpaid}">
                  </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="amountoutstanding" name ="amountoutstanding" 
                      value="${contractDetailPayment.amountoutstanding}" readonly>
                  </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="applicationTime" name="applicationTime"  value="${contractDetailPayment.applicationTime}"style="width: 230px;" placeholder="请选择" readonly>
                   </div>
                  </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="applicationAmount" name ="applicationAmount" value="${contractDetailPayment.applicationAmount}"onkeyup="LimitNumber(this)" readonly>
                  </div>
                </div>
				  <!-- 文件上传，显示 -->
	             <div class="form-group" style="margin:8px">
                   <label class="col-sm-2 control-label"></label>
                     <button type="button" class="btn btn-default btn-file" onclick="fileinput_processMore('fileAreascwj')" id="btn_save"><i class="fa fa-paperclip"></i>上传文件</button>
	             </div>
	              <div  id="fileAreascwj">
	             </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="doupdate()" id="btn_update">保存</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>