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

fixed:format code

master
bobi 2019-08-22 11:30:35 +08:00
parent 22f0348bb5
commit 9f2c7cd694
8 changed files with 350 additions and 357 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

247
index.html
View File

@ -1,141 +1,138 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ok-admin v2.0 | 很赞的后台模版</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="css/okadmin.css"/>
<meta charset="utf-8">
<title>ok-admin v2.0 | 很赞的后台模版</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="css/okadmin.css"/>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin okadmin">
<!--头部导航-->
<div class="layui-header okadmin-header">
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item">
<a class="ok-menu ok-show-menu" href="javascript:" title="菜单切换">
<i class="layui-icon layui-icon-shrink-right"></i>
</a>
</li>
<li class="layui-nav-item">
<a class="ok-refresh" href="javascript:" title="刷新">
<i class="layui-icon layui-icon-refresh-3"></i>
</a>
</li>
<li class="layui-nav-item ok-input-search">
<input type="text" placeholder="搜索..." class="layui-input layui-input-search"/>
</li>
<li class="ok-nav-item ok-hide-md">
<!-- 天气信息 -->
<div class="weather-ok">
<iframe frameborder="0" scrolling="no" class="iframe-style" src="pages/weather.html" frameborder="0"></iframe>
</div>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="no-line layui-nav-item layui-hide-xs">
<a id="notice" class="flex-vc pr10 pl10" href="javascript:">
<i class="ok-iconbell icon-head-i"></i><cite>系统公告</cite>
</a>
</li>
<li class="no-line layui-nav-item layui-hide-xs">
<a id="lock" class="flex-vc pr10 pl10" href="javascript:">
<i class="ok-iconlock_outline icon-head-i"></i><cite>锁屏</cite>
</a>
</li>
<li class="layui-nav-item layui-hide-xs">
<a id="fullScreen" class=" pr10 pl10" href="javascript:">
<i class="layui-icon layui-icon-screen-full"></i>
</a>
</li>
<li class="no-line layui-nav-item">
<a href="javascript:">
<img src="images/head.png" class="layui-nav-img">
bobi
</a>
<dl id="userInfo" class="layui-nav-child">
<dd><a lay-id="u-1" href="javascript:" data-url="pages/member/user.html">个人中心<span
class="layui-badge-dot"></span></a></dd>
<dd><a lay-id="u-2" href="javascript:" data-url="pages/member/user-info.html">基本资料</a></dd>
<dd><a lay-id="u-3" href="javascript:" data-url="pages/member/changePwd.html">安全设置</a></dd>
<dd>
<hr/>
</dd>
<dd><a href="javascript:void(0)" id="logout">退出登录</a></dd>
</dl>
</li>
</ul>
</div>
<!--遮罩层-->
<div class="ok-make"></div>
<!--左侧导航区域-->
<div class="layui-side layui-side-menu okadmin-bg-20222A ok-left">
<div class="layui-side-scroll okadmin-side">
<div class="okadmin-logo">ok-admin v2.0</div>
<div class="user-photo">
<a class="img" title="我的头像">
<img src="images/head.png" class="userAvatar">
</a>
<p>你好！<span class="userName">bobi</span>, 欢迎登录</p>
</div>
<!--左侧导航菜单-->
<ul id="navBar" class="layui-nav okadmin-nav okadmin-bg-20222A layui-nav-tree">
<li class="layui-nav-item layui-this">
<a href="javascript:" lay-id="1" data-url="pages/home.html">
<i is-close=false class="ok-icon ok-iconairplay"></i>
主页一
</a>
<!--头部导航-->
<div class="layui-header okadmin-header">
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item">
<a class="ok-menu ok-show-menu" href="javascript:" title="菜单切换">
<i class="layui-icon layui-icon-shrink-right"></i>
</a>
</li>
<li class="layui-nav-item">
<a class="ok-refresh" href="javascript:" title="刷新">
<i class="layui-icon layui-icon-refresh-3"></i>
</a>
</li>
<li class="layui-nav-item ok-input-search">
<input type="text" placeholder="搜索..." class="layui-input layui-input-search"/>
</li>
<li class="ok-nav-item ok-hide-md">
<!-- 天气信息 -->
<div class="weather-ok">
<iframe frameborder="0" scrolling="no" class="iframe-style" src="pages/weather.html" frameborder="0"></iframe>
</div>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="no-line layui-nav-item layui-hide-xs">
<a id="notice" class="flex-vc pr10 pl10" href="javascript:">
<i class="ok-iconbell icon-head-i"></i><cite>系统公告</cite>
</a>
</li>
</ul>
</div>
</div>
<!-- 内容主体区域 -->
<div class="content-body">
<div class="layui-tab ok-tab" lay-filter="ok-tab" lay-allowClose="true" lay-unauto>
<!--<div class="okadmin-pagetabs"></div>-->
<div data-id="left" id="okLeftMove" class="layui-icon okadmin-tabs-control layui-icon-prev okNavMove"></div>
<div data-id="right" id="okRightMove" class="layui-icon okadmin-tabs-control layui-icon-next okNavMove"></div>
<li class="no-line layui-nav-item layui-hide-xs">
<a id="lock" class="flex-vc pr10 pl10" href="javascript:">
<i class="ok-iconlock_outline icon-head-i"></i><cite>锁屏</cite>
</a>
</li>
<div class="layui-icon okadmin-tabs-control ok-right-nav-menu" style="right: 0;">
<ul class="okadmin-nav">
<li class="no-line okadmin-nav-item">
<div class="okadmin-link layui-icon-down" href="javascript:;"></div>
<dl id="tabAction" class="okadmin-nav-child layui-anim-upbit layui-anim">
<dd><a data-num="1" href="javascript:">关闭当前标签页</a></dd>
<dd><a data-num="2" href="javascript:">关闭其他标签页</a></dd>
<dd><a data-num="3" href="javascript:">关闭所有标签页</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-hide-xs">
<a id="fullScreen" class=" pr10 pl10" href="javascript:">
<i class="layui-icon layui-icon-screen-full"></i>
</a>
</li>
<li class="no-line layui-nav-item">
<a href="javascript:">
<img src="images/head.png" class="layui-nav-img">
bobi
</a>
<dl id="userInfo" class="layui-nav-child">
<dd><a lay-id="u-1" href="javascript:" data-url="pages/member/user.html">个人中心<span class="layui-badge-dot"></span></a></dd>
<dd><a lay-id="u-2" href="javascript:" data-url="pages/member/user-info.html">基本资料</a></dd>
<dd><a lay-id="u-3" href="javascript:" data-url="pages/member/changePwd.html">安全设置</a></dd>
<dd>
<hr/>
</dd>
<dd><a href="javascript:void(0)" id="logout">退出登录</a></dd>
</dl>
</li>
</ul>
</div>
<!--遮罩层-->
<div class="ok-make"></div>
<!--左侧导航区域-->
<div class="layui-side layui-side-menu okadmin-bg-20222A ok-left">
<div class="layui-side-scroll okadmin-side">
<div class="okadmin-logo">ok-admin v2.0</div>
<div class="user-photo">
<a class="img" title="我的头像">
<img src="images/head.png" class="userAvatar">
</a>
<p>你好！<span class="userName">bobi</span>, 欢迎登录</p>
</div>
<!--左侧导航菜单-->
<ul id="navBar" class="layui-nav okadmin-nav okadmin-bg-20222A layui-nav-tree">
<li class="layui-nav-item layui-this">
<a href="javascript:" lay-id="1" data-url="pages/home.html">
<i is-close=false class="ok-icon ok-iconairplay"></i>
主页一
</a>
</li>
</ul>
</div>
</div>
</div>
<ul id="tabTitle" class="layui-tab-title ok-tab-title not-scroll">
<li class="layui-this" lay-id="1" tab="index">
<i class="ok-icon ok-iconairplay"></i>
<cite is-close=false>主页一</cite>
</li>
</ul>
<div id="tabContent" class="layui-tab-content ok-tab-content">
<div class="layui-tab-item layui-show">
<iframe src='pages/home.html' frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
<!-- 内容主体区域 -->
<div class="content-body">
<div class="layui-tab ok-tab" lay-filter="ok-tab" lay-allowClose="true" lay-unauto>
<div data-id="left" id="okLeftMove" class="layui-icon okadmin-tabs-control layui-icon-prev okNavMove"></div>
<div data-id="right" id="okRightMove" class="layui-icon okadmin-tabs-control layui-icon-next okNavMove"></div>
<div class="layui-icon okadmin-tabs-control ok-right-nav-menu" style="right: 0;">
<ul class="okadmin-nav">
<li class="no-line okadmin-nav-item">
<div class="okadmin-link layui-icon-down" href="javascript:;"></div>
<dl id="tabAction" class="okadmin-nav-child layui-anim-upbit layui-anim">
<dd><a data-num="1" href="javascript:">关闭当前标签页</a></dd>
<dd><a data-num="2" href="javascript:">关闭其他标签页</a></dd>
<dd><a data-num="3" href="javascript:">关闭所有标签页</a></dd>
</dl>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--底部信息-->
<div class="layui-footer okadmin-text-center">
Copyright ©2019-©2020 ok-admin v2.0 All Rights Reserved
<button class="layui-btn layui-btn-danger layui-btn-xs donate">捐赠作者</button>
<button class="layui-btn layui-btn-danger layui-btn-xs communication">QQ群交流</button>
</div>
<ul id="tabTitle" class="layui-tab-title ok-tab-title not-scroll">
<li class="layui-this" lay-id="1" tab="index">
<i class="ok-icon ok-iconairplay"></i>
<cite is-close=false>主页一</cite>
</li>
</ul>
<div id="tabContent" class="layui-tab-content ok-tab-content">
<div class="layui-tab-item layui-show">
<iframe src='pages/home.html' frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</div>
<!--底部信息-->
<div class="layui-footer okadmin-text-center">
Copyright ©2019-©2020 ok-admin v2.0 All Rights Reserved
<button class="layui-btn layui-btn-danger layui-btn-xs donate">捐赠作者</button>
<button class="layui-btn layui-btn-danger layui-btn-xs communication">QQ群交流</button>
</div>
</div>
<div class="yy"></div>
<!--js逻辑-->

7
pages/home.html
View File

@ -161,13 +161,6 @@
</div>
</div>
</div>
<!--日历-->
<!--<div class="layui-row layui-col-space15">-->
<!--<div class="clearfix">-->
<!--<div id="calendar"></div>-->
<!--</div>-->
<!--</div>-->
</body>
</html>
<script type="text/javascript" src="../lib/layui/layui.js"></script>

9
pages/home2.html
View File

@ -26,7 +26,7 @@
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-01.png" alt="收入" />
<img src="../images/home-01.png" alt="收入"/>
</div>
</div>
<div id="echIncome" class="line-home-a"></div>
@ -43,7 +43,7 @@
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-02.png" alt="商品" />
<img src="../images/home-02.png" alt="商品"/>
</div>
</div>
<div id="echGoods" class="line-home-a"></div>
@ -60,7 +60,7 @@
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-03.png" alt="博客" />
<img src="../images/home-03.png" alt="博客"/>
</div>
</div>
<div id="echBlogs" class="line-home-a"></div>
@ -77,7 +77,7 @@
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-04.png" alt="用户" />
<img src="../images/home-04.png" alt="用户"/>
</div>
</div>
<div id="echUser" class="line-home-a"></div>
@ -119,7 +119,6 @@
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../lib/layui/layui.js"></script>

134
pages/login.html
View File

@ -1,84 +1,84 @@
<!DOCTYPE html>
<html lang="en" class="page-fill">
<head>
<meta charset="UTF-8">
<title>ok-admin v2.0 | 很赞的后台模版</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="../css/okadmin.css"/>
<meta charset="UTF-8">
<title>ok-admin v2.0 | 很赞的后台模版</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="../css/okadmin.css"/>
</head>
<body class="page-fill">
<div class="page-fill" id="login">
<form class="layui-form">
<div class="login_face"><img src="../images/a.png" class="userAvatar"></div>
<div class="layui-form-item input-item">
<label for="userName">用户名</label>
<input type="text" lay-verify="required" name="userName" placeholder="请输入用户名" autocomplete="off" id="userName" class="layui-input">
</div>
<div class="layui-form-item input-item">
<label for="password">密码</label>
<input type="password" lay-verify="required|pass" name="password" placeholder="请输入密码" autocomplete="off" id="password" class="layui-input">
</div>
<div class="layui-form-item input-item" id="imgCode">
<label for="code">验证码</label>
<input type="text" lay-verify="required|yzmCode" name="code" placeholder="请输入验证码" autocomplete="off" id="code" class="layui-input">
<div class="img ok-none-select" id="codeImg"></div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-block" lay-filter="login" lay-submit="">登录</button>
</div>
</form>
<form class="layui-form">
<div class="login_face"><img src="../images/a.png" class="userAvatar"></div>
<div class="layui-form-item input-item">
<label for="userName">用户名</label>
<input type="text" lay-verify="required" name="userName" placeholder="请输入用户名" autocomplete="off" id="userName" class="layui-input">
</div>
<div class="layui-form-item input-item">
<label for="password">密码</label>
<input type="password" lay-verify="required|pass" name="password" placeholder="请输入密码" autocomplete="off" id="password" class="layui-input">
</div>
<div class="layui-form-item input-item" id="imgCode">
<label for="code">验证码</label>
<input type="text" lay-verify="required|yzmCode" name="code" placeholder="请输入验证码" autocomplete="off" id="code" class="layui-input">
<div class="img ok-none-select" id="codeImg"></div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-block" lay-filter="login" lay-submit="">登录</button>
</div>
</form>
</div>
<!--js逻辑-->
<script src="../lib/layui/layui.js"></script>
<script>
layui.use(["form", "jquery", "okGVerify"], function () {
var form = layui.form;
var $ = layui.jquery;
var okGVerify = layui.okGVerify;
var verifyCode = new okGVerify("#codeImg");
// var res = verifyCode.validate(document.getElementById("code").value);
form.verify({
pass: [
/^[\S]{6,12}$/,
'密码必须6到12位，且不能出现空格'
],
yzmCode: function (val) {
if (verifyCode.validate(val) != "true") {
return verifyCode.validate(val)
layui.use(["form", "jquery", "okGVerify"], function () {
var form = layui.form;
var $ = layui.jquery;
var okGVerify = layui.okGVerify;
var verifyCode = new okGVerify("#codeImg");
// var res = verifyCode.validate(document.getElementById("code").value);
form.verify({
pass: [
/^[\S]{6,12}$/,
'密码必须6到12位，且不能出现空格'
],
yzmCode: function (val) {
if (verifyCode.validate(val) != "true") {
return verifyCode.validate(val)
}
}
}
});
});
form.on('submit(login)', function (data) {
layer.msg("登陆中...", {icon: 6, time: 1000, anim: 0}, function () {
window.location = "../index.html";
});
return false;
});
form.on('submit(login)', function (data) {
layer.msg("登陆中...", {icon: 6, time: 1000, anim: 0}, function () {
window.location = "../index.html";
});
return false;
});
//表单输入效果
$("#login .input-item .layui-input").click(function (e) {
e.stopPropagation();
$(this).addClass("layui-input-focus").find(".layui-input").focus();
});
$("#login .layui-form-item .layui-input").focus(function () {
$(this).parent().addClass("layui-input-focus");
});
$("#login .layui-form-item .layui-input").blur(function () {
$(this).parent().removeClass("layui-input-focus");
if ($(this).val() != '') {
$(this).parent().addClass("layui-input-active");
} else {
$(this).parent().removeClass("layui-input-active");
}
})
});
//表单输入效果
$("#login .input-item .layui-input").click(function (e) {
e.stopPropagation();
$(this).addClass("layui-input-focus").find(".layui-input").focus();
});
$("#login .layui-form-item .layui-input").focus(function () {
$(this).parent().addClass("layui-input-focus");
});
$("#login .layui-form-item .layui-input").blur(function () {
$(this).parent().removeClass("layui-input-focus");
if ($(this).val() != '') {
$(this).parent().addClass("layui-input-active");
} else {
$(this).parent().removeClass("layui-input-active");
}
})
});
</script>
</body>
</html>

14
pages/member/user-add.html
View File

@ -108,8 +108,8 @@
layui.use(["element", "form", "laydate", "okLayer", "okUtils"], function () {
var form = layui.form;
var laydate = layui.laydate;
var okLayer = layui.okLayer;
var okUtils = layui.okUtils;
var okLayer = layui.okLayer;
var okUtils = layui.okUtils;
laydate.render({elem: "#birthday", type: "datetime"});
@ -118,14 +118,14 @@
});
form.on("submit(add)", function (data) {
okUtils.ajax(okUtils.mockApi.user.add, "post", data.field).done(function (response) {
console.log(response)
okUtils.ajax(okUtils.mockApi.user.add, "post", data.field).done(function (response) {
console.log(response)
okLayer.msg.greenTick("添加成功", function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
});
}).fail(function (error) {
console.log(error)
});
}).fail(function (error) {
console.log(error)
});
return false;
});
});

15
pages/member/user-edit.html
View File

@ -106,18 +106,19 @@
<script src="../../lib/layui/layui.js"></script>
<script>
var initData;
function initForm(data) {
var jsonString = JSON.stringify(data)
initData = JSON.parse(jsonString);
}
function initForm(data) {
var jsonString = JSON.stringify(data)
initData = JSON.parse(jsonString);
}
layui.use(["element", "form", "laydate", "okLayer", "okUtils"], function () {
var form = layui.form;
var laydate = layui.laydate;
var okLayer = layui.okLayer;
var okUtils = layui.okUtils;
var okLayer = layui.okLayer;
var okUtils = layui.okUtils;
form.val("filter", initData);
form.val("filter", initData);
laydate.render({elem: "#birthday", type: "datetime"});

214
pages/member/user.html
View File

@ -43,8 +43,8 @@
var form = layui.form;
var $ = layui.jquery;
var laydate = layui.laydate;
var okLayer = layui.okLayer;
var okUtils = layui.okUtils;
var okLayer = layui.okLayer;
var okUtils = layui.okUtils;
laydate.render({elem: "#startTime", type: "datetime"});
laydate.render({elem: "#endTime", type: "datetime"});
@ -54,9 +54,9 @@
url: "../../data/user-list.json",
limit: 10,
page: true,
toolbar: true,
toolbar: "#toolbarTpl",
size: "sm",
toolbar: true,
toolbar: "#toolbarTpl",
size: "sm",
cols: [[
{type: "checkbox"},
{field: "id", title: "ID", width: 80, sort: true},
@ -77,122 +77,122 @@
form.on("submit(search)", function (data) {
userTable.reload({
where: data.field,
page: {curr: 1}
});
where: data.field,
page: {curr: 1}
});
return false;
});
table.on("toolbar(tableFilter)", function (obj) {
switch (obj.event) {
case "batchEnabled":
batchEnabled();
break;
case "batchDisabled":
batchDisabled();
break;
case "batchDel":
batchDel();
break;
case "add":
add();
break;
}
table.on("toolbar(tableFilter)", function (obj) {
switch (obj.event) {
case "batchEnabled":
batchEnabled();
break;
case "batchDisabled":
batchDisabled();
break;
case "batchDel":
batchDel();
break;
case "add":
add();
break;
}
});
table.on("tool(tableFilter)", function (obj) {
var data = obj.data;
var data = obj.data;
switch (obj.event) {
case "edit":
edit(data);
break;
case "del":
del(data.id);
break;
}
case "edit":
edit(data);
break;
case "del":
del(data.id);
break;
}
});
function batchEnabled () {
okLayer.confirm("确定要批量启用吗？", function (index) {
// TODO
layer.close(index);
var idsStr = okUtils.table.batchCheck(table);
if (idsStr) {
okUtils.ajax(okUtils.mockApi.user.batchNormal, "put", {idsStr: idsStr}).done(function (response) {
console.log(response)
okUtils.table.successMsg("批量启用成功");
}).fail(function (error) {
console.log(error)
});
}
});
}
function batchDisabled() {
okLayer.confirm("确定要批量停用吗？", function (index) {
layer.close(index);
var idsStr = okUtils.table.batchCheck(table);
if (idsStr) {
okUtils.ajax(okUtils.mockApi.user.batchStop, "put", {idsStr: idsStr}).done(function (response) {
console.log(response)
okUtils.table.successMsg("批量停用成功");
}).fail(function (error) {
console.log(error)
});
}
});
}
function batchDel() {
okLayer.confirm("确定要批量删除吗？", function (index) {
layer.close(index);
var idsStr = okUtils.table.batchCheck(table);
if (idsStr) {
okUtils.ajax(okUtils.mockApi.user.batchDel, "delete", {idsStr: idsStr}).done(function (response) {
console.log(response)
okUtils.table.successMsg("批量删除成功");
}).fail(function (error) {
console.log(error)
});
}
});
}
function batchEnabled() {
okLayer.confirm("确定要批量启用吗？", function (index) {
// TODO
layer.close(index);
var idsStr = okUtils.table.batchCheck(table);
if (idsStr) {
okUtils.ajax(okUtils.mockApi.user.batchNormal, "put", {idsStr: idsStr}).done(function (response) {
console.log(response)
okUtils.table.successMsg("批量启用成功");
}).fail(function (error) {
console.log(error)
});
}
});
}
function add () {
okLayer.open("添加用户", "user-add.html", "90%", "90%", null, function () {
function batchDisabled() {
okLayer.confirm("确定要批量停用吗？", function (index) {
layer.close(index);
var idsStr = okUtils.table.batchCheck(table);
if (idsStr) {
okUtils.ajax(okUtils.mockApi.user.batchStop, "put", {idsStr: idsStr}).done(function (response) {
console.log(response)
okUtils.table.successMsg("批量停用成功");
}).fail(function (error) {
console.log(error)
});
}
});
}
function batchDel() {
okLayer.confirm("确定要批量删除吗？", function (index) {
layer.close(index);
var idsStr = okUtils.table.batchCheck(table);
if (idsStr) {
okUtils.ajax(okUtils.mockApi.user.batchDel, "delete", {idsStr: idsStr}).done(function (response) {
console.log(response)
okUtils.table.successMsg("批量删除成功");
}).fail(function (error) {
console.log(error)
});
}
});
}
function add() {
okLayer.open("添加用户", "user-add.html", "90%", "90%", null, function () {
userTable.reload();
})
}
})
}
function edit (data) {
okLayer.open("编辑用户", "user-edit.html", "90%", "90%", function (layero) {
var iframeWin = window[layero.find("iframe")[0]["name"]];
iframeWin.initForm(data);
}, function () {
userTable.reload();
})
}
function del () {
okLayer.confirm("确定要删除吗？", function () {
okUtils.ajax(okUtils.mockApi.user.batchDel, "delete", {idsStr: id}).done(function (response) {
console.log(response)
okUtils.table.successMsg("删除成功");
}).fail(function (error) {
console.log(error)
});
})
}
function edit(data) {
okLayer.open("编辑用户", "user-edit.html", "90%", "90%", function (layero) {
var iframeWin = window[layero.find("iframe")[0]["name"]];
iframeWin.initForm(data);
}, function () {
userTable.reload();
})
}
function del() {
okLayer.confirm("确定要删除吗？", function () {
okUtils.ajax(okUtils.mockApi.user.batchDel, "delete", {idsStr: id}).done(function (response) {
console.log(response)
okUtils.table.successMsg("删除成功");
}).fail(function (error) {
console.log(error)
});
})
}
})
</script>
<!-- 头工具栏模板 -->
<script type="text/html" id="toolbarTpl">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="batchEnabled"><i class="iconfont icon-shangsheng"></i>批量启用</button>
<button class="layui-btn layui-btn-sm layui-btn-warm" lay-event="batchDisabled"><i class="iconfont icon-web-icon-"></i>批量停用</button>
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchDel"><i class="layui-icon layui-icon-delete"></i>批量删除</button>
<button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon">&#xe61f;</i>添加用户</button>
</div>
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="batchEnabled"><i class="iconfont icon-shangsheng"></i>批量启用</button>
<button class="layui-btn layui-btn-sm layui-btn-warm" lay-event="batchDisabled"><i class="iconfont icon-web-icon-"></i>批量停用</button>
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchDel"><i class="layui-icon layui-icon-delete"></i>批量删除</button>
<button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon">&#xe61f;</i>添加用户</button>
</div>
</script>
<!-- 行工具栏模板 -->
<script type="text/html" id="operationTpl">
@ -202,9 +202,9 @@
<!-- 启用|停用模板 -->
<script type="text/html" id="statusTpl">
{{# if(d.status == 0){ }}
<span class="layui-btn layui-btn-normal layui-btn-xs">已启用</span>
<span class="layui-btn layui-btn-normal layui-btn-xs">已启用</span>
{{# } else if(d.status == 1) { }}
<span class="layui-btn layui-btn-warm layui-btn-xs">已停用</span>
<span class="layui-btn layui-btn-warm layui-btn-xs">已停用</span>
{{# } }}
</script>
<script type="text/html" id="roleTpl">

67
pages/weather.html
View File

@ -1,35 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title>中国天气</title>
<style>
#weather-float-he {
position: fixed!important;
z-index: 99999!important;
left: 0!important;
top: 0!important;
transform: scale(.9);
}
#weather-float-he div[data-v-0a6ec0b4]{
box-shadow: none!important;
top: 42px!important;
}
#weather-float-he div[data-v-0a6ec0b4] div{
position:static!important;
}
body,html{
margin: 0;
width: 100%;
height: max-content;
}
</style>
</head>
<body>
<script type="text/javascript">
WIDGET = {
FID: 'FS17XUsOiV'
}
</script>
<script type="text/javascript" src="https://apip.weatherdt.com/float/static/js/r.js?v=1111"></script>
</body>
<head>
<title>中国天气</title>
<style>
#weather-float-he {
position: fixed !important;
z-index: 99999 !important;
left: 0 !important;
top: 0 !important;
transform: scale(.9);
}
#weather-float-he div[data-v-0a6ec0b4] {
box-shadow: none !important;
top: 42px !important;
}
#weather-float-he div[data-v-0a6ec0b4] div {
position: static !important;
}
body, html {
margin: 0;
width: 100%;
height: max-content;
}
</style>
</head>
<body>
<script type="text/javascript">
WIDGET = {
FID: 'FS17XUsOiV'
}
</script>
<script type="text/javascript" src="https://apip.weatherdt.com/float/static/js/r.js?v=1111"></script>
</body>
</html>