登录界面加进入saas演示地址的链接

git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@1831 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d

src/main/webapp/WEB-INF/views/normal/signin.html

@@ -26,16 +26,20 @@
 					target="_blank" class="btn btn-xs btn-info">下载Chrome高速浏览器</a>
 			</div>
 			<div class="pull-right">
-				<a class="text-muted btn" onclick="document.getElementById('brower-tip').style.display='none';">我知道了<i
+				<a class="text-muted btn"
+					onclick="document.getElementById('brower-tip').style.display='none';">我知道了<i
 					class="fa fa-fw fa-times"></i></a>
 			</div>
 		</div>
 		<script>
 			var lessthenIE9 = function() {
 				var agent = navigator.userAgent.toLowerCase(), mode = document.documentMode;
-				return /msie 9/.test(agent) || /msie 8/.test(agent) || /msie 7/.test(agent) || (mode && [7,8,9].indexOf(mode) > -1);
+				return /msie 9/.test(agent) || /msie 8/.test(agent)
+						|| /msie 7/.test(agent)
+						|| (mode && [ 7, 8, 9 ].indexOf(mode) > -1);
 			};
-			lessthenIE9() && (document.getElementById("brower-tip").style.display = 'block');
+			lessthenIE9()
+					&& (document.getElementById("brower-tip").style.display = 'block');
 		</script>
 	</div>
 	<!-- old brower End -->
@@ -105,18 +109,73 @@
 			</div>
 		</div>
 	</div>
-	<div id="body">
+	<div id="note">
 		<div class="container" ng-controller="NoticeCtrl">
-			<ul id="note" class="list-unstyled list-inline">
-				<li>系统公告</li>
+			<ul class="list-unstyled list-inline">
+				<li><i class="fa fa-fw fa-bullhorn"></i></li>
 				<li ng-repeat="notice in notices"><i>●</i><a
 					href="public#/notice/{{notice.id}}" ng-bind="notice.title"></a><span
 					class="new" ng-show="$index==0"></span></li>
 				<li class="extra"><a href="public#/notice">查看更多<i
-						class="fa fa-angle-right" style="margin-left: 3px;"></i></a></li>
+						class="fa fa-angle-double-right" style="margin-left: 3px;"></i></a></li>
 			</ul>
 		</div>
 	</div>
+	<div id="ad-info">
+		<div class="container">
+			<div class="headerline">
+				<div class="content">UAS云管理平台</div>
+			</div>
+			<div class="guide-list clearfix">
+				<div class="row">
+					<div class="col-xs-4">
+						<div class="item">
+							<h4>简单易用、轻松管理</h4>
+							<p>化繁为简的操作界面，操作更简单更快捷</p>
+						</div>
+					</div>
+					<div class="col-xs-4">
+						<div class="item">
+							<h4>功能齐全、灵活多变</h4>
+							<p>支持模块功能选择开放；支持单据、查询自定义；支持报表自定义</p>
+						</div>
+					</div>
+					<div class="col-xs-4">
+						<div class="item">
+							<h4>免费使用、投入低</h4>
+							<p>无需购置硬件，无需配备专业网络管理人员，无需担心软件升级。一次注册，永久使用</p>
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-xs-4">
+						<div class="item">
+							<h4>独立账套、安全可靠</h4>
+							<p>数据库服务器集群，数据定时自动备份；每个用户数据库独立使用</p>
+						</div>
+					</div>
+					<div class="col-xs-4">
+						<div class="item">
+							<h4>顾问服务、产品培训</h4>
+							<p>提供初始化服务，轻松建账、快速开展业务；专业化、个性化的产品操作应用指导，助您快速掌握和精通产品使用技巧</p>
+						</div>
+					</div>
+					<div class="col-xs-4">
+						<div class="item">
+							<h4>浏览器、手机客户端随时办公</h4>
+							<p>提供Android及IOS不同版本移动客户端，无论身处何地，都能整体把握企业的运营状况</p>
+						</div>
+					</div>
+				</div>
+			</div>
+			<p>
+				<a class="btn btn-primary btn-lg btn-shadow"
+					href="http://make-guest.saas.ubtob.com" role="button">制造版体验</a> <a
+					class="btn btn-primary btn-lg btn-shadow"
+					href="http://trade-guest.saas.ubtob.com" role="button">贸易版体验</a>
+			</p>
+		</div>
+	</div>
 	<!-- main End -->
 	<div class="navbar navbar-fixed-bottom" id="footer">
 		<!-- footer inner -->

src/main/webapp/resources/css/signin.css

@@ -76,10 +76,55 @@ h1,h2,h3 {
 	color: #fff;
 }
 
+.btn-line {
+	background: transparent;
+	color: #fff;
+	border-color:  #fff;
+}
+
+.btn-line:hover,.btn-line:focus,.btn-line:active,.btn-line.active {
+	color: #2f9833;
+	border-color:  #2f9833;
+}
+
+.btn-lg.btn-shadow {
+    padding: 13px 35px 17px;
+}
+
+.btn-primary.btn-shadow {
+    -webkit-box-shadow: inset 0 -4px 0 #2a6496;
+    box-shadow: inset 0 -4px 0 #2a6496;
+    border: 0;
+    color: #fff;
+}
+
 .form-control {
 	border-color: #e0e0e0;
 }
 
+.headerline {
+	border-top: 1px solid #ddd;
+	position: relative;
+	font-size: 24px;
+	font-weight: 500;
+	line-height: 22px;
+	margin: 25px 0 25px -15px;
+	clear: both;
+	zoom: 1;
+}
+
+.headerline .content {
+	position: absolute;
+	top: -12px;
+	left: 0;
+	line-height: 24px;
+	padding: 0 15px 0 10px;
+	background: #fff;
+	color: #000;
+	font-weight: 500;
+	z-index: 2;
+}
+
 .loading {
 	display: none;
 	position: absolute;
@@ -218,18 +263,18 @@ h1,h2,h3 {
 }
 
 #note {
+	background-color: #e5e5e5;
+    height: 32px;
+    line-height: 32px;
+    color: #666;
+}
+
+#note ul {
 	overflow: hidden;
 	position: relative;
-	margin-top: 30px;
-	margin-bottom: 15px;
-	padding-left: 20px;
-	padding-right: 90px;
-	line-height: 40px;
-	background-color: #fff;
-	border: 1px solid #e7e7eb;
 }
 
-#note li:not(:first-child){
+#note ul li:not(:first-child){
 	margin-left:30px;
 }
 
@@ -238,9 +283,9 @@ h1,h2,h3 {
 	font-weight: 400;
 	font-style: normal;
 	vertical-align: middle;
-	color: #d5d5d5;
 	margin-top: -0.2em;
 	margin-right: 3px;
+	color: #999;
 }
 
 #note a {
@@ -250,11 +295,12 @@ h1,h2,h3 {
 	white-space: nowrap;
 	word-wrap: normal;
 	max-width: 22em;
-	color: #333;
+	color: #666;
 }
 
 #note a:hover {
 	color: #428bca;
+	text-decoration: none;
 }
 
 #note .extra {
@@ -271,6 +317,26 @@ h1,h2,h3 {
 	display: inline-block;
 	margin-left: 6px;
 }
+
+#ad-info {
+	margin-top: 48px;
+	margin-bottom: 100px;
+}
+
+#ad-info .guide-list .item {
+	border: 1px solid #e5e5e5;
+	padding: 15px 25px;
+	margin-bottom: 20px;
+	height: 160px;
+}
+
+#ad-info .guide-list .item:hover {
+	border-color: #44b549;	
+}
+
+#ad-info p {
+	color: #666;
+}
 /*footer*/
 #footer {
 	color: #f1f1f1;