<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>控制台主页一</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
|
<style>
|
.layui-side-menu, .layadmin-pagetabs .layui-tab-title li:after, .layadmin-pagetabs .layui-tab-title li.layui-this:after, .layui-layer-admin .layui-layer-title, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child {
|
background-color: #20222A !important;
|
}
|
|
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a {
|
background-color: #009688 !important;
|
}
|
|
.layui-layout-admin .layui-logo {
|
background-color: #20222A !important;
|
}
|
|
.FastMenu {
|
}
|
</style>
|
<script>
|
/^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
|
</script>
|
</head>
|
<body>
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md8">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header">快捷方式</div>
|
<div class="layui-card-body">
|
<div class="layui-carousel layadmin-carousel layadmin-shortcut" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
|
<!--快捷方式-->
|
<div class="FastMenu" carousel-item=""></div>
|
<div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<script src="../../layuiadmin/layui/layui.js?t=1"></script>
|
<script src="../../layuiadmin/Scripts/webConfig.js"></script>
|
<script src="../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
|
<script>
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'form', 'laydate', 'table', 'element', 'console'], function () {
|
var $ = layui.$;
|
var element = layui.element;
|
var $ = layui.jquery;
|
//登录平台(PC端、手机端)
|
var HType = "mobile";
|
//#region 页面初始化
|
set_ClearBill();
|
//#endregion
|
|
|
|
//#region 页面其它方法
|
//#region 页面初始化方法
|
function set_ClearBill() {
|
get_Display();
|
}
|
//#endregion
|
|
//#region 页面显示方法
|
function get_Display() {
|
//获取菜单列表数据
|
$.ajax({
|
url: GetWEBURL() + "/Web/Xt_UserFastMenu_Init",
|
type: "GET",
|
async: false,
|
data: { "HMakeName": sessionStorage["HUserName"], "HType": HType },
|
success: function (data) {
|
console.log(data.data);
|
FastMenu(data.data);
|
},
|
error: function (data) {
|
layer.alert("发生错误!", { icon: 5 });
|
}
|
});
|
}
|
//#endregion
|
|
//#region 加载快捷方式
|
function FastMenu(data) {
|
var liStr = '';
|
//遍历生成主菜单
|
for (var i = 0; i < data.length; i++) {
|
if (i == 0) {
|
liStr += '<ul class="layui-row layui-col-space10 layui-this">';
|
} else if (i % 8 == 0) {
|
liStr += '<ul class="layui-row layui-col-space10">';
|
}
|
|
liStr += '<li class="layui-col-xs3">';
|
|
if (data[i]["HPicNum"] == null || data[i]["HPicNum"] == "") {
|
liStr += '<i id="' + data[i]["HSubFuncID"] + '" class="layui-icon layui-icon-add-circle"></i>';
|
} else {
|
liStr += '<i id="' + data[i]["HSubFuncID"] + '" class="' + data[i]["HPicNum"] + '"></i>';
|
}
|
|
liStr += '<a lay-href="' + data[i]["Hurl"] + '">';
|
|
liStr += '<cite>' + data[i]["HCaption"] + '</cite>';
|
|
liStr += '</a>';
|
|
liStr += '</li>';
|
|
if (i % 8 == 7) {
|
liStr += '</ul>';
|
}
|
};
|
if (data.length % 8 == 0) {
|
liStr += '<ul class="layui-row layui-col-space10">';
|
liStr += '<li class="layui-col-xs3">';
|
liStr += '<a lay-href="系统管理/快捷方式自定义/Xt_UserFastMenu.html">';
|
liStr += '<i class="layui-icon layui-icon-add-circle"></i>';
|
liStr += '<cite>快捷方式自定义</cite>';
|
liStr += '</a>';
|
liStr += '</li>';
|
liStr += '</ul>';
|
} else {
|
liStr += '<li class="layui-col-xs3">';
|
liStr += '<a lay-href="系统管理/快捷方式自定义/Xt_UserFastMenu.html">';
|
liStr += '<i class="layui-icon layui-icon-add-circle"></i>';
|
liStr += '<cite>快捷方式自定义</cite>';
|
liStr += '</a>';
|
liStr += '</li>';
|
liStr += '</ul>';
|
}
|
$(".FastMenu").html(liStr);
|
element.init();
|
|
for (var i = 0; i < data.length; i++) {
|
var item = document.getElementById(data[i]["HSubFuncID"]);
|
item.addEventListener("click", function (event) {
|
//alert("hh");
|
//打开图标设置子窗口
|
layer.open({
|
type: 2
|
, skin: "layui-layer-rim" //加上边框
|
, title: "快捷方式-图标设置" //标题
|
, closeBtn: 1 //窗体右上角关闭 的 样式
|
, shift: 2 //弹出动画
|
, area: ["30%", "90%"] //窗体大小
|
, maxmin: true //设置最大最小按钮是否显示
|
, content: '../系统管理/快捷方式自定义/Xt_UserFastMenu_IconSet.html?HItemID=' + event.srcElement.id
|
, btn: ["确定"]
|
, btn1: function (index, laero) {
|
//刷新快捷方式
|
get_Display();
|
//更新表格缓存的数据
|
layer.close(index);//关闭弹窗
|
}
|
})
|
}, false);
|
}
|
}
|
//#endregion
|
//#endregion
|
});
|
</script>
|
</body>
|
</html>
|
