user_edit.jsp 4.6 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">
		
		<div class="content" ms-controller="container">
		        <form class="from-control" id="editForm">
		        <input type="hidden" name="userId" ms-duplex="@data.userId">
		      	<table class="kv-table">
					<tbody>
						<tr>
							<td class="kv-label"><span><label>*</label>帐号</span></td>
							<td class="kv-content">
								<%if(request.getParameter("id")==null){ %>
								<input id="name" type="text" name="account" ms-duplex="@data.account"></input>
								<%}else{ %>
									{{@data.account}}
								<%} %>
							</td>
							<td class="kv-label"><span><label>*</label>姓名</span></td>
							<td class="kv-content"><input type="text" name="userName"  ms-duplex="@data.userName"></input></td>
						</tr>
						<tr>
							<td class="kv-label"><span><label>*</label>密码</span></td>
							<td class="kv-content" colspan="3">
								<input type="password" name="password"  ms-duplex="@data.password"></input>
							</td>
						</tr>
						<tr>
							<td class="kv-label">邮箱</td>
							<td class="kv-content">
								<input id="name" type="text" name="email"  ms-duplex="@data.email"></input>
							</td>
							<td class="kv-label">手机号码</td>
							<td class="kv-content"><input type="text" name="mobile" ms-duplex="@data.mobile"></input></td>
						</tr>
						
						<tr>
							<td class="kv-label">状态</td>
							<td class="kv-content" colspan="3">
								<span ms-for="(k, v) in @userStatus" >
								<input type="radio" name="status"  ms-attr="{id:'status_'+@userStatus[k].id,value:@userStatus[k].id}"/>{{v.parName}}
								</span>
							</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:history.back()" 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>
				</form>
		</div>
	</div>
	<script>
	//定义 avalon
	var datavm = avalon.define({
	    $id: "container",
	    data:${entity},
	    userStatus:[]
	});
	
	//保存
	function doSave(){
		var data = $("#editForm").serializeJson();
		var url = '';
		if(data.userId=='null'){//新增
			data.userId = '';
			url='<%=request.getContextPath()%>/rest/eptUserInfo/insert';
		}else{
			url='<%=request.getContextPath()%>/rest/eptUserInfo/update';
		}
		$.post(url, data, function(result) {
			if(result.status==200){
				window.location.href="<%=request.getContextPath()%>/userInfo/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/eptUserInfo/findByPK", par, function(result) {
			if(result.status==200){
				result.data.password='';
				datavm.data = result.data
				initFormData();
			}else{
				$.messager.alert("提示", result.msg);
			}
		});
	}
	
	//初始化表单关联数据
	function initFormData(){
		initUserStatus();
	}
	
	//初始化使用者状态选择
	function initUserStatus(){
		var par = {};
		par.parType=1;
		$.post("<%=request.getContextPath()%>/rest/eptParameter/findByType", par, function(result) {
			if(result.status==200){
				datavm.userStatus=result.data;
				//初始化选项值
				if($('#status_'+datavm.data.status).length>0){
					$('#status_'+datavm.data.status)[0].checked='true';
				}else{
					$('#status_1')[0].checked='true';
				}
			}else{
				$.messager.alert("提示", result.msg);
			}
		});
	}
	
	$(document).ready(function(){
		<%if(request.getParameter("id")==null){%>
		initFormData();
		<%}else{%>
		loadData(<%=request.getParameter("id")%>);
		<%}%>
	});
	</script>
</body> 
</html>