ept_customers_edit.jsp 7.4 KB
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" isELIgnored="false"%>
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>客户维护</title> 
	<jsp:include page="../../template/head.jsp"></jsp:include>
	<link href="<%=request.getContextPath() %>/resource/library/css/form.css" rel="stylesheet">
	 <%--非空必填--%>
    <style>
        .kv-table td span label {
            color: #FF0000;
            margin-right: 5px;
        }
    </style>
</head> 
<body>
	<div class="container" style="width: 100%; height: 100%">
		<div class="content" ms-controller="container" style="width: 100%; height: 100%">
			<form class="from-control" id="editForm">
		        <input type="hidden" name="id" ms-duplex="@data.id">
		        <input type="hidden" name="bookId" value="<%=request.getAttribute("bookId")%>">
		        <div style="padding: 20px; width: 100%; height: 100%; overflow: auto;" ms-controller="container">
		      	<table class="kv-table">
					<tbody>
						<tr >
							<td class="kv-label"><span><label>*</label>客户名称</span></td>
							<td class="kv-content">
								<input id="entryId"  type="text" name="custName" maxlength="100"  ms-duplex="@data.custName | notEmpty"></input>
							</td>
							<td class="kv-label"><span><label>*</label>合同号</span></td>
							<td class="kv-content">
								<input type="text"  name="contractNo" maxlength="50"  ms-duplex="@data.contractNo | notEmpty"></input>
							</td>
							<td class="kv-label"><span><label>*</label>合同签订日期</span></td>
							<td class="kv-content">
								<input type="text" style="width: 85%" value="" class=" laydate-icon navContentText "  onclick="laydate({istime: false, format: 'YYYY-MM-DD',start: laydate.now(), istoday: false})" name="startTime" ms-duplex="@data.startTime | dateX('yyyy-MM-dd')"/>
						    </td>
						</tr>
						<tr>
							<td class="kv-label"><span><label>*</label>合同到期日期</span></td>
							<td class="kv-content">
								<input type="text" style="width: 85%" value="" class=" laydate-icon navContentText " onclick="laydate({istime: false, format: 'YYYY-MM-DD',start: laydate.now(), istoday: false})" name="endTime" ms-duplex="@data.endTime | dateX('yyyy-MM-dd')"/>
						 	</td>
							<td class="kv-label">合同联系人</td>
							<td class="kv-content">
								<input type="text"  name="contracts"  maxlength="30"  ms-duplex="@data.contracts | notEmpty"></input>
							</td>
							<td class="kv-label">联系电话</td>
							<td class="kv-content">
								<input type="text" name="phone" maxlength="50"  ms-duplex="@data.phone | notEmpty"></input>
							</td>
						</tr>
						<tr>
							<td class="kv-label"><span>单价</span></td>
							<td class="kv-content">
								<input id="price" type="number" name="price" style="width: 85%" maxlength="30" ms-duplex="@data.price | notEmpty"/>
						 	</td>
							<td class="kv-label">面积</td>
							<td class="kv-content">
								<input id="area" type="number" name="area" maxlength="30" style="width: 85%" ms-duplex="@data.area | notEmpty"></input>
							</td>
							<td class="kv-label">总价</td>
							<td class="kv-content">
								<input id="total" type="number" name="total" maxlength="50" style="width: 85%" ms-duplex="@data.total | notEmpty"></input>
							</td>
						</tr>
						<tr>
							<td class="kv-label">邮箱</td>
							<td class="kv-content"colspan="1">
								<input type="text"  name="email" maxlength="100" ms-duplex="@data.email | notEmpty"></input>
							</td>
						    <td class="kv-label">对应账册信息</td>
							<td class="kv-content"colspan="3">
								<input type="text" style="width:60%" name="bookInfo" maxlength="100" ms-duplex="@data.bookInfo | notEmpty"></input>
							</td>
						</tr>
						<tr>
							<td class="kv-label">备注</td>
							<td class="kv-content" colspan="5">
								<textarea rows="" cols=""  id="note"  name="note" ms-duplex="@data.note | notEmpty" ></textarea>
						   	</td>
						</tr>
						<tr>
							<td colspan="4">
								<div class="opt-buttons" style="padding-top:20px;">
									<a href="javascript:doSave();" class="easyui-linkbutton l-btn l-btn-small l-btn-selected " data-options="selected:true" group="" id=""><span class="l-btn-left"><span class="l-btn-text">保存</span></span></a>
									<a href="javascript:window.location.href='<%=request.getContextPath() %>/infoAdmin/eptCustomers/list'" class="easyui-linkbutton l-btn l-btn-small" group="" id=""><span class="l-btn-left"><span class="l-btn-text">取消</span></span></a>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			</div>
			</form>
		</div>
	</div>
	<script>
	//定义 avalon
	var datavm = avalon.define({
	    $id: "container",
	    data: ${entity}
	});
	
	//保存
	function doSave(){
		var data = $("#editForm").serializeJson();
		//处理时间,要不然会提交失败
		if(data.startTime==''){
			delete data.startTime;
		}else{
			data.startTime = data.startTime+" 00:00:00";
		}
		if(data.endTime==''){
			delete data.endTime;
		}else{
			data.endTime = data.endTime+" 00:00:00";
		}
		var url = '';
		if(data.id=='null'){//新增
			data.id = '';
			url='<%=request.getContextPath()%>/rest/eptCustomers/insert';
		}else{
			url='<%=request.getContextPath()%>/rest/eptCustomers/update';
		}
		$.post(url, data, function(result) {
			if(result.status==200){
			var id = result.data
			window.location.href="<%=request.getContextPath()%>/infoAdmin/eptCustomers/list";
			}else{
				var html = result.msg+"<br/>"
				if(result.data){
					for(var i=0;i<result.data.length;i++){
						html+=result.data[i].message+"<br/>";
					}
				}
				$.messager.alert("提示", html);
			}
		});
		
	}
	//读取编辑资料(编辑时使用)
	function loadData(id){
		var par = {};
		par.id=id;
		$.post("<%=request.getContextPath()%>/rest/eptCustomers/findByPK", par, function(result) {
			if(result.status==200){
				datavm.data = result.data
			}else{
				$.messager.alert("提示", result.msg);
			}
		});
	}
	
	$(function(){
		var v1 = '';
	    var v2 = '';
	        
	    $("#area").keyup(function(){
	    	var length = this.value.length;
	       	if(length == 0){
	        	$("#total").val("");
	        }
	    });
	        
	    $('#area').keyup(function(){
	    	v1 = $("#price").val();
	        v2 = $(this).val();
	        if(v1 == ''){//验证第一个是否输入
	        	$("#total").val("");
	            return false;
	        } else {
	        	if(v2 == ''){
	                   
	            } else {
	            	var total = (v1*v2).toFixed(2);
	            	$('#total').val(total);
	            }
	        }
        });
	    
	    $('#price').keyup(function(){
	    	v1 = $("#area").val();
	        v2 = $(this).val();
	        if(v1 == ''){//验证第一个是否输入
	        	$("#total").val("");
	            return false;
	        } else {
	        	if(v2 == ''){
	                   
	            } else {
	            	var total = (v1*v2).toFixed(2);
	            	$('#total').val(total);
	            }
	        }
        });
    });
	 
	$(document).ready(function(){
	    var headId = null;
		<%if(request.getParameter("id")!=null){%>
		  loadData(<%=request.getParameter("id")%>);
		<%}%>
	});
	</script> 
</body> 
</html>