新增操作页面
Jmysy
parent
9c7b03b41f
commit
100e10ad1a
|
|
@ -141,6 +141,7 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/** 新增兼容 */
|
/** 新增兼容 */
|
||||||
@media screen and (max-width:768px) {
|
@media screen and (max-width:768px) {
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -105,7 +105,18 @@
|
||||||
.person .title{
|
.person .title{
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-left: 12px;
|
margin-left: 18px;
|
||||||
|
margin-top: 16px;
|
||||||
|
position: absolute;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.person .desc{
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-left: 115px;
|
||||||
|
margin-top: -30px;
|
||||||
|
position: absolute;
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
@ -212,7 +223,9 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-card-body person" style="height: 195px;">
|
<div class="layui-card-body person" style="height: 195px;">
|
||||||
<img src="../../admin/images/avatar.jpg" />
|
<img src="../../admin/images/avatar.jpg" />
|
||||||
<span class="title">晚上好，<span style="color: #51A351;">就眠仪式</span>，我猜你可能累了</span>
|
<span class="title">晚上好，<span style="color: #51A351;">就眠仪式</span>!</span>
|
||||||
|
<br>
|
||||||
|
<span class="desc">我猜你可能累了</span>
|
||||||
<div>
|
<div>
|
||||||
<div class="process-title" style="position: absolute;margin-top: -6px;">
|
<div class="process-title" style="position: absolute;margin-top: -6px;">
|
||||||
完 成 度 :
|
完 成 度 :
|
||||||
|
|
@ -241,6 +254,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="layui-card">
|
||||||
|
<div class="layui-card-header">动态</div>
|
||||||
|
<div class="layui-card-body">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-col-md4">
|
<div class="layui-col-md4">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,105 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Title</title>
|
||||||
|
<link rel="stylesheet" href="../../../admin/css/pearCommon.css" />
|
||||||
|
<link rel="stylesheet" href="../../../component/layui/css/layui.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<form class="layui-form" action="">
|
||||||
|
<div class="mainBox">
|
||||||
|
<div class="main-container">
|
||||||
|
<div class="main-container">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">账号</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="username" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">姓名</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="realName" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">邮箱</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="email" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">密码</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="password" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">电话</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="phone" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">性别</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="radio" name="sex" value="0" title="男">
|
||||||
|
<input type="radio" name="sex" value="1" title="女" checked>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bottom">
|
||||||
|
<div class="button-container">
|
||||||
|
<button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit="" lay-filter="user-save">
|
||||||
|
<i class="layui-icon layui-icon-ok"></i>
|
||||||
|
提交
|
||||||
|
</button>
|
||||||
|
<button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">
|
||||||
|
<i class="layui-icon layui-icon-refresh"></i>
|
||||||
|
重置
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<script src="../../../component/layui/layui.js"></script>
|
||||||
|
<script>
|
||||||
|
layui.use(['form','jquery'],function(){
|
||||||
|
let form = layui.form;
|
||||||
|
let $ = layui.jquery;
|
||||||
|
|
||||||
|
form.on('submit(user-save)', function(data){
|
||||||
|
let roleIds = "";
|
||||||
|
$('input[type=checkbox]:checked').each(function() {
|
||||||
|
roleIds += $(this).val()+",";
|
||||||
|
});
|
||||||
|
roleIds = roleIds.substr(0,roleIds.length-1);
|
||||||
|
data.field.roleIds = roleIds;
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url:'/system/user/save',
|
||||||
|
data:JSON.stringify(data.field),
|
||||||
|
dataType:'json',
|
||||||
|
contentType:'application/json',
|
||||||
|
type:'post',
|
||||||
|
success:function(result){
|
||||||
|
if(result.success){
|
||||||
|
layer.msg(result.msg,{icon:1,time:1000},function(){
|
||||||
|
parent.layer.close(parent.layer.getFrameIndex(window.name));//关闭当前页
|
||||||
|
parent.layui.table.reload("user-table");
|
||||||
|
});
|
||||||
|
}else{
|
||||||
|
layer.msg(result.msg,{icon:2,time:1000});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,105 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Title</title>
|
||||||
|
<link rel="stylesheet" href="../../../admin/css/pearCommon.css" />
|
||||||
|
<link rel="stylesheet" href="../../../component/layui/css/layui.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<form class="layui-form" action="">
|
||||||
|
<div class="mainBox">
|
||||||
|
<div class="main-container">
|
||||||
|
<div class="main-container">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">账号</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="username" value="854085467" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">姓名</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="realName" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">邮箱</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="email" value="854085467@qq.com" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">密码</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="password" value="*******" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">电话</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="text" name="phone" value="15555555555" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layui-form-label">性别</label>
|
||||||
|
<div class="layui-input-block">
|
||||||
|
<input type="radio" name="sex" value="0" title="男">
|
||||||
|
<input type="radio" name="sex" value="1" title="女" checked>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bottom">
|
||||||
|
<div class="button-container">
|
||||||
|
<button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit="" lay-filter="user-save">
|
||||||
|
<i class="layui-icon layui-icon-ok"></i>
|
||||||
|
提交
|
||||||
|
</button>
|
||||||
|
<button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">
|
||||||
|
<i class="layui-icon layui-icon-refresh"></i>
|
||||||
|
重置
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<script src="../../../component/layui/layui.js"></script>
|
||||||
|
<script>
|
||||||
|
layui.use(['form','jquery'],function(){
|
||||||
|
let form = layui.form;
|
||||||
|
let $ = layui.jquery;
|
||||||
|
|
||||||
|
form.on('submit(user-save)', function(data){
|
||||||
|
let roleIds = "";
|
||||||
|
$('input[type=checkbox]:checked').each(function() {
|
||||||
|
roleIds += $(this).val()+",";
|
||||||
|
});
|
||||||
|
roleIds = roleIds.substr(0,roleIds.length-1);
|
||||||
|
data.field.roleIds = roleIds;
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url:'/system/user/save',
|
||||||
|
data:JSON.stringify(data.field),
|
||||||
|
dataType:'json',
|
||||||
|
contentType:'application/json',
|
||||||
|
type:'post',
|
||||||
|
success:function(result){
|
||||||
|
if(result.success){
|
||||||
|
layer.msg(result.msg,{icon:1,time:1000},function(){
|
||||||
|
parent.layer.close(parent.layer.getFrameIndex(window.name));//关闭当前页
|
||||||
|
parent.layui.table.reload("user-table");
|
||||||
|
});
|
||||||
|
}else{
|
||||||
|
layer.msg(result.msg,{icon:2,time:1000});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -81,7 +81,7 @@
|
||||||
let $ = layui.jquery;
|
let $ = layui.jquery;
|
||||||
let treetable = layui.treetable;
|
let treetable = layui.treetable;
|
||||||
|
|
||||||
let MODULE_PATH = "/system/power/";
|
let MODULE_PATH = "operate/";
|
||||||
|
|
||||||
window.render = function(){
|
window.render = function(){
|
||||||
treetable.render({
|
treetable.render({
|
||||||
|
|
@ -137,7 +137,7 @@
|
||||||
title: '新增',
|
title: '新增',
|
||||||
shade: 0.1,
|
shade: 0.1,
|
||||||
area: ['450px', '500px'],
|
area: ['450px', '500px'],
|
||||||
content: MODULE_PATH + 'add'
|
content: MODULE_PATH + 'add.html'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -147,7 +147,7 @@
|
||||||
title: '修改',
|
title: '修改',
|
||||||
shade: 0.1,
|
shade: 0.1,
|
||||||
area: ['450px', '500px'],
|
area: ['450px', '500px'],
|
||||||
content: MODULE_PATH + 'edit?powerId='+obj.data['powerId']
|
content: MODULE_PATH + 'edit.html'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
window.remove = function(obj){
|
window.remove = function(obj){
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,7 @@
|
||||||
let form = layui.form;
|
let form = layui.form;
|
||||||
let $ = layui.jquery;
|
let $ = layui.jquery;
|
||||||
|
|
||||||
let MODULE_PATH = "/system/role/";
|
let MODULE_PATH = "operate/";
|
||||||
|
|
||||||
let cols = [
|
let cols = [
|
||||||
[
|
[
|
||||||
|
|
@ -128,7 +128,7 @@
|
||||||
title: '新增',
|
title: '新增',
|
||||||
shade: 0.1,
|
shade: 0.1,
|
||||||
area: ['500px', '400px'],
|
area: ['500px', '400px'],
|
||||||
content: MODULE_PATH + 'add'
|
content: MODULE_PATH + 'add.html'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -148,7 +148,7 @@
|
||||||
title: '修改',
|
title: '修改',
|
||||||
shade: 0.1,
|
shade: 0.1,
|
||||||
area: ['500px', '400px'],
|
area: ['500px', '400px'],
|
||||||
content: MODULE_PATH + 'edit?roleId='+obj.data['roleId']
|
content: MODULE_PATH + 'edit.html'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -86,7 +86,7 @@
|
||||||
let form = layui.form;
|
let form = layui.form;
|
||||||
let $ = layui.jquery;
|
let $ = layui.jquery;
|
||||||
|
|
||||||
let MODULE_PATH = "/system/user/";
|
let MODULE_PATH = "operate/";
|
||||||
|
|
||||||
let cols = [
|
let cols = [
|
||||||
[
|
[
|
||||||
|
|
@ -148,7 +148,7 @@
|
||||||
title: '新增',
|
title: '新增',
|
||||||
shade: 0.1,
|
shade: 0.1,
|
||||||
area: ['500px', '400px'],
|
area: ['500px', '400px'],
|
||||||
content: MODULE_PATH + 'add'
|
content: MODULE_PATH + 'add.html'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -158,7 +158,7 @@
|
||||||
title: '修改',
|
title: '修改',
|
||||||
shade: 0.1,
|
shade: 0.1,
|
||||||
area: ['500px', '400px'],
|
area: ['500px', '400px'],
|
||||||
content: MODULE_PATH + 'edit?userId='+obj.data['userId']
|
content: MODULE_PATH + 'edit.html'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue