{extend name="../../base/view/common/base" /}
|
{block name="style"}
|
<link rel="stylesheet" href="{__GOUGU__}/gougu/css/layout.css" media="all">
|
{/block}
|
<!-- 主体 -->
|
{block name="body"}
|
<div class="layui-layout-body">
|
<div id="GouguApp">
|
<div class="layui-layout gg-layout layout-menu-{$system.menu_mode|default='classical'}">
|
<div class="layui-header">
|
<!-- 头部区域 -->
|
<div class="layui-layout-left">
|
<span class="gg-head-item">
|
<a href="javascript:;" gg-event="shrink" title="侧边伸缩"><i class="layui-icon layui-icon-shrink-right"></i></a>
|
</span>
|
<span class="gg-head-item gg-head-cache">
|
<a href="javascript:;" gg-event="cache" data-href="/api/index/cache_clear" title="清空缓存"><i class="layui-icon layui-icon-fonts-clear"></i></a>
|
</span>
|
<span class="gg-head-item gg-head-home">
|
<a href="https://www.gougucms.com/home/pages/detail/s/gouguoa.html" target="_blank" title="前台首页"><i class="layui-icon layui-icon-website"></i></a>
|
</span>
|
<span class="gg-head-item gg-head-home">
|
<a class="tab-a" data-href="/crud/crud/index" data-title="简单CRUD" title="简单CRUD"><i class="layui-icon layui-icon-template"></i></a>
|
</span>
|
</div>
|
|
<div class="layui-layout-right">
|
<span class="gg-head-item gg-head-refresh">
|
<a href="javascript:;" class="refreshThis" gg-event="refresh" title="刷新页面">
|
<i class="layui-icon layui-icon-refresh"></i>
|
</a>
|
</span>
|
<span class="gg-head-item gg-head-screen" title="切换全屏">
|
<a href="javascript:;" gg-event="screen" data-screen="full">
|
<i class="fullScreen layui-icon layui-icon-screen-full"></i>
|
</a>
|
</span>
|
<span class="gg-head-item gg-head-set">
|
<a href="javascript:;" id="theme" title="切换主题">
|
<i class="layui-icon layui-icon-set"></i>
|
</a>
|
</span>
|
<span class="gg-head-item gg-head-set">
|
<a href="/home/login/lock.html" title="锁屏">
|
<i class="iconfont icon-suozhu" style="font-size:21px; font-weight:800"></i>
|
</a>
|
</span>
|
<span class="gg-head-item gg-head-message">
|
<a href="javascript:;" data-href="/home/message/inbox" data-id="1000" data-title="消息中心" class="tab-a" title="消息中心">
|
<i class="layui-icon layui-icon-notice"></i>
|
<!-- 如果有新消息，则显示 -->
|
<div class="gg-message-num" id="msgNum" style="display: none;"><span>0</span></div>
|
</a>
|
</span>
|
<span class="gg-head-item gg-head-avatar">
|
<ul class="layui-nav">
|
<li class="layui-nav-item">
|
<a href="javascript:;">
|
<img src="{$login_admin.thumb}" onerror="javascript:this.src='{__IMG__}/nonepic360x360.jpg';this.onerror=null;">
|
<cite>{$login_admin.nickname}</cite>
|
</a>
|
<dl class="layui-nav-child" style="text-align: center; cursor: pointer;">
|
<dd><a data-href="/home/index/edit_personal" data-id="1001" data-title="基本资料" class="tab-a">基本资料</a></dd>
|
<dd><a data-href="/home/index/edit_password" data-id="1002" data-title="修改密码" class="tab-a">修改密码</a></dd>
|
<hr>
|
<dd gg-event="logout"><a>退出</a></dd>
|
</dl>
|
</li>
|
</ul>
|
</span>
|
</div>
|
</div>
|
|
<!-- 侧边菜单 -->
|
{empty name="$system.menu_mode"}
|
{include file="/index/menu_classical" /}
|
{else/}
|
{if ($system.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>
|
<div class="layui-icon gg-tabs-control layui-icon-next" gg-event="tabRollRight"></div>
|
<div class="layui-icon gg-tabs-control layui-icon-down">
|
<ul class="layui-nav gg-tabs-select">
|
<li class="layui-nav-item">
|
<a href="javascript:;"></a>
|
<dl class="layui-nav-child layui-anim-fadein">
|
<dd gg-event="closeThisTabs"><a href="javascript:;">关闭当前</a></dd>
|
<dd gg-event="closeOtherTabs"><a href="javascript:;">关闭其它</a></dd>
|
<dd gg-event="closeAllTabs"><a href="javascript:;">关闭全部</a></dd>
|
</dl>
|
</li>
|
</ul>
|
</div>
|
<div class="layui-tab gg-admin-tab" lay-unauto lay-allowClose="true" lay-filter="gg-admin-tab">
|
<ul class="layui-tab-title" id="pageTabUl">
|
<li lay-id="0" lay-attr="view/home/index.html" class="layui-this"><i class="iconfont icon-xueshuguanli"></i></li>
|
</ul>
|
</div>
|
</div>
|
|
<!-- 主体内容 -->
|
<div class="layui-body" id="GouguAppBody">
|
<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>
|
<!-- 辅助元素，用于移动设备下遮罩 -->
|
<div class="gg-body-shade" gg-event="shade"></div>
|
<!-- 新消息通知 -->
|
<div class="notification" style="display:none;">
|
<audio id="msgSound"><source src="{__STATIC__}/home/file/msg.mp3" type="audio/mpeg"></audio>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- /主体 -->
|
{/block}
|
<!-- 脚本 -->
|
{block name="script"}
|
<script>
|
const msg_sound = {$system.msg_sound|default=1};
|
const watermark = {$system.watermark|default=1};
|
const watermarkTxt = '{$admin.name|default="勾股OA"} {:substr($admin.mobile, -4)}';
|
const moduleInit = ['tool','admin'];
|
function gouguInit() {
|
let admin = layui.admin;
|
let tabs = admin.getCookie('gougutab');
|
if(tabs && tabs!=''){
|
let tab_parse = JSON.parse(tabs);
|
let tab_id = tab_parse.tab_id,tab_array = tab_parse.tab_array;
|
if(tab_array.length>0){
|
for(let a=0; a<tab_array.length;a++){
|
admin.tabTem(tab_array[a].id, tab_array[a].url,tab_array[a].title);
|
}
|
if(tab_id>0){
|
admin.tabChange(tab_id);
|
}
|
}
|
}
|
admin.loading();
|
menuInit();
|
if(watermark==1){
|
createWatermark();
|
}
|
$('#GouguApp').on("click",'[gg-event="logout"]',function () {
|
layer.confirm('确认注销登录吗?', { icon: 7, title: '警告' }, function (index) {
|
//注销
|
$.ajax({
|
url: "/home/login/login_out",
|
success: function (e) {
|
layer.msg(e.msg);
|
if (e.code == 0) {
|
setTimeout(function () {
|
location.href = "{:url('home/login/index')}"
|
}, 1000)
|
}
|
}
|
})
|
layer.close(index);
|
});
|
});
|
layui.dropdown.render({
|
elem: '#theme',
|
trigger: 'mousedown',
|
align: 'center',
|
data: [{
|
title: '经典黑',
|
theme: 'black'
|
},{
|
title: '简约白',
|
theme: 'white'
|
},{
|
title: '海军蓝',
|
theme: 'blue'
|
}],
|
click: function(data, othis){
|
$.ajax({
|
url: "/home/index/set_theme",
|
data:{'theme':data.theme},
|
success: function (e) {
|
layer.msg(e.msg);
|
if (e.code == 0) {
|
setTimeout(function () {
|
parent.location.reload();
|
}, 1000)
|
}
|
}
|
})
|
}
|
});
|
//轮循获取消息
|
let msg_num = 0,msg_bool=false;
|
const msgSound = document.getElementById("msgSound");
|
$(document).ready(function(){
|
$(document).one('click',function(){
|
msg_bool = true;
|
//console.log("页面被点击了");
|
});
|
});
|
|
$("#GouguAppBody").find('.gg-tab-page.layui-show iframe').on("load", function() {
|
var iframeDocument = $(this).contents();
|
iframeDocument.one('click',function(){
|
msg_bool = true;
|
//console.log("子页面被点击了");
|
});
|
});
|
|
var getStatus = setInterval(function () {
|
$.ajax({
|
url: "/api/index/get_msg",
|
type:'post',
|
success:function(e){
|
if(e.code==0 && e.data!==''){
|
if(e.data>0){
|
$('#msgNum').show().find('span').html(e.data);
|
if(e.data!=msg_num && msg_bool == true && msg_sound==1){
|
msgSound.play();
|
msg_num = e.data;
|
}
|
}
|
else{
|
$('#msgNum').hide().find('span').html(0);
|
}
|
}else{
|
layer.closeAll();
|
}
|
}
|
})
|
}, 10000);
|
}
|
|
function createWatermark(){
|
var canvas = document.createElement('canvas');
|
canvas.width = 300;
|
canvas.height = 200;
|
var ctx = canvas.getContext('2d');
|
ctx.font = '14px Arial';
|
ctx.fillStyle = '#dddddd';
|
ctx.textAlign = 'left';
|
ctx.textBaseline = 'top';
|
ctx.rotate(15 * Math.PI / 180);
|
ctx.fillText(watermarkTxt, 20, 50);
|
ctx.fillText(watermarkTxt, 180, 120);
|
var dataURL = canvas.toDataURL('image/png');
|
let node = document.createElement("div");
|
node.style.pointerEvents = "none";
|
node.style.position = "fixed";
|
node.style.width = "100%";
|
node.style.height = "100%";
|
node.style.top = "0";
|
node.style.left = "0";
|
node.style.opacity = "0.36";
|
node.style.zIndex = "998";
|
node.style.background = 'url("' + dataURL + '") 0 0 repeat';
|
// 将创建的元素插入body中，作为body的子元素
|
document.body.appendChild(node);
|
}
|
</script>
|
{/block}
|
<!-- /脚本 -->
|
