1、新增：重构菜单代码，系统左边菜单支持展开式菜单模式，可在配置中切换菜单模式（经典模式、展开模式），让用户更多选择。
2、优化：菜单节点新增判断，最多只能增加三个级别的显示菜单； 3、优化：优化系统的整体样式，颜色等，增强了整体的UI效果；
This commit is contained in:
HDM58\hdm58
parent
699430f7b5
commit
d3eb2a23f8
@ -1026,6 +1026,7 @@ function set_recursion($result, $pid = 0, $level=-1)
|
||||
if ($v['pid'] == $pid) {
|
||||
if ($pid != 0) {
|
||||
$v['title'] = $space[$level] . $v['title'];
|
||||
$v['level'] = $level+1;
|
||||
}
|
||||
/*将该类别的数据放入list中*/
|
||||
$list[] = $v;
|
||||
|
||||
@ -95,6 +95,7 @@ class Index extends BaseController
|
||||
}
|
||||
View::assign('menu', $list);
|
||||
View::assign('theme',$admin['theme']);
|
||||
View::assign('web',get_system_config('web'));
|
||||
return View();
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{extend name="../../base/view/common/base" /}
|
||||
<!-- 主体 -->
|
||||
{block name="body"}
|
||||
<div class="p-3">
|
||||
<div class="p-page">
|
||||
<table class="layui-hide" id="conf" lay-filter="conf"></table>
|
||||
</div>
|
||||
|
||||
|
||||
@ -5,16 +5,6 @@
|
||||
<h3 class="pb-3">其他配置</h3>
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr>
|
||||
<td class="layui-td-gray">系统主题</td>
|
||||
<td>
|
||||
{empty name="$config.theme"}
|
||||
<input type="radio" name="theme" value="black" title="经典黑" checked>
|
||||
<input type="radio" name="theme" value="white" title="简约白" >
|
||||
{else/}
|
||||
<input type="radio" name="theme" value="black" title="经典黑" {eq name="$config.theme" value="black"}checked{/eq}>
|
||||
<input type="radio" name="theme" value="white" title="简约白" {eq name="$config.theme" value="white"}checked{/eq}>
|
||||
{/empty}
|
||||
</td>
|
||||
<td class="layui-td-gray">开发者</td>
|
||||
<td>
|
||||
<input type="hidden" value="{$id}" name="id">
|
||||
|
||||
@ -11,55 +11,38 @@
|
||||
<input type="hidden" name="id" value="{$id}">
|
||||
<input type="text" name="admin_title" lay-verify="required" autocomplete="off" placeholder="请输入系统名称" lay-reqText="请输入系统名称" class="layui-input" value="{$config.admin_title|default=''}">
|
||||
</td>
|
||||
<td class="layui-td-gray">网站名称<font>*</font>
|
||||
<td class="layui-td-gray-2">左侧菜单模式</td>
|
||||
<td colspan="3">
|
||||
{empty name="$config.menu_mode"}
|
||||
<input type="radio" name="menu_mode" value="classical" title="经典模式" checked>
|
||||
<input type="radio" name="menu_mode" value="expand" title="展开模式" >
|
||||
{else/}
|
||||
<input type="radio" name="menu_mode" value="classical" title="经典模式" {eq name="$config.menu_mode" value="classical"}checked{/eq}>
|
||||
<input type="radio" name="menu_mode" value="expand" title="展开模式" {eq name="$config.menu_mode" value="expand"}checked{/eq}>
|
||||
{/empty}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray">系统域名<font>*</font>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="title" lay-verify="required" autocomplete="off" placeholder="请输入网站平台名称" lay-reqText="请输入网站名称" class="layui-input" value="{$config.title|default=''}">
|
||||
<input type="text" name="domain" lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入系统域名" lay-reqText="请输入系统域名" value="{$config.domain|default=''}">
|
||||
</td>
|
||||
<td rowspan="3" class="layui-td-gray">系统大LOGO</td>
|
||||
<td rowspan="3" style="width: 240px;">
|
||||
<div class="layui-upload" style="width: 240px;">
|
||||
<div class="layui-upload-list" id="logo" style="width: 100%; height:100px; overflow: hidden;">
|
||||
<img src="{$config.logo|default='/static/home/images/syslogo.png'}" style="max-width: 100%; width: 100%;" />
|
||||
<td class="layui-td-gray" rowspan="3">系统大LOGO</td>
|
||||
<td rowspan="3" style="width: 180px;">
|
||||
<div class="layui-upload" style="width: 180px;">
|
||||
<div class="layui-upload-list" id="logo" style="width: 100%; height:64px; overflow: hidden;">
|
||||
<img src="{$config.logo|default='/static/home/images/syslogo.png'}" style="max-width: 100%; height: 64px;" />
|
||||
<input type="hidden" name="logo" value="{$config.logo|default='/static/home/images/syslogo.png'}">
|
||||
</div>
|
||||
<button type="button" class="layui-btn" style="width: 100%;" id="uploadBtn">上传LOGO</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray">网站域名<font>*</font>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="domain" lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入网站域名" lay-reqText="请输入网站域名" value="{$config.domain|default=''}">
|
||||
</td>
|
||||
<td class="layui-td-gray">ICP备案号</td>
|
||||
<td>
|
||||
<input type="text" name="icp" autocomplete="off" placeholder="请输入ICP备案号" class="layui-input" value="{$config.icp|default=''}">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">SEO关键词<font>*</font>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="keywords" lay-verify="required" autocomplete="off" placeholder="多个关键词用“,”隔开" lay-reqText="请输入SEO关键字" class="layui-input" value="{$config.keywords|default=''}">
|
||||
</td>
|
||||
<td class="layui-td-gray-2">公安备案号</td>
|
||||
<td>
|
||||
<input type="text" name="beian" autocomplete="off" placeholder="请输入公安备案号" class="layui-input" value="{$config.beian|default=''}">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray">SEO描述<font>*</font>
|
||||
</td>
|
||||
<td colspan="3">
|
||||
<textarea name="desc" lay-verify="required" placeholder="请输入网站描述" lay-reqText="请输入网站描述" class="layui-textarea">{$config.desc|default=''}</textarea>
|
||||
</td>
|
||||
<td rowspan="2" class="layui-td-gray">系统小LOGO</td>
|
||||
<td rowspan="2" style="width: 240px;">
|
||||
<div class="layui-upload" style="width: 240px;">
|
||||
<div class="layui-upload-list" id="smalllogo" style="width: 100%; height:100px; overflow: hidden; text-align:center;">
|
||||
<img src="{$config.small_logo|default='/static/home/images/syslogo_small.png'}" style="max-width: 100%; width: 48%;" />
|
||||
<td class="layui-td-gray" rowspan="3">系统小LOGO</td>
|
||||
<td rowspan="3" style="width: 180px;">
|
||||
<div class="layui-upload" style="width: 180px;">
|
||||
<div class="layui-upload-list" id="smalllogo" style="width: 100%; height:64px; overflow: hidden; text-align:center;">
|
||||
<img src="{$config.small_logo|default='/static/home/images/syslogo_small.png'}" style="max-width: 100%; height: 64px;" />
|
||||
<input type="hidden" name="small_logo" value="{$config.small_logo|default='/static/home/images/syslogo_small.png'}">
|
||||
</div>
|
||||
<button type="button" class="layui-btn" style="width: 100%;" id="uploadBtn2">上传LOGO</button>
|
||||
@ -67,21 +50,40 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray">统计代码</td>
|
||||
<td colspan="3">
|
||||
<textarea name="code" placeholder="请输入完整的统计代码" class="layui-textarea">{$config.code|default=''}</textarea>
|
||||
<td class="layui-td-gray">ICP备案号</td>
|
||||
<td>
|
||||
<input type="text" name="icp" autocomplete="off" placeholder="请输入ICP备案号" class="layui-input" value="{$config.icp|default=''}">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray">版权信息</td>
|
||||
<td colspan="3">
|
||||
<input type="text" name="copyright" autocomplete="off" placeholder="请输入版权信息" lay-reqText="请输入版权信息" class="layui-input" value="{$config.copyright|default='勾股OA'}">
|
||||
<td class="layui-td-gray">公安备案号</td>
|
||||
<td>
|
||||
<input type="text" name="beian" autocomplete="off" placeholder="请输入公安备案号" class="layui-input" value="{$config.beian|default=''}">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray">系统关键词<font>*</font></td>
|
||||
<td colspan="5">
|
||||
<input type="text" name="keywords" lay-verify="required" autocomplete="off" placeholder="多个关键词用“,”隔开" lay-reqText="请输入系统关键字" class="layui-input" value="{$config.keywords|default=''}">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray">系统描述<font>*</font>
|
||||
</td>
|
||||
<td colspan="5">
|
||||
<textarea name="desc" lay-verify="required" placeholder="请输入系统描述" lay-reqText="请输入系统描述" class="layui-textarea">{$config.desc|default=''}</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">代码版本号<font>*</font>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" lay-verify="required" name="version" autocomplete="off" placeholder="请输入版本号" lay-reqText="请输入版本号" class="layui-input" value="{$config.version|default='1.0.0'}">
|
||||
</td>
|
||||
<td class="layui-td-gray">版权信息</td>
|
||||
<td colspan="3">
|
||||
<input type="text" name="copyright" autocomplete="off" placeholder="请输入版权信息" lay-reqText="请输入版权信息" readonly class="layui-input" value="{$config.copyright|default='勾股OA'}">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
@ -104,7 +106,9 @@
|
||||
let callback = function (e) {
|
||||
layer.msg(e.msg);
|
||||
if (e.code == 0) {
|
||||
tool.sideClose(1000);
|
||||
setTimeout(function(){
|
||||
parent.parent.location.reload();
|
||||
},1000)
|
||||
}
|
||||
}
|
||||
tool.post("/home/conf/edit", data.field, callback);
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
{block name="body"}
|
||||
<div class="layui-layout-body">
|
||||
<div id="GouguApp">
|
||||
<div class="layui-layout gg-layout">
|
||||
<div class="layui-layout gg-layout layout-menu-{$web.menu_mode|default='classical'}">
|
||||
<div class="layui-header">
|
||||
<!-- 头部区域 -->
|
||||
<div class="layui-layout-left">
|
||||
@ -69,51 +69,15 @@
|
||||
</div>
|
||||
|
||||
<!-- 侧边菜单 -->
|
||||
<div class="layui-side layui-side-menu layui-side-{$theme}">
|
||||
<div class="layui-side-scroll no-scroll">
|
||||
<div class="layui-logo" gg-event="closeAllTabs">
|
||||
<img src="{:get_system_config('web','logo')}" onerror="javascript:this.src='{__IMG__}/syslogo.png';this.onerror=null;" style="height: 40px;" class="syslogo">
|
||||
<img src="{:get_system_config('web','small_logo')}" onerror="javascript:this.src='{__IMG__}/syslogo_small.png';this.onerror=null;" style="height: 40px;" class="logo">
|
||||
</div>
|
||||
|
||||
<ul id="menuList" class="layui-nav layui-nav-tree layui-inline" lay-shrink="all">
|
||||
<li class="layui-nav-item menu-li">
|
||||
<a href="javascript:;" class="side-menu-item layui-this" data-href="/home/index/main.html" data-id="0" style="padding-top:0; padding-bottom:0;"><i class="iconfont icon-xueshuguanli"></i> 工 作 台</a>
|
||||
</li>
|
||||
{foreach name="menu" item="a"}
|
||||
<li class="layui-nav-item menu-li">
|
||||
<a href="javascript:;" lay-tips="{$a.title}" lay-direction="2" data-id="{$a.id}" data-title="{$a.title}" data-href="/{$a.src}"><i class="iconfont {$a.icon}"></i> {$a.title}</a>
|
||||
{notempty name="$a.list"}
|
||||
<dl class="layui-nav-child">
|
||||
{foreach name="$a.list" item="b"}
|
||||
<dd>
|
||||
<a href="javascript:;" class="side-menu-item" data-id="{$b.id}" data-title="{$b.title}" data-href="/{$b.src}">{$b.title}</a>
|
||||
{notempty name="$b.list"}
|
||||
<dl class="layui-nav-child">
|
||||
{foreach name="$b.list" item="c"}
|
||||
<dd>
|
||||
<a href="javascript:;" class="side-menu-item" data-id="{$c.id}" data-title="{$c.title}" data-href="/{$c.src}">{$c.title}</a>
|
||||
{notempty name="$c.list"}
|
||||
<dl class="layui-nav-child">
|
||||
{foreach name="$c.list" item="d"}
|
||||
<dd><a href="javascript:;" class="side-menu-item" data-id="{$d.id}" data-title="{$d.title}" data-href="/{$d.src}">{$d.title}</a></dd>
|
||||
{/foreach}
|
||||
</dl>
|
||||
{/notempty}
|
||||
</dd>
|
||||
{/foreach}
|
||||
</dl>
|
||||
{/notempty}
|
||||
</dd>
|
||||
{/foreach}
|
||||
</dl>
|
||||
{/notempty}
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{empty name="$web.menu_mode"}
|
||||
{include file="/index/menu_classical" /}
|
||||
{else/}
|
||||
{if ($web.menu_mode == 'expand') }
|
||||
{include file="/index/menu_expand" /}
|
||||
{else/}
|
||||
{include file="/index/menu_classical" /}
|
||||
{/if}
|
||||
{/empty}
|
||||
<!-- 页面标签 -->
|
||||
<div id="pageTabs" class="page-tabs">
|
||||
<div class="layui-icon gg-tabs-control layui-icon-prev" gg-event="tabRollLeft"></div>
|
||||
@ -139,7 +103,7 @@
|
||||
|
||||
<!-- 主体内容 -->
|
||||
<div class="layui-body" id="GouguAppBody">
|
||||
<div class="gg-tab-page layui-show" id="tabItem0">
|
||||
<div class="gg-tab-page layui-show" id="tabItem0" data-id="0">
|
||||
<iframe id="0" data-frameid="0" title="勾股OA" name="myiframe" src="{:url('/home/index/main')}" frameborder="0" data-timestamp="0" align="left" width="100%" height="100%" scrolling="yes"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
@ -171,11 +135,7 @@
|
||||
}
|
||||
}
|
||||
admin.loading();
|
||||
$('.layui-side-scroll').hover(function(){
|
||||
$(this).removeClass('no-scroll');
|
||||
},function(){
|
||||
$(this).addClass('no-scroll');
|
||||
});
|
||||
menuInit();
|
||||
|
||||
$('#GouguApp').on("click",'[gg-event="logout"]',function () {
|
||||
layer.confirm('确认注销登录吗?', { icon: 7, title: '警告' }, function (index) {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="layui-row layui-col-space12">
|
||||
<div class="layui-row layui-col-space16">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-title">知识列表</div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="layui-row layui-col-space12">
|
||||
<div class="layui-row layui-col-space16">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div id="chartView" style="width: 100%;height:300px;"></div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="layui-row layui-col-space12">
|
||||
<div class="layui-row layui-col-space16">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div id="chartYear" style="width: 100%;height:240px;"></div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="layui-row layui-col-space12">
|
||||
<div class="layui-row layui-col-space16">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card panel-num">
|
||||
<table>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="layui-row layui-col-space12">
|
||||
<div class="layui-row layui-col-space16">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header"><h3>快捷申请</h3><a href="javascript:;" data-href="/oa/approve/index" data-id="93" data-title="我发起的" class="tab-a pull-right blue">更多</a></div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="layui-row layui-col-space12">
|
||||
<div class="layui-row layui-col-space16">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-title">公告列表</div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="layui-row layui-col-space12">
|
||||
<div class="layui-row layui-col-space16">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-title">项目列表</div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="layui-row layui-col-space12">
|
||||
<div class="layui-row layui-col-space16">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-title">任务列表</div>
|
||||
|
||||
@ -3,10 +3,10 @@
|
||||
<style>
|
||||
.layui-tree-entry{font-size:15px; line-height:24px}
|
||||
.layui-tree-set{padding:2px 0}
|
||||
.layui-tree-iconClick .layui-icon{color:#187FDD;font-size:16px;}
|
||||
.layui-tree-iconClick .layui-icon{color:#1A75FF;font-size:16px;}
|
||||
.layui-icon layui-icon-file{font-size:16px;}
|
||||
.layui-tree-iconClick.layui-tree-icon .layui-icon{color:#187FDD;font-size:12px;}
|
||||
.layui-tree-icon {height: 13px;line-height: 12px; width: 13px; text-align: center;border: 1px solid #187FDD; color:#1E9FFF}
|
||||
.layui-tree-iconClick.layui-tree-icon .layui-icon{color:#1A75FF;font-size:12px;}
|
||||
.layui-tree-icon {height: 13px;line-height: 12px; width: 13px; text-align: center;border: 1px solid #1A75FF; color:#1E9FFF}
|
||||
.layui-tree-line .layui-tree-set .layui-tree-set:after{top:18px;}
|
||||
.tree-left{width:200px; float:left; height:calc(100% - 30px); overflow: scroll; border:1px solid #eeeeee; background-color:#FAFAFA; padding:12px 12px 12px 5px;}
|
||||
.tree-left h3{font-size:16px; height:30px; padding-left:10px; font-weight:800}
|
||||
|
||||
@ -18,21 +18,21 @@
|
||||
.layui-short-menu li { text-align: center;}
|
||||
.layui-short-menu li .iconfont {display: inline-block; font-weight:600; width: 100%; height: 58px; line-height: 58px; margin-bottom:5px; text-align: center;border-radius: 3px; font-size: 28px; background-color: #F8F8F8; color: #969696; transition: all .3s; -webkit-transition: all .3s;}
|
||||
.layui-short-menu li cite {color: #646464;}
|
||||
.layui-short-menu li:hover .iconfont{color: #187FDD; background-color:#F2F8FF;}
|
||||
.layui-short-menu li:hover cite {color: #187FDD;}
|
||||
.layui-short-menu li:hover .iconfont{color: #1A75FF; background-color:#F2F8FF;}
|
||||
.layui-short-menu li:hover cite {color: #1A75FF;}
|
||||
.layui-matter-item li a{display: block; padding: 12px; background-color: #f8f8f8; color: #999; border-radius: 3px; transition: all .3s;-webkit-transition: all .3s;}
|
||||
.layui-matter-item li a:hover{background-color:#F2F8FF;}
|
||||
.layui-matter-item li cite {font-size: 24px;font-weight: 300;color: #187FDD;}
|
||||
.layui-matter-item li cite {font-size: 24px;font-weight: 300;color: #1A75FF;}
|
||||
|
||||
.layui-right-bar a{display: inline-block; width: 100%; height: 64px; text-align: center;border-radius: 3px; background-color: #F8F8F8; color: #969696; transition: all .3s; -webkit-transition: all .3s;}
|
||||
.layui-right-bar a .iconfont{display: inline-block; font-weight:600; width: 100%; height: 37px; line-height: 39px; text-align: center;font-size: 24px;}
|
||||
.layui-right-bar a:hover{color: #187FDD; background-color:#F2F8FF;}
|
||||
.layui-right-bar a:hover{color: #1A75FF; background-color:#F2F8FF;}
|
||||
</style>
|
||||
{/block}
|
||||
<!-- 主体 -->
|
||||
{block name="body"}
|
||||
<div class="p-3">
|
||||
<div class="layui-row layui-col-space12">
|
||||
<div class="p-page">
|
||||
<div class="layui-row layui-col-space16">
|
||||
<div class="layui-col-md8">
|
||||
{volist name="$layout_selected" id="layout"}
|
||||
|
||||
@ -75,8 +75,7 @@
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="layui-col-md4">
|
||||
{volist name="$layout_selected" id="layout"}
|
||||
|
||||
{volist name="$layout_selected" id="layout"}
|
||||
{if ( $layout.row == 2) AND ( $layout.name == 'fastentry') }
|
||||
{include file="/index/layout_fastentry" /}
|
||||
{/if}
|
||||
|
||||
47
app/home/view/index/menu_classical.html
Normal file
47
app/home/view/index/menu_classical.html
Normal file
@ -0,0 +1,47 @@
|
||||
<div class="layui-side layui-side-menu layui-side-{$theme}">
|
||||
<div class="layui-logo" gg-event="closeAllTabs">
|
||||
<img src="{$web.logo|default=''}" onerror="javascript:this.src='{__IMG__}/syslogo.png';this.onerror=null;" style="height: 40px;" class="syslogo">
|
||||
<img src="{$web.small_logo|default=''}" onerror="javascript:this.src='{__IMG__}/syslogo_small.png';this.onerror=null;" style="height: 40px;" class="logo">
|
||||
</div>
|
||||
|
||||
<ul id="menuList" class="layui-nav layui-nav-tree layui-inline" lay-shrink="all">
|
||||
<li class="layui-nav-item menu-li">
|
||||
<a href="javascript:;" class="side-menu-item layui-this" data-href="/home/index/main.html" data-id="0" style="padding-top:0; padding-bottom:0;"><i class="iconfont icon-xueshuguanli"></i> 工 作 台</a>
|
||||
</li>
|
||||
{foreach name="menu" item="a"}
|
||||
<li class="layui-nav-item menu-li">
|
||||
<a href="javascript:;" lay-tips="{$a.title}" lay-direction="2" data-id="{$a.id}" data-title="{$a.title}" data-href="/{$a.src}"><i class="iconfont {$a.icon}"></i> {$a.title}</a>
|
||||
{notempty name="$a.list"}
|
||||
<dl class="layui-nav-child">
|
||||
{foreach name="$a.list" item="b"}
|
||||
<dd>
|
||||
<a href="javascript:;" class="side-menu-item" data-id="{$b.id}" data-title="{$b.title}" data-href="/{$b.src}">{$b.title}</a>
|
||||
{notempty name="$b.list"}
|
||||
<dl class="layui-nav-child">
|
||||
{foreach name="$b.list" item="c"}
|
||||
<dd>
|
||||
<a href="javascript:;" class="side-menu-item" data-id="{$c.id}" data-title="{$c.title}" data-href="/{$c.src}">{$c.title}</a>
|
||||
{notempty name="$c.list"}
|
||||
<dl class="layui-nav-child">
|
||||
{foreach name="$c.list" item="d"}
|
||||
<dd><a href="javascript:;" class="side-menu-item" data-id="{$d.id}" data-title="{$d.title}" data-href="/{$d.src}">{$d.title}</a></dd>
|
||||
{/foreach}
|
||||
</dl>
|
||||
{/notempty}
|
||||
</dd>
|
||||
{/foreach}
|
||||
</dl>
|
||||
{/notempty}
|
||||
</dd>
|
||||
{/foreach}
|
||||
</dl>
|
||||
{/notempty}
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
function menuInit() {
|
||||
|
||||
}
|
||||
</script>
|
||||
70
app/home/view/index/menu_expand.html
Normal file
70
app/home/view/index/menu_expand.html
Normal file
@ -0,0 +1,70 @@
|
||||
<div class="layui-side layui-side-expand layui-side-{$theme}">
|
||||
<div class="layui-logo" gg-event="closeAllTabs">
|
||||
<img src="{$web.logo|default=''}" onerror="javascript:this.src='{__IMG__}/syslogo.png';this.onerror=null;" style="height: 38px;" class="syslogo">
|
||||
<img src="{$web.small_logo|default=''}" onerror="javascript:this.src='{__IMG__}/syslogo_small.png';this.onerror=null;" style="height: 38px;" class="logo">
|
||||
</div>
|
||||
<ul id="menuList">
|
||||
<li class="layui-nav-item menu-li">
|
||||
<a href="javascript:;" class="side-menu-item layui-this" data-href="/home/index/main.html" data-id="0" style="padding-top:0; padding-bottom:0;"><i class="iconfont icon-xueshuguanli"></i> 工 作 台</a>
|
||||
</li>
|
||||
{foreach name="menu" item="a"}
|
||||
{empty name="$a.list"}
|
||||
<li class="menu-li">
|
||||
<a href="javascript:;" lay-tips="{$a.title}" lay-direction="2" data-id="{$a.id}" data-title="{$a.title}" data-href="/{$a.src}"><i class="iconfont {$a.icon}"></i> <cite>{$a.title}</cite></a>
|
||||
</li>
|
||||
{else/}
|
||||
<li class="layui-nav-item menu-li">
|
||||
<a href="javascript:">
|
||||
<i class="iconfont {$a.icon}"></i> <cite>{$a.title}</cite>
|
||||
</a>
|
||||
<dl class="gg-second-menu">
|
||||
<dt><strong>{$a.title}</strong></dt>
|
||||
{foreach name="$a.list" item="b"}
|
||||
{empty name="$b.list"}
|
||||
<dd><a href="javascript:;" class="side-menu-item" data-id="{$b.id}" data-title="{$b.title}" data-href="/{$b.src}">{$b.title}</a></dd>
|
||||
{else/}
|
||||
<dd>
|
||||
<dl class="gg-three-menu">
|
||||
<dt><strong>{$b.title}</strong><i class="layui-icon layui-icon-up"></i><i class="layui-icon layui-icon-down"></i></dt>
|
||||
{foreach name="$b.list" id="c"}
|
||||
<dd><a href="javascript:;" class="side-menu-item" data-id="{$c.id}" data-title="{$c.title}" data-href="/{$c.src}">{$c.title}</a></dd>
|
||||
{/foreach}
|
||||
</dl>
|
||||
</dd>
|
||||
{/empty}
|
||||
{/foreach}
|
||||
</dl>
|
||||
</li>
|
||||
{/empty}
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
function menuInit() {
|
||||
let $menuListNode = $('#menuList'); // 侧边菜单节点
|
||||
let $AppBodyNode = $('#GouguAppBody');// 主体页面节点
|
||||
|
||||
//主菜单
|
||||
$menuListNode.on('click', '.menu-li', function () {
|
||||
if (!$(this).children('a').hasClass('layui-this')) {
|
||||
$(this).siblings().find('a').removeClass('layui-this');
|
||||
$(this).children('a').addClass('layui-this');
|
||||
// 子菜单
|
||||
$(this).siblings().find('.gg-second-menu').removeClass('current');
|
||||
if ($(this).children('.gg-second-menu').length) {
|
||||
let subNode = $(this).children('.gg-second-menu').find('a');
|
||||
$(this).children('.gg-second-menu').addClass('current');
|
||||
subNode.eq(0).children('i').length ? subNode.eq(1).click() : subNode.eq(0).click();
|
||||
$AppBodyNode.addClass('sub-menu');
|
||||
} else {
|
||||
$AppBodyNode.removeClass('sub-menu');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//子菜单
|
||||
$menuListNode.on('click', '.gg-three-menu dt', function () {
|
||||
$(this).parent().toggleClass('show-up');
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@ -1,7 +1,7 @@
|
||||
{extend name="../../base/view/common/base" /}
|
||||
<!-- 主体 -->
|
||||
{block name="body"}
|
||||
<div class="p-3">
|
||||
<div class="p-page">
|
||||
<table cellspacing="0" cellpadding="0" border="0" class="layui-table layui-table-form">
|
||||
<tr>
|
||||
<th style="text-align: center; background-color:#FAFAFA">模块名称</th>
|
||||
|
||||
@ -9,10 +9,10 @@
|
||||
<td class="layui-td-gray-2">父级菜单/节点<font>*</font>
|
||||
</td>
|
||||
<td>
|
||||
<select name="pid" lay-verify="required" lay-reqText="请选择父级菜单/节点">
|
||||
<option value="0">作为顶级菜单/节点</option>
|
||||
<select name="pid" lay-verify="required" lay-filter="pid" lay-reqText="请选择父级菜单/节点">
|
||||
<option value="0" title="0">作为顶级菜单/节点</option>
|
||||
{volist name=":set_recursion(admin_rule())" id="v"}
|
||||
<option value="{$v.id}" {eq name="pid" value="$v.id" }selected="" {/eq}>{$v.title} </option>
|
||||
<option value="{$v.id}" title="{$v.level|default='1'}" {eq name="pid" value="$v.id" }selected="" {/eq}>{$v.title} ({$v.level|default='1'}级)</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</td>
|
||||
@ -52,8 +52,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">左侧菜单显示<font>*</font>
|
||||
</td>
|
||||
<td class="layui-td-gray-2">左侧菜单显示<font>*</font></td>
|
||||
<td>
|
||||
<input type="radio" name="menu" value="1" title="是">
|
||||
<input type="radio" name="menu" value="2" title="不是">
|
||||
@ -65,6 +64,9 @@
|
||||
如：icon-jichupeizhi<a href="{__GOUGU__}/icon/index.html" target="_blank" style="margin-left:10px; color:#007AFF">[查看图标]</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4"><strong class="red">注意：作为菜单显示类型时最多展示三级菜单，所以父级菜单/节点选项最大只能选择到2级，非菜单显示类型无限制；一级菜单需要填写菜单图标。</strong></td>
|
||||
</tr>
|
||||
</table>
|
||||
{else/}
|
||||
<table class="layui-table layui-table-form">
|
||||
@ -72,10 +74,10 @@
|
||||
<td class="layui-td-gray-2">父级菜单/节点<font>*</font>
|
||||
</td>
|
||||
<td>
|
||||
<select name="pid" lay-verify="required" lay-reqText="请选择父级菜单/节点">
|
||||
<option value="0">作为顶级节点</option>
|
||||
<select name="pid" lay-verify="required" lay-filter="pid" lay-reqText="请选择父级菜单/节点">
|
||||
<option value="0" title="0">作为顶级节点</option>
|
||||
{volist name=":set_recursion(admin_rule())" id="v"}
|
||||
<option value="{$v.id}" {eq name="$detail.pid" value="$v.id" }selected="" {/eq}>{$v.title} </option>
|
||||
<option value="{$v.id}" title="{$v.level|default='1'}" {eq name="$detail.pid" value="$v.id" }selected="" {/eq}>{$v.title} ({$v.level|default='1'}级)</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</td>
|
||||
@ -116,8 +118,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">左侧菜单显示<font>*</font>
|
||||
</td>
|
||||
<td class="layui-td-gray-2">左侧菜单显示<font>*</font></td>
|
||||
<td>
|
||||
<input type="radio" name="menu" value="1" title="是" {eq name="$detail.menu" value="1" } checked{/eq}>
|
||||
<input type="radio" name="menu" value="2" title="不是" {eq name="$detail.menu" value="2" } checked{/eq}>
|
||||
@ -128,6 +129,9 @@
|
||||
<strong class="iconfont {$detail.icon}"></strong><a href="{__GOUGU__}/icon/index.html" target="_blank" style="margin-left:10px; color:#007AFF">[查看图标]</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4"><strong class="red">注意：作为菜单显示类型时最多展示三级菜单，所以父级菜单/节点选项最大只能选择到2级，非菜单显示类型无限制；一级菜单需要填写菜单图标。</strong></td>
|
||||
</tr>
|
||||
</table>
|
||||
{/if}
|
||||
<div class="py-3">
|
||||
@ -144,18 +148,34 @@
|
||||
<script>
|
||||
const moduleInit = ['tool'];
|
||||
function gouguInit() {
|
||||
var form = layui.form,tool=layui.tool;
|
||||
var form = layui.form,tool=layui.tool,level=0;
|
||||
level = $('[name="pid"]').find('[selected=""]').attr('title');
|
||||
if(level === undefined){
|
||||
level=0;
|
||||
}
|
||||
console.log(level);
|
||||
//监听提交
|
||||
form.on('submit(webform)', function (data) {
|
||||
form.on('select(pid)', function(data){
|
||||
level = data.elem[data.elem.selectedIndex].title;
|
||||
})
|
||||
if (!data.field.menu || data.field.menu == '') {
|
||||
layer.msg('请选择是否在左侧菜单显示');
|
||||
return false;
|
||||
}
|
||||
if (data.field.pid==0 && data.field.menu == 1 && data.field.icon == '') {
|
||||
layer.msg('请完善菜单图标');
|
||||
return false;
|
||||
}
|
||||
if (data.field.menu == 1 && level > 2) {
|
||||
layer.msg('左侧显示菜单最多只能添加三级');
|
||||
return false;
|
||||
}
|
||||
let callback = function (e) {
|
||||
layer.msg(e.msg);
|
||||
if (e.code == 0) {
|
||||
setTimeout(function(){
|
||||
parent.location.reload();
|
||||
parent.parent.location.reload();
|
||||
},1000);
|
||||
}
|
||||
}
|
||||
|
||||
@ -33,7 +33,7 @@ CREATE TABLE `oa_admin` (
|
||||
`sex` int(255) NOT NULL DEFAULT 0 COMMENT '性别1男,2女',
|
||||
`nickname` varchar(255) NOT NULL DEFAULT '' COMMENT '昵称',
|
||||
`thumb` varchar(255) NOT NULL COMMENT '头像',
|
||||
`theme` varchar(255) NOT NULL DEFAULT 'black' COMMENT '系统主题',
|
||||
`theme` varchar(255) NOT NULL DEFAULT 'white' COMMENT '系统主题',
|
||||
`did` int(11) NOT NULL DEFAULT 0 COMMENT '部门id',
|
||||
`position_id` int(11) NOT NULL DEFAULT 0 COMMENT '职位id',
|
||||
`type` int(1) NOT NULL DEFAULT 0 COMMENT '员工类型：0未设置,1正式,2试用,3实习',
|
||||
@ -457,7 +457,7 @@ CREATE TABLE `oa_config` (
|
||||
-- ----------------------------
|
||||
-- Records of oa_config
|
||||
-- ----------------------------
|
||||
INSERT INTO `oa_config` VALUES (1, '网站配置', 'web', 'a:14:{s:2:"id";s:1:"1";s:11:"admin_title";s:8:"勾股OA";s:5:"title";s:8:"勾股OA";s:4:"logo";s:31:"/static/home/images/syslogo.png";s:4:"file";s:0:"";s:6:"domain";s:23:"https://oa.gougucms.com";s:3:"icp";s:23:"粤ICP备1xxxxxx11号-1";s:8:"keywords";s:8:"勾股OA";s:5:"beian";s:29:"粤公网安备1xxxxxx11号-1";s:4:"desc";s:481:"勾股办公是一款基于ThinkPHP6 + Layui + MySql打造的，简单实用的开源免费的企业办公系统框架。系统集成了系统设置、人事管理模块、消息管理模块、日常办公、财务管理等基础模块。系统简约，易于功能扩展，方便二次开发，让开发者更专注于业务深度需求的开发，帮助开发者简单高效降低二次开发成本，通过二次开发之后可以用来做CRM，ERP，业务管理等系统。 ";s:10:"small_logo";s:37:"/static/home/images/syslogo_small.png";s:4:"code";s:0:"";s:9:"copyright";s:36:"© 2023 gougucms.com GPL-3.0 license";s:7:"version";s:6:"1.0.24";}', 1, 1612514630, 1638010154);
|
||||
INSERT INTO `oa_config` VALUES (1, '网站配置', 'web', 'a:13:{s:2:"id";s:1:"1";s:11:"admin_title";s:8:"勾股OA";s:9:"menu_mode";s:9:"classical";s:6:"domain";s:23:"https://oa.gougucms.com";s:4:"logo";s:31:"/static/home/images/syslogo.png";s:4:"file";s:0:"";s:10:"small_logo";s:37:"/static/home/images/syslogo_small.png";s:3:"icp";s:21:"粤ICP备xxxxxxx号-1";s:5:"beian";s:27:"粤公网安备xxxxxxx号-1";s:8:"keywords";s:8:"勾股OA";s:4:"desc";s:550:"勾股办公是一款基于ThinkPHP6 + Layui + MySql打造的，简单实用的开源免费的企业办公系统框架。系统集成了系统设置、人事管理、消息管理、审批管理、日常办公、客户管理、合同管理、项目管理、财务管理、知识管理、附件管理等模块。系统简约，易于功能扩展，方便二次开发，让开发者更专注于业务深度需求的开发，帮助开发者简单高效降低二次开发成本，通过二次开发之后可以用来做CRM，ERP，业务管理等系统。";s:7:"version";s:6:"4.0.24";s:9:"copyright";s:36:"© 2023 gougucms.com GPL-3.0 license";}', 1, 1612514630, 1638010154);
|
||||
INSERT INTO `oa_config` VALUES (2, '邮箱配置', 'email', 'a:8:{s:2:\"id\";s:1:\"2\";s:4:\"smtp\";s:11:\"smtp.qq.com\";s:9:\"smtp_port\";s:3:\"465\";s:9:\"smtp_user\";s:15:\"gougucms@qq.com\";s:8:\"smtp_pwd\";s:6:\"123456\";s:4:\"from\";s:24:\"勾股CMS系统管理员\";s:5:\"email\";s:18:\"admin@gougucms.com\";s:8:\"template\";s:485:\"<p>勾股办公是一款基于ThinkPHP6 + Layui + MySql打造的，简单实用的开源免费的企业办公系统框架。系统集成了系统设置、人事管理模块、消息管理模块、日常办公、财务管理等基础模块。系统简约，易于功能扩展，方便二次开发，让开发者更专注于业务深度需求的开发，帮助开发者简单高效降低二次开发成本，通过二次开发之后可以用来做CRM，ERP，业务管理等系统。</p>\";}', 1, 1612521657, 1637075205);
|
||||
INSERT INTO `oa_config` VALUES (3, 'Api Token配置', 'token', 'a:5:{s:2:\"id\";s:1:\"3\";s:3:\"iss\";s:15:\"oa.gougucms.com\";s:3:\"aud\";s:7:\"gouguoa\";s:7:\"secrect\";s:7:\"GOUGUOA\";s:7:\"exptime\";s:4:\"3600\";}', 1, 1627313142, 1638010233);
|
||||
INSERT INTO `oa_config` VALUES (4, '其他配置', 'other', 'a:3:{s:2:\"id\";s:1:\"5\";s:6:\"author\";s:15:\"勾股工作室\";s:7:\"version\";s:13:\"v1.2021.07.28\";}', 1, 1613725791, 1635953640);
|
||||
|
||||
@ -13,8 +13,8 @@
|
||||
{/block}
|
||||
<!-- 主体 -->
|
||||
{block name="body"}
|
||||
<div class="p-3">
|
||||
<div class="layui-row layui-col-space12">
|
||||
<div class="p-page">
|
||||
<div class="layui-row layui-col-space16">
|
||||
<div class="layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header" style="border-bottom:1px solid #eee;"><h3 class="h3-title">审批新申请</h3></div>
|
||||
@ -35,7 +35,7 @@
|
||||
<div class="layui-col-md9">
|
||||
<div class="layui-card">
|
||||
<div class="body-table layui-tab layui-tab-brief" lay-filter="tab">
|
||||
<ul class="layui-tab-title">
|
||||
<ul class="layui-tab-title" style="border:none;">
|
||||
<li class="layui-this">全部</li>
|
||||
<li>待审批</li>
|
||||
<li>审批通过</li>
|
||||
|
||||
@ -18,7 +18,7 @@ return [
|
||||
// 服务器地址
|
||||
'hostname' => '127.0.0.1',
|
||||
// 数据库名
|
||||
'database' => 'gouguoa',
|
||||
'database' => 'oa',
|
||||
// 用户名
|
||||
'username' => 'root',
|
||||
// 密码
|
||||
|
||||
@ -15,10 +15,10 @@ if (empty(file_exists(__DIR__ . '/../vendor/autoload.php'))) {
|
||||
require __DIR__ . '/../vendor/autoload.php';
|
||||
|
||||
// 定义当前版本号
|
||||
define('CMS_VERSION','4.80.09');
|
||||
define('CMS_VERSION','4.09.10');
|
||||
|
||||
// 定义Layui版本号
|
||||
define('LAYUI_VERSION','2.8.13');
|
||||
define('LAYUI_VERSION','2.8.16');
|
||||
|
||||
// 定义项目目录
|
||||
define('CMS_ROOT', __DIR__ . '/../');
|
||||
|
||||
@ -1,8 +1,7 @@
|
||||
@import url("../../layui/css/layui.css");
|
||||
@import url("../../icon/iconfont.css");
|
||||
|
||||
/*reset layui*/
|
||||
.layui-card{margin-bottom:12px; box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%);}
|
||||
.layui-card{margin-bottom:16px; box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%);}
|
||||
.layui-card-header {position: relative; padding:0 12px;}
|
||||
.layui-card-header .layui-icon,.layui-card-header .pull-right{line-height: initial; position: absolute;right: 12px;top: 50%; margin-top: -9px}
|
||||
.layui-card-title {font-size: 18px;font-weight: 600;padding: 12px 12px 0;}
|
||||
@ -12,7 +11,7 @@
|
||||
.layui-table-cell{padding:6px;}
|
||||
.layui-table-box{background-color:#fff;}
|
||||
.layui-table-page{background-color:#fff;border-bottom:1px solid #f1f1f1;}
|
||||
.layui-table-tool{box-shadow: 0 0 0 rgb(0 0 0 / 1%);}
|
||||
.layui-table-tool{box-shadow: 0 0 0 rgb(0 0 0 / 1%);padding:10px 12px; background-color:#fff;}
|
||||
.layui-input, .layui-select, .layui-textarea {height: 36px;line-height: 1.22;line-height: 36px\9;}
|
||||
.layui-input, .layui-textarea {padding-left:6px;}
|
||||
.layui-form-pane .layui-form-label{height: 36px;}
|
||||
@ -21,10 +20,10 @@
|
||||
.layui-btn-sm {height: 30px; line-height: 30px; padding:0 8px;}
|
||||
.layui-btn-xs {height: 22px; line-height: 22px; padding:0 4px;}
|
||||
.layui-btn-reset {height: 36px;background-color: #fff; line-height: 36px; border: 1px solid transparent;padding: 0 8px; white-space: nowrap; color: #767a82;font-size: 14px;cursor: pointer;vertical-align: middle;}
|
||||
.layui-btn-reset:hover{color: #333333;}
|
||||
.layui-btn-reset:hover{color: #323232;}
|
||||
|
||||
.layui-tab-brief>.layui-tab-title .layui-this{color:#187FDD}
|
||||
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-color:#187FDD}
|
||||
.layui-tab-brief>.layui-tab-title .layui-this{color:#1A75FF}
|
||||
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-color:#1A75FF}
|
||||
.layui-form-radio{padding-right:4px;}
|
||||
.layui-form-radio>i{margin-right:4px;}
|
||||
.layui-form-label{padding:9px; color:#909399}
|
||||
@ -35,8 +34,8 @@
|
||||
|
||||
.layui-table-view{margin:0;}
|
||||
.layui-table-view .layui-table th{background-color:#f8f8f8;}
|
||||
.layui-table-form{margin:0;}
|
||||
.layui-table-form tbody tr:hover{background-color: #fff;}
|
||||
.layui-table-tool{padding:10px 12px}
|
||||
.layui-td-gray,.layui-td-gray-2,.layui-td-gray-3,.layui-td-gray-4{color:#909399; width:68px; text-align:right; background-color:#fafafa;}
|
||||
.layui-td-gray-2{width:96px;}
|
||||
.layui-td-gray-3{width:126px;}
|
||||
@ -63,12 +62,12 @@
|
||||
.click-edit::after{content: ""; width: 16px; height: 24px; display: block; position: absolute; right:0; bottom: 0; background:url(../images/edit.png) no-repeat center center; background-size:16px auto; opacity: 0; transition: opacity ease-in-out .2s; cursor:pointer;}
|
||||
.click-edit:hover::after {opacity: 1;}
|
||||
|
||||
html {background-color: #fafafa; color: #162a48;}
|
||||
html,body{height:100%;scrollbar-width: thin;}
|
||||
html {background-color: #FAFAFA;}
|
||||
html,body{height:100%;scrollbar-width: thin; color:#323232}
|
||||
body.right-open{overflow:hidden;}
|
||||
.bg-white{background-color:#fff;}
|
||||
a.tab-a,a.open-a,a.link-a,a.right-a,a.side-a{color:#187FDD; cursor:pointer;}
|
||||
a.tab-a:hover,a:hover,a.open-a:hover,a.link-a:hover,a.right-a:hover{color:#187FDD; opacity:0.8}
|
||||
a.tab-a,a.open-a,a.link-a,a.right-a,a.side-a{color:#1A75FF; cursor:pointer;}
|
||||
a.tab-a:hover,a:hover,a.open-a:hover,a.link-a:hover,a.right-a:hover{color:#1A75FF; opacity:0.8}
|
||||
.left{float:left;}
|
||||
.right{float:right;}
|
||||
.h1,h1{font-size:24px; font-weight: 600;}
|
||||
@ -158,6 +157,7 @@ a.tab-a:hover,a:hover,a.open-a:hover,a.link-a:hover,a.right-a:hover{color:#187FD
|
||||
.pb-3{padding-bottom:12px}
|
||||
.pb-4{padding-bottom:16px}
|
||||
.pb-5{padding-bottom:20px}
|
||||
.p-page{padding:18px 15px 0}
|
||||
|
||||
.border{border:1px solid #eee; box-sizing:border-box}
|
||||
.border-y{border-top:1px solid #eee;border-bottom:1px solid #eee; box-sizing:border-box}
|
||||
@ -169,7 +169,7 @@ a.tab-a:hover,a:hover,a.open-a:hover,a.link-a:hover,a.right-a:hover{color:#187FD
|
||||
|
||||
.layui-bg-0{background-color:#648A8D !important;}/*灰青*/
|
||||
.layui-bg-1,.layui-bg-green{background-color:#16b777 !important;}/*亮绿*/
|
||||
.layui-bg-2{background-color:#187FDD !important;}/*亮蓝*/
|
||||
.layui-bg-2{background-color:#1A75FF !important;}/*亮蓝*/
|
||||
.layui-bg-3{background-color:#FEC939 !important;}/*亮黄*/
|
||||
.layui-bg-4{background-color:#FD6206 !important;}/*亮橙*/
|
||||
.layui-bg-5{background-color:#FF5823 !important;}/*亮红*/
|
||||
@ -180,7 +180,7 @@ a.tab-a:hover,a:hover,a.open-a:hover,a.link-a:hover,a.right-a:hover{color:#187FD
|
||||
|
||||
.layui-color-0{color:#648A8D !important;}/*灰青*/
|
||||
.layui-color-1{color:#16b777 !important;}/*亮绿*/
|
||||
.layui-color-2{color:#187FDD !important;}/*亮蓝*/
|
||||
.layui-color-2{color:#1A75FF !important;}/*亮蓝*/
|
||||
.layui-color-3{color:#FEC939 !important;}/*亮黄*/
|
||||
.layui-color-4{color:#FD6206 !important;}/*亮橙*/
|
||||
.layui-color-5{color:#FF5823 !important;}/*亮红*/
|
||||
@ -191,7 +191,7 @@ a.tab-a:hover,a:hover,a.open-a:hover,a.link-a:hover,a.right-a:hover{color:#187FD
|
||||
|
||||
.black{color:#182b50}
|
||||
|
||||
.blue{color:#187FDD}
|
||||
.blue{color:#1A75FF}
|
||||
.blue-dark{color:#3c9cff;}
|
||||
.blue-disabled{color:#9acafc;}
|
||||
.blue-light{color:#ecf5ff;}
|
||||
@ -278,8 +278,8 @@ div.layui-table-main::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0
|
||||
.gg-tab{text-align: left!important;}
|
||||
.gg-tab-title{position: relative;left: 0; height: 40px; white-space: nowrap; font-size: 0;}
|
||||
.gg-tab-title li{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; font-size: 16px; position: relative;line-height: 40px; min-width: 64px; padding: 0 12px;text-align: center;cursor: pointer;}
|
||||
.gg-tab-title li:hover,.gougu-tab li.tab-this{ color:#187FDD;}
|
||||
.gg-tab-title li.tab-this:after{border-bottom: 2px solid #187FDD;position: absolute;left: 0; top: 0; content: ""; width: 100%; height: 41px; box-sizing: border-box;pointer-events: none;}
|
||||
.gg-tab-title li:hover,.gougu-tab li.tab-this{ color:#1A75FF;}
|
||||
.gg-tab-title li.tab-this:after{border-bottom: 2px solid #1A75FF;position: absolute;left: 0; top: 0; content: ""; width: 100%; height: 41px; box-sizing: border-box;pointer-events: none;}
|
||||
.gg-tab-title.big{height: 46px;}
|
||||
.gg-tab-title.big li{line-height: 46px;}
|
||||
.gg-tab-title.big li{line-height: 46px;}
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
body{color:#323232}
|
||||
.gg-layout .layui-header {position: fixed; top: 0;left: 0; width: 100%; height: 50px; border-bottom: 1px solid #eeeeee;box-sizing: border-box;background-color: #fff}
|
||||
.gg-layout .layui-header a,
|
||||
.gg-layout .layui-header a cite {color: #162a48}
|
||||
.gg-layout .layui-header a cite {color: #323232}
|
||||
.gg-layout .layui-header a:hover {color: #000}
|
||||
.gg-head-item{display:block; padding:0 16px; height:50px; line-height:50px; float:left;}
|
||||
.gg-head-item i.layui-icon{font-size:20px;}
|
||||
@ -17,10 +18,215 @@
|
||||
.layui-layout-right .layui-nav .layui-nav-item{height: 50px;line-height: 50px}
|
||||
.gg-head-item .layui-nav .layui-this:after{display:none;}
|
||||
|
||||
.gg-layout .layui-side {width: 200px;top: 0;z-index: 1001}
|
||||
.gg-layout .layui-logo {position: fixed;left: 0; top: 0; z-index: 1001; width: 200px; height: 49px; text-align:center; line-height:49px; overflow: hidden;background-color: #001529; border-bottom: 1px solid #011120; cursor:pointer;}
|
||||
/*默认菜单模式*/
|
||||
.gg-layout .layui-side { width: 180px; height:100%; z-index: 1000; overflow: auto;}
|
||||
.gg-layout .layui-side::-webkit-scrollbar { width: 0; }
|
||||
.gg-layout .layui-side{scrollbar-width: none;}
|
||||
.gg-layout .layui-logo {position: fixed;left: 0; top: 0; z-index: 1001; width: 180px; height: 49px; text-align:center; line-height:49px; overflow: hidden;background-color: #111827; border-bottom: 1px solid #011120; cursor:pointer;}
|
||||
.gg-layout .layui-logo,.gg-layout .layui-logo a {color: #f1f1f1; text-align:center;}
|
||||
.gg-layout .layui-side .layui-nav-item .iconfont{font-weight:600; font-size:18px;}
|
||||
.gg-layout .layui-side .layui-nav-bar{width:3px;left:inherit;right:0; background-color:#1A75FF}
|
||||
|
||||
/** 展开菜单模式 **/
|
||||
.gg-layout .layui-side-expand,
|
||||
.gg-layout .layui-side-expand .layui-logo{width: 120px;}
|
||||
.layui-side-expand ul {margin-top: 49px;}
|
||||
.layui-side-expand .menu-li {padding-top:1px;}
|
||||
.layui-side-expand .menu-li > a { position: relative; display: block; padding-right: 12px; padding-left: 36px; height: 42px; color: rgba(255, 255, 255, 0.75); transition: 0.1s cubic-bezier(0.145, 0.045, 0.355, 1); line-height: 42px;}
|
||||
.layui-side-expand .menu-li > a > i { position: absolute; top: 50%; left: 8px; margin-top: -21px;}
|
||||
.layui-side-expand .menu-li > a > cite { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
|
||||
/**二级菜单**/
|
||||
.layui-side-expand .menu-li .gg-second-menu::-webkit-scrollbar { width: 0; }
|
||||
.layui-side-expand .menu-li .gg-second-menu { position: fixed; top: 93px; bottom: 0; left: 120px; display: none; overflow-y: auto; width: 120px; background: #ffffff;border-left: 1px solid rgba(0, 0, 0, .05); box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);transition: all 0.3s;}
|
||||
.layui-side-expand .menu-li .gg-second-menu.current { display: block; }
|
||||
.layui-side-expand .menu-li .gg-second-menu dt {height: 42px; font-size: 15px; line-height:42px; border-bottom: 1px solid #eeeeee;}
|
||||
.layui-side-expand .menu-li .gg-second-menu dt strong {display: block; padding-left: 12px; color:#323232;}
|
||||
.layui-side-expand .menu-li .gg-second-menu dd { display: block; width: 100%; line-height: 43px; }
|
||||
.layui-side-expand .menu-li .gg-second-menu dd a { position: relative; display: block; padding-left: 12px; font-size: 14px; color: #323232!important;}
|
||||
.layui-side-expand .menu-li .gg-second-menu dd > a > i { position: absolute; top: 1px; right: 5px; display: inline-block; font-size: 12px; transition: all 0.3s ease-in-out; }
|
||||
.layui-side-expand .menu-li .gg-second-menu dd a.layui-this {background: #F0F6FE; color:#1A75FF!important;border-right:3px solid #186AF2}
|
||||
.layui-side-expand .menu-li .gg-second-menu dd a:hover {color:#1A75FF!important;}
|
||||
|
||||
.layui-side-expand .menu-li .gg-three-menu dt {height: 43px; font-size: 14px; line-height:43px; cursor:pointer; border-bottom: 0; position:relative;}
|
||||
.layui-side-expand .menu-li .gg-three-menu dt strong {display: block; padding-left: 12px; color:#323232;}
|
||||
.layui-side-expand .menu-li .gg-three-menu .layui-icon{position: absolute; top: 50%;right: 12px; margin-top: -22px; color:#677C91}
|
||||
.layui-side-expand .menu-li .gg-three-menu .layui-icon-up{display:block}
|
||||
.layui-side-expand .menu-li .gg-three-menu .layui-icon-down{display:none;}
|
||||
.layui-side-expand .menu-li .gg-three-menu.show-up .layui-icon-down{display:block}
|
||||
.layui-side-expand .menu-li .gg-three-menu.show-up .layui-icon-up,.layui-side-expand .menu-li .gg-three-menu.show-up dd{display:none;}
|
||||
|
||||
/**默认菜单模式**/
|
||||
.layui-side-menu {box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);background-color: #001529; color: #fff}
|
||||
.layui-side-menu .layui-side-scroll {width: 100%;}
|
||||
.layui-side-menu .layui-nav {width: 180px; margin-top: 50px; background: 0 0}
|
||||
.layui-side-menu .layui-nav-item a {height: 42px;line-height: 42px; padding-left: 44px; padding-right: 20px}
|
||||
.layui-side-menu .layui-nav-item>a {padding-top: 2px;padding-bottom: 2px}
|
||||
.layui-side-menu .layui-nav-itemed>.layui-nav-child { padding: 0}
|
||||
.layui-side-menu .layui-nav-item .bi,
|
||||
.layui-side-menu .layui-nav-item .iconfont,
|
||||
.layui-side-menu .layui-nav-item .layui-icon{position: absolute; top: 50%;left: 16px; margin-top: -20px}
|
||||
.layui-side-menu .layui-nav-item .layui-nav-more {margin-top: -24px; color:#677C91}
|
||||
.layui-side-menu .layui-nav-child .layui-nav-more {margin-top: -20px; color:#677C91}
|
||||
|
||||
.layui-side-menu .layui-nav-child .layui-nav-child { background: 0 0 !important}
|
||||
.layui-side-menu .layui-nav-child .layui-nav-child a {padding-left: 58px}
|
||||
.layui-side-menu .layui-nav-more {right: 12px}
|
||||
|
||||
|
||||
/**black**/
|
||||
.layui-side-black{background-color:#111827;}
|
||||
.layui-side-black .layui-logo {border-bottom: 1px solid #000F1D;}
|
||||
.layui-side-black .layui-nav-child dd.layui-this,
|
||||
.layui-side-black .layui-nav-child dd.layui-this a,
|
||||
.layui-side-black .layui-this,
|
||||
.layui-side-black .layui-this>a,
|
||||
.layui-side-black .layui-this>a:hover {background-color: #2F333F;}
|
||||
.layui-side-black .layui-nav-child dd a:hover{background-color:#2F333F!important;}
|
||||
|
||||
|
||||
/**white**/
|
||||
.layui-side-white{background-color: #fff; color: #323232; box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);}
|
||||
.layui-side-white .layui-logo {background-color: #ffffff;border-bottom: 1px solid #eeeeee;}
|
||||
.layui-side-white .layui-nav-itemed>.layui-nav-child{background-color:#ffffff!important;}
|
||||
.layui-side-white .layui-nav-item a,.layui-side-white .layui-nav-itemed>a{color:#323232!important;}
|
||||
.layui-side-white .layui-nav-item a:hover{color:#1A75FF!important;}
|
||||
.layui-side-white .layui-nav-item a.layui-this{color:#1A75FF!important;}
|
||||
.layout-menu-classical .layui-side-white .layui-nav-item a.layui-this{border-right:3px solid #186AF2}
|
||||
.layui-side-white .layui-nav-child dd.layui-this,
|
||||
.layui-side-white .layui-nav-child dd.layui-this a,
|
||||
.layui-side-white .layui-this,
|
||||
.layui-side-white .layui-this>a,
|
||||
.layui-side-white .layui-this>a:hover {background-color: #EBF3FF;}
|
||||
.layui-side-white .layui-nav-child dd a:hover{background-color:#F8FAFF!important;color: #1A75FF!important; opacity: 0.9;}
|
||||
|
||||
/**blue**/
|
||||
.layui-side-blue{background-color:#192A5E; color: #C5C9D2;}
|
||||
.layui-side-blue .layui-logo {background-color:#192A5E;border-bottom: 1px solid #122150;}
|
||||
.layui-side-blue .layui-nav-itemed>.layui-nav-child{background-color:#122150!important;}
|
||||
.layui-side-blue .layui-nav-item a,
|
||||
.layui-side-blue .layui-nav-itemed>a,
|
||||
.layui-side-blue .layui-nav-title a,
|
||||
.layui-side-blue .layui-nav-title a:hover{color:#C5C9D2!important;}
|
||||
.layui-side-blue .layui-nav-child dd.layui-this,
|
||||
.layui-side-blue .layui-nav-child dd.layui-this a,
|
||||
.layui-side-blue .layui-this,
|
||||
.layui-side-blue .layui-this>a,
|
||||
.layui-side-blue .layui-this>a:hover {background-color: #3c508c;color: #ffffff;}
|
||||
.layui-side-blue .layui-nav-child dd a:hover{background-color:#2b3e79!important;color: #C5C9D2!important;}
|
||||
|
||||
.page-tabs{ position: fixed; top: 50px; right: 0; z-index: 999; height: 42px; line-height: 42px; padding: 0 80px 0 40px; background-color: #fff; box-sizing: border-box; box-shadow: 0 1px 3px rgb(0 0 0 / 12%);}
|
||||
.gg-layout .page-tabs,
|
||||
.gg-layout .layui-body,
|
||||
.gg-layout .layui-footer,
|
||||
.gg-layout .layui-layout-left {left: 180px}
|
||||
|
||||
.layout-menu-expand .page-tabs,
|
||||
.layout-menu-expand .layui-body,
|
||||
.layout-menu-expand .layui-footer,
|
||||
.layout-menu-expand .layui-layout-left {left: 120px;}
|
||||
.layout-menu-expand .layui-logo{width:120px;}
|
||||
|
||||
.layout-menu-expand .layui-body.sub-menu{left: 240px;}
|
||||
|
||||
.page-tabs,
|
||||
.gg-layout .layui-body,
|
||||
.gg-layout .layui-footer,
|
||||
.gg-layout .layui-header .layui-layout-right,
|
||||
.gg-layout .layui-header .layui-nav .layui-nav-item,
|
||||
.gg-layout .layui-layout-left,
|
||||
.gg-layout .layui-logo,
|
||||
.gg-layout .layui-logo a {color: #f1f1f1; text-align:center;}
|
||||
.gg-layout .layui-side {transition: all .3s;-webkit-transition: all .3s}
|
||||
|
||||
.gg-layout .layui-body {top: 90px;bottom: 0;position: fixed;}
|
||||
.gg-layout .gg-tab-page {position: absolute; top: 0; bottom: 0;left: 0; right: 0; display: none; overflow: hidden;}
|
||||
.gg-layout .layui-footer {padding: 10px 0;text-align: center; box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05)}
|
||||
.gg-body-shade {position: fixed; display: none;left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); z-index: 1000}
|
||||
|
||||
.page-tabs .gg-tabs-control { position: absolute; top: 0;width: 40px; height: 100%;text-align: center; cursor: pointer;box-sizing: border-box; border-left: 1px solid #eeeeee;
|
||||
transition: all .3s;
|
||||
-webkit-transition: all .3s;
|
||||
}
|
||||
.page-tabs .gg-tabs-control:hover {background-color: #fafafa}
|
||||
.page-tabs .layui-icon-prev {left: 0; border-left: none; border-right: 1px solid #eeeeee}
|
||||
.page-tabs .layui-icon-next {right: 40px}
|
||||
.page-tabs .layui-icon-down {right: 0}
|
||||
.page-tabs .layui-tab {margin: 0; overflow: hidden}
|
||||
.page-tabs .layui-tab-title {height: 42px;border: none}
|
||||
.page-tabs .layui-tab-title i{font-size:18px; font-weight:600}
|
||||
|
||||
.page-tabs .layui-tab-title li { min-width: 0; line-height: 42px; max-width: 160px; text-overflow: ellipsis; padding-left:12px; padding-right: 32px;overflow: hidden;border-right: 1px solid #eeeeee;vertical-align: top}
|
||||
.page-tabs .layui-tab-title li:first-child {padding-right: 15px}
|
||||
.page-tabs .layui-tab-title li .layui-tab-close { position: absolute;right: 8px; top: 50%;margin: -7px 0 0; width: 16px; height: 16px;line-height: 16px;border-radius: 50%;font-size: 12px}
|
||||
.page-tabs .layui-tab-title li:after { content: ''; position: absolute; top: 0; left: 0;width: 0; height: 3px; border-radius: 0; background-color: #1A75FF;
|
||||
transition: all .3s;
|
||||
-webkit-transition: all .3s
|
||||
}
|
||||
|
||||
.page-tabs .layui-tab-title li:hover:after {width: 100%}
|
||||
|
||||
.page-tabs .layui-tab-title li.layui-this,
|
||||
.page-tabs .layui-tab-title li:hover { background-color: #fafafa; color:#1A75FF}
|
||||
|
||||
.page-tabs .layui-tab-title li.layui-this:after {width: 100%; border: none; background-color: #1A75FF}
|
||||
|
||||
.page-tabs .layui-tab-title li:first-child .layui-tab-close,
|
||||
.gg-tabs-select.layui-nav .layui-nav-bar,
|
||||
.gg-tabs-select.layui-nav .layui-nav-more {display: none}
|
||||
|
||||
.gg-tabs-select.layui-nav { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: 0 0}
|
||||
.gg-tabs-select.layui-nav .layui-nav-item { line-height: 40px}
|
||||
.gg-tabs-select.layui-nav .layui-nav-item>a {height: 40px}
|
||||
.gg-tabs-select.layui-nav .layui-nav-item a {color: #666}
|
||||
.gg-tabs-select.layui-nav .layui-nav-child {top: 40px;left: auto;right: 0}
|
||||
|
||||
.gg-tabs-select.layui-nav .layui-nav-child dd.layui-this,
|
||||
.gg-tabs-select.layui-nav .layui-nav-child dd.layui-this a {background-color: #f2f2f2 !important;color: #323232}
|
||||
|
||||
.gg-layout .layui-logo .logo{display: none}
|
||||
.side-spread .gg-layout .layui-logo {width: 52px;}
|
||||
.side-spread .gg-layout .layui-logo .syslogo{display: none}
|
||||
.side-spread .gg-layout .layui-logo .logo{display: inline-block}
|
||||
.side-spread .layui-side {left: 0;width: 52px}
|
||||
.side-spread .layui-side-expand .menu-li > a > i{left:15px;}
|
||||
.side-spread .layui-side-expand .menu-li .gg-second-menu{left:52px;}
|
||||
|
||||
.side-spread .page-tabs,
|
||||
.side-spread .gg-layout .layui-body,
|
||||
.side-spread .gg-layout .layui-footer,
|
||||
.side-spread .gg-layout .layui-layout-left {left: 52px}
|
||||
|
||||
.side-spread .layout-menu-expand .layui-body.sub-menu{left: 172px;}
|
||||
|
||||
.side-spread .layui-side .layui-nav {position: static; width: 52px}
|
||||
.side-spread .layui-side .layui-nav-item {position: static}
|
||||
.side-spread .layui-side .layui-nav-item>a {padding-right: 0;padding-left:55px;}
|
||||
|
||||
.side-spread .layui-side .layui-nav-item cite,
|
||||
.side-spread .layui-side .layui-nav>.layui-nav-item>.layui-nav-child,
|
||||
.side-spread .layui-side .layui-nav>.layui-nav-item>a .layui-nav-more {display: none; padding: 8px 0;width: 180px}
|
||||
|
||||
.side-spread .layui-side .layui-nav>.layui-nav-itemed>a {background: rgba(0, 0, 0, .3)}
|
||||
|
||||
.side-layout .layui-layer-TipsG.layui-layer-TipsR{display:none;}
|
||||
.side-layout.layui-layer-tips .layui-layer-content{padding:0!important; border-radius:0!important;}
|
||||
.side-layout .layui-nav-tree .layui-nav-bar{background-color: #3C9CFF;width:3px;}
|
||||
|
||||
.side-spread-sm .layui-side {
|
||||
transform: translate3d(0,0,0);
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
}
|
||||
.side-spread-sm .page-tabs,
|
||||
.side-spread-sm .gg-layout .layui-body,
|
||||
.side-spread-sm .gg-layout .layui-footer,
|
||||
.side-spread-sm .gg-layout .layui-layout-left {
|
||||
left: 0;
|
||||
transform: translate3d(200px,0,0);
|
||||
-webkit-transform: translate3d(200px,0,0);
|
||||
}
|
||||
.side-spread-sm .gg-body-shade {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/** tab过场动画 **/
|
||||
.tab-loading{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 666666; display: block; width: 100%; height: 100%; background-color: #fafafa;}
|
||||
@ -62,182 +268,4 @@
|
||||
100% {
|
||||
box-shadow: 0.6em 1.6em rgba(61, 184, 143, 0.88), -0.6em -1.6em rgba(233, 169, 32, 0.88);
|
||||
}
|
||||
}
|
||||
|
||||
.layui-side-menu {box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);background-color: #001529; color: #fff}
|
||||
.layui-side-menu .layui-side-scroll {width: 100%;}
|
||||
.layui-side-menu .layui-side-scroll.no-scroll{overflow-y:hidden;}
|
||||
.layui-side-menu .layui-nav {width: 200px; margin-top: 50px; background: 0 0}
|
||||
.layui-side-menu .layui-nav .layui-nav-item a {height: 40px;line-height: 40px; padding-left: 44px; padding-right: 20px}
|
||||
.layui-side-menu .layui-nav .layui-nav-item>a {padding-top: 2px;padding-bottom: 2px}
|
||||
.layui-side-menu .layui-nav .layui-nav-itemed>.layui-nav-child { padding: 0}
|
||||
.layui-side-menu .layui-nav .layui-nav-item .bi,
|
||||
.layui-side-menu .layui-nav .layui-nav-item .iconfont,
|
||||
.layui-side-menu .layui-nav .layui-nav-item .layui-icon{position: absolute; top: 50%;left: 16px; margin-top: -20px}
|
||||
.layui-side-menu .layui-nav .layui-nav-item .bi,
|
||||
.layui-side-menu .layui-nav .layui-nav-item .iconfont{font-size:18px;}
|
||||
.layui-side-menu .layui-nav .layui-nav-item .layui-nav-more {margin-top: -24px; color:#677C91}
|
||||
.layui-side-menu .layui-nav .layui-nav-child .layui-nav-more {margin-top: -20px; color:#677C91}
|
||||
|
||||
.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child { background: 0 0 !important}
|
||||
.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a {padding-left: 58px}
|
||||
.layui-side-menu .layui-nav .layui-nav-more {right: 12px}
|
||||
|
||||
.layui-nav-tree .layui-nav-child dd.layui-this,
|
||||
.layui-nav-tree .layui-nav-child dd.layui-this a,
|
||||
.layui-nav-tree .layui-this,
|
||||
.layui-nav-tree .layui-this>a,
|
||||
.layui-nav-tree .layui-this>a:hover {background-color: #192A3B;color: #3C9CFF;}
|
||||
|
||||
.layui-side .layui-nav-tree .layui-nav-child dd a:hover{background-color:#192A3B;}
|
||||
.layui-side .layui-nav-tree .layui-nav-bar{background-color: #3C9CFF;width:3px;}
|
||||
|
||||
.layui-side-white{background-color: #fff; color: #323232}
|
||||
.layui-side-white .layui-logo {background-color: #ffffff;border-bottom: 1px solid #eeeeee;}
|
||||
.layui-side-white .layui-nav .layui-nav-item a{color: #323232}
|
||||
.layui-side-white .layui-nav .layui-nav-item .iconfont{font-weight:600;}
|
||||
.layui-side-white .layui-nav-itemed>.layui-nav-child{background-color:#fff!important;}
|
||||
.layui-side-white .layui-nav-itemed>a,
|
||||
.layui-side-white .layui-nav-tree .layui-nav-title a,
|
||||
.layui-side-white .layui-nav-tree .layui-nav-title a:hover{color:#187FDD!important;}
|
||||
.layui-side-white .layui-nav-tree .layui-nav-child dd.layui-this,
|
||||
.layui-side-white .layui-nav-tree .layui-nav-child dd.layui-this a,
|
||||
.layui-side-white .layui-nav-tree .layui-this,
|
||||
.layui-side-white .layui-nav-tree .layui-this>a,
|
||||
.layui-side-white .layui-nav-tree .layui-this>a:hover {background-color: #ECF6FF;color: #187FDD;}
|
||||
.layui-side-white .layui-nav-tree .layui-nav-child dd a:hover{background-color:#ffffff;color: #187FDD;}
|
||||
.layui-side-white .layui-nav-tree .layui-nav-bar{background-color: #187FDD;width:3px;left:inherit;right:0}
|
||||
|
||||
.layui-side-blue{background-color:#192A5E; color: #C5C9D2}
|
||||
.layui-side-blue .layui-logo {background-color: #122150;border-bottom: 1px solid #122150;}
|
||||
.layui-side-blue .layui-nav .layui-nav-item a{color: #C5C9D2}
|
||||
.layui-side-blue .layui-nav .layui-nav-item .iconfont{font-weight:600;}
|
||||
.layui-side-blue .layui-nav-itemed>.layui-nav-child{background-color:#122150!important;}
|
||||
.layui-side-blue .layui-nav-itemed>a,
|
||||
.layui-side-blue .layui-nav-tree .layui-nav-title a,
|
||||
.layui-side-blue .layui-nav-tree .layui-nav-title a:hover{color:#C5C9D2!important;}
|
||||
.layui-side-blue .layui-nav-tree .layui-nav-child dd.layui-this,
|
||||
.layui-side-blue .layui-nav-tree .layui-nav-child dd.layui-this a,
|
||||
.layui-side-blue .layui-nav-tree .layui-this,
|
||||
.layui-side-blue .layui-nav-tree .layui-this>a,
|
||||
.layui-side-blue .layui-nav-tree .layui-this>a:hover {background-color: #3c508c;color: #fff;}
|
||||
.layui-side-blue .layui-nav-tree .layui-nav-child dd a:hover{background-color:#2b3e79;color: #C5C9D2;}
|
||||
.layui-side-blue .layui-nav-tree .layui-nav-bar{background-color: #122150;width:3px;left:inherit;right:0}
|
||||
|
||||
.page-tabs{ position: fixed;top: 50px;right: 0; z-index: 999; height: 40px; line-height: 40px; padding: 0 80px 0 40px; background-color: #fff;box-sizing: border-box; box-shadow: 0 1px 3px rgb(0 0 0 / 10%);}
|
||||
.page-tabs,
|
||||
.gg-layout .layui-body,
|
||||
.gg-layout .layui-footer,
|
||||
.gg-layout .layui-layout-left {left: 200px}
|
||||
|
||||
.page-tabs,
|
||||
.gg-layout .layui-body,
|
||||
.gg-layout .layui-footer,
|
||||
.gg-layout .layui-header .layui-layout-right,
|
||||
.gg-layout .layui-header .layui-nav .layui-nav-item,
|
||||
.gg-layout .layui-layout-left,
|
||||
.gg-layout .layui-logo,
|
||||
.gg-layout .layui-side {transition: all .3s;-webkit-transition: all .3s}
|
||||
|
||||
.gg-layout .layui-body {top: 90px;bottom: 0;position: fixed;}
|
||||
.gg-layout .gg-tab-page {position: absolute; top: 0; bottom: 0;left: 0; right: 0; display: none; overflow: hidden;}
|
||||
.gg-layout .layui-footer {padding: 10px 0;text-align: center; box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05)}
|
||||
.gg-body-shade {position: fixed; display: none;left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .3); z-index: 1000}
|
||||
|
||||
.page-tabs .gg-tabs-control { position: absolute; top: 0;width: 40px; height: 100%;text-align: center; cursor: pointer;box-sizing: border-box; border-left: 1px solid #eeeeee;
|
||||
transition: all .3s;
|
||||
-webkit-transition: all .3s;
|
||||
}
|
||||
.page-tabs .gg-tabs-control:hover {background-color: #fafafa}
|
||||
.page-tabs .layui-icon-prev {left: 0; border-left: none; border-right: 1px solid #eeeeee}
|
||||
.page-tabs .layui-icon-next {right: 40px}
|
||||
.page-tabs .layui-icon-down {right: 0}
|
||||
.page-tabs .layui-tab {margin: 0; overflow: hidden}
|
||||
.page-tabs .layui-tab-title {height: 40px;border: none}
|
||||
.page-tabs .layui-tab-title i{font-size:18px; font-weight:600}
|
||||
|
||||
.page-tabs .layui-tab-title li { min-width: 0; line-height: 40px; max-width: 160px; text-overflow: ellipsis; padding-left:12px; padding-right: 32px;overflow: hidden;border-right: 1px solid #eeeeee;vertical-align: top}
|
||||
.page-tabs .layui-tab-title li:first-child {padding-right: 15px}
|
||||
.page-tabs .layui-tab-title li .layui-tab-close { position: absolute;right: 8px; top: 50%;margin: -7px 0 0; width: 16px; height: 16px;line-height: 16px;border-radius: 50%;font-size: 12px}
|
||||
.page-tabs .layui-tab-title li:after { content: ''; position: absolute; top: 0; left: 0;width: 0; height: 2px; border-radius: 0; background-color: #1E9FFF;
|
||||
transition: all .3s;
|
||||
-webkit-transition: all .3s
|
||||
}
|
||||
|
||||
.page-tabs .layui-tab-title li:hover:after {width: 100%}
|
||||
|
||||
.page-tabs .layui-tab-title li.layui-this,
|
||||
.page-tabs .layui-tab-title li:hover { background-color: #fafafa; color:#187FDD}
|
||||
|
||||
.page-tabs .layui-tab-title li.layui-this:after {width: 100%; border: none;height: 2px; background-color: #1E9FFF}
|
||||
|
||||
.page-tabs .layui-tab-title li:first-child .layui-tab-close,
|
||||
.gg-tabs-select.layui-nav .layui-nav-bar,
|
||||
.gg-tabs-select.layui-nav .layui-nav-more {display: none}
|
||||
|
||||
.gg-tabs-select.layui-nav { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: 0 0}
|
||||
.gg-tabs-select.layui-nav .layui-nav-item { line-height: 40px}
|
||||
.gg-tabs-select.layui-nav .layui-nav-item>a {height: 40px}
|
||||
.gg-tabs-select.layui-nav .layui-nav-item a {color: #666}
|
||||
.gg-tabs-select.layui-nav .layui-nav-child {top: 40px;left: auto;right: 0}
|
||||
|
||||
.gg-tabs-select.layui-nav .layui-nav-child dd.layui-this,
|
||||
.gg-tabs-select.layui-nav .layui-nav-child dd.layui-this a {background-color: #f2f2f2 !important;color: #333}
|
||||
|
||||
.gg-layout .layui-logo .logo{display: none}
|
||||
.side-spread .gg-layout .layui-logo {width: 53px;}
|
||||
.side-spread .gg-layout .layui-logo .syslogo{display: none}
|
||||
.side-spread .gg-layout .layui-logo .logo{display: inline-block}
|
||||
.side-spread .layui-side {left: 0;width: 53px}
|
||||
|
||||
.side-spread .page-tabs,
|
||||
.side-spread .gg-layout .layui-body,
|
||||
.side-spread .gg-layout .layui-footer,
|
||||
.side-spread .gg-layout .layui-layout-left {left: 53px}
|
||||
|
||||
.side-spread .layui-side-menu .layui-nav {position: static; width: 53px}
|
||||
.side-spread .layui-side-menu .layui-nav-item {position: static}
|
||||
.side-spread .layui-side-menu .layui-nav-item>a {padding-right: 0;padding-left:55px;}
|
||||
|
||||
.side-spread .layui-side-menu .layui-nav-item cite,
|
||||
.side-spread .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child,
|
||||
.side-spread .layui-side-menu .layui-nav>.layui-nav-item>a .layui-nav-more {display: none; padding: 8px 0;width: 180px}
|
||||
|
||||
.side-spread .layui-side-menu .layui-nav>.layui-nav-itemed>a {background: rgba(0, 0, 0, .3)}
|
||||
|
||||
.side-layout .layui-layer-TipsG.layui-layer-TipsR{display:none;}
|
||||
.side-layout.layui-layer-tips .layui-layer-content{padding:0!important; border-radius:0!important;}
|
||||
.side-layout .layui-nav-tree .layui-nav-bar{background-color: #3C9CFF;width:3px;}
|
||||
@media screen and (max-width:992px) {
|
||||
.gg-layout .layui-side {
|
||||
transform: translate3d(-200px, 0, 0);
|
||||
-webkit-transform: translate3d(-200px, 0, 0);
|
||||
width: 200px
|
||||
}
|
||||
.page-tabs,
|
||||
.gg-layout .layui-body,
|
||||
.gg-layout .layui-footer,
|
||||
.gg-layout .layui-layout-left {
|
||||
left: 0
|
||||
}
|
||||
.gg-head-screen,
|
||||
.gg-head-refresh,
|
||||
.gg-head-cache,
|
||||
.gg-head-home{display:none;}
|
||||
}
|
||||
|
||||
.side-spread-sm .layui-side {
|
||||
transform: translate3d(0,0,0);
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
}
|
||||
.side-spread-sm .page-tabs,
|
||||
.side-spread-sm .gg-layout .layui-body,
|
||||
.side-spread-sm .gg-layout .layui-footer,
|
||||
.side-spread-sm .gg-layout .layui-layout-left {
|
||||
left: 0;
|
||||
transform: translate3d(200px,0,0);
|
||||
-webkit-transform: translate3d(200px,0,0);
|
||||
}
|
||||
.side-spread-sm .gg-body-shade {
|
||||
display: block;
|
||||
}
|
||||
@ -1,10 +1,13 @@
|
||||
layui.define(['element'], function (exports) {
|
||||
var element = layui.element;
|
||||
var $gouguApp = $("#GouguApp");
|
||||
var $gouguAppBody = $("#GouguAppBody");
|
||||
var $gouguMenuList = $("#menuList");
|
||||
var tab = {
|
||||
// tab动画加载效果
|
||||
loading: function() {
|
||||
let load = '<div class="tab-loading"><div class="tab-loader"></div></div>';
|
||||
let $iframe = $('#GouguAppBody').find('.gg-tab-page.layui-show iframe');
|
||||
let $iframe = $gouguAppBody.find('.gg-tab-page.layui-show iframe');
|
||||
if (!$iframe.next().length) {
|
||||
$iframe.parent().append(load);
|
||||
let tabLoad = $iframe.parent().find('.tab-loading');
|
||||
@ -32,7 +35,7 @@ layui.define(['element'], function (exports) {
|
||||
url:url,
|
||||
title: '<span class="gg-tab-active"></span>' + title
|
||||
});
|
||||
$('#GouguAppBody').append('<div class="gg-tab-page" title="'+title+'" id="tabItem' + id + '" data-id="' + id + '" data-url="' + url + '"></div>');
|
||||
$gouguAppBody.append('<div class="gg-tab-page" title="'+title+'" id="tabItem' + id + '" data-id="' + id + '" data-url="' + url + '"></div>');
|
||||
},
|
||||
/*新增一个Tab页面
|
||||
* @id，tab页面唯一标识，可是标签中data-id的属性值
|
||||
@ -41,10 +44,10 @@ layui.define(['element'], function (exports) {
|
||||
*/
|
||||
tabAdd: function (id, url, title) {
|
||||
let thetabs = $('#pageTabUl').find('li');
|
||||
if (thetabs.length > 12) {
|
||||
if (thetabs.length > 15) {
|
||||
layer.tips('点击LOGO快速关闭已开的TAB页面', $('.layui-logo'));
|
||||
}
|
||||
if (thetabs.length > 16) {
|
||||
if (thetabs.length > 20) {
|
||||
layer.msg('你已打开了太多TAB页面了，请关闭部分TAB再使用');
|
||||
return false;
|
||||
}
|
||||
@ -55,7 +58,7 @@ layui.define(['element'], function (exports) {
|
||||
});
|
||||
// 获取当前时间戳（毫秒数）
|
||||
let timestamp = new Date().getTime();
|
||||
$('#GouguAppBody').append('<div class="gg-tab-page" title="'+title+'" id="tabItem'+id+'" data-id="'+id +'"><iframe id="'+id+'" data-frameid="'+id+'" data-timestamp="'+timestamp+'" src="'+url+'" frameborder="0" align="left" width="100%" height="100%" scrolling="yes"></iframe></div>');
|
||||
$gouguAppBody.append('<div class="gg-tab-page" title="'+title+'" id="tabItem'+id+'" data-id="'+id +'"><iframe id="'+id+'" data-frameid="'+id+'" data-timestamp="'+timestamp+'" src="'+url+'" frameborder="0" align="left" width="100%" height="100%" scrolling="yes"></iframe></div>');
|
||||
this.tabChange(id);
|
||||
},
|
||||
//从子页面打开新的Tab页面，防止id重复，使用时间戳作为唯一标识
|
||||
@ -146,16 +149,35 @@ layui.define(['element'], function (exports) {
|
||||
})
|
||||
},
|
||||
tabFollow:function(id){
|
||||
$('.layui-nav-tree').find('.side-menu-item').removeClass('layui-this');
|
||||
$('.layui-nav-tree').find('dd').removeClass('layui-this');
|
||||
$('.layui-nav-tree').find('dd').removeClass('layui-nav-itemed');
|
||||
$('.layui-nav-tree').find('.menu-li').removeClass('layui-nav-itemed');
|
||||
$gouguMenuList.find('.side-menu-item').removeClass('layui-this');
|
||||
$gouguMenuList.find('dd').removeClass('layui-this').removeClass('layui-nav-itemed');
|
||||
$gouguMenuList.find('.menu-li').removeClass('layui-nav-itemed');
|
||||
$gouguMenuList.find('.gg-second-menu').removeClass('current');
|
||||
$('.side-menu-item').each(function (index,item){
|
||||
if($(item).data("id") == id) {
|
||||
//console.log(item);
|
||||
$(item).addClass('layui-this');
|
||||
$(item).parents('dd').addClass('layui-nav-itemed');
|
||||
$(item).parents('.menu-li').addClass('layui-nav-itemed');
|
||||
$(item).parents('dl').addClass('current');
|
||||
|
||||
let $menuli = $(item).parents('.menu-li');
|
||||
$menuli.addClass('layui-nav-itemed');
|
||||
|
||||
// 展开菜单模式
|
||||
if ($('.layout-menu-expand').length) {
|
||||
$menuli.siblings().find('a').removeClass('layui-this');
|
||||
$menuli.children('a').addClass('layui-this');
|
||||
// 子级菜单
|
||||
$menuli.siblings().find('.gg-second-menu').removeClass('current');
|
||||
if ($menuli.children('.gg-second-menu').length) {
|
||||
$('#GouguAppBody').addClass('sub-menu');
|
||||
let second_menu = $(this).parent().parent();
|
||||
second_menu.removeClass('show-up');
|
||||
console.log(second_menu.html());
|
||||
} else {
|
||||
$('#GouguAppBody').removeClass('sub-menu');
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
@ -168,7 +190,7 @@ layui.define(['element'], function (exports) {
|
||||
tabCookie:function(){
|
||||
let thetabs = $('#pageTabUl').find('li');
|
||||
let tab_id = 0,tab_array=[];
|
||||
$('#pageTabUl li').each(function(index,item){
|
||||
thetabs.each(function(index,item){
|
||||
let _id = $(item).attr('lay-id'),_url = $(item).attr('lay-url'),_title = $(item).text();
|
||||
if(_id>0){
|
||||
tab_array.push({'id':_id,'url':_url,'title':_title});
|
||||
@ -213,7 +235,7 @@ layui.define(['element'], function (exports) {
|
||||
};
|
||||
//切换tab
|
||||
element.on('tab(gg-admin-tab)', function (data) {
|
||||
let thisPage = $('#GouguAppBody').find('.gg-tab-page').eq(data.index);
|
||||
let thisPage = $gouguAppBody.find('.gg-tab-page').eq(data.index);
|
||||
let id = thisPage.data('id');
|
||||
let url = thisPage.data('url');
|
||||
if(thisPage.find('iframe').length==0){
|
||||
@ -222,7 +244,7 @@ layui.define(['element'], function (exports) {
|
||||
thisPage.html('<iframe id="'+id+'" data-frameid="'+id+'" data-timestamp="'+timestamp+'" src="'+url+'" frameborder="0" align="left" width="100%" height="100%" scrolling="yes"></iframe>');
|
||||
}
|
||||
tab.tabFollow(id);
|
||||
$('#GouguAppBody').find('.gg-tab-page').removeClass('layui-show');
|
||||
$gouguAppBody.find('.gg-tab-page').removeClass('layui-show');
|
||||
thisPage.addClass('layui-show');
|
||||
if(data.index==0){
|
||||
tab.refresh(0);
|
||||
@ -233,7 +255,7 @@ layui.define(['element'], function (exports) {
|
||||
});
|
||||
//删除tab
|
||||
element.on('tabDelete(gg-admin-tab)', function (data) {
|
||||
$('#GouguAppBody').find('.gg-tab-page').eq(data.index).remove();
|
||||
$gouguAppBody.find('.gg-tab-page').eq(data.index).remove();
|
||||
tab.tabRoll("auto", data.index);
|
||||
tab.tabCookie();
|
||||
});
|
||||
@ -248,7 +270,7 @@ layui.define(['element'], function (exports) {
|
||||
})
|
||||
|
||||
//关闭全部tab，只保留首页
|
||||
$("#GouguApp").on('click', '[gg-event="closeAllTabs"]', function () {
|
||||
$gouguApp.on('click', '[gg-event="closeAllTabs"]', function () {
|
||||
var thetabs = $('#pageTabs .layui-tab-title').find('li'), ids = [];
|
||||
for (var i = 0; i < thetabs.length; i++) {
|
||||
var id = thetabs.eq(i).attr('lay-id');
|
||||
@ -259,7 +281,7 @@ layui.define(['element'], function (exports) {
|
||||
})
|
||||
|
||||
//关闭其他tab
|
||||
$("#GouguApp").on('click', '[gg-event="closeOtherTabs"]', function () {
|
||||
$gouguApp.on('click', '[gg-event="closeOtherTabs"]', function () {
|
||||
var thetabs = $('#pageTabs .layui-tab-title').find('li'), ids = [];
|
||||
var thisid = $('#pageTabs .layui-tab-title').find('.layui-this').attr('lay-id');
|
||||
for (var i = 0; i < thetabs.length; i++) {
|
||||
@ -273,23 +295,23 @@ layui.define(['element'], function (exports) {
|
||||
})
|
||||
|
||||
//关闭当前tab
|
||||
$("#GouguApp").on('click', '[gg-event="closeThisTabs"]', function () {
|
||||
$gouguApp.on('click', '[gg-event="closeThisTabs"]', function () {
|
||||
var thisid = $('#pageTabs .layui-tab-title').find('.layui-this').attr('lay-id');
|
||||
tab.tabDelete(thisid);
|
||||
return false;
|
||||
})
|
||||
|
||||
//当点击有side-menu-item属性的标签时，即左侧菜单栏中内容 ，触发tab
|
||||
$('body').on('click', 'a.side-menu-item', function () {
|
||||
$gouguMenuList.on('click', 'a.side-menu-item', function () {
|
||||
var that = $(this);
|
||||
var url = that.data("href"), id = that.data("id"), title = that.data("title");
|
||||
if (url == '' || url == '/') {
|
||||
return false;
|
||||
}
|
||||
//这时会判断右侧.layui-tab-title属性下的有lay-id属性的li的数目，即已经打开的tab项数目
|
||||
$('.site-menu-active').removeClass('layui-this');
|
||||
that.addClass('layui-this');
|
||||
$('#GouguApp').removeClass('side-spread-sm');
|
||||
//$('.site-menu-active').removeClass('layui-this');
|
||||
//that.addClass('layui-this');
|
||||
//$gouguApp.removeClass('side-spread-sm');
|
||||
if ($(".layui-tab-title li[lay-id]").length <= 0) {
|
||||
//打开新的tab项
|
||||
tab.tabAdd(id, url, title);
|
||||
@ -318,19 +340,24 @@ layui.define(['element'], function (exports) {
|
||||
});
|
||||
|
||||
//左侧菜单展开&收缩
|
||||
$('#GouguApp').on('click', '[gg-event="shrink"]', function () {
|
||||
if (window.innerWidth > 992) {
|
||||
$('#GouguApp').toggleClass('side-spread');
|
||||
} else {
|
||||
$('#GouguApp').toggleClass('side-spread-sm');
|
||||
$gouguApp.on('click', '[gg-event="shrink"]', function () {
|
||||
var that_i = $(this).children('i');
|
||||
if (that_i.hasClass("layui-icon-shrink-right")) {
|
||||
that_i.removeClass("layui-icon-shrink-right").addClass("layui-icon-spread-left");
|
||||
}
|
||||
else{
|
||||
that_i.removeClass("layui-icon-spread-left").addClass("layui-icon-shrink-right");
|
||||
}
|
||||
$gouguApp.toggleClass('side-spread');
|
||||
})
|
||||
$('#GouguApp').on('click', '[gg-event="shade"]', function () {
|
||||
$('#GouguApp').removeClass('side-spread-sm');
|
||||
/*
|
||||
$gouguApp.on('click', '[gg-event="shade"]', function () {
|
||||
$gouguApp.removeClass('side-spread-sm');
|
||||
})
|
||||
*/
|
||||
|
||||
//左上角清除缓存
|
||||
$('#GouguApp').on('click', '[gg-event="cache"]', function (e) {
|
||||
$gouguApp.on('click', '[gg-event="cache"]', function (e) {
|
||||
let that = $(this);
|
||||
let url = $(this).data('href');
|
||||
if (that.attr('class') === 'clearThis') {
|
||||
@ -355,9 +382,9 @@ layui.define(['element'], function (exports) {
|
||||
})
|
||||
|
||||
//右上角刷新当前tab页面
|
||||
$('#GouguApp').on('click', '[gg-event="refresh"]', function () {
|
||||
$gouguApp.on('click', '[gg-event="refresh"]', function () {
|
||||
var that = $(this);
|
||||
if ($(this).hasClass("refreshThis")) {
|
||||
if (that.hasClass("refreshThis")) {
|
||||
that.removeClass("refreshThis");
|
||||
var iframe = $(".gg-tab-page.layui-show").find("iframe")[0];
|
||||
if (iframe) {
|
||||
@ -375,7 +402,7 @@ layui.define(['element'], function (exports) {
|
||||
})
|
||||
|
||||
//右上角全屏&退出全屏
|
||||
$('#GouguApp').on("click", ".fullScreen", function () {
|
||||
$gouguApp.on("click", ".fullScreen", function () {
|
||||
if ($(this).hasClass("layui-icon-screen-restore")) {
|
||||
screenFun(2).then(function () {
|
||||
$(".fullScreen").eq(0).removeClass("layui-icon-screen-restore");
|
||||
@ -388,9 +415,9 @@ layui.define(['element'], function (exports) {
|
||||
});
|
||||
|
||||
//小菜单展现多级菜单
|
||||
$("#GouguApp").on("mouseenter", ".layui-nav-tree .menu-li", function () {
|
||||
$gouguApp.on("mouseenter", ".layui-nav-tree .menu-li", function () {
|
||||
var tips = $(this).prop("innerHTML");
|
||||
if ($('#GouguApp').hasClass('side-spread') && tips) {
|
||||
if ($gouguApp.hasClass('side-spread') && tips) {
|
||||
tips = "<ul class='layuimini-menu-left-zoom layui-nav layui-nav-tree layui-this'><li class='layui-nav-item layui-nav-itemed'>" + tips + "</li></ul>";
|
||||
window.openTips = layer.tips(tips, $(this), {
|
||||
tips: [2, '#2f4056'],
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
layui.define([], function (exports) {
|
||||
layui.define(function (exports) {
|
||||
var MOD_NAME = 'tool';
|
||||
var tool = {
|
||||
loading: false,
|
||||
@ -30,7 +30,7 @@ layui.define([], function (exports) {
|
||||
skin:'layui-layer-gougu-admin',
|
||||
end: function(){
|
||||
$('body').removeClass('right-open');
|
||||
if (layui.pageTable) {
|
||||
if (layui.pageTable && layui.pageTable.resize) {
|
||||
layui.pageTable.resize();
|
||||
}
|
||||
},
|
||||
@ -58,7 +58,7 @@ layui.define([], function (exports) {
|
||||
area: [width+'px', height+'px'],
|
||||
maxmin: true,
|
||||
end: function(){
|
||||
if (layui.pageTable) {
|
||||
if (layui.pageTable && layui.pageTable.resize) {
|
||||
layui.pageTable.resize();
|
||||
}
|
||||
},
|
||||
|
||||
@ -1,20 +1,4 @@
|
||||
/* Logo 字体 */
|
||||
@font-face {
|
||||
font-family: "iconfont logo";
|
||||
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
|
||||
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-family: "iconfont logo";
|
||||
font-size: 160px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
body{font-family: helvetica neue,arial,hiragino sans gb,stheiti,wenquanyi micro hei,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
|
||||
|
||||
/* tabs */
|
||||
.nav-tabs {
|
||||
@ -60,7 +44,7 @@
|
||||
|
||||
/* 页面布局 */
|
||||
.main {
|
||||
padding: 30px 100px;
|
||||
padding: 10px 100px;
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
@ -106,6 +90,13 @@
|
||||
text-align: center;
|
||||
list-style: none !important;
|
||||
cursor: default;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: 12px;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
line-height: inherit;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.icon_lists li .code-name {
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 10 KiB |
Loading…
x
Reference in New Issue
Block a user