<!doctype html>
|
<html class="x-admin-sm">
|
<head>
|
<meta charset="UTF-8">
|
<title>板栗快省</title>
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
<link rel="stylesheet" href="css/font.css">
|
<link rel="stylesheet" href="css/xadmin.css">
|
<link rel="stylesheet" href="css/theme3049.min.css">
|
|
<!-- <link rel="stylesheet" href="./css/theme5.css"> -->
|
|
<script type="text/javascript" src="js/xadmin.js"></script>
|
<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/http.js" type="text/javascript" charset="utf-8"></script>
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
<!--[if lt IE 9]>
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
<![endif]-->
|
<script>
|
// 是否开启刷新记忆tab功能
|
// var is_remember = false;
|
</script>
|
|
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
|
|
<style>
|
|
.layui-tab-title li{
|
margin-right: 1px;
|
background: #D0D0D0;
|
border-top-left-radius: 10px;
|
border-top-right-radius: 10px;
|
color: #959595;
|
}
|
|
.layui-tab-title{
|
padding-left: 2px;
|
}
|
|
.layui-tab-title .layui-this:after{
|
content: none;
|
}
|
|
.layui-tab-title .layui-this{
|
border-width: 0;
|
border-color: transparent;
|
color: #E5005C;
|
}
|
|
|
</style>
|
|
|
</head>
|
<body>
|
<!-- 顶部开始 -->
|
<div class="container">
|
<div class="logo">
|
<a href="login.html">积分系统后台管理</a></div>
|
<div class="left_open">
|
<a><i title="展开左侧栏" class="iconfont"></i></a>
|
</div>
|
<ul class="layui-nav right" lay-filter="">
|
<li class="layui-nav-item">
|
<a href="javascript:;">admin</a>
|
<dl class="layui-nav-child">
|
<!-- 二级菜单 -->
|
<dd>
|
<a onclick="xadmin.open('个人信息','http://www.baidu.com')">个人信息</a></dd>
|
<dd>
|
<a id="changeUser">切换帐号</a></dd>
|
<dd>
|
<a id="loginExit">退出</a></dd>
|
</dl>
|
</li>
|
<li class="layui-nav-item to-index">
|
<a href="javascript:void()" id="clearCaches">清除缓存</a></li>
|
</ul>
|
</div>
|
<!-- 顶部结束 -->
|
<!-- 中部开始 -->
|
<!-- 左侧菜单开始 -->
|
<div class="left-nav" id="allwai" style="background: transparent;padding-top: 0;">
|
<div style="background:rgba(80, 161, 237, 0.73) !important ;height: 35px;"></div>
|
<div id="side-nav" style="padding-top: 10px;">
|
<ul id="nav" style="display: none;">
|
<li v-for="(item,index) in menuList">
|
<a href="javascript:;">
|
<i class="iconfont left-nav-li" v-bind:lay-tips="item.value" v-html="item.icon">{{item.icon}}</i>
|
<cite>{{item.value}}</cite>
|
<i class="iconfont nav_right"></i></a>
|
<ul class="sub-menu">
|
<li v-for="child in item.child">
|
<a v-on:click="navClick(child)" target="">
|
<i class="iconfont"></i>
|
<cite>{{child.value}}</cite></a>
|
</li>
|
</ul>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<!-- <div class="x-slide_left"></div> -->
|
<!-- 左侧菜单结束 -->
|
<!-- 右侧主体开始 -->
|
<div class="page-content">
|
<div class="layui-tab" lay-filter="xbs_tab">
|
<ul class="layui-tab-title" style="margin-top: -10px;margin-left: -1px; border-bottom-style:none;background: rgba(80, 161, 237, 0.73) !important;">
|
|
</ul>
|
<div class="layui-tab-content" style="background: #FFFFFF;margin-top: -1px;">
|
|
</div>
|
<div id="tab_show"></div>
|
</div>
|
</div>
|
|
<!-- 右侧主体结束 -->
|
<!-- 中部结束 -->
|
<script src="./lib/layui/layui.all.js" charset="utf-8"></script>
|
|
|
|
|
<script>
|
var vm = null;
|
$(function(){
|
var form = null;
|
layui.use('form', function(e) {
|
form = layui.form;
|
});
|
|
vm = new Vue({
|
el: "#allwai",
|
// 数据
|
watch: {
|
menuList: function() {
|
setTimeout(function() {
|
$("#nav").css("display", "block");
|
}, 300);
|
}
|
},
|
data: {
|
|
// ---------------------------------------------------- 顶部数据
|
// 系统版本
|
sys: {
|
value: "积分管理系统",
|
level: "2.2.4",
|
// winH: doui.winH, // 页面高度
|
},
|
|
menuList: [],
|
// ---------------------------------------------------- 登录用户信息
|
user: {
|
login: false, // 登录状态
|
name: '未登录',
|
showTan: false, // 是否显示下拉弹框
|
// 名字处点击
|
click: function() {
|
// 1. 当前未登录，返回登录页
|
if (vm.user.login == false) {
|
vm.user.init();
|
doui.pageToUrl({
|
type: "blank",
|
url: "login.html",
|
});
|
}
|
// 2. 当前已经登录，显示下拉弹框
|
else {
|
vm.user.showTan = !vm.user.showTan;
|
}
|
},
|
// 弹框选项点击
|
listClick: function(typeC) {
|
// 点击了退出登录
|
if (typeC == "off") {
|
vm.user.init(); // 初始化登录用户
|
// 返回登录页
|
doui.pageToUrl({
|
type: "replace",
|
url: "login.html",
|
});
|
}
|
},
|
// 初始化
|
init: function() {
|
vm.user.name = "未登录";
|
vm.user.showTan = false;
|
vm.user.login = false;
|
},
|
},
|
|
// ---------------------------------------------------- 菜单数据
|
menu: {
|
|
// 请求列表
|
request: function() {
|
ksapp.get({
|
url: "menu.json",
|
params: {},
|
success: function(res) {
|
vm.menuList = res;
|
}
|
});
|
}
|
},
|
|
// ---------------------------------------------------- 浏览导航卡数据
|
viewhis: {
|
index_his: 0, // 当前选择的浏览导航下标
|
// 浏览导航列表
|
list: [{
|
value: "首页",
|
href: "welcome.html"
|
}, ],
|
// 导航点击
|
click_nav: function(indexC) {
|
vm.viewhis.index_his = indexC;
|
},
|
// 刷新点击
|
click_ref: function(itemC, indexC) {
|
vm.viewhis.index_his = indexC;
|
var myurl = itemC.href;
|
itemC.href = "";
|
setTimeout(function() {
|
itemC.href = myurl;
|
}, 100);
|
},
|
// 关闭点击
|
click_close: function(indexC) {
|
vm.viewhis.list.splice(indexC, 1); // 从浏览历史中删去该条
|
if (vm.viewhis.index_his > (vm.viewhis.list.length - 1)) {
|
vm.viewhis.index_his = vm.viewhis.list.length - 1;
|
} // 删除后，如果 当前浏览下标大于了数组最大值
|
}
|
},
|
|
},
|
methods: {
|
navClick: function(node) {
|
document.getElementsByTagName("title")[0].innerText = node.value;
|
if (node.child.length == 0) {
|
var array = new Array();
|
array.push({
|
title: node.value,
|
url: node.href
|
});
|
xadmin.add_tabs(array);
|
} else {
|
var array = new Array();
|
for (var i = 0; i < node.child.length; i++) {
|
array.push({
|
title: node.child[i].value,
|
url: node.child[i].href
|
});
|
}
|
xadmin.add_tabs(array);
|
}
|
|
|
},
|
|
}
|
});
|
|
|
|
|
|
vm.menu.request();
|
|
//清除缓存事件
|
$("#clearCaches").click(function() {
|
var myurl = gethttp() + "/admin/new/api/v1/config/clearCaches";
|
var index = layer.load(0, {
|
shade: false
|
});
|
doui.request({
|
type: "jsonp",
|
url: myurl,
|
success: function(res) {
|
layer.close(index);
|
layer.msg("清除缓存成功");
|
}
|
});
|
});
|
|
// 退出登录事件
|
$("#loginExit").click(function() {
|
var myurl = "/admin/api/logout";
|
$.post(myurl,{},function(e){
|
window.location.replace("login.html");
|
});
|
});
|
|
|
// 切换账号事件
|
$("#changeUser").click(function() {
|
var myurl = gethttp() + "/admin/new/api/login/loginExitJP";
|
doui.request({
|
type: "jsonp",
|
url: myurl,
|
success: function(res) {
|
vm.user.init();
|
loginOpen();
|
}
|
});
|
});
|
|
|
function loginOpen() {
|
layui.use('layer', function() {
|
layer.open({
|
type: 2,
|
title: false,
|
shadeClose: true,
|
shade: 0.3,
|
id: 'LAY_layuipro', //设定一个id，防止重复弹出
|
area: ['420px', '432px'],
|
content: ['./login_simpl.html?type=2', 'no'],
|
});
|
});
|
}
|
});
|
</script>
|
|
|
<script>
|
function login() {
|
layui.use('layer', function() {
|
layer.open({
|
type: 2,
|
title: false,
|
shadeClose: true,
|
shade: 0.3,
|
id: 'LAY_layuipro', //设定一个id，防止重复弹出
|
area: ['420px', '432px'],
|
content: ['./login_simpl.html?type=2', 'no'],
|
});
|
});
|
}
|
</script>
|
</body>
|
|
|
<script>
|
function login() {
|
layui.use('layer', function() {
|
layer.open({
|
type: 2,
|
title: false,
|
shadeClose: true,
|
shade: 0.3,
|
id: 'LAY_layuipro', //设定一个id，防止重复弹出
|
area: ['420px', '432px'],
|
content: ['./login_simpl.html?type=2', 'no'],
|
});
|
});
|
}
|
</script>
|
</html>
|
