@{
	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>