root
/
Pear-Admin-Layui
mirror of https://gitee.com/zhang_1334717033/Pear-Admin-Layui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

新增操作页面

develop
Jmysy 2020-05-23 02:37:58 +08:00
parent 9c7b03b41f
commit 100e10ad1a
7 changed files with 241 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Pear Admin v 2.0/admin/css/pearAdmin.css
View File

@ -141,6 +141,7 @@
display: none;
}
/** 新增兼容 */
@media screen and (max-width:768px) {

23
Pear Admin v 2.0/view/console/console2.html
View File

@ -105,7 +105,18 @@
.person .title{
font-size: 17px;
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>
</head>
@ -212,7 +223,9 @@
</div>
<div class="layui-card-body person" style="height: 195px;">
<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 class="process-title" style="position: absolute;margin-top: -6px;">
&nbsp;&nbsp;完 成 度 :
@ -241,6 +254,12 @@
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">动态</div>
<div class="layui-card-body">
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-card">

105
Pear Admin v 2.0/view/system/operate/add.html Normal file
View File

@ -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>

105
Pear Admin v 2.0/view/system/operate/edit.html Normal file
View File

@ -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>

6
Pear Admin v 2.0/view/system/power.html
View File

@ -81,7 +81,7 @@
let $ = layui.jquery;
let treetable = layui.treetable;
let MODULE_PATH = "/system/power/";
let MODULE_PATH = "operate/";
window.render = function(){
treetable.render({
@ -137,7 +137,7 @@
title: '新增',
shade: 0.1,
area: ['450px', '500px'],
content: MODULE_PATH + 'add'
content: MODULE_PATH + 'add.html'
});
}
@ -147,7 +147,7 @@
title: '修改',
shade: 0.1,
area: ['450px', '500px'],
content: MODULE_PATH + 'edit?powerId='+obj.data['powerId']
content: MODULE_PATH + 'edit.html'
});
}
window.remove = function(obj){

6
Pear Admin v 2.0/view/system/role.html
View File

@ -67,7 +67,7 @@
let form = layui.form;
let $ = layui.jquery;
let MODULE_PATH = "/system/role/";
let MODULE_PATH = "operate/";
let cols = [
[
@ -128,7 +128,7 @@
title: '新增',
shade: 0.1,
area: ['500px', '400px'],
content: MODULE_PATH + 'add'
content: MODULE_PATH + 'add.html'
});
}
@ -148,7 +148,7 @@
title: '修改',
shade: 0.1,
area: ['500px', '400px'],
content: MODULE_PATH + 'edit?roleId='+obj.data['roleId']
content: MODULE_PATH + 'edit.html'
});
}

6
Pear Admin v 2.0/view/system/user.html
View File

@ -86,7 +86,7 @@
let form = layui.form;
let $ = layui.jquery;
let MODULE_PATH = "/system/user/";
let MODULE_PATH = "operate/";
let cols = [
[
@ -148,7 +148,7 @@
title: '新增',
shade: 0.1,
area: ['500px', '400px'],
content: MODULE_PATH + 'add'
content: MODULE_PATH + 'add.html'
});
}
@ -158,7 +158,7 @@
title: '修改',
shade: 0.1,
area: ['500px', '400px'],
content: MODULE_PATH + 'edit?userId='+obj.data['userId']
content: MODULE_PATH + 'edit.html'
});
}