201 lines
6.3 KiB
HTML
201 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>新增用户-e订通后台</title>
|
|
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css">
|
|
<link rel="stylesheet" href="index.css">
|
|
<script src="layuiadmin/layui/layui.js"></script>
|
|
<script src="js/function.js"></script>
|
|
</head>
|
|
<body class="childrenBody">
|
|
<form class="layui-form layui-row">
|
|
<input type="hidden" id="id" name="id" value=0>
|
|
<div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">启 用</label>
|
|
<div class="layui-input-block">
|
|
<input type="checkbox" id="live" name="live" lay-skin="switch" lay-text="是|否">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">权 限</label>
|
|
<div class="layui-input-block" id="div_priv" style="border:1px solid #e2e2e2;padding:8px;"></div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">用户名</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" class="layui-input" id="username" name="username" lay-verify="username" placeholder="请输入用户名" value="">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">密 码</label>
|
|
<div class="layui-input-inline">
|
|
<input type="password" class="layui-input" id="password" name="password" lay-verify="password" placeholder="请输入密码" value="">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">密码确认</label>
|
|
<div class="layui-input-inline">
|
|
<input type="password" class="layui-input" id="password1" name="password1" lay-verify="password" placeholder="请再次输入密码" value="">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">备 注</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" class="layui-input" id="remark" name="remark" placeholder="请输入备注">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">添加日期</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" class="layui-input" name="add_date" id="lay_date">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"> </label>
|
|
<div class="layui-input-inline">
|
|
<button id="form1_submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="form1_submit" style="font-weight:bold;"> 保 存 </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
layui.use(['form','layer','laydate'],function(){
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
laydate = layui.laydate,
|
|
$ = layui.jquery;
|
|
//
|
|
var id=get_url_param("id");
|
|
$("#id").val(id);
|
|
var url="./?_m=user&_a=add&id="+id;
|
|
$.ajax(
|
|
{
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var json_data=$.parseJSON(res);
|
|
//alert(JSON.stringify(json_data));
|
|
//设置是否启用
|
|
if(json_data.live=="y")
|
|
$("#live").prop('checked',true);
|
|
//用户名
|
|
$("#username").prop('value',json_data.username);
|
|
//备注
|
|
$("#remark").prop('value',json_data.remark);
|
|
//设置权限复选框
|
|
var html_priv="";
|
|
var user_priv_check=[];
|
|
if(json_data.user_priv_this)
|
|
user_priv_check=json_data.user_priv_this.split(",");
|
|
for(var i=0;i<json_data.user_priv.length;i++){
|
|
var j1=0;//计算下线权限的数量
|
|
for(var j=0;j<json_data.user_priv[i].son.length;j++){
|
|
if($.inArray(json_data.user_priv[i].son[j].path,user_priv_check)>=0)
|
|
j1++;
|
|
}
|
|
html_priv+='<div><input type="checkbox" name="priv_'+i+'" title="'+json_data.user_priv[i].title+'" lay-skin="primary" lay-filter="priv_parent"';
|
|
if(j1==json_data.user_priv[i].son.length)
|
|
html_priv+=' checked';
|
|
html_priv+=' /><ul style="list-style:none;margin:0px;padding:0px;margin-left:30px">';
|
|
for(var j=0;j<json_data.user_priv[i].son.length;j++){
|
|
html_priv+='<li style="list-style:none;display:inline;width:200px;"><input type="checkbox" name="pid_'+json_data.user_priv[i].son[j].id+'" lay-skin="primary" title="'+json_data.user_priv[i].son[j].title+'"';
|
|
if($.inArray(json_data.user_priv[i].son[j].path,user_priv_check)>=0)
|
|
html_priv+=" checked";
|
|
html_priv+='/></li>';
|
|
}
|
|
html_priv+='</ul></div>';
|
|
}
|
|
//alert(html_priv);
|
|
$("#div_priv").html(html_priv);
|
|
//设置添加时间
|
|
laydate.render({
|
|
elem: '#lay_date',
|
|
type: 'datetime',
|
|
value: json_data.add_date
|
|
});
|
|
form.render();
|
|
//二级菜单权限一键勾选
|
|
form.on("checkbox(priv_parent)", function(obj){
|
|
//当前元素
|
|
var ele1 = obj.othis;
|
|
var obj1=ele1.parent().find('input');
|
|
for(var i=0;i<obj1.length;i++){
|
|
if(i>0){
|
|
obj1[i].checked=obj1[0].checked;
|
|
}
|
|
}
|
|
form.render();
|
|
});
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
}
|
|
);
|
|
form.verify({
|
|
username : function(val){
|
|
if(val == ''){
|
|
return "用户名不能为空";
|
|
}
|
|
},
|
|
password : function(val){
|
|
var id=$("#id").val();
|
|
var password1=$("#password1").val();
|
|
if(id>0){
|
|
//修改信息
|
|
if(val || password1){
|
|
if(val!=password1){
|
|
return "2次输入的密码不一致";
|
|
}
|
|
}
|
|
}else{
|
|
if(val == ''){
|
|
return "密码不能为空";
|
|
}
|
|
if(val!=password1){
|
|
return "2次输入的密码不一致";
|
|
}
|
|
}
|
|
}
|
|
})
|
|
//提交
|
|
form.on("submit(form1_submit)",function(data){
|
|
//弹出loading
|
|
//alert(JSON.stringify(data.field));
|
|
var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
|
|
//提交
|
|
var url="./?_m=user&_a=save_add";
|
|
var post_data=data.field;
|
|
//alert(JSON.stringify(post_data));
|
|
$.ajax({
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'GET',
|
|
data:post_data,
|
|
success: function (res) {
|
|
var json_data=$.parseJSON(res);
|
|
if(json_data.code==1){
|
|
//保存成功
|
|
top.layer.close(index);
|
|
top.layer.msg("保存成功！");
|
|
parent.layer.closeAll("iframe");
|
|
//刷新父页面
|
|
parent.tableIns.reload();
|
|
}else{
|
|
//保存失败
|
|
top.layer.close(index);
|
|
top.layer.msg("保存失败！("+json_data.msg+")");
|
|
}
|
|
}
|
|
})
|
|
return false;
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |