支持多主题

wedtlcy · Mar 5, 2017 · ba067b3 · ba067b3
1 parent 4cd1e27
commit ba067b3
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 15 deletions.
diff --git a/zheng-ui/src/css/admin.css b/zheng-ui/src/css/admin.css
@@ -147,7 +147,4 @@ a, a:hover, a:active, a:focus {text-decoration: none; -webkit-user-drag: none;}
 .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_vertical{margin:0!important}
 .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:10px}
 
-/** skins **/
-#header {background: #29a176;}
-.content_tab{background:#25966F;}
 
diff --git a/zheng-ui/src/images/zheng-api.png → zheng-ui/src/images/zheng-oss.png b/zheng-ui/src/images/zheng-api.png → zheng-ui/src/images/zheng-oss.png
diff --git a/zheng-ui/src/index.html b/zheng-ui/src/index.html
@@ -12,7 +12,31 @@
 	<link href="plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
 	<link href="plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css" rel="stylesheet"/>
 	<link href="css/admin.css" rel="stylesheet"/>
+	<style>
+	/** skins **/
+	#zheng-upms #header {background: #29A176;}
+	#zheng-upms .content_tab{background:#29A176;}
+	#zheng-upms .s-profile>a{background:url(images/zheng-upms.png) left top no-repeat;}
+
+	#zheng-cms #header {background: #455EC5;}
+	#zheng-cms .content_tab{background:#455EC5;}
+	#zheng-cms .s-profile>a{background:url(images/zheng-cms.png) left top no-repeat;}
 
+
+	#zheng-pay #header {background: #F06292;}
+	#zheng-pay .content_tab{background:#F06292;}
+	#zheng-pay .s-profile>a{background:url(images/zheng-pay.png) left top no-repeat;}
+
+
+	#zheng-ucenter #header {background: #6539B4;}
+	#zheng-ucenter .content_tab{background:#6539B4;}
+	#zheng-ucenter .s-profile>a{background:url(images/zheng-ucenter.png) left top no-repeat;}
+
+
+	#zheng-oss #header {background: #0B8DE5;}
+	#zheng-oss .content_tab{background:#0B8DE5;}
+	#zheng-oss .s-profile>a{background:url(images/zheng-oss.png) left top no-repeat;}
+	</style>
 </head>
 <body>
 <header id="header">
@@ -58,16 +82,19 @@
 						</li>
 						<li class="divider hidden-xs"></li>
 						<li class="hidden-xs">
-							<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-widgets"></i> CMS系统</a>
+							<a class="waves-effect switch-systems" systemname="zheng-upms" systemtitle="权限管理系统" href="javascript:;"><i class="zmdi zmdi-shield-security"></i> 权限管理系统</a>
+						</li>
+						<li>
+							<a class="waves-effect switch-systems" systemname="zheng-cms" systemtitle="内容管理系统" href="javascript:;"><i class="zmdi zmdi-wikipedia"></i> 内容管理系统</a>
 						</li>
 						<li>
-							<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-widgets"></i> OA系统</a>
+							<a class="waves-effect switch-systems" systemname="zheng-pay" systemtitle="支付管理系统" href="javascript:;"><i class="zmdi zmdi-paypal-alt"></i> 支付管理系统</a>
 						</li>
 						<li>
-							<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-widgets"></i> CRM系统</a>
+							<a class="waves-effect switch-systems" systemname="zheng-ucenter" systemtitle="用户管理系统" href="javascript:;"><i class="zmdi zmdi-account"></i> 用户管理系统</a>
 						</li>
 						<li>
-							<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-widgets"></i> QA系统</a>
+							<a class="waves-effect switch-systems" systemname="zheng-oss" systemtitle="存储管理系统" href="javascript:;"><i class="zmdi zmdi-cloud"></i> 存储管理系统</a>
 						</li>
 					</ul>
 				</li>
@@ -133,35 +160,35 @@
 				<a class="waves-effect" href="javascript:Tab.addTab('首页', 'home');"><i class="zmdi zmdi-home"></i> 首页</a>
 			</li>
 			<li class="sub-menu">
-				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-widgets"></i> 系统组织管理</a>
+				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-accounts-list"></i> 系统组织管理</a>
 				<ul>
 					<li><a class="waves-effect" href="javascript:Tab.addTab('系统注册', '1.html');">系统注册</a></li>
 					<li><a class="waves-effect" href="javascript:Tab.addTab('组织管理', '2.html');">组织管理</a></li>
 				</ul>
 			</li>
 			<li class="sub-menu">
-				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-widgets"></i> 用户角色管理</a>
+				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-accounts"></i> 用户角色管理</a>
 				<ul>
 					<li><a class="waves-effect" href="javascript:Tab.addTab('用户管理', '3.html');">用户管理</a></li>
 					<li><a class="waves-effect" href="javascript:Tab.addTab('角色管理', '4.html');">角色管理</a></li>
 				</ul>
 			</li>
 			<li class="sub-menu">
-				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-widgets"></i> 资源权限管理</a>
+				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-lock-outline"></i> 资源权限管理</a>
 				<ul>
 					<li><a class="waves-effect" href="javascript:Tab.addTab('资源管理', '5.html');">资源管理</a></li>
 					<li><a class="waves-effect" href="javascript:Tab.addTab('权限管理', '6.html');">权限管理</a></li>
 				</ul>
 			</li>
 			<li class="sub-menu">
-				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-widgets"></i> 权限分配管理</a>
+				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-key"></i> 权限分配管理</a>
 				<ul>
 					<li><a class="waves-effect" href="javascript:Tab.addTab('角色权限', '7.html');">角色权限</a></li>
 					<li><a class="waves-effect" href="javascript:Tab.addTab('用户权限', '8.html');">用户权限</a></li>
 				</ul>
 			</li>
 			<li class="sub-menu toggled">
-				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-widgets"></i> DEMO</a>
+				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-more"></i> DEMO</a>
 				<ul>
 					<li><a class="waves-effect" href="javascript:Tab.addTab('获取资源(DEMO)', '9.html');">获取资源(DEMO)</a></li>
 					<li><a class="waves-effect" href="javascript:Tab.addTab('获取权限(DEMO)', '10.html');">获取权限(DEMO)</a></li>

diff --git a/zheng-ui/src/js/admin.js b/zheng-ui/src/js/admin.js
@@ -31,12 +31,15 @@ $(function() {
 	// 切换系统
 	$('.switch-systems').click(function () {
 		var systemid = $(this).attr('systemid');
+		var systemname = $(this).attr('systemname');
 		var systemtitle = $(this).attr('systemtitle');
 		$('.system_menus').hide(0, function () {
 			$('.system_' + systemid).show();
-			$('#system_title').text(systemtitle);
 		});
+		$('#system_title').text(systemtitle);
+		$('body').attr("id", systemname);
 	});
+	// 显示cookie菜单
 });
 // iframe高度自适应
 function changeFrameHeight(ifm) {

diff --git a/zheng-ui/src/js/login.js b/zheng-ui/src/js/login.js
@@ -24,13 +24,13 @@ $(function() {
 // 登录
 function login() {
 	$.ajax({
-		url: '${basePath}/sso/login',
+		url: BASE_PATH + '/sso/login',
 		type: 'POST',
 		data: {
 			username: $('#username').val(),
 			password: $('#password').val(),
 			rememberMe: $('#rememberMe').is(':checked'),
-			backurl: '${param.backurl}'
+			backurl: BACK_URL
 		},
 		beforeSend: function() {