You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
493 lines
12 KiB
493 lines
12 KiB
@{
|
|
ViewData["Title"] = "经典版风格";
|
|
Layout = "~/Views/Shared/_Admin.cshtml";
|
|
}
|
|
<style>
|
|
.lr-frame-top {
|
|
z-index: 1;
|
|
height: 56px;
|
|
line-height: 56px;
|
|
background: #fff;
|
|
}
|
|
|
|
.lr-frame-tabs {
|
|
top: 56px;
|
|
left: 0px;
|
|
padding: 0px 32px 0px 100px;
|
|
}
|
|
/*logo标题*/
|
|
.lr-logo-title {
|
|
left: 100px;
|
|
color: #3498DB;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.lr-logo-title span {
|
|
color: #3498DB;
|
|
}
|
|
/*版本图标*/
|
|
.lr-frame-vericon {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 3;
|
|
}
|
|
|
|
/*菜单 adminDefault */
|
|
.lr-frame-menu-wrap .lr-scroll-vertical {
|
|
right: 76px;
|
|
}
|
|
|
|
.lr-frame-menu {
|
|
top: 0;
|
|
width: 80px;
|
|
height: 100%;
|
|
background-color: #282E3B;
|
|
z-index: 2;
|
|
}
|
|
|
|
.lr-first-menu-list {
|
|
width: 80px;
|
|
padding-top: 64px;
|
|
}
|
|
|
|
.lr-first-menu-list > li > .lr-menu-item {
|
|
height: 64px;
|
|
font-size: 12px;
|
|
color: #F8F8F8;
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.lr-first-menu-list > li:first-of-type > .lr-menu-item {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.lr-first-menu-list > li > .lr-menu-item:hover {
|
|
background: #212A37;
|
|
}
|
|
|
|
.lr-first-menu-list > li > .lr-menu-item > .lr-menu-item-icon {
|
|
display: block;
|
|
font-size: 20px;
|
|
line-height: 40px;
|
|
height: 40px;
|
|
width: 40px;
|
|
border-radius: 5px;
|
|
margin: 0 auto;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.lr-first-menu-list > li > .lr-menu-item > .lr-menu-item-icon:before {
|
|
color: #fff;
|
|
}
|
|
|
|
.lr-first-menu-list > li:nth-of-type(7n+1) > .lr-menu-item > .lr-menu-item-icon {
|
|
background-color: #985CE2;
|
|
}
|
|
|
|
.lr-first-menu-list > li:nth-of-type(7n+2) > .lr-menu-item > .lr-menu-item-icon {
|
|
background-color: #6A9AE1;
|
|
}
|
|
|
|
.lr-first-menu-list > li:nth-of-type(7n+3) > .lr-menu-item > .lr-menu-item-icon {
|
|
background-color: #45B1DF;
|
|
}
|
|
|
|
.lr-first-menu-list > li:nth-of-type(7n+4) > .lr-menu-item > .lr-menu-item-icon {
|
|
background-color: #48D4D7;
|
|
}
|
|
|
|
.lr-first-menu-list > li:nth-of-type(7n+5) > .lr-menu-item > .lr-menu-item-icon {
|
|
background-color: #3089DC;
|
|
}
|
|
|
|
.lr-first-menu-list > li:nth-of-type(7n+6) > .lr-menu-item > .lr-menu-item-icon {
|
|
background-color: #E4474D;
|
|
}
|
|
|
|
.lr-first-menu-list > li:nth-of-type(7n) > .lr-menu-item > .lr-menu-item-icon {
|
|
background-color: #3398DC;
|
|
}
|
|
|
|
.lr-first-menu-list > li > .lr-menu-item > .lr-menu-item-arrow {
|
|
display: block;
|
|
position: absolute;
|
|
left: 65px;
|
|
top: 57px;
|
|
text-indent: 0;
|
|
font-weight: bold;
|
|
color: #b8d2e1;
|
|
}
|
|
|
|
.lr-first-menu-list > li:hover > .lr-menu-item > .lr-menu-item-arrow {
|
|
text-indent: -99999px;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 8px;
|
|
border-color: transparent;
|
|
border-right-color: white;
|
|
border-left: none;
|
|
left: 67px;
|
|
top: 50%;
|
|
margin-top: -20px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.lr-second-menu-list {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 74px;
|
|
width: 135px;
|
|
line-height: 28px;
|
|
padding: 3px 0 3px;
|
|
background: #FFFFFF;
|
|
border: 1px solid #cccccc;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.lr-first-menu-list > li:hover .lr-second-menu-list {
|
|
display: block;
|
|
}
|
|
|
|
.lr-second-menu-list li {
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.lr-second-menu-list .lr-menu-item {
|
|
padding-left: 10px;
|
|
font-size: 12px;
|
|
color: #333;
|
|
}
|
|
|
|
.lr-second-menu-list li:hover {
|
|
background-color: #eee;
|
|
}
|
|
|
|
.lr-second-menu-list > .lr-meun-had:after {
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
font-size: inherit;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
content: "\f105";
|
|
color: #333;
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 10px;
|
|
}
|
|
|
|
.lr-second-menu-list .lr-menu-item-icon {
|
|
color: #333;
|
|
width: 18px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.lr-three-menu-list {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 133px;
|
|
width: 130px;
|
|
line-height: 28px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
background-color: #fff;
|
|
font-size: 12px;
|
|
color: #333;
|
|
border: 1px solid #cccccc;
|
|
}
|
|
|
|
.lr-second-menu-list > li:hover .lr-three-menu-list {
|
|
display: block;
|
|
}
|
|
|
|
.lr-uitheme-default .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
|
|
background: #eee;
|
|
}
|
|
/*tabs条*/
|
|
.lr-frame-tabs {
|
|
border-bottom: 1px solid #cccccc;
|
|
background: #fff;
|
|
}
|
|
|
|
.lr-frame-tabs-wrap {
|
|
height: 32px;
|
|
}
|
|
|
|
.lr-frame-tabItem {
|
|
border: 1px solid transparent;
|
|
background: #fff;
|
|
height: 31px;
|
|
line-height: 31px;
|
|
color: #333;
|
|
/*border-radius: 3px;*/
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.lr-frame-tabItem i {
|
|
color: #333;
|
|
display: none;
|
|
}
|
|
|
|
.lr-frame-tabItem.active {
|
|
border: 1px solid #cccccc;
|
|
border-bottom: 0px;
|
|
height: 32px;
|
|
background: #f8f8f8;
|
|
color: #3999d9;
|
|
}
|
|
|
|
.lr-frame-tabItem .reomve {
|
|
top: 8px;
|
|
right: 3px;
|
|
}
|
|
/*功能窗口*/
|
|
.lr-frame-main {
|
|
padding: 88px 0px 0px 80px;
|
|
background: #fff;
|
|
}
|
|
|
|
.lr-frame-main img {
|
|
opacity: 0.2;
|
|
}
|
|
/*个人设置和头像*/
|
|
.lr-frame-personCenter {
|
|
top: 8px;
|
|
right: 10px;
|
|
height: 40px;
|
|
line-height: 42px;
|
|
color: #333;
|
|
}
|
|
|
|
.lr-frame-personCenter .dropdown-menu {
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.lr_frame_fullscreen {
|
|
top: 56px;
|
|
}
|
|
|
|
.lr-frame-personCenter span {
|
|
color: #333;
|
|
}
|
|
|
|
.lr-first-menu-list > li > a > .lr-menu-item-text {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
display: block;
|
|
}
|
|
|
|
.lr-second-menu-list .lr-menu-item-text {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 30px;
|
|
width: 90px;
|
|
}
|
|
|
|
/*即时通讯*/
|
|
|
|
.lr-im-bell {
|
|
position: fixed;
|
|
right: 105px;
|
|
top: 11px;
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
color: #282E3B;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
z-index: 51;
|
|
display: none;
|
|
}
|
|
|
|
.lr-im-bell > i {
|
|
font-size: 20px;
|
|
color: #578ebe;
|
|
}
|
|
|
|
.lr-im-bell > .point {
|
|
background: #e35b5a;
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 6px;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/*语言设置*/
|
|
.lr-lg-setting {
|
|
position: absolute;
|
|
top: 21px;
|
|
left: 423px;
|
|
font-size: 14px;
|
|
z-index: 4;
|
|
}
|
|
|
|
.lr-lg-setting span {
|
|
color: #3498DB;
|
|
}
|
|
</style>
|
|
<img class="lr-frame-vericon" src="~/img/adminDefault.png" alt="经典风格">
|
|
<div class="lr-frame-top">
|
|
<div class="lr-logo-title">
|
|
<img src="~/LR_SystemModule/Img/Down?id=logo_default" />
|
|
</div>
|
|
</div>
|
|
@*<div class="lr-lg-setting" id="lr_lg_setting">
|
|
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">[<span></span>]</a>
|
|
<ul class="dropdown-menu">
|
|
</ul>
|
|
</div>*@
|
|
@* 即时通讯窗体 *@
|
|
<div class="lr-im-bell" title="消息中心">
|
|
<span class="point" style="display:none;"></span>
|
|
<i class="fa fa-bell"></i>
|
|
</div>
|
|
<script>
|
|
var bootstrap = function ($, learun) {
|
|
"use strict";
|
|
|
|
// 菜单操作
|
|
var meuns = {
|
|
init: function () {
|
|
this.load();
|
|
this.bind();
|
|
},
|
|
load: function () {
|
|
var modulesTree = learun.clientdata.get(['modulesTree']);
|
|
// 第一级菜单
|
|
var parentId = '0';
|
|
var modules = modulesTree[parentId] || [];
|
|
var $firstmenus = $('<ul class="lr-first-menu-list"></ul>');
|
|
for (var i = 0, l = modules.length; i < l; i++) {
|
|
var item = modules[i];
|
|
if (item.F_IsMenu == 1) {
|
|
var $firstMenuItem = $('<li></li>');
|
|
if (!!item.F_Description) {
|
|
$firstMenuItem.attr('title', item.F_Description);
|
|
}
|
|
var menuItemHtml = '<a id="' + item.F_ModuleId + '" href="javascript:void(0);" class="lr-menu-item">';
|
|
menuItemHtml += '<i class="' + item.F_Icon + ' lr-menu-item-icon"></i>';
|
|
menuItemHtml += '<span class="lr-menu-item-text">' + item.F_FullName + '</span>';
|
|
menuItemHtml += '<span class="lr-menu-item-arrow"></span></a>';
|
|
$firstMenuItem.append(menuItemHtml);
|
|
// 第二级菜单
|
|
var secondModules = modulesTree[item.F_ModuleId] || [];
|
|
var $secondMenus = $('<ul class="lr-second-menu-list"></ul>');
|
|
var secondMenuHad = false;
|
|
for (var j = 0, sl = secondModules.length; j < sl; j++) {
|
|
var secondItem = secondModules[j];
|
|
if (secondItem.F_IsMenu == 1) {
|
|
secondMenuHad = true;
|
|
var $secondMenuItem = $('<li></li>');
|
|
if (!!secondItem.F_Description) {
|
|
$secondMenuItem.attr('title', secondItem.F_Description);
|
|
}
|
|
var secondItemHtml = '<a id="' + secondItem.F_ModuleId + '" href="javascript:void(0);" class="lr-menu-item" >';
|
|
secondItemHtml += '<i class="' + secondItem.F_Icon + ' lr-menu-item-icon"></i>';
|
|
secondItemHtml += '<span class="lr-menu-item-text">' + secondItem.F_FullName + '</span>';
|
|
secondItemHtml += '</a>';
|
|
|
|
$secondMenuItem.append(secondItemHtml);
|
|
// 第三级菜单
|
|
var threeModules = modulesTree[secondItem.F_ModuleId] || [];
|
|
var $threeMenus = $('<ul class="lr-three-menu-list"></ul>');
|
|
var threeMenuHad = false;
|
|
for (var m = 0, tl = threeModules.length; m < tl; m++) {
|
|
var threeItem = threeModules[m];
|
|
if (threeItem.F_IsMenu == 1) {
|
|
threeMenuHad = true;
|
|
var $threeMenuItem = $('<li></li>');
|
|
$threeMenuItem.attr('title', threeItem.F_FullName);
|
|
var threeItemHtml = '<a id="' + threeItem.F_ModuleId + '" href="javascript:void(0);" class="lr-menu-item" >';
|
|
threeItemHtml += '<i class="' + threeItem.F_Icon + ' lr-menu-item-icon"></i>';
|
|
threeItemHtml += '<span class="lr-menu-item-text">' + threeItem.F_FullName + '</span>';
|
|
threeItemHtml += '</a>';
|
|
$threeMenuItem.append(threeItemHtml);
|
|
$threeMenus.append($threeMenuItem);
|
|
}
|
|
}
|
|
if (threeMenuHad) {
|
|
$secondMenuItem.addClass('lr-meun-had');
|
|
$secondMenuItem.append($threeMenus);
|
|
}
|
|
$secondMenus.append($secondMenuItem);
|
|
}
|
|
}
|
|
|
|
if (secondMenuHad) {
|
|
$firstMenuItem.append($secondMenus);
|
|
}
|
|
$firstmenus.append($firstMenuItem);
|
|
}
|
|
}
|
|
$('#lr_frame_menu').html($firstmenus);
|
|
|
|
// 语言包翻译
|
|
$('.lr-menu-item-text').each(function () {
|
|
var $this = $(this);
|
|
var text = $this.text();
|
|
learun.language.get(text, function (text) {
|
|
$this.text(text);
|
|
$this.parent().parent().attr('title', text);
|
|
});
|
|
});
|
|
},
|
|
bind: function () {
|
|
$("#lr_frame_menu").lrscroll();
|
|
$("#lr_frame_menu .lr-first-menu-list > li").hover(function (e) {// 一级菜单选中的时候判断二级菜单的位置
|
|
//$('#lr_frame_menu').width(4000);
|
|
var $secondMenu = $(this).find('.lr-second-menu-list');
|
|
var length = $secondMenu.find('li').length;
|
|
if (length > 0) {
|
|
$secondMenu.css('top', '0px');
|
|
var secondMenuTop = $(this).offset().top + $secondMenu.height() + 23;
|
|
var bodyHeight = $(window).height();
|
|
if (secondMenuTop > bodyHeight) {
|
|
$secondMenu.css('top', '-' + (secondMenuTop - bodyHeight) + 'px');
|
|
}
|
|
}
|
|
else {
|
|
$(this).find('.lr-menu-item-arrow').hide();
|
|
}
|
|
}, function (e) {
|
|
$('#lr_frame_menu').width(80);
|
|
});
|
|
|
|
$("#lr_frame_menu .lr-second-menu-list > li.lr-meun-had").hover(function (e) {// 二级菜单选中的时候判断三级菜单的位置
|
|
var $ul = $(this).find('.lr-three-menu-list');
|
|
$ul.css('top', '-9px');
|
|
var ulTop = $(this).offset().top + $ul.height() + 23;
|
|
var bodyHeight = $(window).height();
|
|
if (ulTop > bodyHeight) {
|
|
$ul.css('top', '-' + (ulTop - bodyHeight) + 'px');
|
|
}
|
|
});
|
|
|
|
// 添加点击事件
|
|
$('#lr_frame_menu .lr-menu-item').on('click', function () {
|
|
var $obj = $(this);
|
|
var id = $obj.attr('id');
|
|
var _module = learun.clientdata.get(['modulesMap', id]);
|
|
switch (_module.F_Target) {
|
|
case 'iframe':// 窗口
|
|
if (learun.validator.isNotNull(_module.F_UrlAddress).code) {
|
|
learun.frameTab.open(_module);
|
|
}
|
|
break;
|
|
}
|
|
});
|
|
}
|
|
};
|
|
meuns.init();
|
|
};
|
|
</script>
|