inventory_edit.jsp 5.8 KB
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!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">
</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 | notEmpty">
			<input type="hidden" name="bookId" ms-duplex="@data.bookId | notEmpty">
			<input type="hidden" name="emsNo" ms-duplex="@data.emsNo | notEmpty">
			<div id="tt" class="easyui-tabs" style="width: 100%;">
				<div title="库存列表" style="padding: 20px; width: 100%; height: 100%; overflow: auto;" ms-controller="container"></div>
				<div title="库存编辑" style="overflow: auto; padding: 20px; display: none;">
					<table class="kv-table">
						<tbody>
							<tr>
								<td class="kv-label" style="width: 150px;"><span><label>*</label></span>项号</td>
								<td class="kv-content">
									<input id="gNo" type="text" maxlength="10" name="gNo" onkeydown="if(window.event.keyCode==13){findItemMatByCode(this.value)}" ms-duplex="@data.gNo | notEmpty" style="width: 190px"></input>
								</td><!-- onblur="findItemMatByCode(this.value)"  -->
								<td class="kv-label"><span><label>*</label></span>商品编码</td>
								<td class="kv-content">
									<input id="codeTS" type="text" maxlength="18" name="codeTS" ms-duplex="@data.codeTS | notEmpty" style="width: 80%"></input>
								</td>
								<td class="kv-label"><span><label>*</label></span>商品名称</td>
								<td class="kv-content" >
									<input id="gName" type="text" maxlength="10" name="gName" ms-duplex="@data.gName | notEmpty" style="width: 80%"></input>
								</td>
							</tr>
							<tr>
								<td class="kv-label">规格型号</td>
								<td class="kv-content">
								<input id="gModel" type="text" maxlength="18" name="gModel" ms-duplex="@data.gmodel| notEmpty" style="width: 80%"></input>
								</td>
								<td class="kv-label" style="width: 150px;">计量单位</td>
								<td class="kv-content">
									<input type="text" id="unit" name="unit" ms-duplex="@data.unit | notEmpty" >
								</td>
							</tr>
							<tr>
								<td class="kv-label"><span><label>*</label></span>结余数量</td>
								<td class="kv-content">
									<input id="balanceQuantity" type="number" maxlength="18" name="balanceQuantity" ms-duplex="@data.balanceQuantity | notEmpty" style="width: 80%"></input>
								</td>
								<td class="kv-label"><span><label>*</label></span>结余货值</td>
								<td class="kv-content">
									<input id="balanceValue" type="number" maxlength="18" name="balanceValue" ms-duplex="@data.balanceValue | notEmpty" style="width: 80%"></input>
								</td>
							</tr> 
							<tr>
							<td colspan="8">
								<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() %>/inventory/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();
		
		var url = '';
		if(data.id==''){//新增
			url='<%=request.getContextPath()%>/rest/eptInventory/insert';
		}else{
			url='<%=request.getContextPath()%>/rest/eptInventory/update';
		}
		$.post(url, data, function(result) {
			if(result.status==200){
				window.location.href="<%=request.getContextPath()%>/inventory/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/eptInventory/findByPK", par, function(result) {
			if(result.status==200){
				datavm.data = result.data;
				initFormData();
			}else{
				$.messager.alert("提示", result.msg);
			}
		});
	}
	
	//初始化表单关联数据
	function initFormData(){
	}
	
	function findItemMatByCode(code){
		var par = {};
		par.gNo = code;
		$.post("<%=request.getContextPath()%>/rest/eptInventory/findForGno", par, function(result) {
			if(result.status==200){
				var gName = result.data.gname;
				var codeTS = result.data.codeTS;
				var gModel = result.data.gmodel;
				var unit = result.data.unit;
				
				$('#gName').val(gName);
				$('#codeTS').val(codeTS);
				$('#gModel').val(gModel);
				$('#unit').val(unit);
			} else {
				$.messager.alert("提示", result.msg);
			}
		});
	}
	
	$(document).ready(function(){
		var tabs = $('#tt').tabs().tabs('tabs');
		for(var i=0; i<tabs.length; i++){
			tabs[i].panel('options').tab.unbind().bind('click',{index:i},function(e){
				if(e.data.index==0){
					window.location.href='<%=request.getContextPath()%>/inventory/list';
				} else if(e.data.index==2){
					
				}
			});
		}
		<%if(request.getParameter("id")!=null){%>
		loadData(<%=request.getParameter("id")%>);
		<%}%>
		
		$('#tt').tabs('select',1);
	});
	</script>
</body>
</html>