1、将原来单页版的界面改为多页版
weidong
@ -92,6 +92,11 @@ public class GnssDeviceController extends BasicController{
|
||||
if (!StringUtils.isEmpty(parentid)) {
|
||||
queryWrapper.like("parentid", parentid);
|
||||
}
|
||||
//项目号
|
||||
String project_id = search.getString("project_id");
|
||||
if (!StringUtils.isEmpty(project_id)) {
|
||||
queryWrapper.like("project_id", project_id);
|
||||
}
|
||||
//所属组织
|
||||
String tenantname = search.getString("tenantname");
|
||||
if (!StringUtils.isEmpty(tenantname)) {
|
||||
|
||||
@ -11,10 +11,7 @@ import org.springframework.beans.factory.annotation.Autowired;
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.ui.Model;
|
||||
import org.springframework.util.StringUtils;
|
||||
import org.springframework.web.bind.annotation.PostMapping;
|
||||
import org.springframework.web.bind.annotation.RequestBody;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
import org.springframework.web.bind.annotation.ResponseBody;
|
||||
import org.springframework.web.bind.annotation.*;
|
||||
|
||||
import javax.annotation.PostConstruct;
|
||||
import javax.servlet.http.HttpSession;
|
||||
@ -150,4 +147,13 @@ public class WarningController extends BasicController {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@PostMapping("/warning/delete")
|
||||
@ResponseBody
|
||||
public String delete(@RequestParam Integer del_id) throws Exception {
|
||||
int num = warningCfgMapper.deleteById(del_id);
|
||||
if (num == 0) {
|
||||
return HttpResult.failed();
|
||||
} else return HttpResult.ok();
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"code": 1,
|
||||
"msg": "服务端清理缓存成功"
|
||||
}
|
||||
@ -1,143 +0,0 @@
|
||||
{
|
||||
"homeInfo": {
|
||||
"title": "首页",
|
||||
"href": "page/device_overview"
|
||||
},
|
||||
"logoInfo": {
|
||||
"title": "形变监测平台",
|
||||
"image": "images/logo.png",
|
||||
"href": ""
|
||||
},
|
||||
"menuInfo": [
|
||||
{
|
||||
"title": "设备管理",
|
||||
"icon": "fa fa-address-book",
|
||||
"href": "",
|
||||
"target": "_self",
|
||||
"child": [
|
||||
{
|
||||
"title": "设备总览",
|
||||
"href": "page/device_overview",
|
||||
"icon": "fa fa-home",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "运行状态",
|
||||
"href": "page/gnss_status",
|
||||
"icon": "fa fa-tachometer",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "告警管理",
|
||||
"href": "",
|
||||
"icon": "fa fa-bell-o",
|
||||
"target": "",
|
||||
"child": [
|
||||
{
|
||||
"title": "告警消息",
|
||||
"href": "page/warning",
|
||||
"icon": "fa fa-minus",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "告警参数",
|
||||
"href": "page/warning_cfg",
|
||||
"icon": "fa fa-minus",
|
||||
"target": "_self"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "解算结果",
|
||||
"href": "page/gnss_data_calc",
|
||||
"icon": "fa fa-calculator",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "配置管理",
|
||||
"href": "",
|
||||
"icon": "fa fa-gear",
|
||||
"target": "_self",
|
||||
"child": [
|
||||
{
|
||||
"title": "通用参数",
|
||||
"href": "page/gnss_group_cfg",
|
||||
"icon": "fa fa-minus",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "设备参数",
|
||||
"href": "page/gnss_dev_cfg",
|
||||
"icon": "fa fa-minus",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "命令行",
|
||||
"href": "page/cmd_line",
|
||||
"icon": "fa fa-minus",
|
||||
"target": "_self"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "设备消息",
|
||||
"href": "",
|
||||
"icon": "fa fa-file-text-o",
|
||||
"target": "_self",
|
||||
"child": [
|
||||
{
|
||||
"title": "消息摘要",
|
||||
"href": "page/gnss_msg",
|
||||
"icon": "fa fa-minus",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "状态消息",
|
||||
"href": "page/gnss_msg_status",
|
||||
"icon": "fa fa-minus",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "统计消息",
|
||||
"href": "page/gnss_msg_trx",
|
||||
"icon": "fa fa-minus",
|
||||
"target": "_self"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "系统管理",
|
||||
"icon": "fa fa-lemon-o",
|
||||
"href": "",
|
||||
"target": "_self",
|
||||
"child": [
|
||||
{
|
||||
"title": "系统参数",
|
||||
"href": "",
|
||||
"icon": "fa fa-gears",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "组织管理",
|
||||
"href": "sys/tenant",
|
||||
"icon": "fa fa-university",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "用户管理",
|
||||
"href": "",
|
||||
"icon": "fa fa-user",
|
||||
"target": "_self"
|
||||
},
|
||||
{
|
||||
"title": "操作日志",
|
||||
"href": "",
|
||||
"icon": "fa fa-pencil-square-o",
|
||||
"target": "_self"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -1,254 +0,0 @@
|
||||
{
|
||||
"code": 0,
|
||||
"msg": "",
|
||||
"count": 19,
|
||||
"data": [
|
||||
{
|
||||
"authorityId": 1,
|
||||
"authorityName": "系统管理",
|
||||
"orderNumber": 1,
|
||||
"menuUrl": null,
|
||||
"menuIcon": "layui-icon-set",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": null,
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 0,
|
||||
"parentId": -1
|
||||
},
|
||||
{
|
||||
"authorityId": 2,
|
||||
"authorityName": "用户管理",
|
||||
"orderNumber": 2,
|
||||
"menuUrl": "system/user",
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": null,
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 0,
|
||||
"parentId": 1
|
||||
},
|
||||
{
|
||||
"authorityId": 3,
|
||||
"authorityName": "查询用户",
|
||||
"orderNumber": 3,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/07/21 13:54:16",
|
||||
"authority": "user:view",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/21 13:54:16",
|
||||
"isMenu": 1,
|
||||
"parentId": 2
|
||||
},
|
||||
{
|
||||
"authorityId": 4,
|
||||
"authorityName": "添加用户",
|
||||
"orderNumber": 4,
|
||||
"menuUrl": null,
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "user:add",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 2
|
||||
},
|
||||
{
|
||||
"authorityId": 5,
|
||||
"authorityName": "修改用户",
|
||||
"orderNumber": 5,
|
||||
"menuUrl": null,
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "user:edit",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 2
|
||||
},
|
||||
{
|
||||
"authorityId": 6,
|
||||
"authorityName": "删除用户",
|
||||
"orderNumber": 6,
|
||||
"menuUrl": null,
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "user:delete",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 2
|
||||
},
|
||||
{
|
||||
"authorityId": 7,
|
||||
"authorityName": "角色管理",
|
||||
"orderNumber": 7,
|
||||
"menuUrl": "system/role",
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": null,
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 0,
|
||||
"parentId": 1
|
||||
},
|
||||
{
|
||||
"authorityId": 8,
|
||||
"authorityName": "查询角色",
|
||||
"orderNumber": 8,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/07/21 13:54:59",
|
||||
"authority": "role:view",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/21 13:54:58",
|
||||
"isMenu": 1,
|
||||
"parentId": 7
|
||||
},
|
||||
{
|
||||
"authorityId": 9,
|
||||
"authorityName": "添加角色",
|
||||
"orderNumber": 9,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "role:add",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 7
|
||||
},
|
||||
{
|
||||
"authorityId": 10,
|
||||
"authorityName": "修改角色",
|
||||
"orderNumber": 10,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "role:edit",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 7
|
||||
},
|
||||
{
|
||||
"authorityId": 11,
|
||||
"authorityName": "删除角色",
|
||||
"orderNumber": 11,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "role:delete",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 7
|
||||
},
|
||||
{
|
||||
"authorityId": 12,
|
||||
"authorityName": "角色权限管理",
|
||||
"orderNumber": 12,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "role:auth",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 15:27:18",
|
||||
"isMenu": 1,
|
||||
"parentId": 7
|
||||
},
|
||||
{
|
||||
"authorityId": 13,
|
||||
"authorityName": "权限管理",
|
||||
"orderNumber": 13,
|
||||
"menuUrl": "system/authorities",
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": null,
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 15:45:13",
|
||||
"isMenu": 0,
|
||||
"parentId": 1
|
||||
},
|
||||
{
|
||||
"authorityId": 14,
|
||||
"authorityName": "查询权限",
|
||||
"orderNumber": 14,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/07/21 13:55:57",
|
||||
"authority": "authorities:view",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/21 13:55:56",
|
||||
"isMenu": 1,
|
||||
"parentId": 13
|
||||
},
|
||||
{
|
||||
"authorityId": 15,
|
||||
"authorityName": "添加权限",
|
||||
"orderNumber": 15,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "authorities:add",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/06/29 11:05:41",
|
||||
"isMenu": 1,
|
||||
"parentId": 13
|
||||
},
|
||||
{
|
||||
"authorityId": 16,
|
||||
"authorityName": "修改权限",
|
||||
"orderNumber": 16,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/07/13 09:13:42",
|
||||
"authority": "authorities:edit",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/13 09:13:42",
|
||||
"isMenu": 1,
|
||||
"parentId": 13
|
||||
},
|
||||
{
|
||||
"authorityId": 17,
|
||||
"authorityName": "删除权限",
|
||||
"orderNumber": 17,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": "authorities:delete",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/06/29 11:05:41",
|
||||
"isMenu": 1,
|
||||
"parentId": 13
|
||||
},
|
||||
{
|
||||
"authorityId": 18,
|
||||
"authorityName": "登录日志",
|
||||
"orderNumber": 18,
|
||||
"menuUrl": "system/loginRecord",
|
||||
"menuIcon": null,
|
||||
"createTime": "2018/06/29 11:05:41",
|
||||
"authority": null,
|
||||
"checked": 0,
|
||||
"updateTime": "2018/06/29 11:05:41",
|
||||
"isMenu": 0,
|
||||
"parentId": 1
|
||||
},
|
||||
{
|
||||
"authorityId": 19,
|
||||
"authorityName": "查询登录日志",
|
||||
"orderNumber": 19,
|
||||
"menuUrl": "",
|
||||
"menuIcon": "",
|
||||
"createTime": "2018/07/21 13:56:43",
|
||||
"authority": "loginRecord:view",
|
||||
"checked": 0,
|
||||
"updateTime": "2018/07/21 13:56:43",
|
||||
"isMenu": 1,
|
||||
"parentId": 18
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -1,10 +0,0 @@
|
||||
{
|
||||
"code": 1,
|
||||
"msg": "上传成功",
|
||||
"data": {
|
||||
"url": [
|
||||
"../images/logo.png",
|
||||
"../images/captcha.jpg"
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -121,23 +121,209 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.layuimini-page-header {
|
||||
/**tab选项卡 */
|
||||
.layuimini-tab {
|
||||
margin: 0px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-content {
|
||||
height: calc(100% - 37px) !important;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-content .layui-tab-item {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-content {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title {
|
||||
border: none;
|
||||
border: 1px solid whitesmoke;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title li {
|
||||
border-right: 1px solid whitesmoke;
|
||||
color: dimgray;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-tab-bar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-this:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layuimini-tab-active {
|
||||
display: inline-block;
|
||||
background-color: lightgray;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
border-radius: 30px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
|
||||
background-color: #1aa094;
|
||||
}
|
||||
|
||||
.layuimini-tab > .layui-tab-title, .layuimini-tab > .close-box {
|
||||
height: 35px !important;
|
||||
}
|
||||
|
||||
.layuimini-tab > .layui-tab-title li, .layuimini-tab > .close-box li {
|
||||
line-height: 35px !important;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title span {
|
||||
color: #acafb1;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-this span {
|
||||
color: dimgray;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-tab-close {
|
||||
font-size: 12px !important;
|
||||
width: 14px !important;
|
||||
height: 14px !important;
|
||||
line-height: 16px !important;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-tab-close:hover {
|
||||
border-radius: 4em;
|
||||
background: #ff5722;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .disable-close + .layui-tab-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .able-close + .layui-tab-close {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-control > li {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
margin-bottom: 0;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #e1dddd;
|
||||
width: 35px;
|
||||
text-align: center;
|
||||
background-color: white;
|
||||
border-top: whitesmoke 1px solid;
|
||||
border-bottom: whitesmoke 1px solid;
|
||||
}
|
||||
|
||||
.layuimini-page-header .layui-breadcrumb {
|
||||
border-top: 1px solid #f6f6f6;
|
||||
padding: 0 15px;
|
||||
visibility: visible;
|
||||
.layuimini-tab .layuimini-tab-roll-left {
|
||||
left: 0px;
|
||||
border-right: whitesmoke 1px solid;
|
||||
border-left: whitesmoke 1px solid;
|
||||
}
|
||||
|
||||
.layuimini-tab .layuimini-tab-roll-right {
|
||||
right: 35px;
|
||||
border-left: 1px solid whitesmoke;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool {
|
||||
right: 0px;
|
||||
border-left: 1px solid whitesmoke;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-control .layui-tab-tool,
|
||||
.layuimini-tab .layui-tab-control .layuimini-tab-roll-left,
|
||||
.layuimini-tab .layui-tab-control .layuimini-tab-roll-right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-left,
|
||||
.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
|
||||
right: 0px;
|
||||
border-right: 1px solid whitesmoke;
|
||||
}
|
||||
|
||||
.layuimini-tab.layui-tab-roll .layui-tab-title {
|
||||
padding-left: 35px;
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
|
||||
.layuimini-tab.layui-tab-tool .layui-tab-control .layui-tab-tool {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-tab.layui-tab-tool .layui-tab-title {
|
||||
padding-left: 0px;
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
|
||||
.layuimini-tab.layui-tab-rollTool .layui-tab-title {
|
||||
padding-left: 35px;
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-left,
|
||||
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-right,
|
||||
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layui-tab-tool {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-nav {
|
||||
position: absolute;
|
||||
height: 43px !important;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
background: 0 0;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-nav-item {
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-nav-bar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-nav-child {
|
||||
left: auto;
|
||||
top: 45px;
|
||||
right: 3px;
|
||||
width: 120px;
|
||||
border: 1px solid whitesmoke;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-this a {
|
||||
background-color: #009688;
|
||||
}
|
||||
|
||||
.layuimini-tab-loading {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: calc(100% - 37px);
|
||||
top: 37px;
|
||||
z-index: 19;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.layuimini-tab-loading.close {
|
||||
animation: close 1s;
|
||||
-webkit-animation: close 1s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
/**左侧菜单栏 (通用) */
|
||||
.layui-side.layui-bg-black {
|
||||
@ -203,7 +389,6 @@
|
||||
|
||||
/**内容主体（通用） */
|
||||
.layui-layout-admin .layui-body {
|
||||
/*position: fixed;*/
|
||||
overflow: hidden;
|
||||
bottom: 0px !important;
|
||||
top: 60px !important;
|
||||
@ -310,103 +495,9 @@
|
||||
}
|
||||
|
||||
|
||||
/*打开页面动画*/
|
||||
.layui-tab-item.layui-show {
|
||||
animation: moveTop 1s;
|
||||
-webkit-animation: moveTop 1s;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-fill-mode: both;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
@keyframes moveTop {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(30px);
|
||||
-ms-transform: translateY(30px);
|
||||
transform: translateY(30px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes moveTop {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(30px);
|
||||
-ms-transform: translateY(30px);
|
||||
transform: translateY(30px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes moveTop {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(30px);
|
||||
-ms-transform: translateY(30px);
|
||||
transform: translateY(30px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes moveTop {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(30px);
|
||||
-ms-transform: translateY(30px);
|
||||
transform: translateY(30px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
/**自定义滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius: 2em;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #9c9da0;
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius: 2em
|
||||
}
|
||||
|
||||
|
||||
.layuimini-content-page {
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none
|
||||
}
|
||||
|
||||
|
||||
@ -538,6 +629,32 @@
|
||||
font-family: layui-icon !important;
|
||||
}
|
||||
|
||||
/**
|
||||
鼠标右键
|
||||
*/
|
||||
.layuimini-tab-mousedown {
|
||||
display: none;
|
||||
width: 80px;
|
||||
position: absolute;
|
||||
top: 0px !important;
|
||||
left: 0px !important;
|
||||
}
|
||||
|
||||
.layuimini-tab-mousedown dd a {
|
||||
padding: 0 15px;
|
||||
color: #484545;
|
||||
}
|
||||
|
||||
.layuimini-tab-make{
|
||||
position: absolute;
|
||||
top: 36px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
background: rgb(255, 255, 255,0);
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/**
|
||||
菜单缩放
|
||||
*/
|
||||
@ -618,7 +735,6 @@
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
PC版样式
|
||||
*/
|
||||
@ -679,9 +795,8 @@
|
||||
|
||||
/**菜单缩放*/
|
||||
.layuimini-mini .layuimini-menu-left .layui-nav-more,.layuimini-mini .layuimini-menu-left .layui-nav-child{
|
||||
display: none!important;
|
||||
display: none;!important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
@ -689,13 +804,27 @@
|
||||
*/
|
||||
@media screen and (max-width: 1024px) {
|
||||
|
||||
/**
|
||||
todo 修复低版本IOS不能滑动问题, 但还是有问题, 低版本IOS部分情况下子页面无法自适应
|
||||
*/
|
||||
.layuimini-tab .layui-tab-content .layui-tab-item {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: scroll;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-content .layui-tab-item iframe {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.layuimini-pc-show{
|
||||
display: none;
|
||||
}
|
||||
.layuimini-mobile-show{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layuimini-header-content {
|
||||
left: 0;
|
||||
}
|
||||
@ -779,10 +908,6 @@
|
||||
z-index: 997;
|
||||
}
|
||||
|
||||
.layuimini-content-page {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
/*修复UC之类的浏览器点击无效*/
|
||||
.layuimini-make {
|
||||
cursor: pointer;
|
||||
@ -791,7 +916,6 @@
|
||||
.layuimini-site-mobile {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 550px){
|
||||
|
||||
@ -1,13 +1,70 @@
|
||||
.layuimini-content-page{background-color:#f2f2f2!important;}
|
||||
.layuimini-container {border:1px solid #f2f2f2;border-radius:5px;background-color:#f2f2f2}
|
||||
.layuimini-main {margin:10px 10px 10px 10px;border:5px solid #ffffff;border-radius:5px;background-color:#ffffff}
|
||||
.layui-breadcrumb>* {font-size: 13px;!important;}
|
||||
body {
|
||||
margin: 15px 15px 15px 15px;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
|
||||
.layuimini-container {
|
||||
border: 1px solid #f2f2f2;
|
||||
border-radius: 5px;
|
||||
background-color: #ffffff
|
||||
}
|
||||
|
||||
.layuimini-main {
|
||||
margin: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
/**必填红点 */
|
||||
.layuimini-form>.layui-form-item>.required:after {content:'*';color:red;position:absolute;margin-left:4px;font-weight:bold;line-height:1.8em;top:6px;right:5px;}
|
||||
.layuimini-form>.layui-form-item>.layui-form-label {width:120px !important;}
|
||||
.layuimini-form>.layui-form-item>.layui-input-block {margin-left:150px !important;}
|
||||
.layuimini-form>.layui-form-item>.layui-input-block >tip {display:inline-block;margin-top:10px;line-height:10px;font-size:10px;color:#a29c9c;}
|
||||
.layuimini-form > .layui-form-item > .required:after {
|
||||
content: '*';
|
||||
color: red;
|
||||
position: absolute;
|
||||
margin-left: 4px;
|
||||
font-weight: bold;
|
||||
line-height: 1.8em;
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.layuimini-form > .layui-form-item > .layui-form-label {
|
||||
width: 120px !important;
|
||||
}
|
||||
|
||||
.layuimini-form > .layui-form-item > .layui-input-block {
|
||||
margin-left: 150px !important;
|
||||
}
|
||||
|
||||
.layuimini-form > .layui-form-item > .layui-input-block > tip {
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
line-height: 10px;
|
||||
font-size: 10px;
|
||||
color: #a29c9c;
|
||||
}
|
||||
|
||||
/**搜索框*/
|
||||
.layuimini-container .table-search-fieldset {margin: 0;border: 1px solid #e6e6e6;padding: 10px 20px 5px 20px;color: #6b6b6b;}
|
||||
.layuimini-container .table-search-fieldset {
|
||||
margin: 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
padding: 10px 20px 5px 20px;
|
||||
color: #6b6b6b;
|
||||
}
|
||||
|
||||
/**自定义滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius: 2em;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #9c9da0;
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius: 2em
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 157 KiB After Width: | Height: | Size: 146 KiB |
@ -2,6 +2,7 @@
|
||||
* date:2019/08/16
|
||||
* author:Mr.Chung
|
||||
* description:此处放layui自定义扩展
|
||||
* version:2.0.4
|
||||
*/
|
||||
|
||||
window.rootPath = (function (src) {
|
||||
@ -15,7 +16,7 @@ layui.config({
|
||||
}).extend({
|
||||
miniAdmin: "layuimini/miniAdmin", // layuimini后台扩展
|
||||
miniMenu: "layuimini/miniMenu", // layuimini菜单扩展
|
||||
miniPage: "layuimini/miniPage", // layuimini 单页扩展
|
||||
miniTab: "layuimini/miniTab", // layuimini tab扩展
|
||||
miniTheme: "layuimini/miniTheme", // layuimini 主题扩展
|
||||
miniTongji: "layuimini/miniTongji", // layuimini 统计扩展
|
||||
step: 'step-lay/step', // 分步表单扩展
|
||||
@ -26,4 +27,4 @@ layui.config({
|
||||
echartsTheme: 'echarts/echartsTheme', // echarts图表主题扩展
|
||||
wangEditor: 'wangEditor/wangEditor', // wangEditor富文本扩展
|
||||
layarea: 'layarea/layarea', // 省市县区三级联动下拉选择器
|
||||
});
|
||||
});
|
||||
|
||||
@ -4,13 +4,13 @@
|
||||
* version:2.0
|
||||
* description:layuimini 主体框架扩展
|
||||
*/
|
||||
layui.define(["jquery", "miniMenu", "element","miniPage", "miniTheme"], function (exports) {
|
||||
layui.define(["jquery", "miniMenu", "element","miniTab", "miniTheme"], function (exports) {
|
||||
var $ = layui.$,
|
||||
element = layui.element,
|
||||
layer = layui.layer,
|
||||
miniMenu = layui.miniMenu,
|
||||
miniTheme = layui.miniTheme,
|
||||
miniPage = layui.miniPage;
|
||||
element = layui.element ,
|
||||
miniTab = layui.miniTab;
|
||||
|
||||
if (!/http(s*):\/\//.test(location.href)) {
|
||||
var tips = "请先将项目部署至web容器（Apache/Tomcat/Nginx/IIS/等），否则部分数据将无法显示";
|
||||
@ -23,44 +23,46 @@ layui.define(["jquery", "miniMenu", "element","miniPage", "miniTheme"], function
|
||||
* 后台框架初始化
|
||||
* @param options.iniUrl 后台初始化接口地址
|
||||
* @param options.clearUrl 后台清理缓存接口
|
||||
* @param options.renderPageVersion 初始化页面是否加版本号
|
||||
* @param options.urlHashLocation URL地址hash定位
|
||||
* @param options.bgColorDefault 默认皮肤
|
||||
* @param options.multiModule 是否开启多模块
|
||||
* @param options.menuChildOpen 是否展开子菜单
|
||||
* @param options.loadingTime 初始化加载时间
|
||||
* @param options.pageAnim 切换菜单动画
|
||||
* @param options.pageAnim iframe窗口动画
|
||||
* @param options.maxTabNum 最大的tab打开数量
|
||||
*/
|
||||
render: function (options) {
|
||||
options.iniUrl = options.iniUrl || null;
|
||||
options.clearUrl = options.clearUrl || null;
|
||||
options.renderPageVersion = options.renderPageVersion || false;
|
||||
options.urlHashLocation = options.urlHashLocation || false;
|
||||
options.bgColorDefault = options.bgColorDefault || 0;
|
||||
options.multiModule = options.multiModule || false;
|
||||
options.menuChildOpen = options.menuChildOpen || false;
|
||||
options.loadingTime = options.loadingTime || 1;
|
||||
options.pageAnim = options.pageAnim || false;
|
||||
options.maxTabNum = options.maxTabNum || 20;
|
||||
$.getJSON(options.iniUrl, function (data) {
|
||||
if (data == null) {
|
||||
miniAdmin.error('暂无菜单信息')
|
||||
} else {
|
||||
miniAdmin.renderLogo(data.logoInfo);
|
||||
miniAdmin.renderClear(options.clearUrl);
|
||||
miniAdmin.renderHome(data.homeInfo);
|
||||
miniAdmin.renderAnim(options.pageAnim);
|
||||
miniAdmin.listen({
|
||||
homeInfo:data.homeInfo,
|
||||
multiModule: options.multiModule,
|
||||
});
|
||||
miniAdmin.listen();
|
||||
miniMenu.render({
|
||||
menuList: data.menuInfo,
|
||||
multiModule: options.multiModule,
|
||||
menuChildOpen: options.menuChildOpen
|
||||
});
|
||||
miniPage.render({
|
||||
homeInfo:data.homeInfo,
|
||||
menuList: data.menuInfo,
|
||||
miniTab.render({
|
||||
filter: 'layuiminiTab',
|
||||
urlHashLocation: options.urlHashLocation,
|
||||
multiModule: options.multiModule,
|
||||
renderPageVersion: options.renderPageVersion,
|
||||
menuChildOpen: options.menuChildOpen,
|
||||
maxTabNum: options.maxTabNum,
|
||||
menuList: data.menuInfo,
|
||||
homeInfo: data.homeInfo,
|
||||
listenSwichCallback: function () {
|
||||
miniAdmin.renderDevice();
|
||||
}
|
||||
@ -81,10 +83,21 @@ layui.define(["jquery", "miniMenu", "element","miniPage", "miniTheme"], function
|
||||
* @param data
|
||||
*/
|
||||
renderLogo: function (data) {
|
||||
var html = '<a href="javascript:;"><img src="' + data.image + '" alt="logo"><h1>' + data.title + '</h1></a>';
|
||||
var html = '<a href="' + data.href + '"><img src="' + data.image + '" alt="logo"><h1>' + data.title + '</h1></a>';
|
||||
$('.layuimini-logo').html(html);
|
||||
},
|
||||
|
||||
/**
|
||||
* 初始化首页
|
||||
* @param data
|
||||
*/
|
||||
renderHome: function (data) {
|
||||
sessionStorage.setItem('layuiminiHomeHref', data.href);
|
||||
$('#layuiminiHomeTabId').html('<span class="layuimini-tab-active"></span><span class="disable-close">' + data.title + '</span><i class="layui-icon layui-unselect layui-tab-close">ဆ</i>');
|
||||
$('#layuiminiHomeTabId').attr('lay-id', data.href);
|
||||
$('#layuiminiHomeTabIframe').html('<iframe width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" src="' + data.href + '"></iframe>');
|
||||
},
|
||||
|
||||
/**
|
||||
* 初始化缓存地址
|
||||
* @param clearUrl
|
||||
@ -94,23 +107,29 @@ layui.define(["jquery", "miniMenu", "element","miniPage", "miniTheme"], function
|
||||
},
|
||||
|
||||
/**
|
||||
* 切换菜单动画
|
||||
* 初始化iframe窗口动画
|
||||
* @param anim
|
||||
*/
|
||||
renderAnim: function (anim) {
|
||||
if (anim) {
|
||||
$('#layuimini-bg-color').after('<style id="layuimini-page-anim">' +
|
||||
'.layuimini-page-anim {-webkit-animation-name:layuimini-upbit;-webkit-animation-duration:.3s;-webkit-animation-fill-mode:both;}\n' +
|
||||
'@keyframes layuimini-upbit {0% {transform:translate3d(0,30px,0);opacity:.3;}\n' +
|
||||
'100% {transform:translate3d(0,0,0);opacity:1;}\n' +
|
||||
'.layui-tab-item.layui-show {animation:moveTop 1s;-webkit-animation:moveTop 1s;animation-fill-mode:both;-webkit-animation-fill-mode:both;position:relative;height:100%;-webkit-overflow-scrolling:touch;}\n' +
|
||||
'@keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}\n' +
|
||||
' 100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}\n' +
|
||||
'}\n' +
|
||||
'@-o-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}\n' +
|
||||
' 100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}\n' +
|
||||
'}\n' +
|
||||
'@-moz-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}\n' +
|
||||
' 100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}\n' +
|
||||
'}\n' +
|
||||
'@-webkit-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}\n' +
|
||||
' 100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}\n' +
|
||||
'}' +
|
||||
'</style>');
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 进入全屏
|
||||
*/
|
||||
fullScreen: function () {
|
||||
var el = document.documentElement;
|
||||
var rfs = el.requestFullScreen || el.webkitRequestFullScreen;
|
||||
@ -222,10 +241,8 @@ layui.define(["jquery", "miniMenu", "element","miniPage", "miniTheme"], function
|
||||
|
||||
/**
|
||||
* 监听
|
||||
* @param options
|
||||
*/
|
||||
listen: function (options) {
|
||||
options.homeInfo = options.homeInfo || {};
|
||||
listen: function () {
|
||||
|
||||
/**
|
||||
* 清理
|
||||
@ -258,7 +275,7 @@ layui.define(["jquery", "miniMenu", "element","miniPage", "miniTheme"], function
|
||||
* 刷新
|
||||
*/
|
||||
$('body').on('click', '[data-refresh]', function () {
|
||||
miniPage.refresh(options);
|
||||
$(".layui-tab-item.layui-show").find("iframe")[0].contentWindow.location.reload();
|
||||
miniAdmin.success('刷新成功');
|
||||
});
|
||||
|
||||
@ -301,6 +318,7 @@ layui.define(["jquery", "miniMenu", "element","miniPage", "miniTheme"], function
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* 全屏
|
||||
*/
|
||||
|
||||
@ -97,12 +97,13 @@ layui.define(["element","laytpl" ,"jquery"], function (exports) {
|
||||
var leftMenusHtml = me.each(leftMenus || [],function (idx,leftMenu) { // 左侧菜单遍历
|
||||
var children = me.renderChildrenMenu(leftMenu.child, { childOpenClass:options.childOpenClass });
|
||||
var leftMenuHtml = me.compileMenu({
|
||||
href:leftMenu.href,
|
||||
target:leftMenu.target,
|
||||
childOpenClass:options.childOpenClass,
|
||||
icon:leftMenu.icon,
|
||||
title:leftMenu.title,
|
||||
children:children
|
||||
href: leftMenu.href,
|
||||
target: leftMenu.target,
|
||||
childOpenClass: options.childOpenClass,
|
||||
icon: leftMenu.icon,
|
||||
title: leftMenu.title,
|
||||
children: children,
|
||||
className: '',
|
||||
});
|
||||
return leftMenuHtml ;
|
||||
}).join("");
|
||||
|
||||
@ -1,394 +0,0 @@
|
||||
/**
|
||||
* date:2020/02/27
|
||||
* author:Mr.Chung
|
||||
* version:2.0
|
||||
* description:layuimini 单页框架扩展
|
||||
*/
|
||||
layui.define(["element", "jquery"], function (exports) {
|
||||
var element = layui.element,
|
||||
$ = layui.$,
|
||||
// miniAdmin = layui.miniAdmin,
|
||||
layer = layui.layer;
|
||||
|
||||
|
||||
var miniPage = {
|
||||
|
||||
/**
|
||||
* 初始化tab
|
||||
* @param options
|
||||
*/
|
||||
render: function (options) {
|
||||
options.homeInfo = options.homeInfo || {};
|
||||
options.menuList = options.menuList || [];
|
||||
options.multiModule = options.multiModule || false;
|
||||
options.renderPageVersion = options.renderPageVersion || false;
|
||||
options.listenSwichCallback = options.listenSwichCallback || function () {
|
||||
};
|
||||
var href = location.hash.replace(/^#\//, '');
|
||||
if (href === null || href === undefined || href === '') {
|
||||
miniPage.renderHome(options);
|
||||
} else {
|
||||
miniPage.renderPage(href, options);
|
||||
if (options.multiModule) {
|
||||
miniPage.listenSwitchMultiModule(href);
|
||||
} else {
|
||||
miniPage.listenSwitchSingleModule(href);
|
||||
}
|
||||
}
|
||||
miniPage.listen(options);
|
||||
miniPage.listenHash(options);
|
||||
},
|
||||
|
||||
/**
|
||||
* 初始化主页
|
||||
* @param options
|
||||
*/
|
||||
renderHome: function (options) {
|
||||
options.homeInfo = options.homeInfo || {};
|
||||
options.homeInfo.href = options.homeInfo.href || '';
|
||||
options.renderPageVersion = options.renderPageVersion || false;
|
||||
$('.layuimini-page-header').addClass('layui-hide');
|
||||
miniPage.renderPageContent(options.homeInfo.href, options);
|
||||
},
|
||||
|
||||
/**
|
||||
* 初始化页面
|
||||
* @param href
|
||||
* @param options
|
||||
*/
|
||||
renderPage: function (href, options) {
|
||||
miniPage.renderPageTitle(href, options);
|
||||
miniPage.renderPageContent(href, options);
|
||||
},
|
||||
|
||||
/**
|
||||
* 初始化页面标题
|
||||
* @param href
|
||||
* @param options
|
||||
*/
|
||||
renderPageTitle: function (href, options) {
|
||||
options.homeInfo = options.homeInfo || {};
|
||||
options.homeInfo.title = options.homeInfo.title || '主页';
|
||||
options.menuList = options.menuList || [];
|
||||
$('.layuimini-page-header').removeClass('layui-hide');
|
||||
var pageTitleHtml = '<a lay-href="" href="javascript:;" class="layuimini-back-home">' + options.homeInfo.title + '</a><span lay-separator="">/</span>\n';
|
||||
var pageTitleArray = miniPage.buildPageTitleArray(href, options.menuList);
|
||||
if (pageTitleArray.length > 0) {
|
||||
for (var key in pageTitleArray) {
|
||||
key = parseInt(key);
|
||||
if (key !== pageTitleArray.length - 1) {
|
||||
pageTitleHtml += '<a><cite>' + pageTitleArray[key] + '</cite></a><span lay-separator="">/</span>\n';
|
||||
} else {
|
||||
pageTitleHtml += '<a><cite>' + pageTitleArray[key] + '</cite></a>\n';
|
||||
}
|
||||
}
|
||||
} else {
|
||||
var title = sessionStorage.getItem('layuimini_page_title');
|
||||
if (title === null || title === undefined || title === '') {
|
||||
$('.layuimini-page-header').addClass('layui-hide');
|
||||
} else {
|
||||
pageTitleHtml += '<a><cite>' + title + '</cite></a>\n';
|
||||
}
|
||||
}
|
||||
$('.layuimini-page-header .layuimini-page-title').empty().html(pageTitleHtml);
|
||||
},
|
||||
|
||||
/**
|
||||
* 初始化页面内容
|
||||
* @param options
|
||||
* @param href
|
||||
*/
|
||||
renderPageContent: function (href, options) {
|
||||
options.renderPageVersion = options.renderPageVersion || false;
|
||||
var container = '.layuimini-content-page';
|
||||
if (options.renderPageVersion) {
|
||||
var v = new Date().getTime();
|
||||
href = href.indexOf("?") > -1 ? href + '&v=' + v : href + '?v=' + v;
|
||||
}
|
||||
if ($(".layuimini-page-header").hasClass("layui-hide")) {
|
||||
$(container).removeAttr("style");
|
||||
} else {
|
||||
$(container).attr("style", "height: calc(100% - 36px)");
|
||||
}
|
||||
$(container).html('');
|
||||
$.ajax({
|
||||
url: href,
|
||||
type: 'get',
|
||||
dataType: 'html',
|
||||
success: function (data) {
|
||||
$(container).html(data);
|
||||
element.init();
|
||||
},
|
||||
error: function (xhr, textstatus, thrown) {
|
||||
return layer.msg('Status:' + xhr.status + '，' + xhr.statusText + '，请稍后再试！');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 刷新页面内容
|
||||
* @param options
|
||||
*/
|
||||
refresh: function (options) {
|
||||
var href = location.hash.replace(/^#\//, '');
|
||||
if (href === null || href === undefined || href === '') {
|
||||
miniPage.renderHome(options);
|
||||
} else {
|
||||
miniPage.renderPageContent(href, options);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 构建页面标题数组
|
||||
* @param href
|
||||
* @param menuList
|
||||
*/
|
||||
buildPageTitleArray: function (href, menuList) {
|
||||
var array = [],
|
||||
newArray = [];
|
||||
for (key in menuList) {
|
||||
var item = menuList[key];
|
||||
if (item.href === href) {
|
||||
array.push(item.title);
|
||||
break;
|
||||
}
|
||||
if (item.child) {
|
||||
newArray = miniPage.buildPageTitleArray(href, item.child);
|
||||
if (newArray.length > 0) {
|
||||
newArray.unshift(item.title);
|
||||
array = array.concat(newArray);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
return array;
|
||||
},
|
||||
|
||||
/**
|
||||
* 获取指定链接内容
|
||||
* @param href
|
||||
* @returns {string}
|
||||
*/
|
||||
getHrefContent: function (href) {
|
||||
var content = '';
|
||||
var v = new Date().getTime();
|
||||
$.ajax({
|
||||
url: href.indexOf("?") > -1 ? href + '&v=' + v : href + '?v=' + v,
|
||||
type: 'get',
|
||||
dataType: 'html',
|
||||
async: false,
|
||||
success: function (data) {
|
||||
content = data;
|
||||
},
|
||||
error: function (xhr, textstatus, thrown) {
|
||||
return layer.msg('Status:' + xhr.status + '，' + xhr.statusText + '，请稍后再试！');
|
||||
}
|
||||
});
|
||||
return content;
|
||||
},
|
||||
|
||||
/**
|
||||
* 获取弹出层的宽高
|
||||
* @returns {jQuery[]}
|
||||
*/
|
||||
getOpenWidthHeight: function () {
|
||||
var clienWidth = $(".layuimini-content-page").width();
|
||||
var clientHeight = $(".layuimini-content-page").height();
|
||||
var offsetLeft = $(".layuimini-content-page").offset().left;
|
||||
var offsetTop = $(".layuimini-content-page").offset().top;
|
||||
return [clienWidth, clientHeight, offsetTop, offsetLeft];
|
||||
},
|
||||
|
||||
/**
|
||||
* 单模块切换
|
||||
* @param tabId
|
||||
*/
|
||||
listenSwitchSingleModule: function (tabId) {
|
||||
$("[layuimini-href]").each(function () {
|
||||
if ($(this).attr("layuimini-href") === tabId) {
|
||||
// 自动展开菜单栏
|
||||
var addMenuClass = function ($element, type) {
|
||||
if (type === 1) {
|
||||
$element.addClass('layui-this');
|
||||
if ($element.hasClass('layui-nav-item') && $element.hasClass('layui-this')) {
|
||||
$(".layuimini-header-menu li").attr('class', 'layui-nav-item');
|
||||
} else {
|
||||
addMenuClass($element.parent().parent(), 2);
|
||||
}
|
||||
} else {
|
||||
$element.addClass('layui-nav-itemed');
|
||||
if ($element.hasClass('layui-nav-item') && $element.hasClass('layui-nav-itemed')) {
|
||||
$(".layuimini-header-menu li").attr('class', 'layui-nav-item');
|
||||
} else {
|
||||
addMenuClass($element.parent().parent(), 2);
|
||||
}
|
||||
}
|
||||
};
|
||||
addMenuClass($(this).parent(), 1);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 多模块切换
|
||||
* @param tabId
|
||||
*/
|
||||
listenSwitchMultiModule: function (tabId) {
|
||||
$("[layuimini-href]").each(function () {
|
||||
if ($(this).attr("layuimini-href") === tabId) {
|
||||
|
||||
// 自动展开菜单栏
|
||||
var addMenuClass = function ($element, type) {
|
||||
if (type === 1) {
|
||||
$element.addClass('layui-this');
|
||||
if ($element.hasClass('layui-nav-item') && $element.hasClass('layui-this')) {
|
||||
var moduleId = $element.parent().attr('id');
|
||||
$(".layuimini-header-menu li").attr('class', 'layui-nav-item');
|
||||
$("#" + moduleId + "HeaderId").addClass("layui-this");
|
||||
$(".layuimini-menu-left .layui-nav.layui-nav-tree").attr('class', 'layui-nav layui-nav-tree layui-hide');
|
||||
$("#" + moduleId).attr('class', 'layui-nav layui-nav-tree layui-this');
|
||||
} else {
|
||||
addMenuClass($element.parent().parent(), 2);
|
||||
}
|
||||
} else {
|
||||
$element.addClass('layui-nav-itemed');
|
||||
if ($element.hasClass('layui-nav-item') && $element.hasClass('layui-nav-itemed')) {
|
||||
var moduleId = $element.parent().attr('id');
|
||||
$(".layuimini-header-menu li").attr('class', 'layui-nav-item');
|
||||
$("#" + moduleId + "HeaderId").addClass("layui-this");
|
||||
$(".layuimini-menu-left .layui-nav.layui-nav-tree").attr('class', 'layui-nav layui-nav-tree layui-hide');
|
||||
$("#" + moduleId).attr('class', 'layui-nav layui-nav-tree layui-this');
|
||||
} else {
|
||||
addMenuClass($element.parent().parent(), 2);
|
||||
}
|
||||
}
|
||||
};
|
||||
addMenuClass($(this).parent(), 1);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 修改hash地址定位
|
||||
* @param href
|
||||
*/
|
||||
hashChange: function (href) {
|
||||
window.location.hash = "/" + href;
|
||||
},
|
||||
|
||||
/**
|
||||
* 修改hash地址为主页
|
||||
*/
|
||||
hashHome: function () {
|
||||
window.location.hash = "/";
|
||||
},
|
||||
|
||||
/**
|
||||
* 监听
|
||||
* @param options
|
||||
*/
|
||||
listen: function (options) {
|
||||
|
||||
/**
|
||||
* 打开新窗口
|
||||
*/
|
||||
$('body').on('click', '[layuimini-href]', function () {
|
||||
var loading = layer.load(0, {shade: false, time: 2 * 1000});
|
||||
var href = $(this).attr('layuimini-href'),
|
||||
target = $(this).attr('target');
|
||||
if(!href) return ;
|
||||
var me = this ;
|
||||
var el = $("[layuimini-href='"+href+"']",".layuimini-menu-left") ;
|
||||
layer.close(window.openTips);
|
||||
if(el.length){
|
||||
$(el).closest(".layui-nav-tree").find(".layui-this").removeClass("layui-this");
|
||||
$(el).parent().addClass("layui-this");
|
||||
}
|
||||
if (target === '_blank') {
|
||||
layer.close(loading);
|
||||
window.open(href, "_blank");
|
||||
return false;
|
||||
}
|
||||
miniPage.hashChange(href);
|
||||
$('.layuimini-menu-left').attr('layuimini-page-add', 'yes');
|
||||
layer.close(loading);
|
||||
});
|
||||
|
||||
/**
|
||||
* 在子页面上打开新窗口
|
||||
*/
|
||||
$('body').on('click', '[layuimini-content-href]', function () {
|
||||
var loading = parent.layer.load(0, {shade: false, time: 2 * 1000});
|
||||
var href = $(this).attr('layuimini-content-href'),
|
||||
title = $(this).attr('data-title'),
|
||||
target = $(this).attr('target');
|
||||
if(!href) return ;
|
||||
var me = this ;
|
||||
var el = $("[layuimini-href='"+href+"']",".layuimini-menu-left") ;
|
||||
layer.close(window.openTips);
|
||||
if(el.length){
|
||||
$(el).closest(".layui-nav-tree").find(".layui-this").removeClass("layui-this");
|
||||
$(el).parent().addClass("layui-this");
|
||||
}
|
||||
if (target === '_blank') {
|
||||
parent.layer.close(loading);
|
||||
window.open(href, "_blank");
|
||||
return false;
|
||||
}
|
||||
sessionStorage.setItem('layuimini_page_title', title);
|
||||
miniPage.hashChange(href);
|
||||
parent.layer.close(loading);
|
||||
});
|
||||
|
||||
/**
|
||||
* 返回主页
|
||||
*/
|
||||
$('body').on('click', '.layuimini-back-home', function () {
|
||||
miniPage.hashHome();
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* 监听hash变化
|
||||
* @returns {boolean}
|
||||
*/
|
||||
listenHash: function (options) {
|
||||
options.homeInfo = options.homeInfo || {};
|
||||
options.multiModule = options.multiModule || false;
|
||||
options.listenSwichCallback = options.listenSwichCallback || function () {
|
||||
};
|
||||
window.onhashchange = function () {
|
||||
var href = location.hash.replace(/^#\//, '');
|
||||
if (typeof options.listenSwichCallback === 'function') {
|
||||
options.listenSwichCallback();
|
||||
}
|
||||
if (href === null || href === undefined || href === '') {
|
||||
$("[layuimini-href]").parent().removeClass('layui-this');
|
||||
miniPage.renderHome(options);
|
||||
} else {
|
||||
miniPage.renderPage(href, options);
|
||||
}
|
||||
if ($('.layuimini-menu-left').attr('layuimini-page-add') === 'yes') {
|
||||
$('.layuimini-menu-left').attr('layuimini-page-add', 'no');
|
||||
} else {
|
||||
// 从页面中打开的话，浏览器前进后退、需要重新定位菜单焦点
|
||||
$("[layuimini-href]").parent().removeClass('layui-this');
|
||||
if (options.multiModule) {
|
||||
miniPage.listenSwitchMultiModule(href);
|
||||
} else {
|
||||
miniPage.listenSwitchSingleModule(href);
|
||||
}
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
};
|
||||
|
||||
exports("miniPage", miniPage);
|
||||
});
|
||||
@ -1,2 +0,0 @@
|
||||
/** layui-v2.5.5 MIT License By https://www.layui.com */
|
||||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}
|
||||
|
Before Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 701 B |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 277 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 777 B |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |