root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

edit 填充参数

v1.0
bobi 2019-05-21 11:30:43 +08:00
parent af683291d3
commit e3385ca165
8 changed files with 62 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
data/user/user.json
View File

@ -6,121 +6,132 @@
{ {
"id": "001", "id": "001",
"username": "zhangsan", "username": "zhangsan",
"name": "张三", "reallyName": "张三",
"password": "111111", "password": "111111",
"status": 0, "status": 0,
"role": 0, "role": 0,
"email": "zhangsan@qq.com", "email": "zhangsan@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
}, },
{ {
"id": "002", "id": "002",
"username": "lisi", "username": "lisi",
"name": "李四", "reallyName": "李四",
"password": "111111", "password": "111111",
"status": 0, "status": 0,
"role": 0, "role": 0,
"email": "lisi@qq.com", "email": "lisi@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
}, },
{ {
"id": "003", "id": "003",
"username": "wangwu", "username": "wangwu",
"name": "王五", "reallyName": "王五",
"password": "111111", "password": "111111",
"status": 1, "status": 1,
"role": 1, "role": 1,
"email": "wangwu@qq.com", "email": "wangwu@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
}, },
{ {
"id": "004", "id": "004",
"username": "zhaoliu", "username": "zhaoliu",
"name": "赵六", "reallyName": "赵六",
"password": "111111", "password": "111111",
"status": 1, "status": 1,
"role": 1, "role": 1,
"email": "zhaoliu@qq.com", "email": "zhaoliu@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
}, },
{ {
"id": "005", "id": "005",
"username": "sunqi", "username": "sunqi",
"name": "孙七", "reallyName": "孙七",
"password": "111111", "password": "111111",
"status": 1, "status": 1,
"role": 1, "role": 1,
"email": "sunqi@qq.com", "email": "sunqi@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
}, },
{ {
"id": "006", "id": "006",
"username": "zhouba", "username": "zhouba",
"name": "周八", "reallyName": "周八",
"password": "111111", "password": "111111",
"status": 1, "status": 1,
"role": 1, "role": 1,
"email": "zhouba@qq.com", "email": "zhouba@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
}, },
{ {
"id": "007", "id": "007",
"username": "wujiu", "username": "wujiu",
"name": "吴九", "reallyName": "吴九",
"password": "111111", "password": "111111",
"status": 1, "status": 1,
"role": 1, "role": 1,
"email": "wujiu@qq.com", "email": "wujiu@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
}, },
{ {
"id": "008", "id": "008",
"username": "zhengshi", "username": "zhengshi",
"name": "郑十", "reallyName": "郑十",
"password": "111111", "password": "111111",
"status": 1, "status": 1,
"role": 1, "role": 1,
"email": "zhengshi@qq.com", "email": "zhengshi@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
}, },
{ {
"id": "009", "id": "009",
"username": "liubei", "username": "liubei",
"name": "刘备", "reallyName": "刘备",
"password": "111111", "password": "111111",
"status": 1, "status": 1,
"role": 1, "role": 1,
"email": "liubei@qq.com", "email": "liubei@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
}, },
{ {
"id": "010", "id": "010",
"username": "zhangfei", "username": "zhangfei",
"name": "张飞", "reallyName": "张飞",
"password": "111111", "password": "111111",
"status": 1, "status": 1,
"role": 1, "role": 1,
"email": "zhangfei@qq.com", "email": "zhangfei@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
}, },
{ {
"id": "011", "id": "011",
"username": "guanyu", "username": "guanyu",
"name": "关羽", "reallyName": "关羽",
"password": "111111", "password": "111111",
"status": 1, "status": 1,
"role": 1, "role": 1,
"email": "guanyu@qq.com", "email": "guanyu@qq.com",
"phone": "13222222222",
"createTime": "2018-05-06 18:15:28", "createTime": "2018-05-06 18:15:28",
"logins": 24 "logins": 24
} }

8
lib/okPlugins/okLayer.js
View File

@ -16,9 +16,10 @@ layui.define(["layer"], function (exports) {
* @param content * @param content
* @param width * @param width
* @param height * @param height
* @param isRefreshTable * @param successFunction
* @param endFunction
*/ */
open: function (title, content, width, height, callbackFunction) { open: function (title, content, width, height, successFunction, endFunction) {
layer.open({ layer.open({
title: title, title: title,
type: 2, type: 2,
@ -29,7 +30,8 @@ layui.define(["layer"], function (exports) {
content: content, content: content,
zIndex: layer.zIndex, zIndex: layer.zIndex,
skin: okLayer.skinChoose(), skin: okLayer.skinChoose(),
end: callbackFunction success: successFunction,
end: endFunction
}); });
}, },
/** /**

4
pages/article/article.html
View File

@ -158,13 +158,13 @@
} }
function add () { function add () {
okLayer.open("添加文章", "article-add.html", "90%", "90%", function () { okLayer.open("添加文章", "article-add.html", "90%", "90%", null, function () {
articleTable.reload(); articleTable.reload();
}) })
} }
function edit (id) { function edit (id) {
okLayer.open("编辑文章", "article-edit.html?id=" + id, "90%", "90%", function () { okLayer.open("编辑文章", "article-edit.html?id=" + id, "90%", "90%", null, function () {
articleTable.reload(); articleTable.reload();
}) })
} }

4
pages/role/role.html
View File

@ -103,7 +103,7 @@
}); });
function add () { function add () {
okLayer.open("添加角色", "role-add.html", "90%", "90%", function () { okLayer.open("添加角色", "role-add.html", "90%", "90%", null, function () {
roleTable.reload(); roleTable.reload();
}) })
} }
@ -124,7 +124,7 @@
} }
function edit (id) { function edit (id) {
okLayer.open("编辑角色", "role-edit.html?id=" + id, "90%", "90%", function () { okLayer.open("编辑角色", "role-edit.html?id=" + id, "90%", "90%", null, function () {
roleTable.reload(); roleTable.reload();
}) })
} }

5
pages/use/use-okLayer.html
View File

@ -64,9 +64,10 @@ okLayer.confirm("确定要批量删除吗？", function (index) {
* @param content 内容url * @param content 内容url
* @param width 弹窗宽度 * @param width 弹窗宽度
* @param height 弹窗高度 * @param height 弹窗高度
* @param function 回调函数 * @param successFunction 弹出后回调函数
* @param endFunction 销毁后回调函数
*/ */
okLayer.open("添加用户", "user-add.html", "90%", "90%", function() {}) okLayer.open("添加用户", "user-add.html", "90%", "90%", function(layero, index) {}, function() {})
</pre> </pre>
</div> </div>
<!--js逻辑--> <!--js逻辑-->

9
pages/use/use-okTab.html
View File

@ -30,8 +30,7 @@
<i class="iconfont icon-ai-new"></i> XX管理 <i class="iconfont icon-ai-new"></i> XX管理
</a> </a>
<dl class="layui-nav-child"> <dl class="layui-nav-child">
// tab-id不可和其它菜单重复 <dd><a href="javascript:;" path="xx.html"><i class="iconfont icon-xx"></i> xx列表</a></dd>
<dd><a href="javascript:;" path="xx.html" tab-id="xx-1"><i class="iconfont icon-xx"></i> xx列表</a></dd>
</dl> </dl>
</li> </li>
</pre> </pre>
@ -43,9 +42,9 @@
<pre class="layui-code" lay-title="HTML" lay-encode="true"> <pre class="layui-code" lay-title="HTML" lay-encode="true">
<dl class="layui-nav-child"> <dl class="layui-nav-child">
<dd><a href="javascript:;" path="user-center.html" tab-id="0-1">个人中心<span class="layui-badge-dot"></span></a></dd> <dd><a href="javascript:;" path="user-center.html">个人中心<span class="layui-badge-dot"></span></a></dd>
<dd><a href="javascript:;" path="user-info.html" tab-id="0-2">基本资料</a></dd> <dd><a href="javascript:;" path="user-info.html">基本资料</a></dd>
<dd><a href="javascript:;" path="user-security.html" tab-id="0-3">安全设置</a></dd> <dd><a href="javascript:;" path="user-security.html">安全设置</a></dd>
<dd><a href="javascript:;" id="lock">锁定账户</a></dd> <dd><a href="javascript:;" id="lock">锁定账户</a></dd>
</dl> </dl>
</pre> </pre>

11
pages/user/user-edit.html
View File

@ -21,7 +21,7 @@
</a> </a>
</div> </div>
<!--form表单--> <!--form表单-->
<form class="layui-form ok-form"> <form class="layui-form ok-form" lay-filter="filter">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">用户名</label> <label class="layui-form-label">用户名</label>
<div class="layui-input-block"> <div class="layui-input-block">
@ -105,6 +105,13 @@
<!--js逻辑--> <!--js逻辑-->
<script src="../../lib/layui/layui.js"></script> <script src="../../lib/layui/layui.js"></script>
<script> <script>
var initData;
function initForm(data) {
var jsonString = JSON.stringify(data)
initData = JSON.parse(jsonString);
}
layui.config({ layui.config({
base: "../../lib/okPlugins/" base: "../../lib/okPlugins/"
}).extend({ }).extend({
@ -116,6 +123,8 @@
var okLayer = layui.okLayer; var okLayer = layui.okLayer;
var okUtils = layui.okUtils; var okUtils = layui.okUtils;
form.val("filter", initData);
laydate.render({elem: "#birthday", type: "datetime"}); laydate.render({elem: "#birthday", type: "datetime"});
form.verify({ form.verify({

21
pages/user/user.html
View File

@ -64,14 +64,15 @@
{type: "checkbox"}, {type: "checkbox"},
{field: "id", title: "ID", width: 80, sort: true}, {field: "id", title: "ID", width: 80, sort: true},
{field: "username", title: "用户名", width: 100}, {field: "username", title: "用户名", width: 100},
{field: "name", title: "姓名", width: 100}, {field: "reallyName", title: "姓名", width: 100},
{field: "password", title: "密码", width: 100}, {field: "password", title: "密码", width: 100},
{field: "status", title: "状态", width: 85, templet: "#statusTpl"},
{field: "role", title: "角色", width: 100, templet: "#roleTpl"}, {field: "role", title: "角色", width: 100, templet: "#roleTpl"},
{field: "email", title: "邮箱", width: 200}, {field: "email", title: "邮箱", width: 200},
{field: "phone", title: "电话号码", width: 200},
{field: "createTime", title: "创建时间", width: 200}, {field: "createTime", title: "创建时间", width: 200},
{field: "status", title: "状态", width: 100, templet: "#statusTpl"},
{field: "logins", title: "登陆次数", width: 100}, {field: "logins", title: "登陆次数", width: 100},
{title: "操作", width: 200, align: 'center', templet: "#operationTpl"} {title: "操作", width: 100, align: 'center', templet: "#operationTpl", fixed: "right"}
]], ]],
done: function (res, curr, count) { done: function (res, curr, count) {
console.log(res, curr, count) console.log(res, curr, count)
@ -105,9 +106,10 @@
table.on("tool(tableFilter)", function (obj) { table.on("tool(tableFilter)", function (obj) {
var data = obj.data; var data = obj.data;
console.log(data);
switch (obj.event) { switch (obj.event) {
case "edit": case "edit":
edit(data.id); edit(data);
break; break;
case "del": case "del":
del(data.id); del(data.id);
@ -161,13 +163,16 @@
} }
function add () { function add () {
okLayer.open("添加用户", "user-add.html", "90%", "90%", function () { okLayer.open("添加用户", "user-add.html", "90%", "90%", null, function () {
userTable.reload(); userTable.reload();
}) })
} }
function edit (id) { function edit (data) {
okLayer.open("编辑用户", "user-edit.html?id=" + id, "90%", "90%", function () { okLayer.open("编辑用户", "user-edit.html", "90%", "90%", function (layero) {
var iframeWin = window[layero.find("iframe")[0]["name"]];
iframeWin.initForm(data);
}, function () {
userTable.reload(); userTable.reload();
}) })
} }