updata: page-loading
parent
02827ddcb9
commit
6e9d24c8d2
|
|
@ -5,7 +5,7 @@ layui.use(["okUtils", "table", "okCountUp", "okMock"], function () {
|
|||
var okUtils = layui.okUtils;
|
||||
var okMock = layui.okMock;
|
||||
var $ = layui.jquery;
|
||||
okLoading.close($);
|
||||
okLoading.close();
|
||||
/**
|
||||
* 收入、商品、博客、用户
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ layui.use(["okUtils", "okCountUp"], function () {
|
|||
var countUp = layui.okCountUp;
|
||||
var okUtils = layui.okUtils;
|
||||
var $ = layui.jquery;
|
||||
okLoading.close($);
|
||||
okLoading.close();
|
||||
/**
|
||||
* 收入、商品、博客、用户
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>权限列表</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body class="ok-body-scroll">
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -5,21 +5,24 @@
|
|||
<title>添加角色</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
<div class="ok-body">
|
||||
<!--form表单-->
|
||||
<form class="layui-form layui-form-pane ok-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">角色名</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" placeholder="请输入角色名" autocomplete="off" class="layui-input" lay-verify="required">
|
||||
<input type="text" name="name" placeholder="请输入角色名" autocomplete="off" class="layui-input"
|
||||
lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">备注</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="remarks" placeholder="请输入备注" autocomplete="off" class="layui-input" lay-verify="required">
|
||||
<input type="text" name="remarks" placeholder="请输入备注" autocomplete="off" class="layui-input"
|
||||
lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
|
|
@ -35,16 +38,16 @@
|
|||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="../../lib/layui/layui.js"></script>
|
||||
<script type="text/javascript">
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="../../lib/layui/layui.js"></script>
|
||||
<script type="text/javascript">
|
||||
layui.use(["element", "form", "tree", "okLayer", "okUtils"], function () {
|
||||
let form = layui.form;
|
||||
let tree = layui.tree;
|
||||
let okLayer = layui.okLayer;
|
||||
let okUtils = layui.okUtils;
|
||||
|
||||
okLoading.close();
|
||||
let data = [{
|
||||
"title": "根目录",
|
||||
"spread": true,
|
||||
|
|
@ -89,6 +92,6 @@
|
|||
return false;
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,9 +6,10 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
<div class="ok-body">
|
||||
<!--form表单-->
|
||||
<form class="layui-form layui-form-pane ok-form">
|
||||
<div class="layui-form-item">
|
||||
|
|
@ -18,10 +19,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="../../lib/layui/layui.js"></script>
|
||||
<script>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="../../lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.config({
|
||||
base: 'lib/layui/lay/modules/authtree/'
|
||||
}).extend({
|
||||
|
|
@ -32,7 +33,7 @@
|
|||
var element = layui.element;
|
||||
var $ = layui.jquery;
|
||||
var form = layui.form;
|
||||
|
||||
okLoading.close();
|
||||
form.on('submit(auth)', function (data) {
|
||||
console.log(data.field);
|
||||
layer.msg("授权成功!", {icon: 6, time: 1000, anim: 4}, function () {
|
||||
|
|
@ -41,6 +42,6 @@
|
|||
return false;
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,21 +5,24 @@
|
|||
<title>编辑角色</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
<div class="ok-body">
|
||||
<!--form表单-->
|
||||
<form class="layui-form ok-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">角色名</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" placeholder="请输入角色名" autocomplete="off" class="layui-input" lay-verify="required">
|
||||
<input type="text" name="name" placeholder="请输入角色名" autocomplete="off" class="layui-input"
|
||||
lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">备注</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="remarks" placeholder="请输入备注" autocomplete="off" class="layui-input" lay-verify="required">
|
||||
<input type="text" name="remarks" placeholder="请输入备注" autocomplete="off" class="layui-input"
|
||||
lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
|
|
@ -36,10 +39,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="../../lib/layui/layui.js"></script>
|
||||
<script>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="../../lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.config({
|
||||
base: ''
|
||||
}).extend({
|
||||
|
|
@ -50,7 +53,7 @@
|
|||
var element = layui.element;
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
|
||||
okLoading.close();
|
||||
form.on('submit(edit)', function (data) {
|
||||
console.log(data.field);
|
||||
layer.msg("编辑成功!", {icon: 6, time: 1000, anim: 4}, function () {
|
||||
|
|
@ -59,6 +62,6 @@
|
|||
return false;
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>角色列表</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
|
|
@ -5,15 +5,17 @@
|
|||
<title>添加用户</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
<div class="ok-body">
|
||||
<!--form表单-->
|
||||
<form class="layui-form layui-form-pane ok-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">用户名</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="username" placeholder="请输入用户名" autocomplete="off" class="layui-input" lay-verify="required">
|
||||
<input type="text" name="username" placeholder="请输入用户名" autocomplete="off" class="layui-input"
|
||||
lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
|
|
@ -93,16 +95,16 @@
|
|||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="../../lib/layui/layui.js"></script>
|
||||
<script>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="../../lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(["element", "form", "laydate", "okLayer", "okUtils"], function () {
|
||||
let form = layui.form;
|
||||
let laydate = layui.laydate;
|
||||
let okLayer = layui.okLayer;
|
||||
let okUtils = layui.okUtils;
|
||||
|
||||
okLoading.close();
|
||||
laydate.render({elem: "#birthday", type: "datetime"});
|
||||
|
||||
form.verify({
|
||||
|
|
@ -121,6 +123,6 @@
|
|||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,21 +5,24 @@
|
|||
<title>更新用户</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
<div class="ok-body">
|
||||
<!--form表单-->
|
||||
<form class="layui-form ok-form" lay-filter="filter">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">用户名</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="username" placeholder="请输入用户名" autocomplete="off" class="layui-input" lay-verify="required">
|
||||
<input type="text" name="username" placeholder="请输入用户名" autocomplete="off" class="layui-input"
|
||||
lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">姓名</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" placeholder="请输入真实姓名" autocomplete="off" class="layui-input" lay-verify="required">
|
||||
<input type="text" name="name" placeholder="请输入真实姓名" autocomplete="off" class="layui-input"
|
||||
lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
|
|
@ -37,13 +40,15 @@
|
|||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">密码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input" lay-verify="required">
|
||||
<input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input"
|
||||
lay-verify="required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">出生日期</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="createTime" placeholder="请选择出生日期 格式为yyyy-MM-dd HH:mm:ss" autocomplete="off" class="layui-input" id="birthday" lay-verify="birthdayVerify">
|
||||
<input type="text" name="createTime" placeholder="请选择出生日期 格式为yyyy-MM-dd HH:mm:ss" autocomplete="off"
|
||||
class="layui-input" id="birthday" lay-verify="birthdayVerify">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
|
|
@ -89,10 +94,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="../../lib/layui/layui.js"></script>
|
||||
<script>
|
||||
</div>
|
||||
<!--js逻辑-->
|
||||
<script src="../../lib/layui/layui.js"></script>
|
||||
<script>
|
||||
let initData;
|
||||
|
||||
function initForm(data) {
|
||||
|
|
@ -105,7 +110,7 @@
|
|||
let laydate = layui.laydate;
|
||||
let okLayer = layui.okLayer;
|
||||
let okUtils = layui.okUtils;
|
||||
|
||||
okLoading.close();
|
||||
form.val("filter", initData);
|
||||
|
||||
laydate.render({elem: "#birthday", type: "datetime"});
|
||||
|
|
@ -126,6 +131,6 @@
|
|||
return false;
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,9 +5,10 @@
|
|||
<title>基本资料</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body class="user-info">
|
||||
<form class="layui-form">
|
||||
<form class="layui-form">
|
||||
<div class="user_left">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">用户名</label>
|
||||
|
|
@ -18,7 +19,8 @@
|
|||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">出生年月</label>
|
||||
<div class="layui-input-block">
|
||||
<input id="uDate" type="text" value="" placeholder="请输入出生年月" lay-verify="required" class="layui-input userBirthday">
|
||||
<input id="uDate" type="text" value="" placeholder="请输入出生年月" lay-verify="required"
|
||||
class="layui-input userBirthday">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item userAddress">
|
||||
|
|
@ -46,8 +48,8 @@
|
|||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
|
||||
<script type="text/javascript" src="user-info.js"></script>
|
||||
</form>
|
||||
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
|
||||
<script type="text/javascript" src="user-info.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ layui.use(['form', 'layer', 'upload', 'laydate', 'okAddlink'], function () {
|
|||
city: 'select[name=city]',
|
||||
area: 'select[name=area]',
|
||||
});
|
||||
|
||||
okLoading.close();
|
||||
laydate.render({
|
||||
elem: '#uDate', //指定元素
|
||||
max: "2019-1-1",
|
||||
|
|
|
|||
|
|
@ -5,9 +5,10 @@
|
|||
<title>修改密码</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body class="childrenBody seting-pass">
|
||||
<form class="layui-form changePwd">
|
||||
<form class="layui-form changePwd">
|
||||
<div style="margin:0 0 15px 110px;color:#f00;">旧密码请输入“123456”,新密码必须两次输入一致才能提交</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">用户名</label>
|
||||
|
|
@ -24,7 +25,8 @@
|
|||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">新密码</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="password" value="" placeholder="请输入新密码" lay-verify="required|pass" id="oldPwd" class="layui-input pwd">
|
||||
<input type="password" value="" placeholder="请输入新密码" lay-verify="required|pass" id="oldPwd"
|
||||
class="layui-input pwd">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
|
|
@ -39,8 +41,8 @@
|
|||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
|
||||
<script type="text/javascript" src="user-pwd.js"></script>
|
||||
</form>
|
||||
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
|
||||
<script type="text/javascript" src="user-pwd.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ layui.use(['form', 'layer'], function () {
|
|||
layer = layui.layer,
|
||||
$ = layui.jquery,
|
||||
$form = $('form');
|
||||
|
||||
okLoading.close();
|
||||
//添加验证规则verify
|
||||
form.verify({
|
||||
pass: [
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@
|
|||
<meta charset="utf-8">
|
||||
<title>用户列表</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ok-body">
|
||||
|
|
|
|||
Loading…
Reference in New Issue