oa/jsproot/yw/bank/eform/addBAC.vm

<input type="hidden" value="customerAppoint.do?v=bank_appoint_customer&"  name="action" id="action">
<link href="./liger/lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<script src="./liger/lib/ligerUI/js/core/base.js" type="text/javascript"></script> 
<script src="./liger/lib/ligerUI/js/plugins/ligerDateEditor.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){ 
		var d = $("[name='appointTime']").val();
		if(d==""||d=="-") d = getCurrentDate();
		var customerName = $("#customerName").val(); 
		if(customerName==null || customerName==""){
			$("#dtitle").html("添加客户预约");
			$("#state").val("0");
		}else{
			$("#dtitle").html("编辑客户预约");
		}
		if($("#read").val()== "read"){
			$("#dtitle").html("查看客户预约");
		}else{
			$("#appointTime").ligerDateEditor({ showTime: true,  labelAlign: 'left', width:150,height:21,initValue:d});
  		}
  		$("#appointAmount").attr("readonly","readonly");
		var baiyuan = $("#baiyuan").val();
		var wusyuan = $("#wusyuan").val();
		var ersyuan = $("#ersyuan").val();
		var syuan = $("#syuan").val();
		var wyuan = $("#wyuan").val();
		var yiyuan = $("#yiyuan").val();
		var wjiao = $("#wjiao").val();
		var yijiao = $("#yijiao").val();
		var appointAmount = "";
		if(baiyuan=="" || baiyuan==null){ 
			$("#baiyuan").val("0");
		}
		if(wusyuan=="" || wusyuan==null){ 
			$("#wusyuan").val("0");
		}
		if(ersyuan=="" || ersyuan==null){ 
			$("#ersyuan").val("0");
		}
		if(syuan=="" || syuan==null){ 
			$("#syuan").val("0");
		}
		if(wyuan=="" || wyuan==null){ 
			$("#wyuan").val("0");
		}
		if(yiyuan=="" || yiyuan==null){ 
			$("#yiyuan").val("0");
		}
		if(wjiao=="" || wjiao==null){ 
			$("#wjiao").val("0");
		}
		if(yijiao=="" || yijiao==null){ 
			$("#yijiao").val("0");
		}
  		$("#baiyuan").add($("#wusyuan")).add($("#ersyuan")).add($("#syuan")).add($("#wyuan")).add($("#yiyuan")).add($("#wjiao")).add($("#yijiao")).keypress(
  			function(){
  				return /^\d$/.test(String.fromCharCode(event.keyCode||event.keycode||event.which));
  			}
  		).keyup(
  			function(){
  			this.value=this.value.replace(/\D/g,'');
  		}).blur(
  			function(){
  				this.value=this.value.replace(/\D/g,'');
  				totalNum();
  			}
  		);
  	});
	function submitDataForm(){ 
		var p1 =  {name:"customerName",model:[{type:"require",msg:"客户名称不能为空!"}]} ; 
		var rs = validate(p1);
		var p2 =  {name:"appointAmount",model:[{type:"require",msg:"预约金额不能为空!"}]} ; 
	    rs &= validate(p2);
	    var p3 =  {name:"transferType",model:[{type:"require",msg:"转帐方式不能为空!"}]} ; 
	    rs &= validate(p3);
	    var p4 =  {name:"appointTime",model:[{type:"require",msg:"预约日期不能为空!"}]} ; 
	    rs &= validate(p4); 
	    var appointTime = $("#appointTime").val(); 
	    if(appointTime == ""){
	    	addFieldError("dateerror","预约日期不能为空!");
	    }
	 	if(!rs)return;	
		$("#ywform").submit();
	}
	function totalNum(){
		var baiyuan = $("#baiyuan").val();
		var wusyuan = $("#wusyuan").val();
		var ersyuan = $("#ersyuan").val();
		var syuan = $("#syuan").val();
		var wyuan = $("#wyuan").val();
		var yiyuan = $("#yiyuan").val();
		var wjiao = $("#wjiao").val();
		var yijiao = $("#yijiao").val();
		var appointAmount = "";
		if(baiyuan=="" || baiyuan==null){
			baiyuan = 0;
			$("#baiyuan").val("0");
		}
		if(wusyuan=="" || wusyuan==null){
			wusyuan = 0;
			$("#wusyuan").val("0");
		}
		if(ersyuan=="" || ersyuan==null){
			ersyuan = 0;
			("#ersyuan").val("0");
		}
		if(syuan=="" || syuan==null){
			syuan = 0;
			$("#syuan").val("0");
		}
		if(wyuan=="" || wyuan==null){
			wyuan = 0;
			$("#wyuan").val("0");
		}
		if(yiyuan=="" || yiyuan==null){
			yiyuan = 0;
			$("#yiyuan").val("0");
		}
		if(wjiao=="" || wjiao==null){
			wjiao = 0;
			$("#wjiao").val("0");
		}
		if(yijiao=="" || yijiao==null){
			yijiao = 0;
			$("#yijiao").val("0");
		}
		appointAmount = baiyuan*100 + wusyuan*50 + ersyuan*20 + syuan*10 + wyuan*5 + yiyuan*1+ wjiao*0.5 + yijiao*0.1;
		
		if(appointAmount == 0 || appointAmount == NaN){
			appointAmount = "";
		}else{
			appointAmount = formatFloat(appointAmount,2);
		}
		$("#appointAmount").val(appointAmount);
	}
	function formatFloat(src, pos)
	{
	    return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);
	}
</script>
<style type="text/css"> 
	.amount_text{
		height:20px;padding-top:5px;width:220px;display:inline-block;
	}
	.amount_text span{
		margin-left:3px;
	}
</style>
<body>
		<div class="forum-container"> 
			<center>
				<Table border="0" cellspacing="1" cellpadding="0"  class="l-table-edit line">
					<tr><th colspan="2" id="dtitle">添加客户预约</th></tr>
					<tr>
						<td class="l-table-edit-text">客户名称<FONT COLOR="red">*</FONT>：</td>
						<td class="l-table-edit-td">${workItem.customerName}</td>
					</tr>
					<tr>
						<td class="l-table-edit-text">预约金额<FONT COLOR="red">*</FONT>：</td>
						<td class="l-table-edit-td">${workItem.appointAmount}&nbsp;元</td>
					</tr>
					<tr>
						<td class="l-table-edit-text">金额面额及数量选择<FONT COLOR="red">*</FONT>：</td>
						<td class="l-table-edit-td">
												<span class='amount_text'>
												${workItem.baiyuan}<span>张*100元</span></span>
												<span class='amount_text'>
												${workItem.wusyuan}<span>张*50元</span></span>
												<span class='amount_text'>
												${workItem.ersyuan}<span>张*20元</span></span><br/>
												<span class='amount_text'>
												${workItem.syuan}<span>张*10元</span></span>
												<span class='amount_text'>
												${workItem.wyuan}<span>张*5元</span></span>
												<span class='amount_text'>
												${workItem.yiyuan}<span>张*1元</span></span><br/>
												<span class='amount_text'>
												${workItem.wjiao}<span>张*5角</span></span>
												<span class='amount_text'>
												${workItem.yijiao}<span>张*1角</span></span>
						</td>
					<tr>
						<td class="l-table-edit-text">转帐方式<FONT COLOR="red">*</FONT>：</td>
						<td class="l-table-edit-td">${workItem.transferType}</td>
					</tr>
					<tr>
						<td class="l-table-edit-text">预约日期<FONT COLOR="red">*</FONT>：</td>
						<td class="l-table-edit-td">${workItem.appointTime}<span id="dateerror" name="dateerror"></span></td>
					</tr>
					<tr>
						<td class="l-table-edit-text">备注 ：</td>
						<td class="l-table-edit-td">${workItem.remark}</td>
					</tr>
					<div style="display: none;">
					${workItem.state}
					<input name="operator" type="hidden" id="operator" value="${workItem.operator}" />
					</div>
				</TABLE>
			</center>
		</div>
</body>